[ { "path": ".commitlintrc.js", "content": "module.exports = {\n extends: ['@commitlint/config-conventional'],\n rules: {},\n};\n" }, { "path": ".eslintrc", "content": "{\n \"extends\": \"react-app\",\n \"plugins\": [\n \"react-hooks\"\n ],\n \"rules\": {\n \"react-hooks/rules-of-hooks\": \"error\",\n \"react-hooks/exhaustive-deps\": \"warn\",\n \"no-multi-spaces\": 1,\n \"react/jsx-tag-spacing\": 1, // 总是在自动关闭的标签前加一个空格，正常情况下也不需要换行\n \"jsx-quotes\": 1,\n \"react/jsx-closing-bracket-location\": 1, // 遵循JSX语法缩进/格式\n \"react/jsx-boolean-value\": 1, // 如果属性值为 true, 可以直接省略\n \"react/no-string-refs\": 1, // 总是在Refs里使用回调函数\n \"react/self-closing-comp\": 1, // 对于没有子元素的标签来说总是自己关闭标签\n \"react/sort-comp\": 1, // 按照具体规范的React.createClass 的生命周期函数书写代码\n \"react/jsx-pascal-case\": 1 // React模块名使用帕斯卡命名，实例使用骆驼式命名\n }\n}" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# production\n/build\n\n# misc\n.DS_Store\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n" }, { "path": ".prettierignore", "content": "public/theme.less" }, { "path": ".prettierrc", "content": "{\n \"trailingComma\": \"es5\",\n \"tabWidth\": 4,\n \"singleQuote\": true,\n \"jsxBracketSameLine\": false,\n \"printWidth\": 100\n}\n" }, { "path": ".travis.yml", "content": "language: node_js\nnode_js:\n - \"10\"\nscript:\n - yarn\n - yarn build" }, { "path": "CHANGELOG.md", "content": "### 更新日志\n\n#### 2017-07-08\n\n- 依赖包版本升级\n - react@15.6.1\n - antd@2.11.2\n - webpack@2.6.1\n - 等等\n\n#### 2017-08-01\n\n- 引入 redux 系列\n - redux@3.7.2\n - redux-thunk@2.2.0\n - react-redux@5.0.5\n- 增加权限管理模块\n - 使用 easy-mock 模拟数据模拟登录接口\n - 使用 redux 系列将登录用户数据传递给权限组件\n - 权限组件采用 Render Callback 的方式传递权限给需要受控制的组件（具体做法请查看源代码。）\n - 用户状态保存在 localStorage 中\n - 具体做法请运行项目查看\n - PS：以上管理权限只是一种方式，但这绝对不是唯一的方式，也不是最好的方式。如果你有更好的方式，不妨加上面的群和大家一起分享下。😄😄\n- 增加路径别名\n - 使用@别名处理引入组件相对路径过长问题。\n - 缺点：编辑器不能使用快捷提示和快捷跳转到相应的文件\n\n#### 2017-08-13\n\n- 权限管理模块增加页面跳转权限验证\n - 点击权限管理的路由拦截，若没有访问权限则会跳转到 404 页面。\n - 大致实现方式(非常简单)：通过向自定义 router 组件传入 store，登录之后可获取到 redux 中的权限 state 数据，并通过判断是否包含权限进行跳转。ps: 该 demo 的效果是管理员登录之后才能跳转到路由拦截页面。具体操作请拉取代码尝试。\n\n#### 2017-08-26\n\n- 增加响应式布局 - 替换 antd Col 组件的响应式栅格为 md(具体参数用法请查看 antd 官方文档) - 初始化页面是获取当前浏览器宽度设置菜单显示类型 - 监听 window 的 onresize 函数，设置菜单显示类型。PS：浏览器宽度存入 redux 中，方便组件之间传递。\n ![截图](https://raw.githubusercontent.com/yezihaohao/react-admin/master/src/style/imgs/mobile.gif)\n\n#### 2017-09-13\n\n- 依赖包版本升级\n - antd@2.13.1(目前最新版)\n\n#### 2017-10-21\n\n- 开发环境增加 react-hot-loader-保持状态刷新组件(译：实时调整组件),可参考以下相关项目\n - [react-hot-loader](https://github.com/gaearon/react-hot-loader)\n\n#### 2017-12-12\n\n- 依赖包版本升级\n - antd@3.0.1(目前最新版)\n - react-router-dom@4.2.2\n- 大改动\n - react-router 切换 4.x 版本，切换响应的版本路由写法(具体见代码更新日志)\n - ps: react-router 3.x 的版本请查看代码分支 router3.x\n\n#### 2018-01-12\n\n- 增加 cssmodule 的支持（css, less）\n\n - 建议用 css 预处理器，文件名为 xxx.module.less，引入相应组件即可使用。\n\n - 具体做法参见新增模块，路由后缀：/app/cssModule。[点击访问](http://cheng_haohao.oschina.io/reactadmin/#/app/cssModule)\n\n#### 2018-10-13\n\n- 重大更新 :sparkles:\n - 升级 create-react-app 2.x，详情文档见[官方文档](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html)\n- 升级大部分第三方库，升级版本见[commit](https://github.com/yezihaohao/react-admin/commit/d8dc0ff0c6517c57a46d731adba69112a55145a9#diff-b9cfc7f2cdf78a7f4b91a753d10865a2)\n- 增加自定义主题功能 - 主题基础样式配置见[variables.less](https://github.com/yezihaohao/react-admin/blob/master/src/style/antd/variables.less) - 修改主题基础样式后执行`yarn theme 或 npm run theme`，默认主题即可生效 - 页面上可自定义主题颜色配置(根据此可添加字体大小等其他 antd 的默认样式)\n ![自定义主题](https://raw.githubusercontent.com/yezihaohao/react-admin/master/screenshots/themepicker.png)\n\n#### 2018-11-07\n\n- 完善 PWA 的 manifest.json 文件，增加按钮手动触发安装 PWA 应用\n - 最新版的 chrome 浏览器访问[ReactAdmin](https://admiring-dijkstra-34cb29.netlify.com/)即可体验\n\n![PWA](https://raw.githubusercontent.com/yezihaohao/react-admin/master/screenshots/pwa.png)\n\n#### 2018-11-26\n\n- 增加问号形式的路由参数扩展\n\n#### 2018-12-28\n\n- 增加[react-document-title](https://github.com/gaearon/react-document-title)组件，根据路由设置页面 title\n\n#### 2019-03-20\n\n- 增加[redux-alita](https://github.com/yezihaohao/redux-alita),极简的 redux 工具用法，详情见其代码仓库\n\n#### 2019-05-10\n\n- 升级 react，react-dom，增加 hooks 支持（去掉 react-hot-loader，老版本 hot-loader 使用 hook 有点问题）\n- 增加菜单可拖拽\n\n![截图](https://raw.githubusercontent.com/yezihaohao/react-admin/master/screenshots/menu_draggable.gif)\n\n#### 2019-09-04\n\n- 增加 Git 提交 message 规范约束工具[commitizen](https://github.com/commitizen/cz-cli)\n - Git 提交规范往往是团队编码必需，借助工具能形成更好的约束，如果你不喜欢用，可参照提交记录去掉[bd426fd](https://github.com/yezihaohao/react-admin/commit/a9401d191edd077bc3e59c8dbeeb61e5029cde95)\n\n#### 2019-09-26\n\n- 更新 create-react-app3.x 版本，升级部分依赖 lib，详情请查看提交记录（有问题请提 issue）\n\n#### 2019-10-26\n\n- 新增访客模式的路由配置+demo（主路由配置）\n - [在线 Demo](https://admiring-dijkstra-34cb29.netlify.com/#/app/extension/visitor)\n\n#### 2019-12-18\n\n- 新增多级菜单配置功能（菜单可配置成无限的树状菜单，菜单嵌套过多时，样式问题可能需要你调整）\n\n#### 2020-01-21\n\n- 新增服务端异步菜单功能\n\n#### 2020-08-02\n\n- 新增多环境配置方案，环境配置任你加，源码详情请查看[提交记录](https://github.com/yezihaohao/react-admin/commit/d2cb53dca7e7179c794dc9e699d057ed549aec62)\n - 根目录增加 .env.ra.xxx，其中 xxx 是 package.json 中运行的脚本命令第三个参数，请结合项目查看\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2019 yezihaohao\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# react-admin([尝试一下在线编辑](https://codesandbox.io/s/react-admin-u9kdb))\n\nreact-admin system solution\n\n\"logo\"\n\n![travis-ci](https://travis-ci.org/yezihaohao/react-admin.svg?branch=master)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\n\n\n### 文档地址：[wiki](https://github.com/yezihaohao/react-admin/wiki)\n\n### 问题和方案汇总：[issue](https://github.com/yezihaohao/react-admin/issues/12)\n\n### 更新日志迁移至[CHANGELOG.md](https://github.com/yezihaohao/react-admin/blob/master/CHANGELOG.md)😁(重要！对于了解项目部分功能和代码很有用！)\n\n### cli 安装和使用 react-admin 🔥\n\n使用 [saigao](https://github.com/yezihaohao/saigao) 快速安装和下载 react-admin 模板来开发项目：\n\n```js\nnpm i -g saigao\n\nsaigao myapp\n// 或者使用npx 下载模板\nnpx saigao myapp\n```\n\n### 前言\n\n> 网上 react 后台管理开源免费的完整版项目比较少，所以利用空余时间集成了一个版本出来，已放到 GitHub\n> 启动和打包的时间都稍长，请耐心等待两分钟\n\n- [GitHub 地址](https://github.com/yezihaohao/react-admin)\n- [预览地址](https://admiring-dijkstra-34cb29.netlify.com)(已增加响应式，可手机预览 😄)\n\n### 依赖模块\n\n项目是用 create-react-app 创建的，主要还是列出新加的功能依赖包\n\n点击名称可跳转相关网站 😄😄\n\n- [react](https://facebook.github.io/react/)\n- [react-router](https://react-guide.github.io/react-router-cn/)(react 路由，4.x 的版本，如果还使用 3.x 的版本，请切换分支（ps:分支不再维护）)\n- [redux](https://redux.js.org/)(基础用法，但是封装了通用 action 和 reducer，demo 中主要用于权限控制（ps：目前可以用 16.x 的 context api 代替），可以简单了解下)\n- [antd](https://ant.design/index-cn)(蚂蚁金服开源的 react ui 组件框架)\n- [axios](https://github.com/mzabriskie/axios)(http 请求模块，可用于前端任何场景，很强大 👍)\n- [echarts-for-react](https://github.com/hustcc/echarts-for-react)(可视化图表，别人基于 react 对 echarts 的封装，足够用了)\n- [recharts](http://recharts.org/#/zh-CN/)(另一个基于 react 封装的图表，个人觉得是没有 echarts 好用)\n- [nprogress](https://github.com/rstacruz/nprogress)(顶部加载条，蛮好用 👍)\n- [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg)(别人基于 react 的富文本封装，如果找到其他更好的可以替换)\n- [react-draggable](https://github.com/mzabriskie/react-draggable)(拖拽模块，找了个简单版的)\n- [screenfull](https://github.com/sindresorhus/screenfull.js/)(全屏插件)\n- [photoswipe](https://github.com/dimsemenov/photoswipe)(图片弹层查看插件，不依赖 jQuery，还是蛮好用 👍)\n- [animate.css](http://daneden.me/animate)(css 动画库)\n- [react-loadable](https://github.com/jamiebuilds/react-loadable)(代码拆分，按需加载，预加载，样样都行，具体见其文档，推荐使用)\n- [redux-alita](https://github.com/yezihaohao/redux-alita) 极简的 redux2react 工具\n- 其他小细节省略\n\n### 功能模块\n\n备注：项目只引入了 ant-design 的部分组件，其他的组件 antd 官网有源码，可以直接复制到项目中使用，后续有时间补上全部组件。\n\n项目使用了 antd 的自定义主题功能-->黑色，若想替换其他颜色，具体操作请查看 antd 官网\n\n\n\n- 首页\n - 完整布局\n - 换肤(全局功能，暂时只实现了顶部导航的换肤，后续加上其他模块)\n- 导航菜单\n - 顶部导航(菜单伸缩，全屏功能)\n - 左边菜单(增加滚动条以及适配路由的 active 操作)\n- UI 模块\n - 按钮(antd 组件)\n - 图标(antd 组件并增加彩色表情符)\n - 加载中(antd 组件并增加顶部加载条)\n - 通知提醒框(antd 组件)\n - 标签页(antd 组件)\n - 轮播图(ant 动效组件)\n - 富文本\n - 拖拽\n - 画廊\n- 动画\n - 基础动画(animate.css 所有动画)\n - 动画案例\n- 表格\n - 基础表格(antd 组件)\n - 高级表格(antd 组件)\n - 异步表格(数据来自掘金酱的接口)\n- 表单\n - 基础表单(antd 组件)\n- 图表\n - echarts 图表\n - recharts 图表\n- 页面\n - 登录页面(包括 GitHub 第三方登录)\n - 404 页面\n\n### 功能截图\n\n#### 首页\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd1.gif)\n\n#### 按钮图标等\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd2.gif)\n\n#### 轮播图\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd3.gif)\n\n#### 富文本\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd4.gif)\n\n#### 拖拽\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd5.gif)\n\n#### 画廊\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd6.gif)\n\n#### 动画\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd7.gif)\n\n#### 表格\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd8.gif)\n\n#### 表单\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd9.gif)\n\n#### 图表\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd10.gif)\n\n#### 页面\n\n![截图](https://raw.githubusercontent.com/yezihaohao/yezihaohao.github.io/master/imgs/rd11.gif)\n\n#### 菜单拖拽\n\n![截图](https://raw.githubusercontent.com/yezihaohao/react-admin/master/screenshots/menu_draggable.gif)\n\n### 代码目录\n\n```js\n+-- build/ ---打包的文件目录\n+-- config/ ---npm run eject 后的配置文件目录\n+-- node_modules/ ---npm下载文件目录\n+-- public/\n| --- index.html\t\t\t\t\t\t\t---首页入口html文件\n| --- npm.json\t\t\t\t\t\t\t---echarts测试数据\n| --- weibo.json\t\t\t\t\t\t\t---echarts测试数据\n+-- src/ ---核心代码目录\n| +-- axios ---http请求存放目录\n| | --- index.js\n| +-- components ---各式各样的组件存放目录\n| | +-- animation ---动画组件\n| | | --- ...\n| | +-- charts ---图表组件\n| | | --- ...\n| | +-- dashboard ---首页组件\n| | | --- ...\n| | +-- forms ---表单组件\n| | | --- ...\n| | +-- pages ---页面组件\n| | | --- ...\n| | +-- tables ---表格组件\n| | | --- ...\n| | +-- ui ---ui组件\n| | | --- ...\n| | --- BreadcrumbCustom.jsx ---面包屑组件\n| | --- HeaderCustom.jsx ---顶部导航组件\n| | --- Page.jsx ---页面容器\n| | --- SiderCustom.jsx ---左边菜单组件\n| +-- style ---项目的样式存放目录，主要采用less编写\n| +-- utils ---工具文件存放目录\n| --- App.js ---组件入口文件\n| --- index.js ---项目的整体js入口文件，包括路由配置等\n--- .env ---启动项目自定义端口配置文件\n--- .eslintrc ---自定义eslint配置文件，包括增加的react jsx语法限制\n--- package.json\n```\n\n### 安装运行\n\n##### 1.下载或克隆项目源码\n\n##### 2.yarn 安装依赖(国内建议增加淘宝镜像源，不然很慢，你懂的 😁)\n\n> 有些老铁遇到运行时报错，首先确定下是不是最新稳定版的 nodejs 和 yarn，切记不要用 cnpm\n\n```js\n// 首推荐使用yarn装包，避免自动升级依赖包\nyarn;\n```\n\n##### 3.启动项目\n\n```js\nyarn start\n```\n\n##### 4.打包项目\n\n```js\nyarn build\n```\n\n### Q&A(点击问题查看答案)\n\n#### 1.[create-react-app 打包项目 run build 增加进度条信息?](https://github.com/yezihaohao/react-admin/issues/12#issuecomment-325383346)\n\n#### 2.[接口跨域了，怎么在本地开发时配置代理?](https://github.com/yezihaohao/react-admin/issues/12#issuecomment-326169055)\n\n#### 3.[在使用 hashRouter 的情况下怎么实现类似锚点跳转?](https://github.com/yezihaohao/react-admin/issues/12#issuecomment-345127221)\n\n#### 4.[怎么添加多页面配置?](https://github.com/yezihaohao/react-admin/issues/12#issuecomment-348088852)\n\n#### 5.[路由传参数接问号怎么传?](https://github.com/yezihaohao/react-admin/issues/12#issuecomment-375583089)\n\n#### 6.[如何兼容 IE 浏览器?](https://github.com/yezihaohao/react-admin/issues/12#issuecomment-510295292)\n\n### License\n\nMIT\n\n### 结尾\n\n该项目会不定时更新，后续时间会添加更多的模块\n\n欢迎和感谢大家 PR~~👏👏\n\n若有问题，可加 QQ 群与我交流\n\n- 1 群：264591039（已满）\n- 2 群：592688854（已满）\n- 3 群：743490497 (已满)\n- 4 群：150131600 (已满)\n\n如果对你有帮助，给个 star 哟~~❤️❤️❤️❤️\n" }, { "path": "config/env.js", "content": "'use strict';\n\nconst fs = require('fs');\nconst path = require('path');\nconst paths = require('./paths');\n\n// Make sure that including paths.js after env.js will read .env variables.\ndelete require.cache[require.resolve('./paths')];\n\nconst NODE_ENV = process.env.NODE_ENV;\nconst REACT_ADMIN = process.env.REACT_ADMIN;\nif (!NODE_ENV) {\n throw new Error('The NODE_ENV environment variable is required but was not specified.');\n}\n\n// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use\nconst dotenvFiles = [\n `${paths.dotenv}.${NODE_ENV}.local`,\n `${paths.dotenv}.${NODE_ENV}`,\n `${paths.dotenv}.ra.${REACT_ADMIN}`,\n // Don't include `.env.local` for `test` environment\n // since normally you expect tests to produce the same\n // results for everyone\n NODE_ENV !== 'test' && `${paths.dotenv}.local`,\n paths.dotenv,\n].filter(Boolean);\n\n// Load environment variables from .env* files. Suppress warnings using silent\n// if this file is missing. dotenv will never modify any environment variables\n// that have already been set. Variable expansion is supported in .env files.\n// https://github.com/motdotla/dotenv\n// https://github.com/motdotla/dotenv-expand\ndotenvFiles.forEach((dotenvFile) => {\n if (fs.existsSync(dotenvFile)) {\n require('dotenv-expand')(\n require('dotenv').config({\n path: dotenvFile,\n })\n );\n }\n});\n\n// We support resolving modules according to `NODE_PATH`.\n// This lets you use absolute paths in imports inside large monorepos:\n// https://github.com/facebook/create-react-app/issues/253.\n// It works similar to `NODE_PATH` in Node itself:\n// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders\n// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.\n// Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.\n// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421\n// We also resolve them to make sure all tools using them work consistently.\nconst appDirectory = fs.realpathSync(process.cwd());\nprocess.env.NODE_PATH = (process.env.NODE_PATH || '')\n .split(path.delimiter)\n .filter((folder) => folder && !path.isAbsolute(folder))\n .map((folder) => path.resolve(appDirectory, folder))\n .join(path.delimiter);\n\n// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be\n// injected into the application via DefinePlugin in Webpack configuration.\nconst REACT_APP = /^REACT_APP_/i;\nconst REACT_ADMIN_REG = /^REACT_ADMIN_/i;\n\nfunction getClientEnvironment(publicUrl) {\n const raw = Object.keys(process.env)\n .filter((key) => REACT_APP.test(key) || REACT_ADMIN_REG.test(key))\n .reduce(\n (env, key) => {\n env[key] = process.env[key];\n return env;\n },\n {\n // Useful for determining whether we’re running in production mode.\n // Most importantly, it switches React into the correct mode.\n NODE_ENV: process.env.NODE_ENV || 'development',\n // Useful for resolving the correct path to static assets in `public`.\n // For example, .\n // This should only be used as an escape hatch. Normally you would put\n // images into the `src` and `import` them in code to get their paths.\n PUBLIC_URL: publicUrl,\n }\n );\n // Stringify all values so we can feed into Webpack DefinePlugin\n const stringified = {\n 'process.env': Object.keys(raw).reduce((env, key) => {\n env[key] = JSON.stringify(raw[key]);\n return env;\n }, {}),\n };\n\n return { raw, stringified };\n}\n\nmodule.exports = getClientEnvironment;\n" }, { "path": "config/jest/cssTransform.js", "content": "'use strict';\n\n// This is a custom Jest transformer turning style imports into empty objects.\n// http://facebook.github.io/jest/docs/en/webpack.html\n\nmodule.exports = {\n process() {\n return 'module.exports = {};';\n },\n getCacheKey() {\n // The output is always the same.\n return 'cssTransform';\n },\n};\n" }, { "path": "config/jest/fileTransform.js", "content": "'use strict';\n\nconst path = require('path');\nconst camelcase = require('camelcase');\n\n// This is a custom Jest transformer turning file imports into filenames.\n// http://facebook.github.io/jest/docs/en/webpack.html\n\nmodule.exports = {\n process(src, filename) {\n const assetFilename = JSON.stringify(path.basename(filename));\n\n if (filename.match(/\\.svg$/)) {\n // Based on how SVGR generates a component name:\n // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6\n const pascalCaseFilename = camelcase(path.parse(filename).name, {\n pascalCase: true,\n });\n const componentName = `Svg${pascalCaseFilename}`;\n return `const React = require('react');\n module.exports = {\n __esModule: true,\n default: ${assetFilename},\n ReactComponent: React.forwardRef(function ${componentName}(props, ref) {\n return {\n $$typeof: Symbol.for('react.element'),\n type: 'svg',\n ref: ref,\n key: null,\n props: Object.assign({}, props, {\n children: ${assetFilename}\n })\n };\n }),\n };`;\n }\n\n return `module.exports = ${assetFilename};`;\n },\n};\n" }, { "path": "config/modules.js", "content": "'use strict';\n\nconst fs = require('fs');\nconst path = require('path');\nconst paths = require('./paths');\nconst chalk = require('react-dev-utils/chalk');\nconst resolve = require('resolve');\n\n/**\n * Get additional module paths based on the baseUrl of a compilerOptions object.\n *\n * @param {Object} options\n */\nfunction getAdditionalModulePaths(options = {}) {\n const baseUrl = options.baseUrl;\n\n // We need to explicitly check for null and undefined (and not a falsy value) because\n // TypeScript treats an empty string as `.`.\n if (baseUrl == null) {\n // If there's no baseUrl set we respect NODE_PATH\n // Note that NODE_PATH is deprecated and will be removed\n // in the next major release of create-react-app.\n\n const nodePath = process.env.NODE_PATH || '';\n return nodePath.split(path.delimiter).filter(Boolean);\n }\n\n const baseUrlResolved = path.resolve(paths.appPath, baseUrl);\n\n // We don't need to do anything if `baseUrl` is set to `node_modules`. This is\n // the default behavior.\n if (path.relative(paths.appNodeModules, baseUrlResolved) === '') {\n return null;\n }\n\n // Allow the user set the `baseUrl` to `appSrc`.\n if (path.relative(paths.appSrc, baseUrlResolved) === '') {\n return [paths.appSrc];\n }\n\n // If the path is equal to the root directory we ignore it here.\n // We don't want to allow importing from the root directly as source files are\n // not transpiled outside of `src`. We do allow importing them with the\n // absolute path (e.g. `src/Components/Button.js`) but we set that up with\n // an alias.\n if (path.relative(paths.appPath, baseUrlResolved) === '') {\n return null;\n }\n\n // Otherwise, throw an error.\n throw new Error(\n chalk.red.bold(\n \"Your project's `baseUrl` can only be set to `src` or `node_modules`.\" +\n ' Create React App does not support other values at this time.'\n )\n );\n}\n\n/**\n * Get webpack aliases based on the baseUrl of a compilerOptions object.\n *\n * @param {*} options\n */\nfunction getWebpackAliases(options = {}) {\n const baseUrl = options.baseUrl;\n\n if (!baseUrl) {\n return {};\n }\n\n const baseUrlResolved = path.resolve(paths.appPath, baseUrl);\n\n if (path.relative(paths.appPath, baseUrlResolved) === '') {\n return {\n src: paths.appSrc,\n };\n }\n}\n\n/**\n * Get jest aliases based on the baseUrl of a compilerOptions object.\n *\n * @param {*} options\n */\nfunction getJestAliases(options = {}) {\n const baseUrl = options.baseUrl;\n\n if (!baseUrl) {\n return {};\n }\n\n const baseUrlResolved = path.resolve(paths.appPath, baseUrl);\n\n if (path.relative(paths.appPath, baseUrlResolved) === '') {\n return {\n 'src/(.*)$': '/src/$1',\n };\n }\n}\n\nfunction getModules() {\n // Check if TypeScript is setup\n const hasTsConfig = fs.existsSync(paths.appTsConfig);\n const hasJsConfig = fs.existsSync(paths.appJsConfig);\n\n if (hasTsConfig && hasJsConfig) {\n throw new Error(\n 'You have both a tsconfig.json and a jsconfig.json. If you are using TypeScript please remove your jsconfig.json file.'\n );\n }\n\n let config;\n\n // If there's a tsconfig.json we assume it's a\n // TypeScript project and set up the config\n // based on tsconfig.json\n if (hasTsConfig) {\n const ts = require(resolve.sync('typescript', {\n basedir: paths.appNodeModules,\n }));\n config = ts.readConfigFile(paths.appTsConfig, ts.sys.readFile).config;\n // Otherwise we'll check if there is jsconfig.json\n // for non TS projects.\n } else if (hasJsConfig) {\n config = require(paths.appJsConfig);\n }\n\n config = config || {};\n const options = config.compilerOptions || {};\n\n const additionalModulePaths = getAdditionalModulePaths(options);\n\n return {\n additionalModulePaths: additionalModulePaths,\n webpackAliases: getWebpackAliases(options),\n jestAliases: getJestAliases(options),\n hasTsConfig,\n };\n}\n\nmodule.exports = getModules();\n" }, { "path": "config/paths.js", "content": "'use strict';\n\nconst path = require('path');\nconst fs = require('fs');\nconst url = require('url');\n\n// Make sure any symlinks in the project folder are resolved:\n// https://github.com/facebook/create-react-app/issues/637\nconst appDirectory = fs.realpathSync(process.cwd());\nconst resolveApp = relativePath => path.resolve(appDirectory, relativePath);\n\nconst envPublicUrl = process.env.PUBLIC_URL;\n\nfunction ensureSlash(inputPath, needsSlash) {\n const hasSlash = inputPath.endsWith('/');\n if (hasSlash && !needsSlash) {\n return inputPath.substr(0, inputPath.length - 1);\n } else if (!hasSlash && needsSlash) {\n return `${inputPath}/`;\n } else {\n return inputPath;\n }\n}\n\nconst getPublicUrl = appPackageJson =>\n envPublicUrl || require(appPackageJson).homepage;\n\n// We use `PUBLIC_URL` environment variable or \"homepage\" field to infer\n// \"public path\" at which the app is served.\n// Webpack needs to know it to put the right \n \n \n
\n \n\n" }, { "path": "public/manifest.json", "content": "{\n \"name\": \"ReactAdmin\",\n \"short_name\": \"ReactAdmin\",\n \"theme_color\": \"#313653\",\n \"background_color\": \"#313653\",\n \"display\": \"fullscreen\",\n \"start_url\": \".\",\n \"icons\": [\n {\n \"src\": \"images/icons/icon-72x72.png\",\n \"sizes\": \"72x72\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-96x96.png\",\n \"sizes\": \"96x96\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-128x128.png\",\n \"sizes\": \"128x128\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-144x144.png\",\n \"sizes\": \"144x144\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-152x152.png\",\n \"sizes\": \"152x152\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-192x192.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-384x384.png\",\n \"sizes\": \"384x384\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"images/icons/icon-512x512.png\",\n \"sizes\": \"512x512\",\n \"type\": \"image/png\"\n }\n ],\n \"splash_pages\": null\n}" }, { "path": "public/robots.txt", "content": "# https://www.robotstxt.org/robotstxt.html\nUser-agent: *\n" }, { "path": "public/theme.less", "content": "@primary-color: #313653;\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable */\n.bezierEasingMixin() {\n@functions: ~`(function() {\n var NEWTON_ITERATIONS = 4;\n var NEWTON_MIN_SLOPE = 0.001;\n var SUBDIVISION_PRECISION = 0.0000001;\n var SUBDIVISION_MAX_ITERATIONS = 10;\n\n var kSplineTableSize = 11;\n var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\n\n var float32ArraySupported = typeof Float32Array === 'function';\n\n function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; }\n function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; }\n function C (aA1) { return 3.0 * aA1; }\n\n // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\n function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; }\n\n // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2.\n function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); }\n\n function binarySubdivide (aX, aA, aB, mX1, mX2) {\n var currentX, currentT, i = 0;\n do {\n currentT = aA + (aB - aA) / 2.0;\n currentX = calcBezier(currentT, mX1, mX2) - aX;\n if (currentX > 0.0) {\n aB = currentT;\n } else {\n aA = currentT;\n }\n } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS);\n return currentT;\n }\n\n function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) {\n for (var i = 0; i < NEWTON_ITERATIONS; ++i) {\n var currentSlope = getSlope(aGuessT, mX1, mX2);\n if (currentSlope === 0.0) {\n return aGuessT;\n }\n var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n aGuessT -= currentX / currentSlope;\n }\n return aGuessT;\n }\n\n var BezierEasing = function (mX1, mY1, mX2, mY2) {\n if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {\n throw new Error('bezier x values must be in [0, 1] range');\n }\n\n // Precompute samples table\n var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize);\n if (mX1 !== mY1 || mX2 !== mY2) {\n for (var i = 0; i < kSplineTableSize; ++i) {\n sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n }\n }\n\n function getTForX (aX) {\n var intervalStart = 0.0;\n var currentSample = 1;\n var lastSample = kSplineTableSize - 1;\n\n for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n intervalStart += kSampleStepSize;\n }\n --currentSample;\n\n // Interpolate to provide an initial guess for t\n var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n var guessForT = intervalStart + dist * kSampleStepSize;\n\n var initialSlope = getSlope(guessForT, mX1, mX2);\n if (initialSlope >= NEWTON_MIN_SLOPE) {\n return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n } else if (initialSlope === 0.0) {\n return guessForT;\n } else {\n return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n }\n }\n\n return function BezierEasing (x) {\n if (mX1 === mY1 && mX2 === mY2) {\n return x; // linear\n }\n // Because JavaScript number are imprecise, we should guarantee the extremes are right.\n if (x === 0) {\n return 0;\n }\n if (x === 1) {\n return 1;\n }\n return calcBezier(getTForX(x), mY1, mY2);\n };\n };\n\n this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18);\n // less 3 requires a return\n return '';\n})()`;\n}\n// It is hacky way to make this function will be compiled preferentially by less\n// resolve error: `ReferenceError: colorPalette is not defined`\n// https://github.com/ant-design/ant-motion/issues/44\n.bezierEasingMixin();\n\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.tinyColorMixin() {\n@functions: ~`(function() {\n// TinyColor v1.4.1\n// https://github.com/bgrins/TinyColor\n// 2016-07-07, Brian Grinstead, MIT License\nvar trimLeft = /^\\s+/,\n trimRight = /\\s+$/,\n tinyCounter = 0,\n mathRound = Math.round,\n mathMin = Math.min,\n mathMax = Math.max,\n mathRandom = Math.random;\n\nfunction tinycolor (color, opts) {\n\n color = (color) ? color : '';\n opts = opts || { };\n\n // If input is already a tinycolor, return itself\n if (color instanceof tinycolor) {\n return color;\n }\n // If we are called as a function, call using new instead\n if (!(this instanceof tinycolor)) {\n return new tinycolor(color, opts);\n }\n\n var rgb = inputToRGB(color);\n this._originalInput = color,\n this._r = rgb.r,\n this._g = rgb.g,\n this._b = rgb.b,\n this._a = rgb.a,\n this._roundA = mathRound(100*this._a) / 100,\n this._format = opts.format || rgb.format;\n this._gradientType = opts.gradientType;\n\n // Don't let the range of [0,255] come back in [0,1].\n // Potentially lose a little bit of precision here, but will fix issues where\n // .5 gets interpreted as half of the total, instead of half of 1\n // If it was supposed to be 128, this was already taken care of by inputToRgb\n if (this._r < 1) { this._r = mathRound(this._r); }\n if (this._g < 1) { this._g = mathRound(this._g); }\n if (this._b < 1) { this._b = mathRound(this._b); }\n\n this._ok = rgb.ok;\n this._tc_id = tinyCounter++;\n}\n\ntinycolor.prototype = {\n isDark: function() {\n return this.getBrightness() < 128;\n },\n isLight: function() {\n return !this.isDark();\n },\n isValid: function() {\n return this._ok;\n },\n getOriginalInput: function() {\n return this._originalInput;\n },\n getFormat: function() {\n return this._format;\n },\n getAlpha: function() {\n return this._a;\n },\n getBrightness: function() {\n //http://www.w3.org/TR/AERT#color-contrast\n var rgb = this.toRgb();\n return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;\n },\n getLuminance: function() {\n //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n var rgb = this.toRgb();\n var RsRGB, GsRGB, BsRGB, R, G, B;\n RsRGB = rgb.r/255;\n GsRGB = rgb.g/255;\n BsRGB = rgb.b/255;\n\n if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}\n if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}\n if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}\n return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);\n },\n setAlpha: function(value) {\n this._a = boundAlpha(value);\n this._roundA = mathRound(100*this._a) / 100;\n return this;\n },\n toHsv: function() {\n var hsv = rgbToHsv(this._r, this._g, this._b);\n return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };\n },\n toHsvString: function() {\n var hsv = rgbToHsv(this._r, this._g, this._b);\n var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);\n return (this._a == 1) ?\n \"hsv(\" + h + \", \" + s + \"%, \" + v + \"%)\" :\n \"hsva(\" + h + \", \" + s + \"%, \" + v + \"%, \"+ this._roundA + \")\";\n },\n toHsl: function() {\n var hsl = rgbToHsl(this._r, this._g, this._b);\n return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };\n },\n toHslString: function() {\n var hsl = rgbToHsl(this._r, this._g, this._b);\n var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);\n return (this._a == 1) ?\n \"hsl(\" + h + \", \" + s + \"%, \" + l + \"%)\" :\n \"hsla(\" + h + \", \" + s + \"%, \" + l + \"%, \"+ this._roundA + \")\";\n },\n toHex: function(allow3Char) {\n return rgbToHex(this._r, this._g, this._b, allow3Char);\n },\n toHexString: function(allow3Char) {\n return '#' + this.toHex(allow3Char);\n },\n toHex8: function(allow4Char) {\n return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);\n },\n toHex8String: function(allow4Char) {\n return '#' + this.toHex8(allow4Char);\n },\n toRgb: function() {\n return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };\n },\n toRgbString: function() {\n return (this._a == 1) ?\n \"rgb(\" + mathRound(this._r) + \", \" + mathRound(this._g) + \", \" + mathRound(this._b) + \")\" :\n \"rgba(\" + mathRound(this._r) + \", \" + mathRound(this._g) + \", \" + mathRound(this._b) + \", \" + this._roundA + \")\";\n },\n toPercentageRgb: function() {\n return { r: mathRound(bound01(this._r, 255) * 100) + \"%\", g: mathRound(bound01(this._g, 255) * 100) + \"%\", b: mathRound(bound01(this._b, 255) * 100) + \"%\", a: this._a };\n },\n toPercentageRgbString: function() {\n return (this._a == 1) ?\n \"rgb(\" + mathRound(bound01(this._r, 255) * 100) + \"%, \" + mathRound(bound01(this._g, 255) * 100) + \"%, \" + mathRound(bound01(this._b, 255) * 100) + \"%)\" :\n \"rgba(\" + mathRound(bound01(this._r, 255) * 100) + \"%, \" + mathRound(bound01(this._g, 255) * 100) + \"%, \" + mathRound(bound01(this._b, 255) * 100) + \"%, \" + this._roundA + \")\";\n },\n toName: function() {\n if (this._a === 0) {\n return \"transparent\";\n }\n\n if (this._a < 1) {\n return false;\n }\n\n return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;\n },\n toFilter: function(secondColor) {\n var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);\n var secondHex8String = hex8String;\n var gradientType = this._gradientType ? \"GradientType = 1, \" : \"\";\n\n if (secondColor) {\n var s = tinycolor(secondColor);\n secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);\n }\n\n return \"progid:DXImageTransform.Microsoft.gradient(\"+gradientType+\"startColorstr=\"+hex8String+\",endColorstr=\"+secondHex8String+\")\";\n },\n toString: function(format) {\n var formatSet = !!format;\n format = format || this._format;\n\n var formattedString = false;\n var hasAlpha = this._a < 1 && this._a >= 0;\n var needsAlphaFormat = !formatSet && hasAlpha && (format === \"hex\" || format === \"hex6\" || format === \"hex3\" || format === \"hex4\" || format === \"hex8\" || format === \"name\");\n\n if (needsAlphaFormat) {\n // Special case for \"transparent\", all other non-alpha formats\n // will return rgba when there is transparency.\n if (format === \"name\" && this._a === 0) {\n return this.toName();\n }\n return this.toRgbString();\n }\n if (format === \"rgb\") {\n formattedString = this.toRgbString();\n }\n if (format === \"prgb\") {\n formattedString = this.toPercentageRgbString();\n }\n if (format === \"hex\" || format === \"hex6\") {\n formattedString = this.toHexString();\n }\n if (format === \"hex3\") {\n formattedString = this.toHexString(true);\n }\n if (format === \"hex4\") {\n formattedString = this.toHex8String(true);\n }\n if (format === \"hex8\") {\n formattedString = this.toHex8String();\n }\n if (format === \"name\") {\n formattedString = this.toName();\n }\n if (format === \"hsl\") {\n formattedString = this.toHslString();\n }\n if (format === \"hsv\") {\n formattedString = this.toHsvString();\n }\n\n return formattedString || this.toHexString();\n },\n clone: function() {\n return tinycolor(this.toString());\n },\n\n _applyModification: function(fn, args) {\n var color = fn.apply(null, [this].concat([].slice.call(args)));\n this._r = color._r;\n this._g = color._g;\n this._b = color._b;\n this.setAlpha(color._a);\n return this;\n },\n lighten: function() {\n return this._applyModification(lighten, arguments);\n },\n brighten: function() {\n return this._applyModification(brighten, arguments);\n },\n darken: function() {\n return this._applyModification(darken, arguments);\n },\n desaturate: function() {\n return this._applyModification(desaturate, arguments);\n },\n saturate: function() {\n return this._applyModification(saturate, arguments);\n },\n greyscale: function() {\n return this._applyModification(greyscale, arguments);\n },\n spin: function() {\n return this._applyModification(spin, arguments);\n },\n\n _applyCombination: function(fn, args) {\n return fn.apply(null, [this].concat([].slice.call(args)));\n },\n analogous: function() {\n return this._applyCombination(analogous, arguments);\n },\n complement: function() {\n return this._applyCombination(complement, arguments);\n },\n monochromatic: function() {\n return this._applyCombination(monochromatic, arguments);\n },\n splitcomplement: function() {\n return this._applyCombination(splitcomplement, arguments);\n },\n triad: function() {\n return this._applyCombination(triad, arguments);\n },\n tetrad: function() {\n return this._applyCombination(tetrad, arguments);\n }\n};\n\n// If input is an object, force 1 into \"1.0\" to handle ratios properly\n// String input requires \"1.0\" as input, so 1 will be treated as 1\ntinycolor.fromRatio = function(color, opts) {\n if (typeof color == \"object\") {\n var newColor = {};\n for (var i in color) {\n if (color.hasOwnProperty(i)) {\n if (i === \"a\") {\n newColor[i] = color[i];\n }\n else {\n newColor[i] = convertToPercentage(color[i]);\n }\n }\n }\n color = newColor;\n }\n\n return tinycolor(color, opts);\n};\n\n// Given a string or object, convert that input to RGB\n// Possible string inputs:\n//\n// \"red\"\n// \"#f00\" or \"f00\"\n// \"#ff0000\" or \"ff0000\"\n// \"#ff000000\" or \"ff000000\"\n// \"rgb 255 0 0\" or \"rgb (255, 0, 0)\"\n// \"rgb 1.0 0 0\" or \"rgb (1, 0, 0)\"\n// \"rgba (255, 0, 0, 1)\" or \"rgba 255, 0, 0, 1\"\n// \"rgba (1.0, 0, 0, 1)\" or \"rgba 1.0, 0, 0, 1\"\n// \"hsl(0, 100%, 50%)\" or \"hsl 0 100% 50%\"\n// \"hsla(0, 100%, 50%, 1)\" or \"hsla 0 100% 50%, 1\"\n// \"hsv(0, 100%, 100%)\" or \"hsv 0 100% 100%\"\n//\nfunction inputToRGB(color) {\n\n var rgb = { r: 0, g: 0, b: 0 };\n var a = 1;\n var s = null;\n var v = null;\n var l = null;\n var ok = false;\n var format = false;\n\n if (typeof color == \"string\") {\n color = stringInputToObject(color);\n }\n\n if (typeof color == \"object\") {\n if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {\n rgb = rgbToRgb(color.r, color.g, color.b);\n ok = true;\n format = String(color.r).substr(-1) === \"%\" ? \"prgb\" : \"rgb\";\n }\n else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {\n s = convertToPercentage(color.s);\n v = convertToPercentage(color.v);\n rgb = hsvToRgb(color.h, s, v);\n ok = true;\n format = \"hsv\";\n }\n else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {\n s = convertToPercentage(color.s);\n l = convertToPercentage(color.l);\n rgb = hslToRgb(color.h, s, l);\n ok = true;\n format = \"hsl\";\n }\n\n if (color.hasOwnProperty(\"a\")) {\n a = color.a;\n }\n }\n\n a = boundAlpha(a);\n\n return {\n ok: ok,\n format: color.format || format,\n r: mathMin(255, mathMax(rgb.r, 0)),\n g: mathMin(255, mathMax(rgb.g, 0)),\n b: mathMin(255, mathMax(rgb.b, 0)),\n a: a\n };\n}\n\n// Conversion Functions\n// --------------------\n\n// rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from:\n// \n\n// rgbToRgb\n// Handle bounds / percentage checking to conform to CSS color spec\n// \n// *Assumes:* r, g, b in [0, 255] or [0, 1]\n// *Returns:* { r, g, b } in [0, 255]\nfunction rgbToRgb(r, g, b){\n return {\n r: bound01(r, 255) * 255,\n g: bound01(g, 255) * 255,\n b: bound01(b, 255) * 255\n };\n}\n\n// rgbToHsl\n// Converts an RGB color value to HSL.\n// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]\n// *Returns:* { h, s, l } in [0,1]\nfunction rgbToHsl(r, g, b) {\n\n r = bound01(r, 255);\n g = bound01(g, 255);\n b = bound01(b, 255);\n\n var max = mathMax(r, g, b), min = mathMin(r, g, b);\n var h, s, l = (max + min) / 2;\n\n if(max == min) {\n h = s = 0; // achromatic\n }\n else {\n var d = max - min;\n s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n switch(max) {\n case r: h = (g - b) / d + (g < b ? 6 : 0); break;\n case g: h = (b - r) / d + 2; break;\n case b: h = (r - g) / d + 4; break;\n }\n\n h /= 6;\n }\n\n return { h: h, s: s, l: l };\n}\n\n// hslToRgb\n// Converts an HSL color value to RGB.\n// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]\n// *Returns:* { r, g, b } in the set [0, 255]\nfunction hslToRgb(h, s, l) {\n var r, g, b;\n\n h = bound01(h, 360);\n s = bound01(s, 100);\n l = bound01(l, 100);\n\n function hue2rgb(p, q, t) {\n if(t < 0) t += 1;\n if(t > 1) t -= 1;\n if(t < 1/6) return p + (q - p) * 6 * t;\n if(t < 1/2) return q;\n if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;\n return p;\n }\n\n if(s === 0) {\n r = g = b = l; // achromatic\n }\n else {\n var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n var p = 2 * l - q;\n r = hue2rgb(p, q, h + 1/3);\n g = hue2rgb(p, q, h);\n b = hue2rgb(p, q, h - 1/3);\n }\n\n return { r: r * 255, g: g * 255, b: b * 255 };\n}\n\n// rgbToHsv\n// Converts an RGB color value to HSV\n// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]\n// *Returns:* { h, s, v } in [0,1]\nfunction rgbToHsv(r, g, b) {\n\n r = bound01(r, 255);\n g = bound01(g, 255);\n b = bound01(b, 255);\n\n var max = mathMax(r, g, b), min = mathMin(r, g, b);\n var h, s, v = max;\n\n var d = max - min;\n s = max === 0 ? 0 : d / max;\n\n if(max == min) {\n h = 0; // achromatic\n }\n else {\n switch(max) {\n case r: h = (g - b) / d + (g < b ? 6 : 0); break;\n case g: h = (b - r) / d + 2; break;\n case b: h = (r - g) / d + 4; break;\n }\n h /= 6;\n }\n return { h: h, s: s, v: v };\n}\n\n// hsvToRgb\n// Converts an HSV color value to RGB.\n// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]\n// *Returns:* { r, g, b } in the set [0, 255]\n function hsvToRgb(h, s, v) {\n\n h = bound01(h, 360) * 6;\n s = bound01(s, 100);\n v = bound01(v, 100);\n\n var i = Math.floor(h),\n f = h - i,\n p = v * (1 - s),\n q = v * (1 - f * s),\n t = v * (1 - (1 - f) * s),\n mod = i % 6,\n r = [v, q, p, p, t, v][mod],\n g = [t, v, v, q, p, p][mod],\n b = [p, p, t, v, v, q][mod];\n\n return { r: r * 255, g: g * 255, b: b * 255 };\n}\n\n// rgbToHex\n// Converts an RGB color to hex\n// Assumes r, g, and b are contained in the set [0, 255]\n// Returns a 3 or 6 character hex\nfunction rgbToHex(r, g, b, allow3Char) {\n\n var hex = [\n pad2(mathRound(r).toString(16)),\n pad2(mathRound(g).toString(16)),\n pad2(mathRound(b).toString(16))\n ];\n\n // Return a 3 character hex if possible\n if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {\n return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);\n }\n\n return hex.join(\"\");\n}\n\n// rgbaToHex\n// Converts an RGBA color plus alpha transparency to hex\n// Assumes r, g, b are contained in the set [0, 255] and\n// a in [0, 1]. Returns a 4 or 8 character rgba hex\nfunction rgbaToHex(r, g, b, a, allow4Char) {\n\n var hex = [\n pad2(mathRound(r).toString(16)),\n pad2(mathRound(g).toString(16)),\n pad2(mathRound(b).toString(16)),\n pad2(convertDecimalToHex(a))\n ];\n\n // Return a 4 character hex if possible\n if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {\n return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);\n }\n\n return hex.join(\"\");\n}\n\n// rgbaToArgbHex\n// Converts an RGBA color to an ARGB Hex8 string\n// Rarely used, but required for \"toFilter()\"\nfunction rgbaToArgbHex(r, g, b, a) {\n\n var hex = [\n pad2(convertDecimalToHex(a)),\n pad2(mathRound(r).toString(16)),\n pad2(mathRound(g).toString(16)),\n pad2(mathRound(b).toString(16))\n ];\n\n return hex.join(\"\");\n}\n\n// equals\n// Can be called with any tinycolor input\ntinycolor.equals = function (color1, color2) {\n if (!color1 || !color2) { return false; }\n return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();\n};\n\ntinycolor.random = function() {\n return tinycolor.fromRatio({\n r: mathRandom(),\n g: mathRandom(),\n b: mathRandom()\n });\n};\n\n// Modification Functions\n// ----------------------\n// Thanks to less.js for some of the basics here\n// \n\nfunction desaturate(color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.s -= amount / 100;\n hsl.s = clamp01(hsl.s);\n return tinycolor(hsl);\n}\n\nfunction saturate(color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.s += amount / 100;\n hsl.s = clamp01(hsl.s);\n return tinycolor(hsl);\n}\n\nfunction greyscale(color) {\n return tinycolor(color).desaturate(100);\n}\n\nfunction lighten (color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.l += amount / 100;\n hsl.l = clamp01(hsl.l);\n return tinycolor(hsl);\n}\n\nfunction brighten(color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var rgb = tinycolor(color).toRgb();\n rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));\n rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));\n rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));\n return tinycolor(rgb);\n}\n\nfunction darken (color, amount) {\n amount = (amount === 0) ? 0 : (amount || 10);\n var hsl = tinycolor(color).toHsl();\n hsl.l -= amount / 100;\n hsl.l = clamp01(hsl.l);\n return tinycolor(hsl);\n}\n\n// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.\n// Values outside of this range will be wrapped into this range.\nfunction spin(color, amount) {\n var hsl = tinycolor(color).toHsl();\n var hue = (hsl.h + amount) % 360;\n hsl.h = hue < 0 ? 360 + hue : hue;\n return tinycolor(hsl);\n}\n\n// Combination Functions\n// ---------------------\n// Thanks to jQuery xColor for some of the ideas behind these\n// \n\nfunction complement(color) {\n var hsl = tinycolor(color).toHsl();\n hsl.h = (hsl.h + 180) % 360;\n return tinycolor(hsl);\n}\n\nfunction triad(color) {\n var hsl = tinycolor(color).toHsl();\n var h = hsl.h;\n return [\n tinycolor(color),\n tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),\n tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })\n ];\n}\n\nfunction tetrad(color) {\n var hsl = tinycolor(color).toHsl();\n var h = hsl.h;\n return [\n tinycolor(color),\n tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),\n tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),\n tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })\n ];\n}\n\nfunction splitcomplement(color) {\n var hsl = tinycolor(color).toHsl();\n var h = hsl.h;\n return [\n tinycolor(color),\n tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),\n tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})\n ];\n}\n\nfunction analogous(color, results, slices) {\n results = results || 6;\n slices = slices || 30;\n\n var hsl = tinycolor(color).toHsl();\n var part = 360 / slices;\n var ret = [tinycolor(color)];\n\n for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {\n hsl.h = (hsl.h + part) % 360;\n ret.push(tinycolor(hsl));\n }\n return ret;\n}\n\nfunction monochromatic(color, results) {\n results = results || 6;\n var hsv = tinycolor(color).toHsv();\n var h = hsv.h, s = hsv.s, v = hsv.v;\n var ret = [];\n var modification = 1 / results;\n\n while (results--) {\n ret.push(tinycolor({ h: h, s: s, v: v}));\n v = (v + modification) % 1;\n }\n\n return ret;\n}\n\n// Utility Functions\n// ---------------------\n\ntinycolor.mix = function(color1, color2, amount) {\n amount = (amount === 0) ? 0 : (amount || 50);\n\n var rgb1 = tinycolor(color1).toRgb();\n var rgb2 = tinycolor(color2).toRgb();\n\n var p = amount / 100;\n\n var rgba = {\n r: ((rgb2.r - rgb1.r) * p) + rgb1.r,\n g: ((rgb2.g - rgb1.g) * p) + rgb1.g,\n b: ((rgb2.b - rgb1.b) * p) + rgb1.b,\n a: ((rgb2.a - rgb1.a) * p) + rgb1.a\n };\n\n return tinycolor(rgba);\n};\n\n// Readability Functions\n// ---------------------\n// false\n// tinycolor.isReadable(\"#000\", \"#111\",{level:\"AA\",size:\"large\"}) => false\ntinycolor.isReadable = function(color1, color2, wcag2) {\n var readability = tinycolor.readability(color1, color2);\n var wcag2Parms, out;\n\n out = false;\n\n wcag2Parms = validateWCAG2Parms(wcag2);\n switch (wcag2Parms.level + wcag2Parms.size) {\n case \"AAsmall\":\n case \"AAAlarge\":\n out = readability >= 4.5;\n break;\n case \"AAlarge\":\n out = readability >= 3;\n break;\n case \"AAAsmall\":\n out = readability >= 7;\n break;\n }\n return out;\n\n};\n\n// mostReadable\n// Given a base color and a list of possible foreground or background\n// colors for that base, returns the most readable color.\n// Optionally returns Black or White if the most readable color is unreadable.\n// *Example*\n// tinycolor.mostReadable(tinycolor.mostReadable(\"#123\", [\"#124\", \"#125\"],{includeFallbackColors:false}).toHexString(); // \"#112255\"\n// tinycolor.mostReadable(tinycolor.mostReadable(\"#123\", [\"#124\", \"#125\"],{includeFallbackColors:true}).toHexString(); // \"#ffffff\"\n// tinycolor.mostReadable(\"#a8015a\", [\"#faf3f3\"],{includeFallbackColors:true,level:\"AAA\",size:\"large\"}).toHexString(); // \"#faf3f3\"\n// tinycolor.mostReadable(\"#a8015a\", [\"#faf3f3\"],{includeFallbackColors:true,level:\"AAA\",size:\"small\"}).toHexString(); // \"#ffffff\"\ntinycolor.mostReadable = function(baseColor, colorList, args) {\n var bestColor = null;\n var bestScore = 0;\n var readability;\n var includeFallbackColors, level, size ;\n args = args || {};\n includeFallbackColors = args.includeFallbackColors ;\n level = args.level;\n size = args.size;\n\n for (var i= 0; i < colorList.length ; i++) {\n readability = tinycolor.readability(baseColor, colorList[i]);\n if (readability > bestScore) {\n bestScore = readability;\n bestColor = tinycolor(colorList[i]);\n }\n }\n\n if (tinycolor.isReadable(baseColor, bestColor, {\"level\":level,\"size\":size}) || !includeFallbackColors) {\n return bestColor;\n }\n else {\n args.includeFallbackColors=false;\n return tinycolor.mostReadable(baseColor,[\"#fff\", \"#000\"],args);\n }\n};\n\n// Big List of Colors\n// ------------------\n// \nvar names = tinycolor.names = {\n aliceblue: \"f0f8ff\",\n antiquewhite: \"faebd7\",\n aqua: \"0ff\",\n aquamarine: \"7fffd4\",\n azure: \"f0ffff\",\n beige: \"f5f5dc\",\n bisque: \"ffe4c4\",\n black: \"000\",\n blanchedalmond: \"ffebcd\",\n blue: \"00f\",\n blueviolet: \"8a2be2\",\n brown: \"a52a2a\",\n burlywood: \"deb887\",\n burntsienna: \"ea7e5d\",\n cadetblue: \"5f9ea0\",\n chartreuse: \"7fff00\",\n chocolate: \"d2691e\",\n coral: \"ff7f50\",\n cornflowerblue: \"6495ed\",\n cornsilk: \"fff8dc\",\n crimson: \"dc143c\",\n cyan: \"0ff\",\n darkblue: \"00008b\",\n darkcyan: \"008b8b\",\n darkgoldenrod: \"b8860b\",\n darkgray: \"a9a9a9\",\n darkgreen: \"006400\",\n darkgrey: \"a9a9a9\",\n darkkhaki: \"bdb76b\",\n darkmagenta: \"8b008b\",\n darkolivegreen: \"556b2f\",\n darkorange: \"ff8c00\",\n darkorchid: \"9932cc\",\n darkred: \"8b0000\",\n darksalmon: \"e9967a\",\n darkseagreen: \"8fbc8f\",\n darkslateblue: \"483d8b\",\n darkslategray: \"2f4f4f\",\n darkslategrey: \"2f4f4f\",\n darkturquoise: \"00ced1\",\n darkviolet: \"9400d3\",\n deeppink: \"ff1493\",\n deepskyblue: \"00bfff\",\n dimgray: \"696969\",\n dimgrey: \"696969\",\n dodgerblue: \"1e90ff\",\n firebrick: \"b22222\",\n floralwhite: \"fffaf0\",\n forestgreen: \"228b22\",\n fuchsia: \"f0f\",\n gainsboro: \"dcdcdc\",\n ghostwhite: \"f8f8ff\",\n gold: \"ffd700\",\n goldenrod: \"daa520\",\n gray: \"808080\",\n green: \"008000\",\n greenyellow: \"adff2f\",\n grey: \"808080\",\n honeydew: \"f0fff0\",\n hotpink: \"ff69b4\",\n indianred: \"cd5c5c\",\n indigo: \"4b0082\",\n ivory: \"fffff0\",\n khaki: \"f0e68c\",\n lavender: \"e6e6fa\",\n lavenderblush: \"fff0f5\",\n lawngreen: \"7cfc00\",\n lemonchiffon: \"fffacd\",\n lightblue: \"add8e6\",\n lightcoral: \"f08080\",\n lightcyan: \"e0ffff\",\n lightgoldenrodyellow: \"fafad2\",\n lightgray: \"d3d3d3\",\n lightgreen: \"90ee90\",\n lightgrey: \"d3d3d3\",\n lightpink: \"ffb6c1\",\n lightsalmon: \"ffa07a\",\n lightseagreen: \"20b2aa\",\n lightskyblue: \"87cefa\",\n lightslategray: \"789\",\n lightslategrey: \"789\",\n lightsteelblue: \"b0c4de\",\n lightyellow: \"ffffe0\",\n lime: \"0f0\",\n limegreen: \"32cd32\",\n linen: \"faf0e6\",\n magenta: \"f0f\",\n maroon: \"800000\",\n mediumaquamarine: \"66cdaa\",\n mediumblue: \"0000cd\",\n mediumorchid: \"ba55d3\",\n mediumpurple: \"9370db\",\n mediumseagreen: \"3cb371\",\n mediumslateblue: \"7b68ee\",\n mediumspringgreen: \"00fa9a\",\n mediumturquoise: \"48d1cc\",\n mediumvioletred: \"c71585\",\n midnightblue: \"191970\",\n mintcream: \"f5fffa\",\n mistyrose: \"ffe4e1\",\n moccasin: \"ffe4b5\",\n navajowhite: \"ffdead\",\n navy: \"000080\",\n oldlace: \"fdf5e6\",\n olive: \"808000\",\n olivedrab: \"6b8e23\",\n orange: \"ffa500\",\n orangered: \"ff4500\",\n orchid: \"da70d6\",\n palegoldenrod: \"eee8aa\",\n palegreen: \"98fb98\",\n paleturquoise: \"afeeee\",\n palevioletred: \"db7093\",\n papayawhip: \"ffefd5\",\n peachpuff: \"ffdab9\",\n peru: \"cd853f\",\n pink: \"ffc0cb\",\n plum: \"dda0dd\",\n powderblue: \"b0e0e6\",\n purple: \"800080\",\n rebeccapurple: \"663399\",\n red: \"f00\",\n rosybrown: \"bc8f8f\",\n royalblue: \"4169e1\",\n saddlebrown: \"8b4513\",\n salmon: \"fa8072\",\n sandybrown: \"f4a460\",\n seagreen: \"2e8b57\",\n seashell: \"fff5ee\",\n sienna: \"a0522d\",\n silver: \"c0c0c0\",\n skyblue: \"87ceeb\",\n slateblue: \"6a5acd\",\n slategray: \"708090\",\n slategrey: \"708090\",\n snow: \"fffafa\",\n springgreen: \"00ff7f\",\n steelblue: \"4682b4\",\n tan: \"d2b48c\",\n teal: \"008080\",\n thistle: \"d8bfd8\",\n tomato: \"ff6347\",\n turquoise: \"40e0d0\",\n violet: \"ee82ee\",\n wheat: \"f5deb3\",\n white: \"fff\",\n whitesmoke: \"f5f5f5\",\n yellow: \"ff0\",\n yellowgreen: \"9acd32\"\n};\n\n// Make it easy to access colors via hexNames[hex]\nvar hexNames = tinycolor.hexNames = flip(names);\n\n// Utilities\n// ---------\n\n// { 'name1': 'val1' } becomes { 'val1': 'name1' }\nfunction flip(o) {\n var flipped = { };\n for (var i in o) {\n if (o.hasOwnProperty(i)) {\n flipped[o[i]] = i;\n }\n }\n return flipped;\n}\n\n// Return a valid alpha value [0,1] with all invalid values being set to 1\nfunction boundAlpha(a) {\n a = parseFloat(a);\n\n if (isNaN(a) || a < 0 || a > 1) {\n a = 1;\n }\n\n return a;\n}\n\n// Take input from [0, n] and return it as [0, 1]\nfunction bound01(n, max) {\n if (isOnePointZero(n)) { n = \"100%\"; }\n\n var processPercent = isPercentage(n);\n n = mathMin(max, mathMax(0, parseFloat(n)));\n\n // Automatically convert percentage into number\n if (processPercent) {\n n = parseInt(n * max, 10) / 100;\n }\n\n // Handle floating point rounding errors\n if ((Math.abs(n - max) < 0.000001)) {\n return 1;\n }\n\n // Convert into [0, 1] range if it isn't already\n return (n % max) / parseFloat(max);\n}\n\n// Force a number between 0 and 1\nfunction clamp01(val) {\n return mathMin(1, mathMax(0, val));\n}\n\n// Parse a base-16 hex value into a base-10 integer\nfunction parseIntFromHex(val) {\n return parseInt(val, 16);\n}\n\n// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1\n// \nfunction isOnePointZero(n) {\n return typeof n == \"string\" && n.indexOf('.') != -1 && parseFloat(n) === 1;\n}\n\n// Check to see if string passed in is a percentage\nfunction isPercentage(n) {\n return typeof n === \"string\" && n.indexOf('%') != -1;\n}\n\n// Force a hex value to have 2 characters\nfunction pad2(c) {\n return c.length == 1 ? '0' + c : '' + c;\n}\n\n// Replace a decimal with it's percentage value\nfunction convertToPercentage(n) {\n if (n <= 1) {\n n = (n * 100) + \"%\";\n }\n\n return n;\n}\n\n// Converts a decimal to a hex value\nfunction convertDecimalToHex(d) {\n return Math.round(parseFloat(d) * 255).toString(16);\n}\n// Converts a hex value to a decimal\nfunction convertHexToDecimal(h) {\n return (parseIntFromHex(h) / 255);\n}\n\nvar matchers = (function() {\n\n // \n var CSS_INTEGER = \"[-\\\\+]?\\\\d+%?\";\n\n // \n var CSS_NUMBER = \"[-\\\\+]?\\\\d*\\\\.\\\\d+%?\";\n\n // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.\n var CSS_UNIT = \"(?:\" + CSS_NUMBER + \")|(?:\" + CSS_INTEGER + \")\";\n\n // Actual matching.\n // Parentheses and commas are optional, but not required.\n // Whitespace can take the place of commas or opening paren\n var PERMISSIVE_MATCH3 = \"[\\\\s|\\\\(]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")\\\\s*\\\\)?\";\n var PERMISSIVE_MATCH4 = \"[\\\\s|\\\\(]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")[,|\\\\s]+(\" + CSS_UNIT + \")\\\\s*\\\\)?\";\n\n return {\n CSS_UNIT: new RegExp(CSS_UNIT),\n rgb: new RegExp(\"rgb\" + PERMISSIVE_MATCH3),\n rgba: new RegExp(\"rgba\" + PERMISSIVE_MATCH4),\n hsl: new RegExp(\"hsl\" + PERMISSIVE_MATCH3),\n hsla: new RegExp(\"hsla\" + PERMISSIVE_MATCH4),\n hsv: new RegExp(\"hsv\" + PERMISSIVE_MATCH3),\n hsva: new RegExp(\"hsva\" + PERMISSIVE_MATCH4),\n hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,\n hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,\n hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,\n hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/\n };\n})();\n\n// isValidCSSUnit\n// Take in a single string / number and check to see if it looks like a CSS unit\n// (see matchers above for definition).\nfunction isValidCSSUnit(color) {\n return !!matchers.CSS_UNIT.exec(color);\n}\n\n// stringInputToObject\n// Permissive string parsing. Take in a number of formats, and output an object\n// based on detected format. Returns { r, g, b } or { h, s, l } or { h, s, v}\nfunction stringInputToObject(color) {\n\n color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase();\n var named = false;\n if (names[color]) {\n color = names[color];\n named = true;\n }\n else if (color == 'transparent') {\n return { r: 0, g: 0, b: 0, a: 0, format: \"name\" };\n }\n\n // Try to match string input using regular expressions.\n // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]\n // Just return an object and let the conversion functions handle that.\n // This way the result will be the same whether the tinycolor is initialized with string or object.\n var match;\n if ((match = matchers.rgb.exec(color))) {\n return { r: match[1], g: match[2], b: match[3] };\n }\n if ((match = matchers.rgba.exec(color))) {\n return { r: match[1], g: match[2], b: match[3], a: match[4] };\n }\n if ((match = matchers.hsl.exec(color))) {\n return { h: match[1], s: match[2], l: match[3] };\n }\n if ((match = matchers.hsla.exec(color))) {\n return { h: match[1], s: match[2], l: match[3], a: match[4] };\n }\n if ((match = matchers.hsv.exec(color))) {\n return { h: match[1], s: match[2], v: match[3] };\n }\n if ((match = matchers.hsva.exec(color))) {\n return { h: match[1], s: match[2], v: match[3], a: match[4] };\n }\n if ((match = matchers.hex8.exec(color))) {\n return {\n r: parseIntFromHex(match[1]),\n g: parseIntFromHex(match[2]),\n b: parseIntFromHex(match[3]),\n a: convertHexToDecimal(match[4]),\n format: named ? \"name\" : \"hex8\"\n };\n }\n if ((match = matchers.hex6.exec(color))) {\n return {\n r: parseIntFromHex(match[1]),\n g: parseIntFromHex(match[2]),\n b: parseIntFromHex(match[3]),\n format: named ? \"name\" : \"hex\"\n };\n }\n if ((match = matchers.hex4.exec(color))) {\n return {\n r: parseIntFromHex(match[1] + '' + match[1]),\n g: parseIntFromHex(match[2] + '' + match[2]),\n b: parseIntFromHex(match[3] + '' + match[3]),\n a: convertHexToDecimal(match[4] + '' + match[4]),\n format: named ? \"name\" : \"hex8\"\n };\n }\n if ((match = matchers.hex3.exec(color))) {\n return {\n r: parseIntFromHex(match[1] + '' + match[1]),\n g: parseIntFromHex(match[2] + '' + match[2]),\n b: parseIntFromHex(match[3] + '' + match[3]),\n format: named ? \"name\" : \"hex\"\n };\n }\n\n return false;\n}\n\nfunction validateWCAG2Parms(parms) {\n // return valid WCAG2 parms for isReadable.\n // If input parms are invalid, return {\"level\":\"AA\", \"size\":\"small\"}\n var level, size;\n parms = parms || {\"level\":\"AA\", \"size\":\"small\"};\n level = (parms.level || \"AA\").toUpperCase();\n size = (parms.size || \"small\").toLowerCase();\n if (level !== \"AA\" && level !== \"AAA\") {\n level = \"AA\";\n }\n if (size !== \"small\" && size !== \"large\") {\n size = \"small\";\n }\n return {\"level\":level, \"size\":size};\n}\n\nthis.tinycolor = tinycolor;\n\n})()`;\n}\n// It is hacky way to make this function will be compiled preferentially by less\n// resolve error: `ReferenceError: colorPalette is not defined`\n// https://github.com/ant-design/ant-motion/issues/44\n.tinyColorMixin();\n\n// We create a very complex algorithm which take the place of original tint/shade color system\n// to make sure no one can understand it 👻\n// and create an entire color palette magicly by inputing just a single primary color.\n// We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin\n.colorPaletteMixin() {\n@functions: ~`(function() {\n var hueStep = 2;\n var saturationStep = 16;\n var saturationStep2 = 5;\n var brightnessStep1 = 5;\n var brightnessStep2 = 15;\n var lightColorCount = 5;\n var darkColorCount = 4;\n\n var getHue = function(hsv, i, isLight) {\n var hue;\n if (hsv.h >= 60 && hsv.h <= 240) {\n hue = isLight ? hsv.h - hueStep * i : hsv.h + hueStep * i;\n } else {\n hue = isLight ? hsv.h + hueStep * i : hsv.h - hueStep * i;\n }\n if (hue < 0) {\n hue += 360;\n } else if (hue >= 360) {\n hue -= 360;\n }\n return Math.round(hue);\n };\n var getSaturation = function(hsv, i, isLight) {\n var saturation;\n if (isLight) {\n saturation = Math.round(hsv.s * 100) - saturationStep * i;\n } else if (i === darkColorCount) {\n saturation = Math.round(hsv.s * 100) + saturationStep;\n } else {\n saturation = Math.round(hsv.s * 100) + saturationStep2 * i;\n }\n if (saturation > 100) {\n saturation = 100;\n }\n if (isLight && i === lightColorCount && saturation > 10) {\n saturation = 10;\n }\n if (saturation < 6) {\n saturation = 6;\n }\n return Math.round(saturation);\n };\n var getValue = function(hsv, i, isLight) {\n if (isLight) {\n return Math.round(hsv.v * 100) + brightnessStep1 * i;\n }\n return Math.round(hsv.v * 100) - brightnessStep2 * i;\n };\n\n this.colorPalette = function(color, index) {\n var isLight = index <= 6;\n var hsv = tinycolor(color).toHsv();\n var i = isLight ? lightColorCount + 1 - index : index - lightColorCount - 1;\n return tinycolor({\n h: getHue(hsv, i, isLight),\n s: getSaturation(hsv, i, isLight),\n v: getValue(hsv, i, isLight),\n }).toHexString();\n };\n})()`;\n}\n// It is hacky way to make this function will be compiled preferentially by less\n// resolve error: `ReferenceError: colorPalette is not defined`\n// https://github.com/ant-design/ant-motion/issues/44\n.colorPaletteMixin();\n\n// color palettes\n@blue-1: color(~`colorPalette('@{blue-6}', 1) `);\n@blue-2: color(~`colorPalette('@{blue-6}', 2) `);\n@blue-3: color(~`colorPalette('@{blue-6}', 3) `);\n@blue-4: color(~`colorPalette('@{blue-6}', 4) `);\n@blue-5: color(~`colorPalette('@{blue-6}', 5) `);\n@blue-6: #1890ff;\n@blue-7: color(~`colorPalette('@{blue-6}', 7) `);\n@blue-8: color(~`colorPalette('@{blue-6}', 8) `);\n@blue-9: color(~`colorPalette('@{blue-6}', 9) `);\n@blue-10: color(~`colorPalette('@{blue-6}', 10) `);\n\n@purple-1: color(~`colorPalette('@{purple-6}', 1) `);\n@purple-2: color(~`colorPalette('@{purple-6}', 2) `);\n@purple-3: color(~`colorPalette('@{purple-6}', 3) `);\n@purple-4: color(~`colorPalette('@{purple-6}', 4) `);\n@purple-5: color(~`colorPalette('@{purple-6}', 5) `);\n@purple-6: #722ed1;\n@purple-7: color(~`colorPalette('@{purple-6}', 7) `);\n@purple-8: color(~`colorPalette('@{purple-6}', 8) `);\n@purple-9: color(~`colorPalette('@{purple-6}', 9) `);\n@purple-10: color(~`colorPalette('@{purple-6}', 10) `);\n\n@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);\n@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);\n@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);\n@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);\n@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);\n@cyan-6: #13c2c2;\n@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);\n@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);\n@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);\n@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);\n\n@green-1: color(~`colorPalette('@{green-6}', 1) `);\n@green-2: color(~`colorPalette('@{green-6}', 2) `);\n@green-3: color(~`colorPalette('@{green-6}', 3) `);\n@green-4: color(~`colorPalette('@{green-6}', 4) `);\n@green-5: color(~`colorPalette('@{green-6}', 5) `);\n@green-6: #52c41a;\n@green-7: color(~`colorPalette('@{green-6}', 7) `);\n@green-8: color(~`colorPalette('@{green-6}', 8) `);\n@green-9: color(~`colorPalette('@{green-6}', 9) `);\n@green-10: color(~`colorPalette('@{green-6}', 10) `);\n\n@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);\n@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);\n@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);\n@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);\n@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);\n@magenta-6: #eb2f96;\n@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);\n@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);\n@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);\n@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);\n\n// alias of magenta\n@pink-1: color(~`colorPalette('@{pink-6}', 1) `);\n@pink-2: color(~`colorPalette('@{pink-6}', 2) `);\n@pink-3: color(~`colorPalette('@{pink-6}', 3) `);\n@pink-4: color(~`colorPalette('@{pink-6}', 4) `);\n@pink-5: color(~`colorPalette('@{pink-6}', 5) `);\n@pink-6: #eb2f96;\n@pink-7: color(~`colorPalette('@{pink-6}', 7) `);\n@pink-8: color(~`colorPalette('@{pink-6}', 8) `);\n@pink-9: color(~`colorPalette('@{pink-6}', 9) `);\n@pink-10: color(~`colorPalette('@{pink-6}', 10) `);\n\n@red-1: color(~`colorPalette('@{red-6}', 1) `);\n@red-2: color(~`colorPalette('@{red-6}', 2) `);\n@red-3: color(~`colorPalette('@{red-6}', 3) `);\n@red-4: color(~`colorPalette('@{red-6}', 4) `);\n@red-5: color(~`colorPalette('@{red-6}', 5) `);\n@red-6: #f5222d;\n@red-7: color(~`colorPalette('@{red-6}', 7) `);\n@red-8: color(~`colorPalette('@{red-6}', 8) `);\n@red-9: color(~`colorPalette('@{red-6}', 9) `);\n@red-10: color(~`colorPalette('@{red-6}', 10) `);\n\n@orange-1: color(~`colorPalette('@{orange-6}', 1) `);\n@orange-2: color(~`colorPalette('@{orange-6}', 2) `);\n@orange-3: color(~`colorPalette('@{orange-6}', 3) `);\n@orange-4: color(~`colorPalette('@{orange-6}', 4) `);\n@orange-5: color(~`colorPalette('@{orange-6}', 5) `);\n@orange-6: #fa8c16;\n@orange-7: color(~`colorPalette('@{orange-6}', 7) `);\n@orange-8: color(~`colorPalette('@{orange-6}', 8) `);\n@orange-9: color(~`colorPalette('@{orange-6}', 9) `);\n@orange-10: color(~`colorPalette('@{orange-6}', 10) `);\n\n@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);\n@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);\n@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);\n@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);\n@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);\n@yellow-6: #fadb14;\n@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);\n@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);\n@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);\n@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);\n\n@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);\n@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);\n@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);\n@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);\n@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);\n@volcano-6: #fa541c;\n@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);\n@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);\n@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);\n@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);\n\n@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);\n@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);\n@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);\n@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);\n@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);\n@geekblue-6: #2f54eb;\n@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);\n@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);\n@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);\n@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);\n\n@lime-1: color(~`colorPalette('@{lime-6}', 1) `);\n@lime-2: color(~`colorPalette('@{lime-6}', 2) `);\n@lime-3: color(~`colorPalette('@{lime-6}', 3) `);\n@lime-4: color(~`colorPalette('@{lime-6}', 4) `);\n@lime-5: color(~`colorPalette('@{lime-6}', 5) `);\n@lime-6: #a0d911;\n@lime-7: color(~`colorPalette('@{lime-6}', 7) `);\n@lime-8: color(~`colorPalette('@{lime-6}', 8) `);\n@lime-9: color(~`colorPalette('@{lime-6}', 9) `);\n@lime-10: color(~`colorPalette('@{lime-6}', 10) `);\n\n@gold-1: color(~`colorPalette('@{gold-6}', 1) `);\n@gold-2: color(~`colorPalette('@{gold-6}', 2) `);\n@gold-3: color(~`colorPalette('@{gold-6}', 3) `);\n@gold-4: color(~`colorPalette('@{gold-6}', 4) `);\n@gold-5: color(~`colorPalette('@{gold-6}', 5) `);\n@gold-6: #faad14;\n@gold-7: color(~`colorPalette('@{gold-6}', 7) `);\n@gold-8: color(~`colorPalette('@{gold-6}', 8) `);\n@gold-9: color(~`colorPalette('@{gold-6}', 9) `);\n@gold-10: color(~`colorPalette('@{gold-6}', 10) `);\n\n@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,\n purple;\n\n// The prefix to use on all css classes from ant.\n@ant-prefix: ant;\n\n// An override for the html selector for theme prefixes\n@html-selector: html;\n\n// -------- Colors -----------\n\n@info-color: @blue-6;\n@success-color: @green-6;\n@processing-color: @blue-6;\n@error-color: @red-6;\n@highlight-color: @red-6;\n@warning-color: @gold-6;\n@normal-color: #d9d9d9;\n@white: #fff;\n@black: #000;\n\n// Color used by default to control hover and active backgrounds and for\n// alert info backgrounds.\n@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)\n@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)\n@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused\n@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused\n@primary-5: color(\n ~`colorPalette('@{primary-color}', 5) `\n); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)\n@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color\n@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)\n@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused\n@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused\n@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused\n\n// Base Scaffolding Variables\n// ---\n\n// Background color for ``\n@body-background: #fff;\n// Base background color for most components\n@component-background: #fff;\n@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',\n 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol';\n@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n@text-color: fade(@black, 65%);\n@text-color-secondary: fade(@black, 45%);\n@text-color-inverse: @white;\n@icon-color: inherit;\n@icon-color-hover: fade(@black, 75%);\n@heading-color: fade(#000, 85%);\n@heading-color-dark: fade(@white, 100%);\n@text-color-dark: fade(@white, 85%);\n@text-color-secondary-dark: fade(@white, 65%);\n@text-selection-bg: @primary-color;\n@font-variant-base: tabular-nums;\n@font-feature-settings-base: 'tnum';\n@font-size-base: 14px;\n@font-size-lg: @font-size-base + 2px;\n@font-size-sm: 12px;\n@heading-1-size: ceil(@font-size-base * 2.71);\n@heading-2-size: ceil(@font-size-base * 2.14);\n@heading-3-size: ceil(@font-size-base * 1.71);\n@heading-4-size: ceil(@font-size-base * 1.42);\n@line-height-base: 1.5;\n@border-radius-base: 4px;\n@border-radius-sm: 2px;\n\n// vertical paddings\n@padding-lg: 24px; // containers\n@padding-md: 16px; // small containers and buttons\n@padding-sm: 12px; // Form controls and items\n@padding-xs: 8px; // small items\n\n// vertical padding for all form controls\n@control-padding-horizontal: @padding-sm;\n@control-padding-horizontal-sm: @padding-xs;\n\n// The background colors for active and hover states for things like\n// list items or table cells.\n@item-active-bg: @primary-1;\n@item-hover-bg: @primary-1;\n\n// ICONFONT\n@iconfont-css-prefix: anticon;\n\n// LINK\n@link-color: @primary-color;\n@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);\n@link-active-color: color(~`colorPalette('@{link-color}', 7) `);\n@link-decoration: none;\n@link-hover-decoration: none;\n\n// Animation\n@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);\n@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);\n@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);\n@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);\n@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);\n@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);\n@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);\n@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);\n@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);\n@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);\n\n// Border color\n@border-color-base: hsv(0, 0, 85%); // base border outline a component\n@border-color-split: hsv(0, 0, 91%); // split border inside a component\n@border-color-inverse: @white;\n@border-width-base: 1px; // width of the border for a component\n@border-style-base: solid; // style of a components border\n\n// Outline\n@outline-blur-size: 0;\n@outline-width: 2px;\n@outline-color: @primary-color;\n\n@background-color-light: hsv(0, 0, 98%); // background of header and selected item\n@background-color-base: hsv(0, 0, 96%); // Default grey background color\n\n// Disabled states\n@disabled-color: fade(#000, 25%);\n@disabled-bg: @background-color-base;\n@disabled-color-dark: fade(#fff, 35%);\n\n// Shadow\n@shadow-color: rgba(0, 0, 0, 0.15);\n@shadow-color-inverse: @component-background;\n@box-shadow-base: @shadow-1-down;\n@shadow-1-up: 0 -2px 8px @shadow-color;\n@shadow-1-down: 0 2px 8px @shadow-color;\n@shadow-1-left: -2px 0 8px @shadow-color;\n@shadow-1-right: 2px 0 8px @shadow-color;\n@shadow-2: 0 4px 12px @shadow-color;\n\n// Buttons\n@btn-font-weight: 400;\n@btn-border-radius-base: @border-radius-base;\n@btn-border-radius-sm: @border-radius-base;\n@btn-border-width: @border-width-base;\n@btn-border-style: @border-style-base;\n@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);\n@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);\n\n@btn-primary-color: #fff;\n@btn-primary-bg: @primary-color;\n\n@btn-default-color: @text-color;\n@btn-default-bg: @component-background;\n@btn-default-border: @border-color-base;\n\n@btn-danger-color: #fff;\n@btn-danger-bg: color(~`colorPalette('@{error-color}', 5) `);\n@btn-danger-border: color(~`colorPalette('@{error-color}', 5) `);\n\n@btn-disable-color: @disabled-color;\n@btn-disable-bg: @disabled-bg;\n@btn-disable-border: @border-color-base;\n\n@btn-padding-base: 0 @padding-md - 1px;\n@btn-font-size-lg: @font-size-lg;\n@btn-font-size-sm: @font-size-base;\n@btn-padding-lg: @btn-padding-base;\n@btn-padding-sm: 0 @padding-xs - 1px;\n\n@btn-height-base: 32px;\n@btn-height-lg: 40px;\n@btn-height-sm: 24px;\n\n@btn-circle-size: @btn-height-base;\n@btn-circle-size-lg: @btn-height-lg;\n@btn-circle-size-sm: @btn-height-sm;\n\n@btn-square-size: @btn-height-base;\n@btn-square-size-lg: @btn-height-lg;\n@btn-square-size-sm: @btn-height-sm;\n\n@btn-group-border: @primary-5;\n\n// Checkbox\n@checkbox-size: 16px;\n@checkbox-color: @primary-color;\n@checkbox-check-color: #fff;\n@checkbox-border-width: @border-width-base;\n\n// Descriptions\n@descriptions-bg: #fafafa;\n\n// Dropdown\n@dropdown-selected-color: @primary-color;\n\n// Empty\n@empty-font-size: @font-size-base;\n\n// Radio\n@radio-size: 16px;\n@radio-dot-color: @primary-color;\n\n// Radio buttons\n@radio-button-bg: @btn-default-bg;\n@radio-button-checked-bg: @btn-default-bg;\n@radio-button-color: @btn-default-color;\n@radio-button-hover-color: @primary-5;\n@radio-button-active-color: @primary-7;\n\n// Media queries breakpoints\n// Extra small screen / phone\n@screen-xs: 480px;\n@screen-xs-min: @screen-xs;\n\n// Small screen / tablet\n@screen-sm: 576px;\n@screen-sm-min: @screen-sm;\n\n// Medium screen / desktop\n@screen-md: 768px;\n@screen-md-min: @screen-md;\n\n// Large screen / wide desktop\n@screen-lg: 992px;\n@screen-lg-min: @screen-lg;\n\n// Extra large screen / full hd\n@screen-xl: 1200px;\n@screen-xl-min: @screen-xl;\n\n// Extra extra large screen / large desktop\n@screen-xxl: 1600px;\n@screen-xxl-min: @screen-xxl;\n\n// provide a maximum\n@screen-xs-max: (@screen-sm-min - 1px);\n@screen-sm-max: (@screen-md-min - 1px);\n@screen-md-max: (@screen-lg-min - 1px);\n@screen-lg-max: (@screen-xl-min - 1px);\n@screen-xl-max: (@screen-xxl-min - 1px);\n\n// Grid system\n@grid-columns: 24;\n@grid-gutter-width: 0;\n\n// Layout\n@layout-body-background: #f0f2f5;\n@layout-header-background: #001529;\n@layout-footer-background: @layout-body-background;\n@layout-header-height: 64px;\n@layout-header-padding: 0 50px;\n@layout-footer-padding: 24px 50px;\n@layout-sider-background: @layout-header-background;\n@layout-trigger-height: 48px;\n@layout-trigger-background: #002140;\n@layout-trigger-color: #fff;\n@layout-zero-trigger-width: 36px;\n@layout-zero-trigger-height: 42px;\n// Layout light theme\n@layout-sider-background-light: #fff;\n@layout-trigger-background-light: #fff;\n@layout-trigger-color-light: @text-color;\n\n// z-index list, order by `z-index`\n@zindex-table-fixed: auto;\n@zindex-affix: 10;\n@zindex-back-top: 10;\n@zindex-badge: 10;\n@zindex-picker-panel: 10;\n@zindex-popup-close: 10;\n@zindex-modal: 1000;\n@zindex-modal-mask: 1000;\n@zindex-message: 1010;\n@zindex-notification: 1010;\n@zindex-popover: 1030;\n@zindex-dropdown: 1050;\n@zindex-picker: 1050;\n@zindex-tooltip: 1060;\n\n// Animation\n@animation-duration-slow: 0.3s; // Modal\n@animation-duration-base: 0.2s;\n@animation-duration-fast: 0.1s; // Tooltip\n\n//CollapsePanel\n@collapse-panel-border-radius: @border-radius-base;\n\n//Dropdown\n@dropdown-vertical-padding: 5px;\n@dropdown-font-size: @font-size-base;\n@dropdown-line-height: 22px;\n\n// Form\n// ---\n@label-required-color: @highlight-color;\n@label-color: @heading-color;\n@form-warning-input-bg: @input-bg;\n@form-item-margin-bottom: 24px;\n@form-item-trailing-colon: true;\n@form-vertical-label-padding: 0 0 8px;\n@form-vertical-label-margin: 0;\n@form-error-input-bg: @input-bg;\n\n// Input\n// ---\n@input-height-base: 32px;\n@input-height-lg: 40px;\n@input-height-sm: 24px;\n@input-padding-horizontal: @control-padding-horizontal - 1px;\n@input-padding-horizontal-base: @input-padding-horizontal;\n@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;\n@input-padding-horizontal-lg: @input-padding-horizontal;\n@input-padding-vertical-base: 4px;\n@input-padding-vertical-sm: 1px;\n@input-padding-vertical-lg: 6px;\n@input-placeholder-color: hsv(0, 0, 75%);\n@input-color: @text-color;\n@input-border-color: @border-color-base;\n@input-bg: @component-background;\n@input-number-handler-active-bg: #f4f4f4;\n@input-number-handler-hover-bg: @primary-5;\n@input-number-handler-bg: @component-background;\n@input-number-handler-border-color: @border-color-base;\n@input-addon-bg: @background-color-light;\n@input-hover-border-color: @primary-5;\n@input-disabled-bg: @disabled-bg;\n@input-outline-offset: 0 0;\n\n// Select\n// ---\n@select-border-color: @border-color-base;\n@select-item-selected-font-weight: 600;\n@select-dropdown-bg: @component-background;\n@select-item-selected-bg: @background-color-light;\n@select-item-active-bg: @item-active-bg;\n\n// Anchor\n// ---\n@anchor-border-color: @border-color-split;\n\n// Tooltip\n// ---\n// Tooltip max width\n@tooltip-max-width: 250px;\n// Tooltip text color\n@tooltip-color: #fff;\n// Tooltip background color\n@tooltip-bg: rgba(0, 0, 0, 0.75);\n// Tooltip arrow width\n@tooltip-arrow-width: 5px;\n// Tooltip distance with trigger\n@tooltip-distance: @tooltip-arrow-width - 1px + 4px;\n// Tooltip arrow color\n@tooltip-arrow-color: @tooltip-bg;\n\n// Popover\n// ---\n// Popover body background color\n@popover-bg: @component-background;\n// Popover text color\n@popover-color: @text-color;\n// Popover maximum width\n@popover-min-width: 177px;\n// Popover arrow width\n@popover-arrow-width: 6px;\n// Popover arrow color\n@popover-arrow-color: @popover-bg;\n// Popover outer arrow width\n// Popover outer arrow color\n@popover-arrow-outer-color: @popover-bg;\n// Popover distance with trigger\n@popover-distance: @popover-arrow-width + 4px;\n\n// Modal\n// --\n@modal-body-padding: 24px;\n@modal-header-bg: @component-background;\n@modal-footer-bg: transparent;\n@modal-footer-border-color-split: @border-color-split;\n@modal-mask-bg: fade(@black, 45%);\n\n// Progress\n// --\n@progress-default-color: @processing-color;\n@progress-remaining-color: @background-color-base;\n@progress-text-color: @text-color;\n@progress-radius: 100px;\n\n// Menu\n// ---\n@menu-inline-toplevel-item-height: 40px;\n@menu-item-height: 40px;\n@menu-collapsed-width: 80px;\n@menu-bg: @component-background;\n@menu-popup-bg: @component-background;\n@menu-item-color: @text-color;\n@menu-highlight-color: @primary-color;\n@menu-item-active-bg: @item-active-bg;\n@menu-item-active-border-width: 3px;\n@menu-item-group-title-color: @text-color-secondary;\n@menu-icon-size: @font-size-base;\n@menu-icon-size-lg: @font-size-lg;\n\n@menu-item-vertical-margin: 4px;\n@menu-item-font-size: @font-size-base;\n@menu-item-boundary-margin: 8px;\n@menu-icon-size: @font-size-base;\n@menu-icon-size-lg: @font-size-lg;\n@menu-dark-selected-item-icon-color: @white;\n@menu-dark-selected-item-text-color: @white;\n@dark-menu-item-hover-bg: transparent;\n\n// dark theme\n@menu-dark-color: @text-color-secondary-dark;\n@menu-dark-bg: @layout-header-background;\n@menu-dark-arrow-color: #fff;\n@menu-dark-submenu-bg: #000c17;\n@menu-dark-highlight-color: #fff;\n@menu-dark-item-active-bg: @primary-color;\n@menu-dark-selected-item-icon-color: @white;\n@menu-dark-selected-item-text-color: @white;\n@menu-dark-item-hover-bg: transparent;\n// Spin\n// ---\n@spin-dot-size-sm: 14px;\n@spin-dot-size: 20px;\n@spin-dot-size-lg: 32px;\n\n// Table\n// --\n@table-header-bg: @background-color-light;\n@table-header-color: @heading-color;\n@table-header-sort-bg: @background-color-base;\n@table-body-sort-bg: rgba(0, 0, 0, 0.01);\n@table-row-hover-bg: @primary-1;\n@table-selected-row-color: inherit;\n@table-selected-row-bg: #fafafa;\n@table-body-selected-sort-bg: @table-selected-row-bg;\n@table-selected-row-hover-bg: @table-selected-row-bg;\n@table-expanded-row-bg: #fbfbfb;\n@table-padding-vertical: 16px;\n@table-padding-horizontal: 16px;\n@table-border-radius-base: @border-radius-base;\n@table-footer-bg: @background-color-light;\n@table-footer-color: @heading-color;\n\n// Tag\n// --\n@tag-default-bg: @background-color-light;\n@tag-default-color: @text-color;\n@tag-font-size: @font-size-sm;\n\n// TimePicker\n// ---\n@time-picker-panel-column-width: 56px;\n@time-picker-panel-width: @time-picker-panel-column-width * 3;\n@time-picker-selected-bg: @background-color-base;\n\n// Carousel\n// ---\n@carousel-dot-width: 16px;\n@carousel-dot-height: 3px;\n@carousel-dot-active-width: 24px;\n\n// Badge\n// ---\n@badge-height: 20px;\n@badge-dot-size: 6px;\n@badge-font-size: @font-size-sm;\n@badge-font-weight: normal;\n@badge-status-size: 6px;\n@badge-text-color: @component-background;\n\n// Rate\n// ---\n@rate-star-color: @yellow-6;\n@rate-star-bg: @border-color-split;\n\n// Card\n// ---\n@card-head-color: @heading-color;\n@card-head-background: transparent;\n@card-head-padding: 16px;\n@card-inner-head-padding: 12px;\n@card-padding-base: 24px;\n@card-actions-background: @background-color-light;\n@card-skeleton-bg: #cfd8dc;\n@card-background: @component-background;\n@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\n@card-radius: @border-radius-sm;\n\n// Comment\n// ---\n@comment-padding-base: 16px 0;\n@comment-nest-indent: 44px;\n@comment-font-size-base: @font-size-base;\n@comment-font-size-sm: @font-size-sm;\n@comment-author-name-color: @text-color-secondary;\n@comment-author-time-color: #ccc;\n@comment-action-color: @text-color-secondary;\n@comment-action-hover-color: #595959;\n\n// Tabs\n// ---\n@tabs-card-head-background: @background-color-light;\n@tabs-card-height: 40px;\n@tabs-card-active-color: @primary-color;\n@tabs-title-font-size: @font-size-base;\n@tabs-title-font-size-lg: @font-size-lg;\n@tabs-title-font-size-sm: @font-size-base;\n@tabs-ink-bar-color: @primary-color;\n@tabs-bar-margin: 0 0 16px 0;\n@tabs-horizontal-margin: 0 32px 0 0;\n@tabs-horizontal-padding: 12px 16px;\n@tabs-horizontal-padding-lg: 16px;\n@tabs-horizontal-padding-sm: 8px 16px;\n@tabs-vertical-padding: 8px 24px;\n@tabs-vertical-margin: 0 0 16px 0;\n@tabs-scrolling-size: 32px;\n@tabs-highlight-color: @primary-color;\n@tabs-hover-color: @primary-5;\n@tabs-active-color: @primary-7;\n@tabs-card-gutter: 2px;\n@tabs-card-tab-active-border-top: 2px solid transparent;\n\n// BackTop\n// ---\n@back-top-color: #fff;\n@back-top-bg: @text-color-secondary;\n@back-top-hover-bg: @text-color;\n\n// Avatar\n// ---\n@avatar-size-base: 32px;\n@avatar-size-lg: 40px;\n@avatar-size-sm: 24px;\n@avatar-font-size-base: 18px;\n@avatar-font-size-lg: 24px;\n@avatar-font-size-sm: 14px;\n@avatar-bg: #ccc;\n@avatar-color: #fff;\n@avatar-border-radius: @border-radius-base;\n\n// Switch\n// ---\n@switch-height: 22px;\n@switch-sm-height: 16px;\n@switch-sm-checked-margin-left: -(@switch-sm-height - 3px);\n@switch-disabled-opacity: 0.4;\n@switch-color: @primary-color;\n@switch-shadow-color: fade(#00230b, 20%);\n\n// Pagination\n// ---\n@pagination-item-size: 32px;\n@pagination-item-size-sm: 24px;\n@pagination-font-family: Arial;\n@pagination-font-weight-active: 500;\n@pagination-item-bg-active: @component-background;\n\n// PageHeader\n// ---\n@page-header-padding: 24px;\n@page-header-padding-vertical: 16px;\n@page-header-padding-breadcrumb: 12px;\n@page-header-back-color: #000;\n\n// Breadcrumb\n// ---\n@breadcrumb-base-color: @text-color-secondary;\n@breadcrumb-last-item-color: @text-color;\n@breadcrumb-font-size: @font-size-base;\n@breadcrumb-icon-font-size: @font-size-base;\n@breadcrumb-link-color: @text-color-secondary;\n@breadcrumb-link-color-hover: @primary-5;\n@breadcrumb-separator-color: @text-color-secondary;\n@breadcrumb-separator-margin: 0 @padding-xs;\n\n// Slider\n// ---\n@slider-margin: 14px 6px 10px;\n@slider-rail-background-color: @background-color-base;\n@slider-rail-background-color-hover: #e1e1e1;\n@slider-track-background-color: @primary-3;\n@slider-track-background-color-hover: @primary-4;\n@slider-handle-border-width: 2px;\n@slider-handle-background-color: @component-background;\n@slider-handle-color: @primary-3;\n@slider-handle-color-hover: @primary-4;\n@slider-handle-color-focus: tint(@primary-color, 20%);\n@slider-handle-color-focus-shadow: fade(@primary-color, 20%);\n@slider-handle-color-tooltip-open: @primary-color;\n@slider-handle-shadow: 0;\n@slider-dot-border-color: @border-color-split;\n@slider-dot-border-color-active: tint(@primary-color, 50%);\n@slider-disabled-color: @disabled-color;\n@slider-disabled-background-color: @component-background;\n\n// Tree\n// ---\n@tree-title-height: 24px;\n@tree-child-padding: 18px;\n@tree-directory-selected-color: #fff;\n@tree-directory-selected-bg: @primary-color;\n@tree-node-hover-bg: @item-hover-bg;\n@tree-node-selected-bg: @primary-2;\n\n// Collapse\n// ---\n@collapse-header-padding: 12px 16px;\n@collapse-header-padding-extra: 40px;\n@collapse-header-bg: @background-color-light;\n@collapse-content-padding: @padding-md;\n@collapse-content-bg: @component-background;\n\n// Skeleton\n// ---\n@skeleton-color: #f2f2f2;\n\n// Transfer\n// ---\n@transfer-header-height: 40px;\n@transfer-disabled-bg: @disabled-bg;\n@transfer-list-height: 200px;\n\n// Message\n// ---\n@message-notice-content-padding: 10px 16px;\n\n// Motion\n// ---\n@wave-animation-width: 6px;\n\n// Alert\n// ---\n@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;\n@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;\n@alert-success-icon-color: @success-color;\n@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;\n@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;\n@alert-info-icon-color: @info-color;\n@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;\n@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;\n@alert-warning-icon-color: @warning-color;\n@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;\n@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;\n@alert-error-icon-color: @error-color;\n\n// List\n// ---\n@list-header-background: transparent;\n@list-footer-background: transparent;\n@list-empty-text-padding: @padding-md;\n@list-item-padding: @padding-sm 0;\n@list-item-meta-margin-bottom: @padding-md;\n@list-item-meta-avatar-margin-right: @padding-md;\n@list-item-meta-title-margin-bottom: @padding-sm;\n\n// Statistic\n// ---\n@statistic-title-font-size: @font-size-base;\n@statistic-content-font-size: 24px;\n@statistic-unit-font-size: 16px;\n@statistic-font-family: @font-family;\n\n// Drawer\n// ---\n@drawer-header-padding: 16px 24px;\n@drawer-body-padding: 24px;\n\n// Timeline\n// ---\n@timeline-width: 2px;\n@timeline-color: @border-color-split;\n@timeline-dot-border-width: 2px;\n@timeline-dot-color: @primary-color;\n@timeline-dot-bg: @component-background;\n\n// Typography\n// ---\n@typography-title-font-weight: 600;\n\n// 基础颜色\n@white: #ffffff;\n\n@primary-color-light: fade(lighten(@primary-color, 5%), 15%);\n// 顶部背景色\n@layout-header-background:@primary-color;\n// 左边菜单light颜色\n@layout-sider-background-light: #f9f9f9;\n// 字体颜色\n@text-color: #000000;\n@table-selected-row-bg: #fbfbfb;\n@primary-2: @primary-color-light;\n// 基础圆角\n@border-radius-base: 2px;\n// 输入框后缀背景色\n@input-addon-bg: @primary-color;\n\n\n.ant-menu-root.ant-menu-inline,\n.ant-menu-root.ant-menu-vertical {\n background: @primary-color;\n border-right: 1px solid @primary-color;\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline a,\n.ant-menu-root.ant-menu-vertical a {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-selected,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-selected {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,\n.ant-menu-root.ant-menu-vertical .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-active,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-active {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::after {\n background: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {\n background: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu > .ant-menu,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu > .ant-menu {\n background-color: rgba(58, 64, 99, 0.15);\n}\n.ant-menu-root.ant-menu-inline .ant-menu-item > a:hover,\n.ant-menu-root.ant-menu-vertical .ant-menu-item > a:hover {\n color: #ffffff;\n}\n.ant-menu-horizontal > .ant-menu-item-selected {\n color: #ffffff;\n}\n.sider-custom .ant-menu-submenu-title {\n color: #ffffff;\n}\n.bg--primary {\n background: @primary-color;\n}\n.header .ant-menu {\n background: transparent;\n color: #ffffff;\n}\n.header .ant-menu .ant-menu-item:hover {\n color: #ffffff;\n}\n.header__trigger {\n color: #ffffff;\n}\nhtml {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n color: #000000;\n background-color: #fff;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n color: rgba(0, 0, 0, 0.85);\n}\nabbr[title],\nabbr[data-original-title] {\n border-bottom: 0;\n}\na {\n color: @primary-color;\n background-color: transparent;\n}\na:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\na:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\na[disabled] {\n color: rgba(0, 0, 0, 0.25);\n}\nimg {\n border-style: none;\n}\ntable {\n border-collapse: collapse;\n}\ncaption {\n color: rgba(0, 0, 0, 0.45);\n}\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n color: inherit;\n}\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n border-style: none;\n}\nfieldset {\n border: 0;\n}\nlegend {\n color: inherit;\n}\nmark {\n background-color: #feffe6;\n}\n::selection {\n color: #ffffff;\n background: @primary-color;\n}\n.anticon {\n color: inherit;\n}\nhtml {\n --antd-wave-shadow-color: @primary-color;\n}\n[ant-click-animating-without-extra-node='true']::after,\n.ant-click-animating-node {\n border-radius: inherit;\n box-shadow: 0 0 0 0 @primary-color;\n box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);\n}\n.ant-alert {\n color: #000000;\n border-radius: 2px;\n}\n.ant-alert-success {\n background-color: #f6ffed;\n border: 1px solid #b7eb8f;\n}\n.ant-alert-success .ant-alert-icon {\n color: #52c41a;\n}\n.ant-alert-info {\n background-color: #e6f7ff;\n border: 1px solid #91d5ff;\n}\n.ant-alert-info .ant-alert-icon {\n color: #1890ff;\n}\n.ant-alert-warning {\n background-color: #fffbe6;\n border: 1px solid #ffe58f;\n}\n.ant-alert-warning .ant-alert-icon {\n color: #faad14;\n}\n.ant-alert-error {\n background-color: #fff1f0;\n border: 1px solid #ffa39e;\n}\n.ant-alert-error .ant-alert-icon {\n color: #f5222d;\n}\n.ant-alert-close-icon {\n background-color: transparent;\n border: none;\n}\n.ant-alert-close-icon .anticon-close {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-alert-close-icon .anticon-close:hover {\n color: rgba(0, 0, 0, 0.75);\n}\n.ant-alert-close-text {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-alert-close-text:hover {\n color: rgba(0, 0, 0, 0.75);\n}\n.ant-alert-with-description {\n color: #000000;\n border-radius: 2px;\n}\n.ant-alert-with-description .ant-alert-message {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-alert-message {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-alert-banner {\n border: 0;\n border-radius: 0;\n}\n.ant-anchor {\n color: #000000;\n}\n.ant-anchor-wrapper {\n background-color: #fff;\n}\n.ant-anchor-ink::before {\n background-color: #e8e8e8;\n}\n.ant-anchor-ink-ball {\n background-color: #fff;\n border: 2px solid @primary-color;\n border-radius: 8px;\n}\n.ant-anchor-link-title {\n color: #000000;\n}\n.ant-anchor-link-active > .ant-anchor-link-title {\n color: @primary-color;\n}\n.ant-select-auto-complete {\n color: #000000;\n}\n.ant-select-auto-complete.ant-select .ant-select-selection {\n border: 0;\n box-shadow: none;\n}\n.ant-select-auto-complete.ant-select .ant-input {\n background: transparent;\n border-width: 1px;\n}\n.ant-select-auto-complete.ant-select .ant-input:focus,\n.ant-select-auto-complete.ant-select .ant-input:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-select-auto-complete.ant-select .ant-input[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n background-color: transparent;\n}\n.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-avatar {\n color: #000000;\n color: #fff;\n background: #ccc;\n border-radius: 50%;\n}\n.ant-avatar-image {\n background: transparent;\n}\n.ant-avatar-lg {\n border-radius: 50%;\n}\n.ant-avatar-sm {\n border-radius: 50%;\n}\n.ant-avatar-square {\n border-radius: 2px;\n}\n.ant-back-top {\n color: #000000;\n}\n.ant-back-top-content {\n color: #fff;\n background-color: rgba(0, 0, 0, 0.45);\n border-radius: 20px;\n}\n.ant-back-top-content:hover {\n background-color: #000000;\n}\n.ant-back-top-icon {\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;\n}\n.ant-badge {\n color: #000000;\n color: unset;\n}\n.ant-badge-count {\n color: #fff;\n background: #f5222d;\n border-radius: 10px;\n box-shadow: 0 0 0 1px #fff;\n}\n.ant-badge-count a,\n.ant-badge-count a:hover {\n color: #fff;\n}\n.ant-badge-dot {\n background: #f5222d;\n border-radius: 100%;\n box-shadow: 0 0 0 1px #fff;\n}\n.ant-badge-status-dot {\n border-radius: 50%;\n}\n.ant-badge-status-success {\n background-color: #52c41a;\n}\n.ant-badge-status-processing {\n background-color: #1890ff;\n}\n.ant-badge-status-processing::after {\n border: 1px solid #1890ff;\n border-radius: 50%;\n}\n.ant-badge-status-default {\n background-color: #d9d9d9;\n}\n.ant-badge-status-error {\n background-color: #f5222d;\n}\n.ant-badge-status-warning {\n background-color: #faad14;\n}\n.ant-badge-status-pink {\n background: #eb2f96;\n}\n.ant-badge-status-magenta {\n background: #eb2f96;\n}\n.ant-badge-status-red {\n background: #f5222d;\n}\n.ant-badge-status-volcano {\n background: #fa541c;\n}\n.ant-badge-status-orange {\n background: #fa8c16;\n}\n.ant-badge-status-yellow {\n background: #fadb14;\n}\n.ant-badge-status-gold {\n background: #faad14;\n}\n.ant-badge-status-cyan {\n background: #13c2c2;\n}\n.ant-badge-status-lime {\n background: #a0d911;\n}\n.ant-badge-status-green {\n background: #52c41a;\n}\n.ant-badge-status-blue {\n background: #1890ff;\n}\n.ant-badge-status-geekblue {\n background: #2f54eb;\n}\n.ant-badge-status-purple {\n background: #722ed1;\n}\n.ant-badge-status-text {\n color: #000000;\n}\n.ant-breadcrumb {\n color: #000000;\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-breadcrumb a {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-breadcrumb a:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-breadcrumb > span:last-child {\n color: #000000;\n}\n.ant-breadcrumb > span:last-child a {\n color: #000000;\n}\n.ant-breadcrumb-separator {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-btn {\n background-image: none;\n border: 1px solid transparent;\n box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n border-radius: 2px;\n color: #000000;\n background-color: #fff;\n border-color: #d9d9d9;\n}\n.ant-btn:not([disabled]):active {\n box-shadow: none;\n}\n.ant-btn-lg {\n border-radius: 2px;\n}\n.ant-btn-sm {\n border-radius: 2px;\n}\n.ant-btn > a:only-child {\n color: currentColor;\n}\n.ant-btn > a:only-child::after {\n background: transparent;\n}\n.ant-btn:hover,\n.ant-btn:focus {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n background-color: #fff;\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn:hover > a:only-child,\n.ant-btn:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn:hover > a:only-child::after,\n.ant-btn:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn:active,\n.ant-btn.active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n background-color: #fff;\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-btn:active > a:only-child,\n.ant-btn.active > a:only-child {\n color: currentColor;\n}\n.ant-btn:active > a:only-child::after,\n.ant-btn.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-disabled,\n.ant-btn.disabled,\n.ant-btn[disabled],\n.ant-btn-disabled:hover,\n.ant-btn.disabled:hover,\n.ant-btn[disabled]:hover,\n.ant-btn-disabled:focus,\n.ant-btn.disabled:focus,\n.ant-btn[disabled]:focus,\n.ant-btn-disabled:active,\n.ant-btn.disabled:active,\n.ant-btn[disabled]:active,\n.ant-btn-disabled.active,\n.ant-btn.disabled.active,\n.ant-btn[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-disabled > a:only-child,\n.ant-btn.disabled > a:only-child,\n.ant-btn[disabled] > a:only-child,\n.ant-btn-disabled:hover > a:only-child,\n.ant-btn.disabled:hover > a:only-child,\n.ant-btn[disabled]:hover > a:only-child,\n.ant-btn-disabled:focus > a:only-child,\n.ant-btn.disabled:focus > a:only-child,\n.ant-btn[disabled]:focus > a:only-child,\n.ant-btn-disabled:active > a:only-child,\n.ant-btn.disabled:active > a:only-child,\n.ant-btn[disabled]:active > a:only-child,\n.ant-btn-disabled.active > a:only-child,\n.ant-btn.disabled.active > a:only-child,\n.ant-btn[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-disabled > a:only-child::after,\n.ant-btn.disabled > a:only-child::after,\n.ant-btn[disabled] > a:only-child::after,\n.ant-btn-disabled:hover > a:only-child::after,\n.ant-btn.disabled:hover > a:only-child::after,\n.ant-btn[disabled]:hover > a:only-child::after,\n.ant-btn-disabled:focus > a:only-child::after,\n.ant-btn.disabled:focus > a:only-child::after,\n.ant-btn[disabled]:focus > a:only-child::after,\n.ant-btn-disabled:active > a:only-child::after,\n.ant-btn.disabled:active > a:only-child::after,\n.ant-btn[disabled]:active > a:only-child::after,\n.ant-btn-disabled.active > a:only-child::after,\n.ant-btn.disabled.active > a:only-child::after,\n.ant-btn[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn:hover,\n.ant-btn:focus,\n.ant-btn:active,\n.ant-btn.active {\n background: #fff;\n}\n.ant-btn-primary {\n color: #fff;\n background-color: @primary-color;\n border-color: @primary-color;\n box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);\n}\n.ant-btn-primary > a:only-child {\n color: currentColor;\n}\n.ant-btn-primary > a:only-child::after {\n background: transparent;\n}\n.ant-btn-primary:hover,\n.ant-btn-primary:focus {\n color: #fff;\n background-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-primary:hover > a:only-child,\n.ant-btn-primary:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-primary:hover > a:only-child::after,\n.ant-btn-primary:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-primary:active,\n.ant-btn-primary.active {\n color: #fff;\n background-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-btn-primary:active > a:only-child,\n.ant-btn-primary.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-primary:active > a:only-child::after,\n.ant-btn-primary.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-primary-disabled,\n.ant-btn-primary.disabled,\n.ant-btn-primary[disabled],\n.ant-btn-primary-disabled:hover,\n.ant-btn-primary.disabled:hover,\n.ant-btn-primary[disabled]:hover,\n.ant-btn-primary-disabled:focus,\n.ant-btn-primary.disabled:focus,\n.ant-btn-primary[disabled]:focus,\n.ant-btn-primary-disabled:active,\n.ant-btn-primary.disabled:active,\n.ant-btn-primary[disabled]:active,\n.ant-btn-primary-disabled.active,\n.ant-btn-primary.disabled.active,\n.ant-btn-primary[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-primary-disabled > a:only-child,\n.ant-btn-primary.disabled > a:only-child,\n.ant-btn-primary[disabled] > a:only-child,\n.ant-btn-primary-disabled:hover > a:only-child,\n.ant-btn-primary.disabled:hover > a:only-child,\n.ant-btn-primary[disabled]:hover > a:only-child,\n.ant-btn-primary-disabled:focus > a:only-child,\n.ant-btn-primary.disabled:focus > a:only-child,\n.ant-btn-primary[disabled]:focus > a:only-child,\n.ant-btn-primary-disabled:active > a:only-child,\n.ant-btn-primary.disabled:active > a:only-child,\n.ant-btn-primary[disabled]:active > a:only-child,\n.ant-btn-primary-disabled.active > a:only-child,\n.ant-btn-primary.disabled.active > a:only-child,\n.ant-btn-primary[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-primary-disabled > a:only-child::after,\n.ant-btn-primary.disabled > a:only-child::after,\n.ant-btn-primary[disabled] > a:only-child::after,\n.ant-btn-primary-disabled:hover > a:only-child::after,\n.ant-btn-primary.disabled:hover > a:only-child::after,\n.ant-btn-primary[disabled]:hover > a:only-child::after,\n.ant-btn-primary-disabled:focus > a:only-child::after,\n.ant-btn-primary.disabled:focus > a:only-child::after,\n.ant-btn-primary[disabled]:focus > a:only-child::after,\n.ant-btn-primary-disabled:active > a:only-child::after,\n.ant-btn-primary.disabled:active > a:only-child::after,\n.ant-btn-primary[disabled]:active > a:only-child::after,\n.ant-btn-primary-disabled.active > a:only-child::after,\n.ant-btn-primary.disabled.active > a:only-child::after,\n.ant-btn-primary[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {\n border-right-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-left-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {\n border-color: #d9d9d9;\n}\n.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {\n border-right-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {\n border-right-color: #d9d9d9;\n}\n.ant-btn-group .ant-btn-primary:last-child:not(:first-child),\n.ant-btn-group .ant-btn-primary + .ant-btn-primary {\n border-left-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],\n.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {\n border-left-color: #d9d9d9;\n}\n.ant-btn-ghost {\n color: #000000;\n background-color: transparent;\n border-color: #d9d9d9;\n}\n.ant-btn-ghost > a:only-child {\n color: currentColor;\n}\n.ant-btn-ghost > a:only-child::after {\n background: transparent;\n}\n.ant-btn-ghost:hover,\n.ant-btn-ghost:focus {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n background-color: transparent;\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-ghost:hover > a:only-child,\n.ant-btn-ghost:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-ghost:hover > a:only-child::after,\n.ant-btn-ghost:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-ghost:active,\n.ant-btn-ghost.active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n background-color: transparent;\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-btn-ghost:active > a:only-child,\n.ant-btn-ghost.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-ghost:active > a:only-child::after,\n.ant-btn-ghost.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-ghost-disabled,\n.ant-btn-ghost.disabled,\n.ant-btn-ghost[disabled],\n.ant-btn-ghost-disabled:hover,\n.ant-btn-ghost.disabled:hover,\n.ant-btn-ghost[disabled]:hover,\n.ant-btn-ghost-disabled:focus,\n.ant-btn-ghost.disabled:focus,\n.ant-btn-ghost[disabled]:focus,\n.ant-btn-ghost-disabled:active,\n.ant-btn-ghost.disabled:active,\n.ant-btn-ghost[disabled]:active,\n.ant-btn-ghost-disabled.active,\n.ant-btn-ghost.disabled.active,\n.ant-btn-ghost[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-ghost-disabled > a:only-child,\n.ant-btn-ghost.disabled > a:only-child,\n.ant-btn-ghost[disabled] > a:only-child,\n.ant-btn-ghost-disabled:hover > a:only-child,\n.ant-btn-ghost.disabled:hover > a:only-child,\n.ant-btn-ghost[disabled]:hover > a:only-child,\n.ant-btn-ghost-disabled:focus > a:only-child,\n.ant-btn-ghost.disabled:focus > a:only-child,\n.ant-btn-ghost[disabled]:focus > a:only-child,\n.ant-btn-ghost-disabled:active > a:only-child,\n.ant-btn-ghost.disabled:active > a:only-child,\n.ant-btn-ghost[disabled]:active > a:only-child,\n.ant-btn-ghost-disabled.active > a:only-child,\n.ant-btn-ghost.disabled.active > a:only-child,\n.ant-btn-ghost[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-ghost-disabled > a:only-child::after,\n.ant-btn-ghost.disabled > a:only-child::after,\n.ant-btn-ghost[disabled] > a:only-child::after,\n.ant-btn-ghost-disabled:hover > a:only-child::after,\n.ant-btn-ghost.disabled:hover > a:only-child::after,\n.ant-btn-ghost[disabled]:hover > a:only-child::after,\n.ant-btn-ghost-disabled:focus > a:only-child::after,\n.ant-btn-ghost.disabled:focus > a:only-child::after,\n.ant-btn-ghost[disabled]:focus > a:only-child::after,\n.ant-btn-ghost-disabled:active > a:only-child::after,\n.ant-btn-ghost.disabled:active > a:only-child::after,\n.ant-btn-ghost[disabled]:active > a:only-child::after,\n.ant-btn-ghost-disabled.active > a:only-child::after,\n.ant-btn-ghost.disabled.active > a:only-child::after,\n.ant-btn-ghost[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-dashed {\n color: #000000;\n background-color: #fff;\n border-color: #d9d9d9;\n border-style: dashed;\n}\n.ant-btn-dashed > a:only-child {\n color: currentColor;\n}\n.ant-btn-dashed > a:only-child::after {\n background: transparent;\n}\n.ant-btn-dashed:hover,\n.ant-btn-dashed:focus {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n background-color: #fff;\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-dashed:hover > a:only-child,\n.ant-btn-dashed:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-dashed:hover > a:only-child::after,\n.ant-btn-dashed:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-dashed:active,\n.ant-btn-dashed.active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n background-color: #fff;\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-btn-dashed:active > a:only-child,\n.ant-btn-dashed.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-dashed:active > a:only-child::after,\n.ant-btn-dashed.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-dashed-disabled,\n.ant-btn-dashed.disabled,\n.ant-btn-dashed[disabled],\n.ant-btn-dashed-disabled:hover,\n.ant-btn-dashed.disabled:hover,\n.ant-btn-dashed[disabled]:hover,\n.ant-btn-dashed-disabled:focus,\n.ant-btn-dashed.disabled:focus,\n.ant-btn-dashed[disabled]:focus,\n.ant-btn-dashed-disabled:active,\n.ant-btn-dashed.disabled:active,\n.ant-btn-dashed[disabled]:active,\n.ant-btn-dashed-disabled.active,\n.ant-btn-dashed.disabled.active,\n.ant-btn-dashed[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-dashed-disabled > a:only-child,\n.ant-btn-dashed.disabled > a:only-child,\n.ant-btn-dashed[disabled] > a:only-child,\n.ant-btn-dashed-disabled:hover > a:only-child,\n.ant-btn-dashed.disabled:hover > a:only-child,\n.ant-btn-dashed[disabled]:hover > a:only-child,\n.ant-btn-dashed-disabled:focus > a:only-child,\n.ant-btn-dashed.disabled:focus > a:only-child,\n.ant-btn-dashed[disabled]:focus > a:only-child,\n.ant-btn-dashed-disabled:active > a:only-child,\n.ant-btn-dashed.disabled:active > a:only-child,\n.ant-btn-dashed[disabled]:active > a:only-child,\n.ant-btn-dashed-disabled.active > a:only-child,\n.ant-btn-dashed.disabled.active > a:only-child,\n.ant-btn-dashed[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-dashed-disabled > a:only-child::after,\n.ant-btn-dashed.disabled > a:only-child::after,\n.ant-btn-dashed[disabled] > a:only-child::after,\n.ant-btn-dashed-disabled:hover > a:only-child::after,\n.ant-btn-dashed.disabled:hover > a:only-child::after,\n.ant-btn-dashed[disabled]:hover > a:only-child::after,\n.ant-btn-dashed-disabled:focus > a:only-child::after,\n.ant-btn-dashed.disabled:focus > a:only-child::after,\n.ant-btn-dashed[disabled]:focus > a:only-child::after,\n.ant-btn-dashed-disabled:active > a:only-child::after,\n.ant-btn-dashed.disabled:active > a:only-child::after,\n.ant-btn-dashed[disabled]:active > a:only-child::after,\n.ant-btn-dashed-disabled.active > a:only-child::after,\n.ant-btn-dashed.disabled.active > a:only-child::after,\n.ant-btn-dashed[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-danger {\n color: #fff;\n background-color: #ff4d4f;\n border-color: #ff4d4f;\n box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);\n}\n.ant-btn-danger > a:only-child {\n color: currentColor;\n}\n.ant-btn-danger > a:only-child::after {\n background: transparent;\n}\n.ant-btn-danger:hover,\n.ant-btn-danger:focus {\n color: #fff;\n background-color: #ff7875;\n border-color: #ff7875;\n}\n.ant-btn-danger:hover > a:only-child,\n.ant-btn-danger:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-danger:hover > a:only-child::after,\n.ant-btn-danger:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-danger:active,\n.ant-btn-danger.active {\n color: #fff;\n background-color: #d9363e;\n border-color: #d9363e;\n}\n.ant-btn-danger:active > a:only-child,\n.ant-btn-danger.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-danger:active > a:only-child::after,\n.ant-btn-danger.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-danger-disabled,\n.ant-btn-danger.disabled,\n.ant-btn-danger[disabled],\n.ant-btn-danger-disabled:hover,\n.ant-btn-danger.disabled:hover,\n.ant-btn-danger[disabled]:hover,\n.ant-btn-danger-disabled:focus,\n.ant-btn-danger.disabled:focus,\n.ant-btn-danger[disabled]:focus,\n.ant-btn-danger-disabled:active,\n.ant-btn-danger.disabled:active,\n.ant-btn-danger[disabled]:active,\n.ant-btn-danger-disabled.active,\n.ant-btn-danger.disabled.active,\n.ant-btn-danger[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-danger-disabled > a:only-child,\n.ant-btn-danger.disabled > a:only-child,\n.ant-btn-danger[disabled] > a:only-child,\n.ant-btn-danger-disabled:hover > a:only-child,\n.ant-btn-danger.disabled:hover > a:only-child,\n.ant-btn-danger[disabled]:hover > a:only-child,\n.ant-btn-danger-disabled:focus > a:only-child,\n.ant-btn-danger.disabled:focus > a:only-child,\n.ant-btn-danger[disabled]:focus > a:only-child,\n.ant-btn-danger-disabled:active > a:only-child,\n.ant-btn-danger.disabled:active > a:only-child,\n.ant-btn-danger[disabled]:active > a:only-child,\n.ant-btn-danger-disabled.active > a:only-child,\n.ant-btn-danger.disabled.active > a:only-child,\n.ant-btn-danger[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-danger-disabled > a:only-child::after,\n.ant-btn-danger.disabled > a:only-child::after,\n.ant-btn-danger[disabled] > a:only-child::after,\n.ant-btn-danger-disabled:hover > a:only-child::after,\n.ant-btn-danger.disabled:hover > a:only-child::after,\n.ant-btn-danger[disabled]:hover > a:only-child::after,\n.ant-btn-danger-disabled:focus > a:only-child::after,\n.ant-btn-danger.disabled:focus > a:only-child::after,\n.ant-btn-danger[disabled]:focus > a:only-child::after,\n.ant-btn-danger-disabled:active > a:only-child::after,\n.ant-btn-danger.disabled:active > a:only-child::after,\n.ant-btn-danger[disabled]:active > a:only-child::after,\n.ant-btn-danger-disabled.active > a:only-child::after,\n.ant-btn-danger.disabled.active > a:only-child::after,\n.ant-btn-danger[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-link {\n color: @primary-color;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n}\n.ant-btn-link > a:only-child {\n color: currentColor;\n}\n.ant-btn-link > a:only-child::after {\n background: transparent;\n}\n.ant-btn-link:hover,\n.ant-btn-link:focus {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n background-color: transparent;\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-link:hover > a:only-child,\n.ant-btn-link:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-link:hover > a:only-child::after,\n.ant-btn-link:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-link:active,\n.ant-btn-link.active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n background-color: transparent;\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-btn-link:active > a:only-child,\n.ant-btn-link.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-link:active > a:only-child::after,\n.ant-btn-link.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-link-disabled,\n.ant-btn-link.disabled,\n.ant-btn-link[disabled],\n.ant-btn-link-disabled:hover,\n.ant-btn-link.disabled:hover,\n.ant-btn-link[disabled]:hover,\n.ant-btn-link-disabled:focus,\n.ant-btn-link.disabled:focus,\n.ant-btn-link[disabled]:focus,\n.ant-btn-link-disabled:active,\n.ant-btn-link.disabled:active,\n.ant-btn-link[disabled]:active,\n.ant-btn-link-disabled.active,\n.ant-btn-link.disabled.active,\n.ant-btn-link[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-link-disabled > a:only-child,\n.ant-btn-link.disabled > a:only-child,\n.ant-btn-link[disabled] > a:only-child,\n.ant-btn-link-disabled:hover > a:only-child,\n.ant-btn-link.disabled:hover > a:only-child,\n.ant-btn-link[disabled]:hover > a:only-child,\n.ant-btn-link-disabled:focus > a:only-child,\n.ant-btn-link.disabled:focus > a:only-child,\n.ant-btn-link[disabled]:focus > a:only-child,\n.ant-btn-link-disabled:active > a:only-child,\n.ant-btn-link.disabled:active > a:only-child,\n.ant-btn-link[disabled]:active > a:only-child,\n.ant-btn-link-disabled.active > a:only-child,\n.ant-btn-link.disabled.active > a:only-child,\n.ant-btn-link[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-link-disabled > a:only-child::after,\n.ant-btn-link.disabled > a:only-child::after,\n.ant-btn-link[disabled] > a:only-child::after,\n.ant-btn-link-disabled:hover > a:only-child::after,\n.ant-btn-link.disabled:hover > a:only-child::after,\n.ant-btn-link[disabled]:hover > a:only-child::after,\n.ant-btn-link-disabled:focus > a:only-child::after,\n.ant-btn-link.disabled:focus > a:only-child::after,\n.ant-btn-link[disabled]:focus > a:only-child::after,\n.ant-btn-link-disabled:active > a:only-child::after,\n.ant-btn-link.disabled:active > a:only-child::after,\n.ant-btn-link[disabled]:active > a:only-child::after,\n.ant-btn-link-disabled.active > a:only-child::after,\n.ant-btn-link.disabled.active > a:only-child::after,\n.ant-btn-link[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-link:hover,\n.ant-btn-link:focus,\n.ant-btn-link:active {\n border-color: transparent;\n}\n.ant-btn-link-disabled,\n.ant-btn-link.disabled,\n.ant-btn-link[disabled],\n.ant-btn-link-disabled:hover,\n.ant-btn-link.disabled:hover,\n.ant-btn-link[disabled]:hover,\n.ant-btn-link-disabled:focus,\n.ant-btn-link.disabled:focus,\n.ant-btn-link[disabled]:focus,\n.ant-btn-link-disabled:active,\n.ant-btn-link.disabled:active,\n.ant-btn-link[disabled]:active,\n.ant-btn-link-disabled.active,\n.ant-btn-link.disabled.active,\n.ant-btn-link[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n}\n.ant-btn-link-disabled > a:only-child,\n.ant-btn-link.disabled > a:only-child,\n.ant-btn-link[disabled] > a:only-child,\n.ant-btn-link-disabled:hover > a:only-child,\n.ant-btn-link.disabled:hover > a:only-child,\n.ant-btn-link[disabled]:hover > a:only-child,\n.ant-btn-link-disabled:focus > a:only-child,\n.ant-btn-link.disabled:focus > a:only-child,\n.ant-btn-link[disabled]:focus > a:only-child,\n.ant-btn-link-disabled:active > a:only-child,\n.ant-btn-link.disabled:active > a:only-child,\n.ant-btn-link[disabled]:active > a:only-child,\n.ant-btn-link-disabled.active > a:only-child,\n.ant-btn-link.disabled.active > a:only-child,\n.ant-btn-link[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-link-disabled > a:only-child::after,\n.ant-btn-link.disabled > a:only-child::after,\n.ant-btn-link[disabled] > a:only-child::after,\n.ant-btn-link-disabled:hover > a:only-child::after,\n.ant-btn-link.disabled:hover > a:only-child::after,\n.ant-btn-link[disabled]:hover > a:only-child::after,\n.ant-btn-link-disabled:focus > a:only-child::after,\n.ant-btn-link.disabled:focus > a:only-child::after,\n.ant-btn-link[disabled]:focus > a:only-child::after,\n.ant-btn-link-disabled:active > a:only-child::after,\n.ant-btn-link.disabled:active > a:only-child::after,\n.ant-btn-link[disabled]:active > a:only-child::after,\n.ant-btn-link-disabled.active > a:only-child::after,\n.ant-btn-link.disabled.active > a:only-child::after,\n.ant-btn-link[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-icon-only {\n border-radius: 2px;\n}\n.ant-btn-icon-only.ant-btn-lg {\n border-radius: 2px;\n}\n.ant-btn-icon-only.ant-btn-sm {\n border-radius: 2px;\n}\n.ant-btn-round {\n border-radius: 32px;\n}\n.ant-btn-round.ant-btn-lg {\n border-radius: 40px;\n}\n.ant-btn-round.ant-btn-sm {\n border-radius: 24px;\n}\n.ant-btn-circle,\n.ant-btn-circle-outline {\n border-radius: 50%;\n}\n.ant-btn-circle.ant-btn-lg,\n.ant-btn-circle-outline.ant-btn-lg {\n border-radius: 50%;\n}\n.ant-btn-circle.ant-btn-sm,\n.ant-btn-circle-outline.ant-btn-sm {\n border-radius: 50%;\n}\n.ant-btn::before {\n background: #fff;\n border-radius: inherit;\n}\n.ant-btn-group-lg > .ant-btn,\n.ant-btn-group-lg > span > .ant-btn {\n border-radius: 0;\n}\n.ant-btn-group-sm > .ant-btn,\n.ant-btn-group-sm > span > .ant-btn {\n border-radius: 0;\n}\n.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {\n border-left-color: transparent;\n}\n.ant-btn-group .ant-btn {\n border-radius: 0;\n}\n.ant-btn-group > .ant-btn:only-child {\n border-radius: 2px;\n}\n.ant-btn-group > span:only-child > .ant-btn {\n border-radius: 2px;\n}\n.ant-btn-group > .ant-btn:first-child:not(:last-child),\n.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.ant-btn-group > .ant-btn:last-child:not(:first-child),\n.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.ant-btn-group-sm > .ant-btn:only-child {\n border-radius: 2px;\n}\n.ant-btn-group-sm > span:only-child > .ant-btn {\n border-radius: 2px;\n}\n.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),\n.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),\n.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {\n border-radius: 0;\n}\n.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ant-btn-background-ghost {\n color: #fff;\n background: transparent !important;\n border-color: #fff;\n}\n.ant-btn-background-ghost.ant-btn-primary {\n color: @primary-color;\n background-color: transparent;\n border-color: @primary-color;\n}\n.ant-btn-background-ghost.ant-btn-primary > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-primary:hover,\n.ant-btn-background-ghost.ant-btn-primary:focus {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n background-color: transparent;\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-primary:active,\n.ant-btn-background-ghost.ant-btn-primary.active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n background-color: transparent;\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-primary-disabled,\n.ant-btn-background-ghost.ant-btn-primary.disabled,\n.ant-btn-background-ghost.ant-btn-primary[disabled],\n.ant-btn-background-ghost.ant-btn-primary-disabled:hover,\n.ant-btn-background-ghost.ant-btn-primary.disabled:hover,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,\n.ant-btn-background-ghost.ant-btn-primary-disabled:focus,\n.ant-btn-background-ghost.ant-btn-primary.disabled:focus,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,\n.ant-btn-background-ghost.ant-btn-primary-disabled:active,\n.ant-btn-background-ghost.ant-btn-primary.disabled:active,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:active,\n.ant-btn-background-ghost.ant-btn-primary-disabled.active,\n.ant-btn-background-ghost.ant-btn-primary.disabled.active,\n.ant-btn-background-ghost.ant-btn-primary[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,\n.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-danger {\n color: #ff4d4f;\n background-color: transparent;\n border-color: #ff4d4f;\n}\n.ant-btn-background-ghost.ant-btn-danger > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-danger:hover,\n.ant-btn-background-ghost.ant-btn-danger:focus {\n color: #ff7875;\n background-color: transparent;\n border-color: #ff7875;\n}\n.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-danger:active,\n.ant-btn-background-ghost.ant-btn-danger.active {\n color: #d9363e;\n background-color: transparent;\n border-color: #d9363e;\n}\n.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-danger-disabled,\n.ant-btn-background-ghost.ant-btn-danger.disabled,\n.ant-btn-background-ghost.ant-btn-danger[disabled],\n.ant-btn-background-ghost.ant-btn-danger-disabled:hover,\n.ant-btn-background-ghost.ant-btn-danger.disabled:hover,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,\n.ant-btn-background-ghost.ant-btn-danger-disabled:focus,\n.ant-btn-background-ghost.ant-btn-danger.disabled:focus,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,\n.ant-btn-background-ghost.ant-btn-danger-disabled:active,\n.ant-btn-background-ghost.ant-btn-danger.disabled:active,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:active,\n.ant-btn-background-ghost.ant-btn-danger-disabled.active,\n.ant-btn-background-ghost.ant-btn-danger.disabled.active,\n.ant-btn-background-ghost.ant-btn-danger[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,\n.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-link {\n color: @primary-color;\n background-color: transparent;\n border-color: transparent;\n color: #fff;\n}\n.ant-btn-background-ghost.ant-btn-link > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-link > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-link:hover,\n.ant-btn-background-ghost.ant-btn-link:focus {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n background-color: transparent;\n border-color: transparent;\n}\n.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-link:active,\n.ant-btn-background-ghost.ant-btn-link.active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n background-color: transparent;\n border-color: transparent;\n}\n.ant-btn-background-ghost.ant-btn-link:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-link.active > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {\n background: transparent;\n}\n.ant-btn-background-ghost.ant-btn-link-disabled,\n.ant-btn-background-ghost.ant-btn-link.disabled,\n.ant-btn-background-ghost.ant-btn-link[disabled],\n.ant-btn-background-ghost.ant-btn-link-disabled:hover,\n.ant-btn-background-ghost.ant-btn-link.disabled:hover,\n.ant-btn-background-ghost.ant-btn-link[disabled]:hover,\n.ant-btn-background-ghost.ant-btn-link-disabled:focus,\n.ant-btn-background-ghost.ant-btn-link.disabled:focus,\n.ant-btn-background-ghost.ant-btn-link[disabled]:focus,\n.ant-btn-background-ghost.ant-btn-link-disabled:active,\n.ant-btn-background-ghost.ant-btn-link.disabled:active,\n.ant-btn-background-ghost.ant-btn-link[disabled]:active,\n.ant-btn-background-ghost.ant-btn-link-disabled.active,\n.ant-btn-background-ghost.ant-btn-link.disabled.active,\n.ant-btn-background-ghost.ant-btn-link[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,\n.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,\n.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,\n.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,\n.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,\n.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,\n.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,\n.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,\n.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,\n.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-fullcalendar {\n color: #000000;\n border-top: 1px solid #d9d9d9;\n}\n.ant-fullcalendar table {\n background-color: transparent;\n border-collapse: collapse;\n}\n.ant-fullcalendar table,\n.ant-fullcalendar th,\n.ant-fullcalendar td {\n border: 0;\n}\n.ant-fullcalendar-calendar-table {\n border-spacing: 0;\n}\n.ant-fullcalendar-value {\n color: #000000;\n background: transparent;\n border-radius: 2px;\n}\n.ant-fullcalendar-value:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-fullcalendar-value:active {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-fullcalendar-today .ant-fullcalendar-value,\n.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {\n box-shadow: 0 0 0 1px #313653 inset;\n}\n.ant-fullcalendar-selected-day .ant-fullcalendar-value,\n.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,\n.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-fullcalendar-month-panel-table {\n border-collapse: separate;\n}\n.ant-fullcalendar-fullscreen {\n border-top: 0;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-date {\n color: #000000;\n border-top: 2px solid #e8e8e8;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {\n background: rgba(58, 64, 99, 0.15);\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-value {\n background: transparent;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {\n color: #000000;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {\n background: transparent;\n border-top-color: @primary-color;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {\n box-shadow: none;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {\n color: @primary-color;\n}\n.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,\n.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,\n.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {\n background: transparent;\n}\n.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {\n color: rgba(0, 0, 0, 0.25);\n border-radius: 0;\n}\n.ant-card {\n color: #000000;\n background: #fff;\n border-radius: 2px;\n}\n.ant-card-hoverable:hover {\n border-color: rgba(0, 0, 0, 0.09);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\n}\n.ant-card-bordered {\n border: 1px solid #e8e8e8;\n}\n.ant-card-head {\n color: rgba(0, 0, 0, 0.85);\n background: transparent;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n}\n.ant-card-head .ant-tabs {\n color: #000000;\n}\n.ant-card-head .ant-tabs-bar {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-card-extra {\n color: #000000;\n}\n.ant-card-grid {\n border: 0;\n border-radius: 0;\n box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;\n}\n.ant-card-grid-hoverable:hover {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-card-cover img {\n border-radius: 2px 2px 0 0;\n}\n.ant-card-actions {\n background: #fafafa;\n border-top: 1px solid #e8e8e8;\n}\n.ant-card-actions > li {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-card-actions > li > span:hover {\n color: @primary-color;\n}\n.ant-card-actions > li > span a:not(.ant-btn),\n.ant-card-actions > li > span > .anticon {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-card-actions > li > span a:not(.ant-btn):hover,\n.ant-card-actions > li > span > .anticon:hover {\n color: @primary-color;\n}\n.ant-card-actions > li:not(:last-child) {\n border-right: 1px solid #e8e8e8;\n}\n.ant-card-type-inner .ant-card-head {\n background: #fafafa;\n}\n.ant-card-meta-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-card-meta-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-card-loading-block {\n background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));\n background-size: 600% 600%;\n border-radius: 2px;\n}\n.ant-carousel {\n color: #000000;\n}\n.ant-carousel .slick-slider {\n -webkit-tap-highlight-color: transparent;\n}\n.ant-carousel .slick-vertical .slick-slide {\n border: 1px solid transparent;\n}\n.ant-carousel .slick-prev,\n.ant-carousel .slick-next {\n color: transparent;\n background: transparent;\n border: 0;\n}\n.ant-carousel .slick-prev:hover,\n.ant-carousel .slick-next:hover,\n.ant-carousel .slick-prev:focus,\n.ant-carousel .slick-next:focus {\n color: transparent;\n background: transparent;\n}\n.ant-carousel .slick-dots li button {\n color: transparent;\n background: #fff;\n border: 0;\n border-radius: 1px;\n}\n.ant-carousel .slick-dots li.slick-active button {\n background: #fff;\n}\n.ant-cascader {\n color: #000000;\n}\n.ant-cascader-input.ant-input {\n background-color: transparent !important;\n}\n.ant-cascader-picker {\n color: #000000;\n background-color: #fff;\n border-radius: 2px;\n}\n.ant-cascader-picker-with-value .ant-cascader-picker-label {\n color: transparent;\n}\n.ant-cascader-picker-disabled {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n}\n.ant-cascader-picker:focus .ant-cascader-input {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-cascader-picker-show-search.ant-cascader-picker-focused {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-cascader-picker-clear {\n color: rgba(0, 0, 0, 0.25);\n background: #fff;\n}\n.ant-cascader-picker-clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-cascader-picker-arrow {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-cascader-picker-label:hover + .ant-cascader-input {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-cascader-menus {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-cascader-menu {\n border-right: 1px solid #e8e8e8;\n}\n.ant-cascader-menu:first-child {\n border-radius: 2px 0 0 2px;\n}\n.ant-cascader-menu:last-child {\n border-right-color: transparent;\n border-radius: 0 2px 2px 0;\n}\n.ant-cascader-menu:only-child {\n border-radius: 2px;\n}\n.ant-cascader-menu-item:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-cascader-menu-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-cascader-menu-item-disabled:hover {\n background: transparent;\n}\n.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),\n.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {\n background-color: #fafafa;\n}\n.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,\n.ant-cascader-menu-item-loading-icon {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-cascader-menu-item .ant-cascader-menu-item-keyword {\n color: #f5222d;\n}\n.ant-checkbox {\n color: #000000;\n}\n.ant-checkbox-wrapper:hover .ant-checkbox-inner,\n.ant-checkbox:hover .ant-checkbox-inner,\n.ant-checkbox-input:focus + .ant-checkbox-inner {\n border-color: @primary-color;\n}\n.ant-checkbox-checked::after {\n border: 1px solid @primary-color;\n border-radius: 2px;\n}\n.ant-checkbox-inner {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n}\n.ant-checkbox-inner::after {\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n}\n.ant-checkbox-checked .ant-checkbox-inner::after {\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n}\n.ant-checkbox-checked .ant-checkbox-inner {\n background-color: @primary-color;\n border-color: @primary-color;\n}\n.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-checkbox-disabled .ant-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.ant-checkbox-disabled .ant-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n}\n.ant-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-checkbox-wrapper {\n color: #000000;\n}\n.ant-checkbox-group {\n color: #000000;\n}\n.ant-checkbox-indeterminate .ant-checkbox-inner {\n background-color: #fff;\n border-color: #d9d9d9;\n}\n.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n background-color: @primary-color;\n border: 0;\n}\n.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-collapse {\n color: #000000;\n background-color: #fafafa;\n border: 1px solid #d9d9d9;\n border-bottom: 0;\n border-radius: 2px;\n}\n.ant-collapse > .ant-collapse-item {\n border-bottom: 1px solid #d9d9d9;\n}\n.ant-collapse > .ant-collapse-item:last-child,\n.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {\n border-radius: 0 0 2px 2px;\n}\n.ant-collapse > .ant-collapse-item > .ant-collapse-header {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {\n color: inherit;\n}\n.ant-collapse-content {\n color: #000000;\n background-color: #fff;\n border-top: 1px solid #d9d9d9;\n}\n.ant-collapse-item:last-child > .ant-collapse-content {\n border-radius: 0 0 2px 2px;\n}\n.ant-collapse-borderless {\n background-color: #fff;\n border: 0;\n}\n.ant-collapse-borderless > .ant-collapse-item {\n border-bottom: 1px solid #d9d9d9;\n}\n.ant-collapse-borderless > .ant-collapse-item:last-child,\n.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {\n border-radius: 0;\n}\n.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {\n background-color: transparent;\n border-top: 0;\n}\n.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,\n.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-comment-avatar img {\n border-radius: 50%;\n}\n.ant-comment-content-author-name {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-comment-content-author-name > * {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-comment-content-author-name > *:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-comment-content-author-time {\n color: #ccc;\n}\n.ant-comment-actions > li {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-comment-actions > li > span {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-comment-actions > li > span:hover {\n color: #595959;\n}\n.ant-calendar-picker-container {\n color: #000000;\n}\n.ant-calendar-picker {\n color: #000000;\n}\n.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-calendar-picker-clear {\n color: rgba(0, 0, 0, 0.25);\n background: #fff;\n}\n.ant-calendar-picker-clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-picker-icon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-calendar {\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ffffff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-calendar-input-wrap {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-calendar-input {\n color: #000000;\n background: #fff;\n border: 0;\n}\n.ant-calendar-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-header {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-calendar-header a:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar-header .ant-calendar-century-select,\n.ant-calendar-header .ant-calendar-decade-select,\n.ant-calendar-header .ant-calendar-year-select,\n.ant-calendar-header .ant-calendar-month-select {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-calendar-header .ant-calendar-prev-century-btn,\n.ant-calendar-header .ant-calendar-next-century-btn,\n.ant-calendar-header .ant-calendar-prev-decade-btn,\n.ant-calendar-header .ant-calendar-next-decade-btn,\n.ant-calendar-header .ant-calendar-prev-month-btn,\n.ant-calendar-header .ant-calendar-next-month-btn,\n.ant-calendar-header .ant-calendar-prev-year-btn,\n.ant-calendar-header .ant-calendar-next-year-btn {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-header .ant-calendar-prev-century-btn::before,\n.ant-calendar-header .ant-calendar-prev-decade-btn::before,\n.ant-calendar-header .ant-calendar-prev-year-btn::before,\n.ant-calendar-header .ant-calendar-prev-century-btn::after,\n.ant-calendar-header .ant-calendar-prev-decade-btn::after,\n.ant-calendar-header .ant-calendar-prev-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,\n.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,\n.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,\n.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,\n.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,\n.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-header .ant-calendar-next-century-btn::before,\n.ant-calendar-header .ant-calendar-next-decade-btn::before,\n.ant-calendar-header .ant-calendar-next-year-btn::before,\n.ant-calendar-header .ant-calendar-next-century-btn::after,\n.ant-calendar-header .ant-calendar-next-decade-btn::after,\n.ant-calendar-header .ant-calendar-next-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-header .ant-calendar-next-century-btn:hover::before,\n.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,\n.ant-calendar-header .ant-calendar-next-year-btn:hover::before,\n.ant-calendar-header .ant-calendar-next-century-btn:hover::after,\n.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,\n.ant-calendar-header .ant-calendar-next-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-header .ant-calendar-prev-month-btn::before,\n.ant-calendar-header .ant-calendar-prev-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,\n.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-header .ant-calendar-next-month-btn::before,\n.ant-calendar-header .ant-calendar-next-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-header .ant-calendar-next-month-btn:hover::before,\n.ant-calendar-header .ant-calendar-next-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar table {\n background-color: transparent;\n border-collapse: collapse;\n}\n.ant-calendar table,\n.ant-calendar th,\n.ant-calendar td {\n border: 0;\n}\n.ant-calendar-calendar-table {\n border-spacing: 0;\n}\n.ant-calendar-date {\n color: #000000;\n background: transparent;\n border: 1px solid transparent;\n border-radius: 2px;\n}\n.ant-calendar-date:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-calendar-date:active {\n color: #ffffff;\n background: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar-today .ant-calendar-date {\n color: @primary-color;\n border-color: @primary-color;\n}\n.ant-calendar-selected-day .ant-calendar-date {\n background: rgba(58, 64, 99, 0.15);\n}\n.ant-calendar-last-month-cell .ant-calendar-date,\n.ant-calendar-next-month-btn-day .ant-calendar-date,\n.ant-calendar-last-month-cell .ant-calendar-date:hover,\n.ant-calendar-next-month-btn-day .ant-calendar-date:hover {\n color: rgba(0, 0, 0, 0.25);\n background: transparent;\n border-color: transparent;\n}\n.ant-calendar-disabled-cell .ant-calendar-date {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n border: 1px solid transparent;\n border-radius: 0;\n}\n.ant-calendar-disabled-cell .ant-calendar-date:hover {\n background: #f5f5f5;\n}\n.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {\n background: rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n}\n.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {\n border: 1px solid rgba(0, 0, 0, 0.25);\n border-radius: 2px;\n}\n.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.ant-calendar-footer {\n border-top: 1px solid #e8e8e8;\n}\n.ant-calendar-footer:empty {\n border-top: 0;\n}\n.ant-calendar .ant-calendar-today-btn-disabled,\n.ant-calendar .ant-calendar-clear-btn-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-calendar .ant-calendar-clear-btn::after {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-calendar .ant-calendar-clear-btn:hover::after {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar .ant-calendar-ok-btn {\n background-image: none;\n border: 1px solid transparent;\n box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n color: #fff;\n background-color: @primary-color;\n border-color: @primary-color;\n box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);\n border-radius: 2px;\n}\n.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {\n box-shadow: none;\n}\n.ant-calendar .ant-calendar-ok-btn-lg {\n border-radius: 2px;\n}\n.ant-calendar .ant-calendar-ok-btn-sm {\n border-radius: 2px;\n}\n.ant-calendar .ant-calendar-ok-btn > a:only-child {\n color: currentColor;\n}\n.ant-calendar .ant-calendar-ok-btn > a:only-child::after {\n background: transparent;\n}\n.ant-calendar .ant-calendar-ok-btn:hover,\n.ant-calendar .ant-calendar-ok-btn:focus {\n color: #fff;\n background-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {\n color: currentColor;\n}\n.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {\n background: transparent;\n}\n.ant-calendar .ant-calendar-ok-btn:active,\n.ant-calendar .ant-calendar-ok-btn.active {\n color: #fff;\n background-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-calendar .ant-calendar-ok-btn:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.active > a:only-child {\n color: currentColor;\n}\n.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {\n background: transparent;\n}\n.ant-calendar .ant-calendar-ok-btn-disabled,\n.ant-calendar .ant-calendar-ok-btn.disabled,\n.ant-calendar .ant-calendar-ok-btn[disabled],\n.ant-calendar .ant-calendar-ok-btn-disabled:hover,\n.ant-calendar .ant-calendar-ok-btn.disabled:hover,\n.ant-calendar .ant-calendar-ok-btn[disabled]:hover,\n.ant-calendar .ant-calendar-ok-btn-disabled:focus,\n.ant-calendar .ant-calendar-ok-btn.disabled:focus,\n.ant-calendar .ant-calendar-ok-btn[disabled]:focus,\n.ant-calendar .ant-calendar-ok-btn-disabled:active,\n.ant-calendar .ant-calendar-ok-btn.disabled:active,\n.ant-calendar .ant-calendar-ok-btn[disabled]:active,\n.ant-calendar .ant-calendar-ok-btn-disabled.active,\n.ant-calendar .ant-calendar-ok-btn.disabled.active,\n.ant-calendar .ant-calendar-ok-btn[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-calendar .ant-calendar-ok-btn-disabled,\n.ant-calendar .ant-calendar-ok-btn.disabled,\n.ant-calendar .ant-calendar-ok-btn[disabled],\n.ant-calendar .ant-calendar-ok-btn-disabled:hover,\n.ant-calendar .ant-calendar-ok-btn.disabled:hover,\n.ant-calendar .ant-calendar-ok-btn[disabled]:hover,\n.ant-calendar .ant-calendar-ok-btn-disabled:focus,\n.ant-calendar .ant-calendar-ok-btn.disabled:focus,\n.ant-calendar .ant-calendar-ok-btn[disabled]:focus,\n.ant-calendar .ant-calendar-ok-btn-disabled:active,\n.ant-calendar .ant-calendar-ok-btn.disabled:active,\n.ant-calendar .ant-calendar-ok-btn[disabled]:active,\n.ant-calendar .ant-calendar-ok-btn-disabled.active,\n.ant-calendar .ant-calendar-ok-btn.disabled.active,\n.ant-calendar .ant-calendar-ok-btn[disabled].active {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,\n.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {\n color: currentColor;\n}\n.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,\n.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {\n background: transparent;\n}\n.ant-calendar-range-picker-input {\n background-color: transparent;\n border: 0;\n}\n.ant-calendar-range-picker-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-range-picker-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-range-picker-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-range-picker-separator {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-range-left .ant-calendar-time-picker-inner {\n border-right: 1px solid #e8e8e8;\n}\n.ant-calendar-range-right .ant-calendar-time-picker-inner {\n border-left: 1px solid #e8e8e8;\n}\n.ant-calendar-range-middle {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {\n color: @primary-color;\n background: rgba(58, 64, 99, 0.15);\n border-color: @primary-color;\n}\n.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,\n.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {\n color: #ffffff;\n background: @primary-color;\n border: 1px solid transparent;\n}\n.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,\n.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {\n background: @primary-color;\n}\n.ant-calendar-range .ant-calendar-input,\n.ant-calendar-range .ant-calendar-time-picker-input {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border: 0;\n box-shadow: none;\n}\n.ant-calendar-range .ant-calendar-input::-moz-placeholder,\n.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,\n.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,\n.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-calendar-range .ant-calendar-input:hover,\n.ant-calendar-range .ant-calendar-time-picker-input:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-calendar-range .ant-calendar-input:focus,\n.ant-calendar-range .ant-calendar-time-picker-input:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-calendar-range .ant-calendar-input-disabled,\n.ant-calendar-range .ant-calendar-time-picker-input-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-calendar-range .ant-calendar-input-disabled:hover,\n.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-calendar-range .ant-calendar-input[disabled],\n.ant-calendar-range .ant-calendar-time-picker-input[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-calendar-range .ant-calendar-input[disabled]:hover,\n.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-calendar-range .ant-calendar-input:focus,\n.ant-calendar-range .ant-calendar-time-picker-input:focus {\n box-shadow: none;\n}\n.ant-calendar-range .ant-calendar-in-range-cell {\n border-radius: 0;\n}\n.ant-calendar-range .ant-calendar-in-range-cell::before {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n border: 0;\n border-radius: 0;\n}\n.ant-calendar-range .ant-calendar-header,\n.ant-calendar-range .ant-calendar-month-panel-header,\n.ant-calendar-range .ant-calendar-year-panel-header,\n.ant-calendar-range .ant-calendar-decade-panel-header {\n border-bottom: 0;\n}\n.ant-calendar-range .ant-calendar-body,\n.ant-calendar-range .ant-calendar-month-panel-body,\n.ant-calendar-range .ant-calendar-year-panel-body,\n.ant-calendar-range .ant-calendar-decade-panel-body {\n border-top: 1px solid #e8e8e8;\n}\n.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {\n background: none;\n}\n.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {\n background-color: #fff;\n border-top: 1px solid #e8e8e8;\n}\n.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {\n border-top-color: transparent;\n}\n.ant-calendar-time-picker {\n background-color: #fff;\n}\n.ant-calendar-time-picker-inner {\n background-color: #fff;\n background-clip: padding-box;\n}\n.ant-calendar-time-picker-select {\n border-right: 1px solid #e8e8e8;\n}\n.ant-calendar-time-picker-select:first-child {\n border-left: 0;\n}\n.ant-calendar-time-picker-select:last-child {\n border-right: 0;\n}\n.ant-calendar-time-picker-select li:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-calendar-time-picker-select li:focus {\n color: @primary-color;\n}\nli.ant-calendar-time-picker-select-option-selected {\n background: #f5f5f5;\n}\nli.ant-calendar-time-picker-select-option-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\nli.ant-calendar-time-picker-select-option-disabled:hover {\n background: transparent;\n}\n.ant-calendar-time .ant-calendar-day-select {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-calendar-month-panel {\n background: #fff;\n border-radius: 2px;\n}\n.ant-calendar-month-panel-header {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-calendar-month-panel-header a:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,\n.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-month-panel-footer {\n border-top: 1px solid #e8e8e8;\n}\n.ant-calendar-month-panel-table {\n border-collapse: separate;\n}\n.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,\n.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {\n color: rgba(0, 0, 0, 0.25);\n background: #f5f5f5;\n}\n.ant-calendar-month-panel-month {\n color: #000000;\n background: transparent;\n border-radius: 2px;\n}\n.ant-calendar-month-panel-month:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-calendar-year-panel {\n background: #fff;\n border-radius: 2px;\n}\n.ant-calendar-year-panel-header {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-calendar-year-panel-header a:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,\n.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-year-panel-footer {\n border-top: 1px solid #e8e8e8;\n}\n.ant-calendar-year-panel-table {\n border-collapse: separate;\n}\n.ant-calendar-year-panel-year {\n color: #000000;\n background: transparent;\n border-radius: 2px;\n}\n.ant-calendar-year-panel-year:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,\n.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-calendar-decade-panel {\n background: #fff;\n border-radius: 2px;\n}\n.ant-calendar-decade-panel-header {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-calendar-decade-panel-header a:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {\n border: 0 solid #aaa;\n border-width: 1.5px 0 0 1.5px;\n border-radius: 1px;\n}\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,\n.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {\n border-color: #000000;\n}\n.ant-calendar-decade-panel-footer {\n border-top: 1px solid #e8e8e8;\n}\n.ant-calendar-decade-panel-table {\n border-collapse: separate;\n}\n.ant-calendar-decade-panel-decade {\n color: #000000;\n background: transparent;\n border-radius: 2px;\n}\n.ant-calendar-decade-panel-decade:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,\n.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-calendar-week-number .ant-calendar-body tr:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {\n background: rgba(58, 64, 99, 0.15);\n}\n.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,\n.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {\n color: #000000;\n background: transparent;\n}\n.ant-descriptions-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-descriptions-view {\n border-radius: 2px;\n}\n.ant-descriptions-row:last-child {\n border-bottom: none;\n}\n.ant-descriptions-item-label {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-descriptions-item-content {\n color: #000000;\n}\n.ant-descriptions-bordered .ant-descriptions-view {\n border: 1px solid #e8e8e8;\n}\n.ant-descriptions-bordered .ant-descriptions-item-label,\n.ant-descriptions-bordered .ant-descriptions-item-content {\n border-right: 1px solid #e8e8e8;\n}\n.ant-descriptions-bordered .ant-descriptions-item-label:last-child,\n.ant-descriptions-bordered .ant-descriptions-item-content:last-child {\n border-right: none;\n}\n.ant-descriptions-bordered .ant-descriptions-item-label {\n background-color: #fafafa;\n}\n.ant-descriptions-bordered .ant-descriptions-row {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-descriptions-bordered .ant-descriptions-row:last-child {\n border-bottom: none;\n}\n.ant-divider {\n color: #000000;\n background: #e8e8e8;\n}\n.ant-divider-horizontal.ant-divider-with-text-center,\n.ant-divider-horizontal.ant-divider-with-text-left,\n.ant-divider-horizontal.ant-divider-with-text-right {\n color: rgba(0, 0, 0, 0.85);\n background: transparent;\n}\n.ant-divider-horizontal.ant-divider-with-text-center::before,\n.ant-divider-horizontal.ant-divider-with-text-left::before,\n.ant-divider-horizontal.ant-divider-with-text-right::before,\n.ant-divider-horizontal.ant-divider-with-text-center::after,\n.ant-divider-horizontal.ant-divider-with-text-left::after,\n.ant-divider-horizontal.ant-divider-with-text-right::after {\n border-top: 1px solid #e8e8e8;\n}\n.ant-divider-dashed {\n background: none;\n border-color: #e8e8e8;\n border-style: dashed;\n border-width: 1px 0 0;\n}\n.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,\n.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,\n.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {\n border-top: 0;\n}\n.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,\n.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,\n.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,\n.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,\n.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,\n.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {\n border-style: dashed none none;\n}\n.ant-divider-vertical.ant-divider-dashed {\n border-width: 0 0 0 1px;\n}\n.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {\n box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {\n box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {\n box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-drawer-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-drawer-content {\n background-color: #fff;\n background-clip: padding-box;\n border: 0;\n}\n.ant-drawer-close {\n color: rgba(0, 0, 0, 0.45);\n background: transparent;\n border: 0;\n}\n.ant-drawer-close:focus,\n.ant-drawer-close:hover {\n color: rgba(0, 0, 0, 0.75);\n}\n.ant-drawer-header {\n color: #000000;\n background: #fff;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n}\n.ant-drawer-header-no-title {\n color: #000000;\n background: #fff;\n}\n.ant-drawer-mask {\n background-color: rgba(0, 0, 0, 0.45);\n}\n.ant-drawer-open-content {\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.ant-dropdown {\n color: #000000;\n}\n.ant-dropdown-menu {\n background-color: #fff;\n background-clip: padding-box;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-dropdown-menu-item-group-title {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-dropdown-menu-item,\n.ant-dropdown-menu-submenu-title {\n color: #000000;\n}\n.ant-dropdown-menu-item > a,\n.ant-dropdown-menu-submenu-title > a {\n color: #000000;\n}\n.ant-dropdown-menu-item-selected,\n.ant-dropdown-menu-submenu-title-selected,\n.ant-dropdown-menu-item-selected > a,\n.ant-dropdown-menu-submenu-title-selected > a {\n color: @primary-color;\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-dropdown-menu-item:hover,\n.ant-dropdown-menu-submenu-title:hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-dropdown-menu-item-disabled,\n.ant-dropdown-menu-submenu-title-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-dropdown-menu-item-disabled:hover,\n.ant-dropdown-menu-submenu-title-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n background-color: #fff;\n}\n.ant-dropdown-menu-item-divider,\n.ant-dropdown-menu-submenu-title-divider {\n background-color: #e8e8e8;\n}\n.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,\n.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,\n.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {\n color: rgba(0, 0, 0, 0.25);\n background-color: #fff;\n}\n.ant-dropdown-menu-dark,\n.ant-dropdown-menu-dark .ant-dropdown-menu {\n background: @primary-color;\n}\n.ant-dropdown-menu-dark .ant-dropdown-menu-item,\n.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,\n.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {\n color: rgba(255, 255, 255, 0.65);\n}\n.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,\n.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,\n.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {\n color: rgba(255, 255, 255, 0.65);\n}\n.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,\n.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,\n.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {\n color: #ffffff;\n background: transparent;\n}\n.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,\n.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,\n.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {\n color: #ffffff;\n background: @primary-color;\n}\n.ant-empty-normal {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-empty-small {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-form {\n color: #000000;\n}\n.ant-form legend {\n color: rgba(0, 0, 0, 0.45);\n border: 0;\n border-bottom: 1px solid #d9d9d9;\n}\n.ant-form output {\n color: #000000;\n}\n.ant-form-item-required::before {\n color: #f5222d;\n}\n.ant-form-item-label > label {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-form-item {\n color: #000000;\n}\n.ant-form-explain,\n.ant-form-extra {\n color: rgba(0, 0, 0, 0.45);\n}\nform .ant-upload {\n background: transparent;\n}\n.has-success.has-feedback .ant-form-item-children-icon {\n color: #52c41a;\n}\n.has-warning .ant-form-explain,\n.has-warning .ant-form-split {\n color: #faad14;\n}\n.has-warning .ant-input,\n.has-warning .ant-input:hover {\n background-color: #fff;\n border-color: #faad14;\n}\n.has-warning .ant-input:focus {\n border-color: #ffc53d;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);\n}\n.has-warning .ant-input:not([disabled]):hover {\n border-color: #faad14;\n}\n.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {\n border-color: #ffc53d;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);\n}\n.has-warning .ant-input-affix-wrapper .ant-input,\n.has-warning .ant-input-affix-wrapper .ant-input:hover {\n background-color: #fff;\n border-color: #faad14;\n}\n.has-warning .ant-input-affix-wrapper .ant-input:focus {\n border-color: #ffc53d;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);\n}\n.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {\n border-color: #faad14;\n}\n.has-warning .ant-input-prefix {\n color: #faad14;\n}\n.has-warning .ant-input-group-addon {\n color: #faad14;\n background-color: #fff;\n border-color: #faad14;\n}\n.has-warning .has-feedback {\n color: #faad14;\n}\n.has-warning.has-feedback .ant-form-item-children-icon {\n color: #faad14;\n}\n.has-warning .ant-select-selection {\n border-color: #faad14;\n}\n.has-warning .ant-select-selection:hover {\n border-color: #faad14;\n}\n.has-warning .ant-select-open .ant-select-selection,\n.has-warning .ant-select-focused .ant-select-selection {\n border-color: #ffc53d;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);\n}\n.has-warning .ant-calendar-picker-icon::after,\n.has-warning .ant-time-picker-icon::after,\n.has-warning .ant-picker-icon::after,\n.has-warning .ant-select-arrow,\n.has-warning .ant-cascader-picker-arrow {\n color: #faad14;\n}\n.has-warning .ant-input-number,\n.has-warning .ant-time-picker-input {\n border-color: #faad14;\n}\n.has-warning .ant-input-number-focused,\n.has-warning .ant-time-picker-input-focused,\n.has-warning .ant-input-number:focus,\n.has-warning .ant-time-picker-input:focus {\n border-color: #ffc53d;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);\n}\n.has-warning .ant-input-number:not([disabled]):hover,\n.has-warning .ant-time-picker-input:not([disabled]):hover {\n border-color: #faad14;\n}\n.has-warning .ant-cascader-picker:focus .ant-cascader-input {\n border-color: #ffc53d;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);\n}\n.has-error .ant-form-explain,\n.has-error .ant-form-split {\n color: #f5222d;\n}\n.has-error .ant-input,\n.has-error .ant-input:hover {\n background-color: #fff;\n border-color: #f5222d;\n}\n.has-error .ant-input:focus {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-input:not([disabled]):hover {\n border-color: #f5222d;\n}\n.has-error .ant-calendar-picker-open .ant-calendar-picker-input {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-input-affix-wrapper .ant-input,\n.has-error .ant-input-affix-wrapper .ant-input:hover {\n background-color: #fff;\n border-color: #f5222d;\n}\n.has-error .ant-input-affix-wrapper .ant-input:focus {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {\n border-color: #f5222d;\n}\n.has-error .ant-input-prefix {\n color: #f5222d;\n}\n.has-error .ant-input-group-addon {\n color: #f5222d;\n background-color: #fff;\n border-color: #f5222d;\n}\n.has-error .has-feedback {\n color: #f5222d;\n}\n.has-error.has-feedback .ant-form-item-children-icon {\n color: #f5222d;\n}\n.has-error .ant-select-selection {\n border-color: #f5222d;\n}\n.has-error .ant-select-selection:hover {\n border-color: #f5222d;\n}\n.has-error .ant-select-open .ant-select-selection,\n.has-error .ant-select-focused .ant-select-selection {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-select.ant-select-auto-complete .ant-input:focus {\n border-color: #f5222d;\n}\n.has-error .ant-input-group-addon .ant-select-selection {\n border-color: transparent;\n box-shadow: none;\n}\n.has-error .ant-calendar-picker-icon::after,\n.has-error .ant-time-picker-icon::after,\n.has-error .ant-picker-icon::after,\n.has-error .ant-select-arrow,\n.has-error .ant-cascader-picker-arrow {\n color: #f5222d;\n}\n.has-error .ant-input-number,\n.has-error .ant-time-picker-input {\n border-color: #f5222d;\n}\n.has-error .ant-input-number-focused,\n.has-error .ant-time-picker-input-focused,\n.has-error .ant-input-number:focus,\n.has-error .ant-time-picker-input:focus {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-input-number:not([disabled]):hover,\n.has-error .ant-time-picker-input:not([disabled]):hover {\n border-color: #f5222d;\n}\n.has-error .ant-mention-wrapper .ant-mention-editor,\n.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {\n border-color: #f5222d;\n}\n.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,\n.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-cascader-picker:focus .ant-cascader-input {\n border-color: #ff4d4f;\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);\n}\n.has-error .ant-transfer-list {\n border-color: #f5222d;\n}\n.has-error .ant-transfer-list-search:not([disabled]) {\n border-color: #d9d9d9;\n}\n.has-error .ant-transfer-list-search:not([disabled]):hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.has-error .ant-transfer-list-search:not([disabled]):focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.is-validating.has-feedback .ant-form-item-children-icon {\n color: @primary-color;\n}\n.ant-input-number {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-input-number::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-input-number:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-input-number-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-input-number-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input-number[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-input-number[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input-number-handler {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-input-number-handler:active {\n background: #f4f4f4;\n}\n.ant-input-number-handler:hover .ant-input-number-handler-up-inner,\n.ant-input-number-handler:hover .ant-input-number-handler-down-inner {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-input-number-handler-up-inner,\n.ant-input-number-handler-down-inner {\n color: inherit;\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-input-number:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-input-number-focused {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-input-number-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-input-number-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input-number-input {\n background-color: transparent;\n border: 0;\n border-radius: 2px;\n}\n.ant-input-number-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number-handler-wrap {\n background: #fff;\n border-left: 1px solid #d9d9d9;\n border-radius: 0 2px 2px 0;\n}\n.ant-input-number-handler-up {\n border-top-right-radius: 2px;\n}\n.ant-input-number-handler-down {\n border-top: 1px solid #d9d9d9;\n border-bottom-right-radius: 2px;\n}\n.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,\n.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-input {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-input:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-input-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-input-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-input[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input-group {\n color: #000000;\n border-collapse: separate;\n border-spacing: 0;\n}\n.ant-input-group-addon:not(:first-child):not(:last-child),\n.ant-input-group-wrap:not(:first-child):not(:last-child),\n.ant-input-group > .ant-input:not(:first-child):not(:last-child) {\n border-radius: 0;\n}\n.ant-input-group .ant-input:focus {\n border-right-width: 1px;\n}\n.ant-input-group .ant-input:hover {\n border-right-width: 1px;\n}\n.ant-input-group-addon {\n color: #000000;\n background-color: @primary-color;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-input-group-addon .ant-select .ant-select-selection {\n background-color: inherit;\n border: 1px solid transparent;\n box-shadow: none;\n}\n.ant-input-group-addon .ant-select-open .ant-select-selection,\n.ant-input-group-addon .ant-select-focused .ant-select-selection {\n color: @primary-color;\n}\n.ant-input-group > .ant-input:first-child,\n.ant-input-group-addon:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,\n.ant-input-group-addon:first-child .ant-select .ant-select-selection {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.ant-input-group-addon:first-child {\n border-right: 0;\n}\n.ant-input-group-addon:last-child {\n border-left: 0;\n}\n.ant-input-group > .ant-input:last-child,\n.ant-input-group-addon:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,\n.ant-input-group-addon:last-child .ant-select .ant-select-selection {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),\n.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),\n.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {\n border-right-width: 1px;\n}\n.ant-input-group.ant-input-group-compact > * {\n border-radius: 0;\n}\n.ant-input-group.ant-input-group-compact > *:not(:last-child) {\n border-right-width: 1px;\n}\n.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,\n.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,\n.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {\n border-right-width: 1px;\n border-radius: 0;\n}\n.ant-input-group.ant-input-group-compact > *:first-child,\n.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,\n.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,\n.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n}\n.ant-input-group.ant-input-group-compact > *:last-child,\n.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,\n.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,\n.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,\n.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {\n border-right-width: 1px;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n}\n.ant-input-affix-wrapper {\n color: #000000;\n}\n.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-input-affix-wrapper .ant-input-prefix,\n.ant-input-affix-wrapper .ant-input-suffix {\n color: #000000;\n}\n.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-input-password-icon {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-input-password-icon:hover {\n color: #333;\n}\n.ant-input-clear-icon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-input-clear-icon:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-input-clear-icon:active {\n color: #000000;\n}\n.ant-input-search-icon {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-input-search-icon:hover {\n color: rgba(0, 0, 0, 0.8);\n}\n.ant-input-search-enter-button input {\n border-right: 0;\n}\n.ant-input-search-enter-button + .ant-input-group-addon,\n.ant-input-search-enter-button input + .ant-input-group-addon {\n border: 0;\n}\n.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,\n.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.ant-layout {\n background: #f0f2f5;\n}\n.ant-layout-header {\n background: @primary-color;\n}\n.ant-layout-footer {\n color: #000000;\n background: #f0f2f5;\n}\n.ant-layout-sider {\n background: @primary-color;\n}\n.ant-layout-sider-trigger {\n color: #fff;\n background: #002140;\n}\n.ant-layout-sider-zero-width-trigger {\n color: #fff;\n background: @primary-color;\n border-radius: 0 2px 2px 0;\n}\n.ant-layout-sider-zero-width-trigger:hover {\n background: #464a64;\n}\n.ant-layout-sider-zero-width-trigger-right {\n border-radius: 2px 0 0 2px;\n}\n.ant-layout-sider-light {\n background: #f9f9f9;\n}\n.ant-layout-sider-light .ant-layout-sider-trigger {\n color: #000000;\n background: #fff;\n}\n.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {\n color: #000000;\n background: #fff;\n}\n.ant-list {\n color: #000000;\n}\n.ant-list-empty-text {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-list-item-content {\n color: #000000;\n}\n.ant-list-item-meta-title {\n color: #000000;\n}\n.ant-list-item-meta-title > a {\n color: #000000;\n}\n.ant-list-item-meta-title > a:hover {\n color: @primary-color;\n}\n.ant-list-item-meta-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-list-item-action > li {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-list-item-action-split {\n background-color: #e8e8e8;\n}\n.ant-list-header {\n background: transparent;\n}\n.ant-list-footer {\n background: transparent;\n}\n.ant-list-empty {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-list-split .ant-list-item {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-list-split .ant-list-item:last-child {\n border-bottom: none;\n}\n.ant-list-split .ant-list-header {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-list-vertical .ant-list-item-meta-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-list-grid .ant-col > .ant-list-item {\n border-bottom: none;\n}\n.ant-list-bordered {\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-list-bordered .ant-list-item {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-mentions-wrapper {\n color: #000000;\n}\n.ant-mentions-wrapper .ant-mentions-editor {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions-wrapper .ant-mentions-editor:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-mentions-wrapper .ant-mentions-editor:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-mentions-wrapper .ant-mentions-editor-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-mentions-wrapper .ant-mentions-editor[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-mentions-wrapper.disabled .ant-mentions-editor {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {\n color: #bfbfbf;\n}\n.ant-mentions-dropdown {\n color: #000000;\n background-color: #fff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {\n color: @primary-color;\n}\n.ant-mentions-dropdown-item {\n color: #000000;\n}\n.ant-mentions-dropdown-item:hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-mentions-dropdown-item.focus,\n.ant-mentions-dropdown-item-active {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-mentions-dropdown-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-mentions-dropdown-item-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n background-color: #fff;\n}\n.ant-mentions-dropdown-item-selected,\n.ant-mentions-dropdown-item-selected:hover {\n color: #000000;\n background-color: #f5f5f5;\n}\n.ant-mentions-dropdown-item-divider {\n background-color: #e8e8e8;\n}\n.ant-mentions {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-mentions::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-mentions:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-mentions-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-mentions-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-mentions[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-mentions[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-mentions-disabled > textarea {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-mentions-disabled > textarea:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-mentions-focused {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-mentions > textarea {\n border: none;\n}\n.ant-mentions > textarea::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions > textarea:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions > textarea::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-mentions-measure {\n color: transparent;\n}\n.ant-mentions-dropdown {\n color: #000000;\n background-color: #fff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-mentions-dropdown-menu-item {\n color: #000000;\n}\n.ant-mentions-dropdown-menu-item:hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-mentions-dropdown-menu-item:first-child {\n border-radius: 2px 2px 0 0;\n}\n.ant-mentions-dropdown-menu-item:last-child {\n border-radius: 0 0 2px 2px;\n}\n.ant-mentions-dropdown-menu-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-mentions-dropdown-menu-item-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n background-color: #fff;\n}\n.ant-mentions-dropdown-menu-item-selected {\n color: #000000;\n background-color: #fafafa;\n}\n.ant-mentions-dropdown-menu-item-active {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-menu {\n color: #000000;\n background: #fff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-menu-item-group-title {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-menu-submenu-selected {\n color: @primary-color;\n}\n.ant-menu-item:active,\n.ant-menu-submenu-title:active {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-menu-item > a {\n color: #000000;\n}\n.ant-menu-item > a:hover {\n color: @primary-color;\n}\n.ant-menu-item > a::before {\n background-color: transparent;\n}\n.ant-menu-item-divider {\n background-color: #e8e8e8;\n}\n.ant-menu-item:hover,\n.ant-menu-item-active,\n.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,\n.ant-menu-submenu-active,\n.ant-menu-submenu-title:hover {\n color: @primary-color;\n}\n.ant-menu-horizontal > .ant-menu-item:hover,\n.ant-menu-horizontal > .ant-menu-item-active,\n.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {\n background-color: transparent;\n}\n.ant-menu-item-selected {\n color: @primary-color;\n}\n.ant-menu-item-selected > a,\n.ant-menu-item-selected > a:hover {\n color: @primary-color;\n}\n.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-menu-inline,\n.ant-menu-vertical,\n.ant-menu-vertical-left {\n border-right: 1px solid #e8e8e8;\n}\n.ant-menu-vertical-right {\n border-left: 1px solid #e8e8e8;\n}\n.ant-menu-vertical.ant-menu-sub,\n.ant-menu-vertical-left.ant-menu-sub,\n.ant-menu-vertical-right.ant-menu-sub {\n border-right: 0;\n}\n.ant-menu-vertical.ant-menu-sub .ant-menu-item,\n.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,\n.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {\n border-right: 0;\n}\n.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,\n.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,\n.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {\n border-right: 0;\n}\n.ant-menu > .ant-menu-item-divider {\n background-color: #e8e8e8;\n}\n.ant-menu-submenu-popup {\n background: #fff;\n border-radius: 2px;\n}\n.ant-menu-submenu > .ant-menu {\n background-color: #fff;\n border-radius: 2px;\n}\n.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {\n background: #fff;\n background: #000000 ;\n background-image: linear-gradient(to right, #000000, #000000);\n background-image: none ;\n border-radius: 2px;\n}\n.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {\n background: linear-gradient(to right, #313653, #313653);\n}\n.ant-menu-vertical .ant-menu-submenu-selected,\n.ant-menu-vertical-left .ant-menu-submenu-selected,\n.ant-menu-vertical-right .ant-menu-submenu-selected {\n color: @primary-color;\n}\n.ant-menu-vertical .ant-menu-submenu-selected > a,\n.ant-menu-vertical-left .ant-menu-submenu-selected > a,\n.ant-menu-vertical-right .ant-menu-submenu-selected > a {\n color: @primary-color;\n}\n.ant-menu-horizontal {\n border: 0;\n border-bottom: 1px solid #e8e8e8;\n box-shadow: none;\n}\n.ant-menu-horizontal > .ant-menu-item,\n.ant-menu-horizontal > .ant-menu-submenu {\n border-bottom: 2px solid transparent;\n}\n.ant-menu-horizontal > .ant-menu-item:hover,\n.ant-menu-horizontal > .ant-menu-submenu:hover,\n.ant-menu-horizontal > .ant-menu-item-active,\n.ant-menu-horizontal > .ant-menu-submenu-active,\n.ant-menu-horizontal > .ant-menu-item-open,\n.ant-menu-horizontal > .ant-menu-submenu-open,\n.ant-menu-horizontal > .ant-menu-item-selected,\n.ant-menu-horizontal > .ant-menu-submenu-selected {\n color: @primary-color;\n border-bottom: 2px solid @primary-color;\n}\n.ant-menu-horizontal > .ant-menu-item > a {\n color: #000000;\n}\n.ant-menu-horizontal > .ant-menu-item > a:hover {\n color: @primary-color;\n}\n.ant-menu-horizontal > .ant-menu-item-selected > a {\n color: @primary-color;\n}\n.ant-menu-vertical .ant-menu-item::after,\n.ant-menu-vertical-left .ant-menu-item::after,\n.ant-menu-vertical-right .ant-menu-item::after,\n.ant-menu-inline .ant-menu-item::after {\n border-right: 3px solid @primary-color;\n}\n.ant-menu-inline-collapsed-tooltip a {\n color: rgba(255, 255, 255, 0.85);\n}\n.ant-menu-root.ant-menu-vertical,\n.ant-menu-root.ant-menu-vertical-left,\n.ant-menu-root.ant-menu-vertical-right,\n.ant-menu-root.ant-menu-inline {\n box-shadow: none;\n}\n.ant-menu-sub.ant-menu-inline {\n border: 0;\n border-radius: 0;\n box-shadow: none;\n}\n.ant-menu-item-disabled,\n.ant-menu-submenu-disabled {\n color: rgba(0, 0, 0, 0.25) !important;\n background: none;\n border-color: transparent !important;\n}\n.ant-menu-item-disabled > a,\n.ant-menu-submenu-disabled > a {\n color: rgba(0, 0, 0, 0.25) !important;\n}\n.ant-menu-item-disabled > .ant-menu-submenu-title,\n.ant-menu-submenu-disabled > .ant-menu-submenu-title {\n color: rgba(0, 0, 0, 0.25) !important;\n}\n.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {\n background: rgba(0, 0, 0, 0.25) !important;\n}\n.ant-menu-dark,\n.ant-menu-dark .ant-menu-sub {\n color: rgba(255, 255, 255, 0.65);\n background: @primary-color;\n}\n.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {\n background: #fff;\n}\n.ant-menu-dark.ant-menu-submenu-popup {\n background: transparent;\n}\n.ant-menu-dark .ant-menu-inline.ant-menu-sub {\n background: #000c17;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;\n}\n.ant-menu-dark.ant-menu-horizontal {\n border-bottom: 0;\n}\n.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,\n.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {\n border-color: @primary-color;\n border-bottom: 0;\n}\n.ant-menu-dark .ant-menu-item,\n.ant-menu-dark .ant-menu-item-group-title,\n.ant-menu-dark .ant-menu-item > a {\n color: rgba(255, 255, 255, 0.65);\n}\n.ant-menu-dark.ant-menu-inline,\n.ant-menu-dark.ant-menu-vertical,\n.ant-menu-dark.ant-menu-vertical-left,\n.ant-menu-dark.ant-menu-vertical-right {\n border-right: 0;\n}\n.ant-menu-dark.ant-menu-inline .ant-menu-item,\n.ant-menu-dark.ant-menu-vertical .ant-menu-item,\n.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,\n.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {\n border-right: 0;\n}\n.ant-menu-dark.ant-menu-inline .ant-menu-item::after,\n.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,\n.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,\n.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {\n border-right: 0;\n}\n.ant-menu-dark .ant-menu-item:hover,\n.ant-menu-dark .ant-menu-item-active,\n.ant-menu-dark .ant-menu-submenu-active,\n.ant-menu-dark .ant-menu-submenu-open,\n.ant-menu-dark .ant-menu-submenu-selected,\n.ant-menu-dark .ant-menu-submenu-title:hover {\n color: #fff;\n background-color: transparent;\n}\n.ant-menu-dark .ant-menu-item:hover > a,\n.ant-menu-dark .ant-menu-item-active > a,\n.ant-menu-dark .ant-menu-submenu-active > a,\n.ant-menu-dark .ant-menu-submenu-open > a,\n.ant-menu-dark .ant-menu-submenu-selected > a,\n.ant-menu-dark .ant-menu-submenu-title:hover > a {\n color: #fff;\n}\n.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {\n background: #fff;\n}\n.ant-menu-dark .ant-menu-item:hover {\n background-color: transparent;\n}\n.ant-menu-dark .ant-menu-item-selected {\n color: #fff;\n border-right: 0;\n}\n.ant-menu-dark .ant-menu-item-selected::after {\n border-right: 0;\n}\n.ant-menu-dark .ant-menu-item-selected > a,\n.ant-menu-dark .ant-menu-item-selected > a:hover {\n color: #fff;\n}\n.ant-menu-dark .ant-menu-item-selected .anticon {\n color: #ffffff;\n}\n.ant-menu-dark .ant-menu-item-selected .anticon + span {\n color: #ffffff;\n}\n.ant-menu.ant-menu-dark .ant-menu-item-selected,\n.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {\n background-color: @primary-color;\n}\n.ant-menu-dark .ant-menu-item-disabled,\n.ant-menu-dark .ant-menu-submenu-disabled,\n.ant-menu-dark .ant-menu-item-disabled > a,\n.ant-menu-dark .ant-menu-submenu-disabled > a {\n color: rgba(255, 255, 255, 0.35) !important;\n}\n.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,\n.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {\n color: rgba(255, 255, 255, 0.35) !important;\n}\n.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,\n.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,\n.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {\n background: rgba(255, 255, 255, 0.35) !important;\n}\n.ant-message {\n color: #000000;\n}\n.ant-message-notice-content {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.ant-message-success .anticon {\n color: #52c41a;\n}\n.ant-message-error .anticon {\n color: #f5222d;\n}\n.ant-message-warning .anticon {\n color: #faad14;\n}\n.ant-message-info .anticon,\n.ant-message-loading .anticon {\n color: #1890ff;\n}\n.ant-modal {\n color: #000000;\n}\n.ant-modal-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-modal-content {\n background-color: #fff;\n background-clip: padding-box;\n border: 0;\n border-radius: 2px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.ant-modal-close {\n color: rgba(0, 0, 0, 0.45);\n background: transparent;\n border: 0;\n}\n.ant-modal-close:focus,\n.ant-modal-close:hover {\n color: rgba(0, 0, 0, 0.75);\n}\n.ant-modal-header {\n color: #000000;\n background: #fff;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n}\n.ant-modal-footer {\n background: transparent;\n border-top: 1px solid #e8e8e8;\n border-radius: 0 0 2px 2px;\n}\n.ant-modal-mask {\n background-color: rgba(0, 0, 0, 0.45);\n}\n.ant-modal-confirm-body .ant-modal-confirm-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-modal-confirm-body .ant-modal-confirm-content {\n color: #000000;\n}\n.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {\n color: #f5222d;\n}\n.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,\n.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {\n color: #faad14;\n}\n.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {\n color: #1890ff;\n}\n.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {\n color: #52c41a;\n}\n.ant-notification {\n color: #000000;\n}\n.ant-notification-notice {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.ant-notification-notice-message {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-notification-notice-message-single-line-auto-margin {\n background-color: transparent;\n}\n.anticon.ant-notification-notice-icon-success {\n color: #52c41a;\n}\n.anticon.ant-notification-notice-icon-info {\n color: #1890ff;\n}\n.anticon.ant-notification-notice-icon-warning {\n color: #faad14;\n}\n.anticon.ant-notification-notice-icon-error {\n color: #f5222d;\n}\n.ant-notification-notice-close {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-notification-notice-close:hover {\n color: rgba(0, 0, 0, 0.67);\n}\n.ant-page-header {\n color: #000000;\n}\n.ant-page-header-back-button {\n color: @primary-color;\n color: #000;\n}\n.ant-page-header-back-button:focus,\n.ant-page-header-back-button:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-page-header-back-button:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-page-header-heading-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-page-header-heading-sub-title {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-page-header-footer .ant-tabs-bar {\n border-bottom: 0;\n}\n.ant-pagination {\n color: #000000;\n}\n.ant-pagination-item {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-pagination-item a {\n color: #000000;\n}\n.ant-pagination-item:focus,\n.ant-pagination-item:hover {\n border-color: @primary-color;\n}\n.ant-pagination-item:focus a,\n.ant-pagination-item:hover a {\n color: @primary-color;\n}\n.ant-pagination-item-active {\n background: #fff;\n border-color: @primary-color;\n}\n.ant-pagination-item-active a {\n color: @primary-color;\n}\n.ant-pagination-item-active:focus,\n.ant-pagination-item-active:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-pagination-item-active:focus a,\n.ant-pagination-item-active:hover a {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,\n.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {\n color: @primary-color;\n}\n.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,\n.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-pagination-prev,\n.ant-pagination-next,\n.ant-pagination-jump-prev,\n.ant-pagination-jump-next {\n color: #000000;\n border-radius: 2px;\n}\n.ant-pagination-prev a,\n.ant-pagination-next a {\n color: #000000;\n}\n.ant-pagination-prev:hover a,\n.ant-pagination-next:hover a {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-pagination-prev .ant-pagination-item-link,\n.ant-pagination-next .ant-pagination-item-link {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-pagination-prev:focus .ant-pagination-item-link,\n.ant-pagination-next:focus .ant-pagination-item-link,\n.ant-pagination-prev:hover .ant-pagination-item-link,\n.ant-pagination-next:hover .ant-pagination-item-link {\n color: @primary-color;\n border-color: @primary-color;\n}\n.ant-pagination-disabled a,\n.ant-pagination-disabled:hover a,\n.ant-pagination-disabled:focus a,\n.ant-pagination-disabled .ant-pagination-item-link,\n.ant-pagination-disabled:hover .ant-pagination-item-link,\n.ant-pagination-disabled:focus .ant-pagination-item-link {\n color: rgba(0, 0, 0, 0.25);\n border-color: #d9d9d9;\n}\n.ant-pagination-options-quick-jumper input {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-pagination-options-quick-jumper input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-pagination-options-quick-jumper input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-pagination-options-quick-jumper input:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-pagination-options-quick-jumper input:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-pagination-options-quick-jumper input-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-pagination-options-quick-jumper input-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-pagination-options-quick-jumper input[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-pagination-options-quick-jumper input[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,\n.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {\n border: 0;\n}\n.ant-pagination-simple .ant-pagination-simple-pager input {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-pagination-simple .ant-pagination-simple-pager input:hover {\n border-color: @primary-color;\n}\n.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {\n background: transparent;\n border-color: transparent;\n}\n.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,\n.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {\n background: transparent;\n border-color: transparent;\n}\n.ant-pagination.ant-pagination-disabled .ant-pagination-item {\n background: #f5f5f5;\n border-color: #d9d9d9;\n}\n.ant-pagination.ant-pagination-disabled .ant-pagination-item a {\n color: rgba(0, 0, 0, 0.25);\n background: transparent;\n border: none;\n}\n.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {\n background: #dbdbdb;\n border-color: transparent;\n}\n.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {\n color: #fff;\n}\n.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,\n.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,\n.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {\n color: rgba(0, 0, 0, 0.45);\n background: #f5f5f5;\n border-color: #d9d9d9;\n}\n.ant-popover {\n color: #000000;\n}\n.ant-popover::after {\n background: rgba(255, 255, 255, 0.01);\n}\n.ant-popover-inner {\n background-color: #fff;\n background-clip: padding-box;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) ;\n}\n.ant-popover-title {\n color: rgba(0, 0, 0, 0.85);\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-popover-inner-content {\n color: #000000;\n}\n.ant-popover-message {\n color: #000000;\n}\n.ant-popover-message > .anticon {\n color: #faad14;\n}\n.ant-popover-arrow {\n background: transparent;\n border-style: solid;\n border-width: 4.24264069px;\n}\n.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {\n border-top-color: transparent;\n border-right-color: #fff;\n border-bottom-color: #fff;\n border-left-color: transparent;\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {\n border-top-color: transparent;\n border-right-color: transparent;\n border-bottom-color: #fff;\n border-left-color: #fff;\n box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {\n border-top-color: #fff;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: #fff;\n box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);\n}\n.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,\n.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {\n border-top-color: #fff;\n border-right-color: #fff;\n border-bottom-color: transparent;\n border-left-color: transparent;\n box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-progress {\n color: #000000;\n}\n.ant-progress-inner {\n background-color: #f5f5f5;\n border-radius: 100px;\n}\n.ant-progress-success-bg,\n.ant-progress-bg {\n background-color: #1890ff;\n border-radius: 100px;\n}\n.ant-progress-success-bg {\n background-color: #52c41a;\n}\n.ant-progress-text {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-progress-status-active .ant-progress-bg::before {\n background: #fff;\n border-radius: 10px;\n}\n.ant-progress-status-exception .ant-progress-bg {\n background-color: #f5222d;\n}\n.ant-progress-status-exception .ant-progress-text {\n color: #f5222d;\n}\n.ant-progress-status-success .ant-progress-bg {\n background-color: #52c41a;\n}\n.ant-progress-status-success .ant-progress-text {\n color: #52c41a;\n}\n.ant-progress-circle .ant-progress-inner {\n background-color: transparent;\n}\n.ant-progress-circle .ant-progress-text {\n color: #000000;\n}\n.ant-progress-circle.ant-progress-status-exception .ant-progress-text {\n color: #f5222d;\n}\n.ant-progress-circle.ant-progress-status-success .ant-progress-text {\n color: #52c41a;\n}\n.ant-radio-group {\n color: #000000;\n}\n.ant-radio-wrapper {\n color: #000000;\n}\n.ant-radio {\n color: #000000;\n}\n.ant-radio-wrapper:hover .ant-radio,\n.ant-radio:hover .ant-radio-inner,\n.ant-radio-input:focus + .ant-radio-inner {\n border-color: @primary-color;\n}\n.ant-radio-input:focus + .ant-radio-inner {\n box-shadow: 0 0 0 3px rgba(49, 54, 83, 0.08);\n}\n.ant-radio-checked::after {\n border: 1px solid @primary-color;\n border-radius: 50%;\n}\n.ant-radio-inner {\n background-color: #fff;\n border-color: #d9d9d9;\n border-style: solid;\n border-width: 1px;\n border-radius: 100px;\n}\n.ant-radio-inner::after {\n background-color: @primary-color;\n border-top: 0;\n border-left: 0;\n border-radius: 8px;\n}\n.ant-radio-checked .ant-radio-inner {\n border-color: @primary-color;\n}\n.ant-radio-disabled .ant-radio-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.ant-radio-disabled .ant-radio-inner::after {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.ant-radio-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-radio-button-wrapper {\n color: #000000;\n background: #fff;\n border: 1px solid #d9d9d9;\n border-top-width: 1.02px;\n border-left: 0;\n}\n.ant-radio-button-wrapper a {\n color: #000000;\n}\n.ant-radio-button-wrapper:not(:first-child)::before {\n background-color: #d9d9d9;\n}\n.ant-radio-button-wrapper:first-child {\n border-left: 1px solid #d9d9d9;\n border-radius: 2px 0 0 2px;\n}\n.ant-radio-button-wrapper:last-child {\n border-radius: 0 2px 2px 0;\n}\n.ant-radio-button-wrapper:first-child:last-child {\n border-radius: 2px;\n}\n.ant-radio-button-wrapper:hover {\n color: @primary-color;\n}\n.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: @primary-color;\n background: #fff;\n border-color: @primary-color;\n box-shadow: -1px 0 0 0 @primary-color;\n}\n.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: #313653 !important;\n}\n.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {\n border-color: @primary-color;\n box-shadow: none !important;\n}\n.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n box-shadow: -1px 0 0 0 color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n box-shadow: -1px 0 0 0 color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #fff;\n background: @primary-color;\n border-color: @primary-color;\n}\n.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {\n color: #fff;\n background: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {\n color: #fff;\n background: color(~`colorPalette(\"@{primary-color}\", 7)`);\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-radio-button-wrapper-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n}\n.ant-radio-button-wrapper-disabled:first-child,\n.ant-radio-button-wrapper-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n border-color: #d9d9d9;\n}\n.ant-radio-button-wrapper-disabled:first-child {\n border-left-color: #d9d9d9;\n}\n.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {\n color: #ffffff;\n background-color: #e6e6e6;\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-rate {\n color: #000000;\n color: #fadb14;\n}\n.ant-rate-star {\n color: inherit;\n}\n.ant-rate-star-first,\n.ant-rate-star-second {\n color: #e8e8e8;\n}\n.ant-rate-star-half .ant-rate-star-first,\n.ant-rate-star-full .ant-rate-star-second {\n color: inherit;\n}\n.ant-result-success .ant-result-icon > .anticon {\n color: #52c41a;\n}\n.ant-result-error .ant-result-icon > .anticon {\n color: #f5222d;\n}\n.ant-result-info .ant-result-icon > .anticon {\n color: #1890ff;\n}\n.ant-result-warning .ant-result-icon > .anticon {\n color: #faad14;\n}\n.ant-result-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-result-subtitle {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-result-content {\n background-color: #fafafa;\n}\n.ant-select {\n color: #000000;\n}\n.ant-select > ul > li > a {\n background-color: #fff;\n}\n.ant-select-arrow {\n color: inherit;\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-selection {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-top-width: 1.02px;\n border-radius: 2px;\n}\n.ant-select-selection:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-select-focused .ant-select-selection,\n.ant-select-selection:focus,\n.ant-select-selection:active {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-select-selection__clear {\n color: rgba(0, 0, 0, 0.25);\n background: #fff;\n}\n.ant-select-selection__clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-select-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-disabled .ant-select-selection {\n background: #f5f5f5;\n}\n.ant-select-disabled .ant-select-selection:hover,\n.ant-select-disabled .ant-select-selection:focus,\n.ant-select-disabled .ant-select-selection:active {\n border-color: #d9d9d9;\n box-shadow: none;\n}\n.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {\n color: rgba(0, 0, 0, 0.33);\n background: #f5f5f5;\n}\n.ant-select-disabled .ant-select-selection__choice__remove {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-disabled .ant-select-selection__choice__remove:hover {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-selection__placeholder,\n.ant-select-search__field__placeholder {\n color: #bfbfbf;\n}\n.ant-select-search--inline .ant-select-search__field {\n background: transparent;\n border-width: 0;\n border-radius: 2px;\n}\n.ant-select-selection--multiple .ant-select-selection__choice {\n color: #000000;\n background-color: #fafafa;\n border: 1px solid #e8e8e8;\n border-radius: 2px;\n}\n.ant-select-selection--multiple .ant-select-selection__choice__remove {\n color: inherit;\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {\n color: rgba(0, 0, 0, 0.75);\n}\n.ant-select-open .ant-select-selection {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-select-combobox .ant-select-search__field {\n box-shadow: none;\n}\n.ant-select-dropdown {\n color: #000000;\n background-color: #fff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-select-dropdown-menu-item-group-title {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),\n.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {\n border-radius: 0;\n}\n.ant-select-dropdown-menu-item {\n color: #000000;\n}\n.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-select-dropdown-menu-item:first-child {\n border-radius: 2px 2px 0 0;\n}\n.ant-select-dropdown-menu-item:last-child {\n border-radius: 0 0 2px 2px;\n}\n.ant-select-dropdown-menu-item-selected {\n color: #000000;\n background-color: #fafafa;\n}\n.ant-select-dropdown-menu-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-dropdown-menu-item-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-select-dropdown-menu-item-divider {\n background-color: #e8e8e8;\n}\n.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {\n color: transparent;\n}\n.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {\n color: rgba(0, 0, 0, 0.87);\n}\n.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,\n.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {\n color: @primary-color;\n}\n.ant-skeleton-header .ant-skeleton-avatar {\n background: #f2f2f2;\n}\n.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {\n border-radius: 50%;\n}\n.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {\n border-radius: 50%;\n}\n.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {\n border-radius: 50%;\n}\n.ant-skeleton-content .ant-skeleton-title {\n background: #f2f2f2;\n}\n.ant-skeleton-content .ant-skeleton-paragraph > li {\n background: #f2f2f2;\n}\n.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,\n.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {\n background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);\n background-size: 400% 100%;\n}\n.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {\n background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);\n background-size: 400% 100%;\n}\n.ant-slider {\n color: #000000;\n}\n.ant-slider-rail {\n background-color: #f5f5f5;\n border-radius: 2px;\n}\n.ant-slider-track {\n background-color: color(~`colorPalette(\"@{primary-color}\", 3)`);\n border-radius: 2px;\n}\n.ant-slider-handle {\n background-color: #fff;\n border: solid 2px color(~`colorPalette(\"@{primary-color}\", 3)`);\n border-radius: 50%;\n box-shadow: 0;\n}\n.ant-slider-handle:focus {\n border-color: #5a5e75;\n box-shadow: 0 0 0 5px rgba(49, 54, 83, 0.2);\n}\n.ant-slider-handle.ant-tooltip-open {\n border-color: @primary-color;\n}\n.ant-slider:hover .ant-slider-rail {\n background-color: #e1e1e1;\n}\n.ant-slider:hover .ant-slider-track {\n background-color: color(~`colorPalette(\"@{primary-color}\", 4)`);\n}\n.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {\n border-color: color(~`colorPalette(\"@{primary-color}\", 4)`);\n}\n.ant-slider-mark-text {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-slider-mark-text-active {\n color: #000000;\n}\n.ant-slider-step {\n background: transparent;\n}\n.ant-slider-dot {\n background-color: #fff;\n border: 2px solid #e8e8e8;\n border-radius: 50%;\n}\n.ant-slider-dot-active {\n border-color: #989ba9;\n}\n.ant-slider-disabled .ant-slider-track {\n background-color: rgba(0, 0, 0, 0.25) !important;\n}\n.ant-slider-disabled .ant-slider-handle,\n.ant-slider-disabled .ant-slider-dot {\n background-color: #fff;\n border-color: rgba(0, 0, 0, 0.25) !important;\n box-shadow: none;\n}\n.ant-spin {\n color: #000000;\n color: @primary-color;\n}\n.ant-spin-container::after {\n background: #fff;\n}\n.ant-spin-tip {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-spin-dot-item {\n background-color: @primary-color;\n border-radius: 100%;\n}\n.ant-statistic {\n color: #000000;\n}\n.ant-statistic-title {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-statistic-content {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-steps {\n color: #000000;\n}\n.ant-steps-item-icon {\n border: 1px solid rgba(0, 0, 0, 0.25);\n border-radius: 32px;\n}\n.ant-steps-item-icon > .ant-steps-icon {\n color: @primary-color;\n}\n.ant-steps-item-tail::after {\n background: #e8e8e8;\n border-radius: 1px;\n}\n.ant-steps-item-title {\n color: #000000;\n}\n.ant-steps-item-title::after {\n background: #e8e8e8;\n}\n.ant-steps-item-subtitle {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-steps-item-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-steps-item-wait .ant-steps-item-icon {\n background-color: #fff;\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {\n background: rgba(0, 0, 0, 0.25);\n}\n.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {\n background-color: #e8e8e8;\n}\n.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {\n background-color: #e8e8e8;\n}\n.ant-steps-item-process .ant-steps-item-icon {\n background-color: #fff;\n border-color: @primary-color;\n}\n.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {\n color: @primary-color;\n}\n.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {\n background: @primary-color;\n}\n.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {\n background-color: #e8e8e8;\n}\n.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {\n color: #000000;\n}\n.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {\n background-color: #e8e8e8;\n}\n.ant-steps-item-process .ant-steps-item-icon {\n background: @primary-color;\n}\n.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {\n color: #ffffff;\n}\n.ant-steps-item-finish .ant-steps-item-icon {\n background-color: #fff;\n border-color: @primary-color;\n}\n.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {\n color: @primary-color;\n}\n.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {\n background: @primary-color;\n}\n.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n color: #000000;\n}\n.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {\n background-color: @primary-color;\n}\n.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {\n background-color: @primary-color;\n}\n.ant-steps-item-error .ant-steps-item-icon {\n background-color: #fff;\n border-color: #f5222d;\n}\n.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {\n color: #f5222d;\n}\n.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {\n background: #f5222d;\n}\n.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n color: #f5222d;\n}\n.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {\n background-color: #e8e8e8;\n}\n.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {\n color: #f5222d;\n}\n.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {\n background-color: #e8e8e8;\n}\n.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {\n background: #f5222d;\n}\n.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,\n.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,\n.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {\n color: @primary-color;\n}\n.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {\n border-color: @primary-color;\n}\n.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {\n color: @primary-color;\n}\n.ant-steps-item-custom .ant-steps-item-icon {\n background: none;\n border: 0;\n}\n.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {\n color: @primary-color;\n}\n.ant-steps-small .ant-steps-item-icon {\n border-radius: 24px;\n}\n.ant-steps-small .ant-steps-item-description {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {\n background: none;\n border: 0;\n border-radius: 0;\n}\n.ant-steps-dot .ant-steps-item-icon,\n.ant-steps-dot.ant-steps-small .ant-steps-item-icon {\n background: transparent;\n border: 0;\n}\n.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,\n.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {\n border-radius: 100px;\n}\n.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,\n.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {\n background: rgba(0, 0, 0, 0.001);\n}\n.ant-steps-navigation .ant-steps-item::after {\n border: 1px solid rgba(0, 0, 0, 0.25);\n border-bottom: none;\n border-left: none;\n}\n.ant-steps-navigation .ant-steps-item::before {\n background-color: @primary-color;\n}\n.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {\n background: #fff;\n}\n.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,\n.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {\n background: #fff;\n}\n.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {\n background: #ccc;\n}\n.ant-switch {\n color: #000000;\n background-color: rgba(0, 0, 0, 0.25);\n border: 1px solid transparent;\n border-radius: 100px;\n}\n.ant-switch-inner {\n color: #ffffff;\n}\n.ant-switch-loading-icon,\n.ant-switch::after {\n background-color: #fff;\n border-radius: 18px;\n}\n.ant-switch::after {\n box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);\n}\n.ant-switch-loading-icon {\n background: transparent;\n}\n.ant-switch-loading .ant-switch-loading-icon {\n color: #000000;\n}\n.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {\n color: @primary-color;\n}\n.ant-switch:focus {\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-switch:focus:hover {\n box-shadow: none;\n}\n.ant-switch-checked {\n background-color: @primary-color;\n}\n.ant-table {\n color: #000000;\n}\n.ant-table table {\n border-radius: 2px 2px 0 0;\n border-collapse: separate;\n border-spacing: 0;\n}\n.ant-table-thead > tr > th {\n color: rgba(0, 0, 0, 0.85);\n background: #fafafa;\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-table-thead > tr > th .anticon-filter,\n.ant-table-thead > tr > th .ant-table-filter-icon {\n color: #bfbfbf;\n}\n.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {\n color: @primary-color;\n}\n.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {\n color: #bfbfbf;\n}\n.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,\n.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {\n color: @primary-color;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions {\n background-clip: padding-box;\n -webkit-background-clip: border-box;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {\n color: rgba(0, 0, 0, 0.45);\n background: #e5e5e5;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {\n color: rgba(0, 0, 0, 0.45);\n background: #e5e5e5;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {\n color: #000000;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {\n background: #f2f2f2;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {\n background: #f2f2f2;\n}\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),\n.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {\n background: transparent;\n}\n.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {\n background: rgba(0, 0, 0, 0.04);\n}\n.ant-table-thead > tr:first-child > th:first-child {\n border-top-left-radius: 2px;\n}\n.ant-table-thead > tr:first-child > th:last-child {\n border-top-right-radius: 2px;\n}\n.ant-table-thead > tr:not(:last-child) > th[colspan] {\n border-bottom: 0;\n}\n.ant-table-tbody > tr > td {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,\n.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,\n.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,\n.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,\n.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {\n background: #fbfbfb;\n}\n.ant-table-thead > tr:hover.ant-table-row-selected > td,\n.ant-table-tbody > tr:hover.ant-table-row-selected > td {\n background: #fbfbfb;\n}\n.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,\n.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {\n background: #fbfbfb;\n}\n.ant-table-thead > tr:hover {\n background: none;\n}\n.ant-table-footer {\n color: rgba(0, 0, 0, 0.85);\n background: #fafafa;\n border-top: 1px solid #e8e8e8;\n border-radius: 0 0 2px 2px;\n}\n.ant-table-footer::before {\n background: #fafafa;\n}\n.ant-table.ant-table-bordered .ant-table-footer {\n border: 1px solid #e8e8e8;\n}\n.ant-table-title {\n border-radius: 2px 2px 0 0;\n}\n.ant-table.ant-table-bordered .ant-table-title {\n border: 1px solid #e8e8e8;\n}\n.ant-table-title + .ant-table-content {\n border-radius: 2px 2px 0 0;\n}\n.ant-table-bordered .ant-table-title + .ant-table-content,\n.ant-table-bordered .ant-table-title + .ant-table-content table,\n.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {\n border-radius: 0;\n}\n.ant-table-without-column-header .ant-table-title + .ant-table-content,\n.ant-table-without-column-header table {\n border-radius: 0;\n}\n.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {\n border-top: 1px solid #e8e8e8;\n border-radius: 2px;\n}\n.ant-table-tbody > tr.ant-table-row-selected td {\n color: inherit;\n background: #fbfbfb;\n}\n.ant-table-thead > tr > th.ant-table-column-sort {\n background: #f5f5f5;\n}\n.ant-table-tbody > tr > td.ant-table-column-sort {\n background: rgba(0, 0, 0, 0.01);\n}\n.ant-table-header {\n background: #fafafa;\n}\n.ant-table-header table {\n border-radius: 2px 2px 0 0;\n}\n.ant-table-loading .ant-table-body {\n background: #fff;\n}\n.ant-table-bordered .ant-table-header > table,\n.ant-table-bordered .ant-table-body > table,\n.ant-table-bordered .ant-table-fixed-left table,\n.ant-table-bordered .ant-table-fixed-right table {\n border: 1px solid #e8e8e8;\n border-right: 0;\n border-bottom: 0;\n}\n.ant-table-bordered.ant-table-empty .ant-table-placeholder {\n border-right: 1px solid #e8e8e8;\n border-left: 1px solid #e8e8e8;\n}\n.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {\n border-bottom: 0;\n}\n.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,\n.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {\n border-top: 0;\n}\n.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-table-bordered .ant-table-thead > tr > th,\n.ant-table-bordered .ant-table-tbody > tr > td {\n border-right: 1px solid #e8e8e8;\n}\n.ant-table-placeholder {\n color: rgba(0, 0, 0, 0.25);\n background: #fff;\n border-top: 1px solid #e8e8e8;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 0 0 2px 2px;\n}\n.ant-table-filter-dropdown {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-table-filter-dropdown .ant-dropdown-menu {\n border: 0;\n border-radius: 2px 2px 0 0;\n box-shadow: none;\n}\n.ant-table-filter-dropdown .ant-dropdown-menu-sub {\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {\n color: @primary-color;\n}\n.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,\n.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {\n border-radius: 0;\n}\n.ant-table-filter-dropdown-btns {\n border-top: 1px solid #e8e8e8;\n}\n.ant-table-filter-dropdown-link {\n color: @primary-color;\n}\n.ant-table-filter-dropdown-link:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-table-filter-dropdown-link:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-table-selection .anticon-down {\n color: #bfbfbf;\n}\n.ant-table-selection-menu {\n background: #fff;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-table-selection-menu .ant-action-down {\n color: #bfbfbf;\n}\n.ant-table-selection-down:hover .anticon-down {\n color: rgba(0, 0, 0, 0.6);\n}\n.ant-table-row-expand-icon {\n color: @primary-color;\n color: inherit;\n background: #fff;\n border: 1px solid #e8e8e8;\n border-radius: 2px;\n}\n.ant-table-row-expand-icon:focus,\n.ant-table-row-expand-icon:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-table-row-expand-icon:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-table-row-expand-icon:focus,\n.ant-table-row-expand-icon:hover,\n.ant-table-row-expand-icon:active {\n border-color: currentColor;\n}\ntr.ant-table-expanded-row,\ntr.ant-table-expanded-row:hover {\n background: #fbfbfb;\n}\n.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {\n background: #fff;\n}\n.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {\n border: 1px solid #e8e8e8;\n border-width: 0 0 1px 0;\n}\n.ant-table-hide-scrollbar {\n scrollbar-color: transparent transparent;\n}\n.ant-table-hide-scrollbar::-webkit-scrollbar {\n background-color: transparent;\n}\n.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {\n border: 1px solid #e8e8e8;\n border-width: 1px 1px 1px 0;\n}\n.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {\n border-right-color: transparent;\n}\n.ant-table-fixed-left,\n.ant-table-fixed-right {\n border-radius: 0;\n}\n.ant-table-fixed-left table,\n.ant-table-fixed-right table {\n background: #fff;\n}\n.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,\n.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {\n border-radius: 0;\n}\n.ant-table-fixed-left {\n box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);\n}\n.ant-table-fixed-left,\n.ant-table-fixed-left table {\n border-radius: 2px 0 0 0;\n}\n.ant-table-fixed-left .ant-table-thead > tr > th:last-child {\n border-top-right-radius: 0;\n}\n.ant-table-fixed-right {\n box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);\n}\n.ant-table-fixed-right,\n.ant-table-fixed-right table {\n border-radius: 0 2px 0 0;\n}\n.ant-table-fixed-right .ant-table-expanded-row {\n color: transparent;\n}\n.ant-table-fixed-right .ant-table-thead > tr > th:first-child {\n border-top-left-radius: 0;\n}\n.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {\n box-shadow: none;\n}\n.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {\n box-shadow: none;\n}\n.ant-table-small {\n border: 1px solid #e8e8e8;\n border-radius: 2px;\n}\n.ant-table-small > .ant-table-title {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-table-small > .ant-table-content > .ant-table-header > table,\n.ant-table-small > .ant-table-content > .ant-table-body > table,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {\n border: 0;\n}\n.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {\n background-color: transparent;\n}\n.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,\n.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {\n background-color: rgba(0, 0, 0, 0.01);\n}\n.ant-table-small > .ant-table-content .ant-table-header {\n background-color: #fff;\n}\n.ant-table-small > .ant-table-content .ant-table-placeholder,\n.ant-table-small > .ant-table-content .ant-table-row:last-child td {\n border-bottom: 0;\n}\n.ant-table-small.ant-table-bordered {\n border-right: 0;\n}\n.ant-table-small.ant-table-bordered .ant-table-title {\n border: 0;\n border-right: 1px solid #e8e8e8;\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-table-small.ant-table-bordered .ant-table-content {\n border-right: 1px solid #e8e8e8;\n}\n.ant-table-small.ant-table-bordered .ant-table-footer {\n border: 0;\n border-top: 1px solid #e8e8e8;\n border-right: 1px solid #e8e8e8;\n}\n.ant-table-small.ant-table-bordered .ant-table-placeholder {\n border-right: 0;\n border-bottom: 0;\n border-left: 0;\n}\n.ant-table-small.ant-table-bordered .ant-table-thead > tr:only-child > th:last-child,\n.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {\n border-right: none;\n}\n.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,\n.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {\n border-right: 1px solid #e8e8e8;\n}\n.ant-table-small.ant-table-bordered .ant-table-fixed-right {\n border-right: 1px solid #e8e8e8;\n border-left: 1px solid #e8e8e8;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {\n background: #fafafa;\n border: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {\n color: @primary-color;\n background: #fff;\n border-color: #e8e8e8;\n border-bottom: 1px solid #fff;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {\n border-top: 2px solid transparent;\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {\n color: @primary-color;\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-tabs-extra-content .ant-tabs-new-tab {\n color: #000000;\n border: 1px solid #e8e8e8;\n border-radius: 2px;\n}\n.ant-tabs-extra-content .ant-tabs-new-tab:hover {\n color: @primary-color;\n border-color: @primary-color;\n}\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,\n.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {\n border-right: 0;\n border-radius: 2px 0 0 2px;\n}\n.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {\n border-left: 0;\n border-radius: 0 2px 2px 0;\n}\n.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {\n border-top: 0;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 0 0 2px 2px;\n}\n.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {\n color: @primary-color;\n}\n.ant-tabs {\n color: #000000;\n}\n.ant-tabs-ink-bar {\n background-color: @primary-color;\n}\n.ant-tabs-bar {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-tabs-bottom .ant-tabs-bottom-bar {\n border-top: 1px solid #e8e8e8;\n border-bottom: none;\n}\n.ant-tabs-tab-prev,\n.ant-tabs-tab-next {\n color: rgba(0, 0, 0, 0.45);\n background-color: transparent;\n border: 0;\n}\n.ant-tabs-tab-prev:hover,\n.ant-tabs-tab-next:hover {\n color: #000000;\n}\n.ant-tabs-tab-btn-disabled,\n.ant-tabs-tab-btn-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tabs-nav .ant-tabs-tab::before {\n border-top: 2px solid transparent;\n border-radius: 2px 2px 0 0;\n}\n.ant-tabs-nav .ant-tabs-tab:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-tabs-nav .ant-tabs-tab:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-tabs-nav .ant-tabs-tab-active {\n color: @primary-color;\n}\n.ant-tabs-nav .ant-tabs-tab-disabled,\n.ant-tabs-nav .ant-tabs-tab-disabled:hover {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tabs .ant-tabs-left-bar,\n.ant-tabs .ant-tabs-right-bar {\n border-bottom: 0;\n}\n.ant-tabs .ant-tabs-left-bar {\n border-right: 1px solid #e8e8e8;\n}\n.ant-tabs .ant-tabs-left-content {\n border-left: 1px solid #e8e8e8;\n}\n.ant-tabs .ant-tabs-right-bar {\n border-left: 1px solid #e8e8e8;\n}\n.ant-tabs .ant-tabs-right-content {\n border-right: 1px solid #e8e8e8;\n}\n.ant-tag {\n color: #000000;\n background: #fafafa;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-tag,\n.ant-tag a,\n.ant-tag a:hover {\n color: #000000;\n}\n.ant-tag .anticon-close {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-tag .anticon-close:hover {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-tag-has-color {\n border-color: transparent;\n}\n.ant-tag-has-color,\n.ant-tag-has-color a,\n.ant-tag-has-color a:hover,\n.ant-tag-has-color .anticon-close,\n.ant-tag-has-color .anticon-close:hover {\n color: #ffffff;\n}\n.ant-tag-checkable {\n background-color: transparent;\n border-color: transparent;\n}\n.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {\n color: @primary-color;\n}\n.ant-tag-checkable:active,\n.ant-tag-checkable-checked {\n color: #ffffff;\n}\n.ant-tag-checkable-checked {\n background-color: @primary-color;\n}\n.ant-tag-checkable:active {\n background-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-tag-pink {\n color: #eb2f96;\n background: #fff0f6;\n border-color: #ffadd2;\n}\n.ant-tag-pink-inverse {\n color: #ffffff;\n background: #eb2f96;\n border-color: #eb2f96;\n}\n.ant-tag-magenta {\n color: #eb2f96;\n background: #fff0f6;\n border-color: #ffadd2;\n}\n.ant-tag-magenta-inverse {\n color: #ffffff;\n background: #eb2f96;\n border-color: #eb2f96;\n}\n.ant-tag-red {\n color: #f5222d;\n background: #fff1f0;\n border-color: #ffa39e;\n}\n.ant-tag-red-inverse {\n color: #ffffff;\n background: #f5222d;\n border-color: #f5222d;\n}\n.ant-tag-volcano {\n color: #fa541c;\n background: #fff2e8;\n border-color: #ffbb96;\n}\n.ant-tag-volcano-inverse {\n color: #ffffff;\n background: #fa541c;\n border-color: #fa541c;\n}\n.ant-tag-orange {\n color: #fa8c16;\n background: #fff7e6;\n border-color: #ffd591;\n}\n.ant-tag-orange-inverse {\n color: #ffffff;\n background: #fa8c16;\n border-color: #fa8c16;\n}\n.ant-tag-yellow {\n color: #fadb14;\n background: #feffe6;\n border-color: #fffb8f;\n}\n.ant-tag-yellow-inverse {\n color: #ffffff;\n background: #fadb14;\n border-color: #fadb14;\n}\n.ant-tag-gold {\n color: #faad14;\n background: #fffbe6;\n border-color: #ffe58f;\n}\n.ant-tag-gold-inverse {\n color: #ffffff;\n background: #faad14;\n border-color: #faad14;\n}\n.ant-tag-cyan {\n color: #13c2c2;\n background: #e6fffb;\n border-color: #87e8de;\n}\n.ant-tag-cyan-inverse {\n color: #ffffff;\n background: #13c2c2;\n border-color: #13c2c2;\n}\n.ant-tag-lime {\n color: #a0d911;\n background: #fcffe6;\n border-color: #eaff8f;\n}\n.ant-tag-lime-inverse {\n color: #ffffff;\n background: #a0d911;\n border-color: #a0d911;\n}\n.ant-tag-green {\n color: #52c41a;\n background: #f6ffed;\n border-color: #b7eb8f;\n}\n.ant-tag-green-inverse {\n color: #ffffff;\n background: #52c41a;\n border-color: #52c41a;\n}\n.ant-tag-blue {\n color: #1890ff;\n background: #e6f7ff;\n border-color: #91d5ff;\n}\n.ant-tag-blue-inverse {\n color: #ffffff;\n background: #1890ff;\n border-color: #1890ff;\n}\n.ant-tag-geekblue {\n color: #2f54eb;\n background: #f0f5ff;\n border-color: #adc6ff;\n}\n.ant-tag-geekblue-inverse {\n color: #ffffff;\n background: #2f54eb;\n border-color: #2f54eb;\n}\n.ant-tag-purple {\n color: #722ed1;\n background: #f9f0ff;\n border-color: #d3adf7;\n}\n.ant-tag-purple-inverse {\n color: #ffffff;\n background: #722ed1;\n border-color: #722ed1;\n}\n.ant-time-picker-panel {\n color: #000000;\n}\n.ant-time-picker-panel-inner {\n background-color: #fff;\n background-clip: padding-box;\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-time-picker-panel-input {\n border: 0;\n}\n.ant-time-picker-panel-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-time-picker-panel-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-time-picker-panel-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-time-picker-panel-input-wrap {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-time-picker-panel-input-invalid {\n border-color: #f5222d;\n}\n.ant-time-picker-panel-select {\n border-left: 1px solid #e8e8e8;\n}\n.ant-time-picker-panel-select:first-child {\n border-left: 0;\n}\n.ant-time-picker-panel-select:last-child {\n border-right: 0;\n}\n.ant-time-picker-panel-select li:focus {\n color: @primary-color;\n}\n.ant-time-picker-panel-select li:hover {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\nli.ant-time-picker-panel-select-option-selected {\n background: #f5f5f5;\n}\nli.ant-time-picker-panel-select-option-selected:hover {\n background: #f5f5f5;\n}\nli.ant-time-picker-panel-select-option-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\nli.ant-time-picker-panel-select-option-disabled:hover {\n background: transparent;\n}\n.ant-time-picker-panel-addon {\n border-top: 1px solid #e8e8e8;\n}\n.ant-time-picker {\n color: #000000;\n}\n.ant-time-picker-input {\n color: #000000;\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-time-picker-input::-moz-placeholder {\n color: #bfbfbf;\n}\n.ant-time-picker-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-time-picker-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-time-picker-input:hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n}\n.ant-time-picker-input:focus {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n border-right-width: 1px !important;\n box-shadow: 0 0 0 2px rgba(49, 54, 83, 0.2);\n}\n.ant-time-picker-input-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-time-picker-input-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-time-picker-input[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-time-picker-input[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-time-picker-input[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n}\n.ant-time-picker-input[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-time-picker-icon,\n.ant-time-picker-clear {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-time-picker-icon .ant-time-picker-clock-icon,\n.ant-time-picker-clear .ant-time-picker-clock-icon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-time-picker-clear {\n background: #fff;\n}\n.ant-time-picker-clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-timeline {\n color: #000000;\n}\n.ant-timeline-item-tail {\n border-left: 2px solid #e8e8e8;\n}\n.ant-timeline-item-pending .ant-timeline-item-head {\n background-color: transparent;\n}\n.ant-timeline-item-head {\n background-color: #fff;\n border: 2px solid transparent;\n border-radius: 100px;\n}\n.ant-timeline-item-head-blue {\n color: @primary-color;\n border-color: @primary-color;\n}\n.ant-timeline-item-head-red {\n color: #f5222d;\n border-color: #f5222d;\n}\n.ant-timeline-item-head-green {\n color: #52c41a;\n border-color: #52c41a;\n}\n.ant-timeline-item-head-gray {\n color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-timeline-item-head-custom {\n border: 0;\n border-radius: 0;\n}\n.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {\n border-left: 2px dotted #e8e8e8;\n}\n.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {\n border-left: 2px dotted #e8e8e8;\n}\n.ant-tooltip {\n color: #000000;\n}\n.ant-tooltip-inner {\n color: #fff;\n background-color: rgba(0, 0, 0, 0.75);\n border-radius: 2px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.ant-tooltip-arrow {\n background: transparent;\n}\n.ant-tooltip-arrow::before {\n background-color: rgba(0, 0, 0, 0.75);\n}\n.ant-tooltip-placement-top .ant-tooltip-arrow::before,\n.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,\n.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-tooltip-placement-right .ant-tooltip-arrow::before,\n.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,\n.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {\n box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-tooltip-placement-left .ant-tooltip-arrow::before,\n.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,\n.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {\n box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,\n.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,\n.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {\n box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n}\n.ant-transfer {\n color: #000000;\n}\n.ant-transfer-disabled .ant-transfer-list {\n background: #f5f5f5;\n}\n.ant-transfer-list {\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-transfer-list-search-action {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-search-action .anticon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-search-action .anticon:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-transfer-list-header {\n color: #000000;\n background: #fff;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n}\n.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-transfer-list-content-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-body-not-found {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-footer {\n border-top: 1px solid #e8e8e8;\n border-radius: 0 0 2px 2px;\n}\n.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {\n border: 0;\n border-radius: 0;\n}\n.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {\n background: #fafafa;\n}\n.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {\n border-bottom: 1px solid #e8e8e8;\n}\n.ant-transfer {\n color: #000000;\n}\n.ant-transfer-disabled .ant-transfer-list {\n background: #f5f5f5;\n}\n.ant-transfer-list {\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-transfer-list-search-action {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-search-action .anticon {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-search-action .anticon:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-transfer-list-header {\n color: #000000;\n background: #fff;\n border-bottom: 1px solid #e8e8e8;\n border-radius: 2px 2px 0 0;\n}\n.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-transfer-list-content-item-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-body-not-found {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-transfer-list-footer {\n border-top: 1px solid #e8e8e8;\n border-radius: 0 0 2px 2px;\n}\n.ant-select-tree-checkbox {\n color: #000000;\n}\n.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,\n.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,\n.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {\n border-color: @primary-color;\n}\n.ant-select-tree-checkbox-checked::after {\n border: 1px solid @primary-color;\n border-radius: 2px;\n}\n.ant-select-tree-checkbox-inner {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n}\n.ant-select-tree-checkbox-inner::after {\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n}\n.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n}\n.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {\n background-color: @primary-color;\n border-color: @primary-color;\n}\n.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n}\n.ant-select-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-tree-checkbox-wrapper {\n color: #000000;\n}\n.ant-select-tree-checkbox-group {\n color: #000000;\n}\n.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {\n background-color: #fff;\n border-color: #d9d9d9;\n}\n.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {\n background-color: @primary-color;\n border: 0;\n}\n.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-select-tree {\n color: #000000;\n}\n.ant-select-tree li .ant-select-tree-node-content-wrapper {\n color: #000000;\n border-radius: 2px;\n}\n.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {\n background-color: rgba(58, 64, 99, 0.15);\n}\n.ant-select-tree li span.ant-select-tree-switcher,\n.ant-select-tree li span.ant-select-tree-iconEle {\n border: 0 none;\n}\n.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {\n color: @primary-color;\n}\n.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,\n.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {\n color: @primary-color;\n}\nli.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),\nli.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,\nli.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {\n color: rgba(0, 0, 0, 0.25);\n}\nli.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.ant-select-tree-dropdown {\n color: #000000;\n}\n.ant-select-tree-dropdown .ant-select-dropdown-search {\n background: #fff;\n}\n.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n}\n.ant-select-tree-dropdown .ant-select-not-found {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {\n border-radius: 0;\n}\n.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {\n background: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {\n color: #fff;\n background: transparent;\n}\n.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {\n color: #fff;\n}\n.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {\n border-color: @primary-color;\n}\n.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {\n border-color: #fff;\n}\n.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {\n background: #fff;\n}\n.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {\n border-color: @primary-color;\n}\n.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,\n.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {\n background: @primary-color;\n}\n.ant-tree-checkbox {\n color: #000000;\n}\n.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,\n.ant-tree-checkbox:hover .ant-tree-checkbox-inner,\n.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {\n border-color: @primary-color;\n}\n.ant-tree-checkbox-checked::after {\n border: 1px solid @primary-color;\n border-radius: 2px;\n}\n.ant-tree-checkbox-inner {\n background-color: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n}\n.ant-tree-checkbox-inner::after {\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n}\n.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n}\n.ant-tree-checkbox-checked .ant-tree-checkbox-inner {\n background-color: @primary-color;\n border-color: @primary-color;\n}\n.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n}\n.ant-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-tree-checkbox-wrapper {\n color: #000000;\n}\n.ant-tree-checkbox-group {\n color: #000000;\n}\n.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {\n background-color: #fff;\n border-color: #d9d9d9;\n}\n.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {\n background-color: @primary-color;\n border: 0;\n}\n.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n.ant-tree {\n color: #000000;\n}\n.ant-tree li span[draggable],\n.ant-tree li span[draggable='true'] {\n border-top: 2px transparent solid;\n border-bottom: 2px transparent solid;\n}\n.ant-tree li.drag-over > span[draggable] {\n color: white;\n background-color: @primary-color;\n}\n.ant-tree li.drag-over-gap-top > span[draggable] {\n border-top-color: @primary-color;\n}\n.ant-tree li.drag-over-gap-bottom > span[draggable] {\n border-bottom-color: @primary-color;\n}\n.ant-tree li.filter-node > span {\n color: #f5222d !important;\n}\n.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,\n.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {\n color: @primary-color;\n}\n.ant-tree li .ant-tree-node-content-wrapper {\n color: #000000;\n border-radius: 2px;\n}\n.ant-tree li .ant-tree-node-content-wrapper:hover {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {\n background-color: rgba(58, 64, 99, 0.15);\n}\n.ant-tree li span.ant-tree-switcher,\n.ant-tree li span.ant-tree-iconEle {\n border: 0 none;\n}\nli.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),\nli.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,\nli.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {\n color: rgba(0, 0, 0, 0.25);\n}\nli.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.ant-tree.ant-tree-show-line li span.ant-tree-switcher {\n color: rgba(0, 0, 0, 0.45);\n background: #fff;\n}\n.ant-tree.ant-tree-show-line li:not(:last-child)::before {\n border-left: 1px solid #d9d9d9;\n}\n.ant-typography {\n color: #000000;\n}\n.ant-typography.ant-typography-secondary {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-typography.ant-typography-warning {\n color: #faad14;\n}\n.ant-typography.ant-typography-danger {\n color: #f5222d;\n}\n.ant-typography.ant-typography-disabled {\n color: rgba(0, 0, 0, 0.25);\n}\nh1.ant-typography,\n.ant-typography h1 {\n color: rgba(0, 0, 0, 0.85);\n}\nh2.ant-typography,\n.ant-typography h2 {\n color: rgba(0, 0, 0, 0.85);\n}\nh3.ant-typography,\n.ant-typography h3 {\n color: rgba(0, 0, 0, 0.85);\n}\nh4.ant-typography,\n.ant-typography h4 {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-typography a {\n color: @primary-color;\n}\n.ant-typography a:focus,\n.ant-typography a:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-typography a:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-typography a[disabled] {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-typography code {\n background: rgba(0, 0, 0, 0.06);\n border: 1px solid rgba(0, 0, 0, 0.06);\n border-radius: 3px;\n}\n.ant-typography mark {\n background-color: #ffe58f;\n}\n.ant-typography-expand,\n.ant-typography-edit,\n.ant-typography-copy {\n color: @primary-color;\n}\n.ant-typography-expand:focus,\n.ant-typography-edit:focus,\n.ant-typography-copy:focus,\n.ant-typography-expand:hover,\n.ant-typography-edit:hover,\n.ant-typography-copy:hover {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-typography-expand:active,\n.ant-typography-edit:active,\n.ant-typography-copy:active {\n color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-typography-copy-success,\n.ant-typography-copy-success:hover,\n.ant-typography-copy-success:focus {\n color: #52c41a;\n}\n.ant-typography-edit-content-confirm {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload {\n color: #000000;\n}\n.ant-upload.ant-upload-select-picture-card {\n background-color: #fafafa;\n border: 1px dashed #d9d9d9;\n border-radius: 2px;\n}\n.ant-upload.ant-upload-select-picture-card:hover {\n border-color: @primary-color;\n}\n.ant-upload.ant-upload-drag {\n background: #fafafa;\n border: 1px dashed #d9d9d9;\n border-radius: 2px;\n}\n.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {\n border-color: color(~`colorPalette(\"@{primary-color}\", 7)`);\n}\n.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {\n border-color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {\n color: color(~`colorPalette(\"@{primary-color}\", 5)`);\n}\n.ant-upload.ant-upload-drag p.ant-upload-text {\n color: rgba(0, 0, 0, 0.85);\n}\n.ant-upload.ant-upload-drag p.ant-upload-hint {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload.ant-upload-drag .anticon-plus {\n color: rgba(0, 0, 0, 0.25);\n}\n.ant-upload.ant-upload-drag .anticon-plus:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload.ant-upload-drag:hover .anticon-plus {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-list {\n color: #000000;\n}\n.ant-upload-list-item-info .anticon-loading,\n.ant-upload-list-item-info .anticon-paper-clip {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-list-item .anticon-close {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-list-item .anticon-close:hover {\n color: #000000;\n}\n.ant-upload-list-item:hover .ant-upload-list-item-info {\n background-color: color(~`colorPalette(\"@{primary-color}\", 1)`);\n}\n.ant-upload-list-item-error,\n.ant-upload-list-item-error .anticon-paper-clip,\n.ant-upload-list-item-error .ant-upload-list-item-name {\n color: #f5222d;\n}\n.ant-upload-list-item-error .anticon-close {\n color: #f5222d !important;\n}\n.ant-upload-list-picture .ant-upload-list-item,\n.ant-upload-list-picture-card .ant-upload-list-item {\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n}\n.ant-upload-list-picture .ant-upload-list-item:hover,\n.ant-upload-list-picture-card .ant-upload-list-item:hover {\n background: transparent;\n}\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #f5222d;\n}\n.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,\n.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {\n background: transparent;\n}\n.ant-upload-list-picture .ant-upload-list-item-uploading,\n.ant-upload-list-picture-card .ant-upload-list-item-uploading {\n border-style: dashed;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-info::before {\n background-color: rgba(0, 0, 0, 0.5);\n}\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {\n color: rgba(255, 255, 255, 0.85);\n}\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {\n color: #ffffff;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {\n background-color: #fafafa;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-list .ant-upload-success-icon {\n color: #52c41a;\n}\n.ant-menu-root.ant-menu-inline,\n.ant-menu-root.ant-menu-vertical {\n background: @primary-color;\n border-right: 1px solid @primary-color;\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline a,\n.ant-menu-root.ant-menu-vertical a {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-selected,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-selected {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,\n.ant-menu-root.ant-menu-vertical .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-active,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-active {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title .ant-menu-submenu-arrow::after,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow::after {\n background: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover {\n color: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,\n.ant-menu-root.ant-menu-inline .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {\n background: #ffffff;\n}\n.ant-menu-root.ant-menu-inline .ant-menu-submenu > .ant-menu,\n.ant-menu-root.ant-menu-vertical .ant-menu-submenu > .ant-menu {\n background-color: rgba(58, 64, 99, 0.15);\n}\n.ant-menu-root.ant-menu-inline .ant-menu-item > a:hover,\n.ant-menu-root.ant-menu-vertical .ant-menu-item > a:hover {\n color: #ffffff;\n}\n.ant-menu-horizontal > .ant-menu-item-selected {\n color: #ffffff;\n}\n.sider-custom .ant-menu-submenu-title {\n color: #ffffff;\n}\n.bg--primary {\n background: @primary-color;\n}\n.header .ant-menu {\n background: transparent;\n color: #ffffff;\n}\n.header .ant-menu .ant-menu-item:hover {\n color: #ffffff;\n}\n.header__trigger {\n color: #ffffff;\n}\n\n" }, { "path": "scripts/build.js", "content": "'use strict';\n\n// Do this as the first thing so that any code reading it knows the right env.\nprocess.env.BABEL_ENV = 'production';\nprocess.env.NODE_ENV = 'production';\nprocess.env.REACT_ADMIN = process.argv.slice(2)[0];\n\n// Makes the script crash on unhandled rejections instead of silently\n// ignoring them. In the future, promise rejections that are not handled will\n// terminate the Node.js process with a non-zero exit code.\nprocess.on('unhandledRejection', (err) => {\n throw err;\n});\n\n// Ensure environment variables are read.\nrequire('../config/env');\n\nconst path = require('path');\nconst chalk = require('react-dev-utils/chalk');\nconst fs = require('fs-extra');\nconst webpack = require('webpack');\nconst configFactory = require('../config/webpack.config');\nconst paths = require('../config/paths');\nconst checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');\nconst formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');\nconst printHostingInstructions = require('react-dev-utils/printHostingInstructions');\nconst FileSizeReporter = require('react-dev-utils/FileSizeReporter');\nconst printBuildError = require('react-dev-utils/printBuildError');\n\nconst measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;\nconst printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;\nconst useYarn = fs.existsSync(paths.yarnLockFile);\n\n// These sizes are pretty large. We'll warn for bundles exceeding them.\nconst WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;\nconst WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;\n\nconst isInteractive = process.stdout.isTTY;\n\n// Warn and crash if required files are missing\nif (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {\n process.exit(1);\n}\n\n// Generate configuration\nconst config = configFactory('production');\n\n// We require that you explicitly set browsers and do not fall back to\n// browserslist defaults.\nconst { checkBrowsers } = require('react-dev-utils/browsersHelper');\ncheckBrowsers(paths.appPath, isInteractive)\n .then(() => {\n // First, read the current file sizes in build directory.\n // This lets us display how much they changed later.\n return measureFileSizesBeforeBuild(paths.appBuild);\n })\n .then((previousFileSizes) => {\n // Remove all content but keep the directory so that\n // if you're in it, you don't end up in Trash\n fs.emptyDirSync(paths.appBuild);\n // Merge with the public folder\n copyPublicFolder();\n // Start the webpack build\n return build(previousFileSizes);\n })\n .then(\n ({ stats, previousFileSizes, warnings }) => {\n if (warnings.length) {\n console.log(chalk.yellow('Compiled with warnings.\\n'));\n console.log(warnings.join('\\n\\n'));\n console.log(\n '\\nSearch for the ' +\n chalk.underline(chalk.yellow('keywords')) +\n ' to learn more about each warning.'\n );\n console.log(\n 'To ignore, add ' +\n chalk.cyan('// eslint-disable-next-line') +\n ' to the line before.\\n'\n );\n } else {\n console.log(chalk.green('Compiled successfully.\\n'));\n }\n\n console.log('File sizes after gzip:\\n');\n printFileSizesAfterBuild(\n stats,\n previousFileSizes,\n paths.appBuild,\n WARN_AFTER_BUNDLE_GZIP_SIZE,\n WARN_AFTER_CHUNK_GZIP_SIZE\n );\n console.log();\n\n const appPackage = require(paths.appPackageJson);\n const publicUrl = paths.publicUrl;\n const publicPath = config.output.publicPath;\n const buildFolder = path.relative(process.cwd(), paths.appBuild);\n printHostingInstructions(appPackage, publicUrl, publicPath, buildFolder, useYarn);\n },\n (err) => {\n const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';\n if (tscCompileOnError) {\n console.log(\n chalk.yellow(\n 'Compiled with the following type errors (you may want to check these before deploying your app):\\n'\n )\n );\n printBuildError(err);\n } else {\n console.log(chalk.red('Failed to compile.\\n'));\n printBuildError(err);\n process.exit(1);\n }\n }\n )\n .catch((err) => {\n if (err && err.message) {\n console.log(err.message);\n }\n process.exit(1);\n });\n\n// Create the production build and print the deployment instructions.\nfunction build(previousFileSizes) {\n // We used to support resolving modules according to `NODE_PATH`.\n // This now has been deprecated in favor of jsconfig/tsconfig.json\n // This lets you use absolute paths in imports inside large monorepos:\n if (process.env.NODE_PATH) {\n console.log(\n chalk.yellow(\n 'Setting NODE_PATH to resolve modules absolutely has been deprecated in favor of setting baseUrl in jsconfig.json (or tsconfig.json if you are using TypeScript) and will be removed in a future major release of create-react-app.'\n )\n );\n console.log();\n }\n\n console.log('Creating an optimized production build...');\n\n const compiler = webpack(config);\n return new Promise((resolve, reject) => {\n compiler.run((err, stats) => {\n let messages;\n if (err) {\n if (!err.message) {\n return reject(err);\n }\n messages = formatWebpackMessages({\n errors: [err.message],\n warnings: [],\n });\n } else {\n messages = formatWebpackMessages(\n stats.toJson({ all: false, warnings: true, errors: true })\n );\n }\n if (messages.errors.length) {\n // Only keep the first error. Others are often indicative\n // of the same problem, but confuse the reader with noise.\n if (messages.errors.length > 1) {\n messages.errors.length = 1;\n }\n return reject(new Error(messages.errors.join('\\n\\n')));\n }\n if (\n process.env.CI &&\n (typeof process.env.CI !== 'string' || process.env.CI.toLowerCase() !== 'false') &&\n messages.warnings.length\n ) {\n console.log(\n chalk.yellow(\n '\\nTreating warnings as errors because process.env.CI = true.\\n' +\n 'Most CI servers set it automatically.\\n'\n )\n );\n return reject(new Error(messages.warnings.join('\\n\\n')));\n }\n\n return resolve({\n stats,\n previousFileSizes,\n warnings: messages.warnings,\n });\n });\n });\n}\n\nfunction copyPublicFolder() {\n fs.copySync(paths.appPublic, paths.appBuild, {\n dereference: true,\n filter: (file) => file !== paths.appHtml,\n });\n}\n" }, { "path": "scripts/start.js", "content": "'use strict';\n\n// Do this as the first thing so that any code reading it knows the right env.\nprocess.env.BABEL_ENV = 'development';\nprocess.env.NODE_ENV = 'development';\nprocess.env.REACT_ADMIN = process.argv.slice(2)[0];\n\n// Makes the script crash on unhandled rejections instead of silently\n// ignoring them. In the future, promise rejections that are not handled will\n// terminate the Node.js process with a non-zero exit code.\nprocess.on('unhandledRejection', (err) => {\n throw err;\n});\n\n// Ensure environment variables are read.\nrequire('../config/env');\n\nconst fs = require('fs');\nconst chalk = require('react-dev-utils/chalk');\nconst webpack = require('webpack');\nconst WebpackDevServer = require('webpack-dev-server');\nconst clearConsole = require('react-dev-utils/clearConsole');\nconst checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');\nconst {\n choosePort,\n createCompiler,\n prepareProxy,\n prepareUrls,\n} = require('react-dev-utils/WebpackDevServerUtils');\nconst openBrowser = require('react-dev-utils/openBrowser');\nconst paths = require('../config/paths');\nconst configFactory = require('../config/webpack.config');\nconst createDevServerConfig = require('../config/webpackDevServer.config');\n\nconst useYarn = fs.existsSync(paths.yarnLockFile);\nconst isInteractive = process.stdout.isTTY;\n\n// Warn and crash if required files are missing\nif (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {\n process.exit(1);\n}\n\n// Tools like Cloud9 rely on this.\nconst DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;\nconst HOST = process.env.HOST || '0.0.0.0';\n\nif (process.env.HOST) {\n console.log(\n chalk.cyan(\n `Attempting to bind to HOST environment variable: ${chalk.yellow(\n chalk.bold(process.env.HOST)\n )}`\n )\n );\n console.log(\n `If this was unintentional, check that you haven't mistakenly set it in your shell.`\n );\n console.log(`Learn more here: ${chalk.yellow('https://bit.ly/CRA-advanced-config')}`);\n console.log();\n}\n\n// We require that you explicitly set browsers and do not fall back to\n// browserslist defaults.\nconst { checkBrowsers } = require('react-dev-utils/browsersHelper');\ncheckBrowsers(paths.appPath, isInteractive)\n .then(() => {\n // We attempt to use the default port but if it is busy, we offer the user to\n // run on a different port. `choosePort()` Promise resolves to the next free port.\n return choosePort(HOST, DEFAULT_PORT);\n })\n .then((port) => {\n if (port == null) {\n // We have not found a port.\n return;\n }\n const config = configFactory('development');\n const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';\n const appName = require(paths.appPackageJson).name;\n const useTypeScript = fs.existsSync(paths.appTsConfig);\n const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';\n const urls = prepareUrls(protocol, HOST, port);\n const devSocket = {\n warnings: (warnings) => devServer.sockWrite(devServer.sockets, 'warnings', warnings),\n errors: (errors) => devServer.sockWrite(devServer.sockets, 'errors', errors),\n };\n // Create a webpack compiler that is configured with custom messages.\n const compiler = createCompiler({\n appName,\n config,\n devSocket,\n urls,\n useYarn,\n useTypeScript,\n tscCompileOnError,\n webpack,\n });\n // Load proxy config\n const proxySetting = require(paths.appPackageJson).proxy;\n const proxyConfig = prepareProxy(proxySetting, paths.appPublic);\n // Serve webpack assets generated by the compiler over a web server.\n const serverConfig = createDevServerConfig(proxyConfig, urls.lanUrlForConfig);\n const devServer = new WebpackDevServer(compiler, serverConfig);\n // Launch WebpackDevServer.\n devServer.listen(port, HOST, (err) => {\n if (err) {\n return console.log(err);\n }\n if (isInteractive) {\n clearConsole();\n }\n\n // We used to support resolving modules according to `NODE_PATH`.\n // This now has been deprecated in favor of jsconfig/tsconfig.json\n // This lets you use absolute paths in imports inside large monorepos:\n if (process.env.NODE_PATH) {\n console.log(\n chalk.yellow(\n 'Setting NODE_PATH to resolve modules absolutely has been deprecated in favor of setting baseUrl in jsconfig.json (or tsconfig.json if you are using TypeScript) and will be removed in a future major release of create-react-app.'\n )\n );\n console.log();\n }\n\n console.log(chalk.cyan('Starting the development server...\\n'));\n openBrowser(urls.localUrlForBrowser);\n });\n\n ['SIGINT', 'SIGTERM'].forEach(function (sig) {\n process.on(sig, function () {\n devServer.close();\n process.exit();\n });\n });\n })\n .catch((err) => {\n if (err && err.message) {\n console.log(err.message);\n }\n process.exit(1);\n });\n" }, { "path": "scripts/test.js", "content": "'use strict';\n\n// Do this as the first thing so that any code reading it knows the right env.\nprocess.env.BABEL_ENV = 'test';\nprocess.env.NODE_ENV = 'test';\nprocess.env.PUBLIC_URL = '';\n\n// Makes the script crash on unhandled rejections instead of silently\n// ignoring them. In the future, promise rejections that are not handled will\n// terminate the Node.js process with a non-zero exit code.\nprocess.on('unhandledRejection', err => {\n throw err;\n});\n\n// Ensure environment variables are read.\nrequire('../config/env');\n\n\nconst jest = require('jest');\nconst execSync = require('child_process').execSync;\nlet argv = process.argv.slice(2);\n\nfunction isInGitRepository() {\n try {\n execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });\n return true;\n } catch (e) {\n return false;\n }\n}\n\nfunction isInMercurialRepository() {\n try {\n execSync('hg --cwd . root', { stdio: 'ignore' });\n return true;\n } catch (e) {\n return false;\n }\n}\n\n// Watch unless on CI or explicitly running all tests\nif (\n !process.env.CI &&\n argv.indexOf('--watchAll') === -1 &&\n argv.indexOf('--watchAll=false') === -1\n) {\n // https://github.com/facebook/create-react-app/issues/5210\n const hasSourceControl = isInGitRepository() || isInMercurialRepository();\n argv.push(hasSourceControl ? '--watch' : '--watchAll');\n}\n\n\njest.run(argv);\n" }, { "path": "src/App.test.tsx", "content": "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nit('renders without crashing', () => {\n const div = document.createElement('div');\n ReactDOM.render(, div);\n ReactDOM.unmountComponentAtNode(div);\n});\n" }, { "path": "src/App.tsx", "content": "import React, { useState, useEffect } from 'react';\nimport { Layout, notification } from 'antd';\nimport umbrella from 'umbrella-storage';\nimport { useAlita } from 'redux-alita';\nimport Routes from './routes';\nimport SiderCustom from './components/SiderCustom';\nimport HeaderCustom from './components/HeaderCustom';\nimport { ThemePicker, Copyright } from './components/widget';\nimport { checkLogin } from './utils';\nimport { fetchMenu } from './service';\nimport classNames from 'classnames';\nimport { SmileOutlined } from '@ant-design/icons';\n\nconst { Content, Footer } = Layout;\n\ntype AppProps = {};\n\nfunction checkIsMobile() {\n const clientWidth = window.innerWidth;\n return clientWidth <= 992;\n}\n\nlet _resizeThrottled = false;\nfunction resizeListener(handler: (isMobile: boolean) => void) {\n const delay = 250;\n if (!_resizeThrottled) {\n _resizeThrottled = true;\n const timer = setTimeout(() => {\n handler(checkIsMobile());\n _resizeThrottled = false;\n clearTimeout(timer);\n }, delay);\n }\n}\nfunction handleResize(handler: (isMobile: boolean) => void) {\n window.addEventListener('resize', resizeListener.bind(null, handler));\n}\n\nfunction openFNotification() {\n const openNotification = () => {\n notification.open({\n message: '博主-yezihaohao',\n description: (\n
\n

\n GitHub地址：\n \n https://github.com/yezihaohao\n \n

\n

\n 博客地址：\n \n https://yezihaohao.github.io/\n \n

\n
\n ),\n icon: ,\n duration: 0,\n });\n umbrella.setLocalStorage('hideBlog', true);\n };\n const storageFirst = umbrella.getLocalStorage('hideBlog');\n if (!storageFirst) {\n openNotification();\n }\n}\n\n/**\n * 获取服务端异步菜单\n * @param handler 执行回调\n */\nfunction fetchSmenu(handler: any) {\n const setAlitaMenu = (menus: any) => {\n handler(menus);\n // this.props.setAlitaState({ stateName: 'smenus', data: menus });\n };\n setAlitaMenu(umbrella.getLocalStorage('smenus') || []);\n fetchMenu().then((smenus) => {\n setAlitaMenu(smenus);\n umbrella.setLocalStorage('smenus', smenus);\n });\n}\n\nconst App = (props: AppProps) => {\n const [collapsed, setCollapsed] = useState(false);\n const [auth, responsive, setAlita] = useAlita(\n { auth: { permissions: null } },\n { responsive: { isMobile: false } },\n { light: true }\n );\n\n useEffect(() => {\n let user = umbrella.getLocalStorage('user');\n user && setAlita('auth', user);\n setAlita('responsive', { isMobile: checkIsMobile() });\n\n handleResize((isMobile: boolean) => setAlita('responsive', { isMobile }));\n openFNotification();\n fetchSmenu((smenus: any[]) => setAlita('smenus', smenus));\n }, [setAlita]);\n\n function toggle() {\n setCollapsed(!collapsed);\n }\n return (\n \n {!responsive.isMobile && checkLogin(auth.permissions) && (\n \n )}\n \n \n \n \n \n \n
\n \n
\n \n \n );\n};\n\nexport default App;\n" }, { "path": "src/Page.tsx", "content": "import React from 'react';\nimport { HashRouter as Router, Route, Switch, Redirect } from 'react-router-dom';\nimport NotFound from './components/pages/NotFound';\nimport Login from './components/pages/Login';\nimport App from './App';\n\nexport default () => (\n \n \n } />\n \n \n \n \n \n \n);\n" }, { "path": "src/components/HeaderCustom.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/13.\n */\nimport React, { useEffect, useState } from 'react';\nimport screenfull from 'screenfull';\nimport avater from '../style/imgs/b1.jpg';\nimport SiderCustom from './SiderCustom';\nimport { Menu, Layout, Badge, Popover } from 'antd';\nimport { gitOauthToken, gitOauthInfo } from '../service';\nimport { parseQuery } from '../utils';\nimport { useHistory } from 'react-router-dom';\nimport { PwaInstaller } from './widget';\nimport { useAlita } from 'redux-alita';\nimport umbrella from 'umbrella-storage';\nimport { useSwitch } from '../utils/hooks';\nimport {\n ArrowsAltOutlined,\n BarsOutlined,\n MenuFoldOutlined,\n MenuUnfoldOutlined,\n NotificationOutlined,\n} from '@ant-design/icons';\nconst { Header } = Layout;\nconst SubMenu = Menu.SubMenu;\nconst MenuItemGroup = Menu.ItemGroup;\n\ntype HeaderCustomProps = {\n toggle: () => void;\n collapsed: boolean;\n user: any;\n responsive?: any;\n path?: string;\n};\n\nconst HeaderCustom = (props: HeaderCustomProps) => {\n const [user, setUser] = useState();\n const [responsive] = useAlita('responsive', { light: true });\n const [visible, turn] = useSwitch();\n const history = useHistory();\n\n useEffect(() => {\n const query = parseQuery();\n let storageUser = umbrella.getLocalStorage('user');\n\n if (!storageUser && query.code) {\n gitOauthToken(query.code as string).then((res: any) => {\n gitOauthInfo(res.access_token).then((info: any) => {\n setUser({\n user: info,\n });\n umbrella.setLocalStorage('user', info);\n });\n });\n } else {\n setUser({\n user: storageUser,\n });\n }\n }, []);\n\n const screenFull = () => {\n if (screenfull.isEnabled) {\n screenfull.toggle();\n }\n };\n const menuClick = (e: any) => {\n e.key === 'logout' && logout();\n };\n const logout = () => {\n umbrella.removeLocalStorage('user');\n history.push('/login');\n };\n return (\n
\n {responsive?.isMobile ? (\n }\n trigger=\"click\"\n placement=\"bottomLeft\"\n visible={visible}\n onVisibleChange={(visible) => (visible ? turn.turnOn() : turn.turnOff())}\n >\n \n \n ) : props.collapsed ? (\n \n ) : (\n \n )}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \"头像\"\n \n \n }\n >\n \n 你好 - {user?.userName}\n 个人信息\n \n 退出登录\n \n \n \n 个人设置\n 系统设置\n \n \n \n
\n );\n};\n\nexport default HeaderCustom;\n" }, { "path": "src/components/Page.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React, { ReactNode } from 'react';\n\ninterface PageProps {\n children?: ReactNode;\n}\n\nconst Page = (props: PageProps) => {\n return
{props.children}
;\n};\n\nexport default Page;\n" }, { "path": "src/components/SiderCustom.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/13.\n */\nimport React, { useState, useEffect } from 'react';\nimport { Layout } from 'antd';\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\nimport routes from '../routes/config';\nimport SiderMenu from './SiderMenu';\nimport { useAlita } from 'redux-alita';\nimport { useSwitch } from '../utils/hooks';\nimport { usePrevious } from 'ahooks';\nconst { Sider } = Layout;\n\ntype SiderCustomProps = RouteComponentProps & {\n popoverHide?: () => void;\n collapsed?: boolean;\n smenus?: any;\n};\ninterface IMenu {\n openKeys: string[];\n selectedKey: string;\n}\n\nconst SiderCustom = (props: SiderCustomProps) => {\n const [collapsed, tCollapsed] = useSwitch();\n const [firstHide, tFirstHide] = useSwitch();\n const [menu, setMenu] = useState({ openKeys: [''], selectedKey: '' });\n // 异步菜单\n const [smenus] = useAlita({ smenus: [] }, { light: true });\n const { location, collapsed: pCollapsed } = props;\n const prePathname = usePrevious(props.location.pathname);\n\n useEffect(() => {\n const recombineOpenKeys = (openKeys: string[]) => {\n let i = 0;\n let strPlus = '';\n let tempKeys: string[] = [];\n // 多级菜单循环处理\n while (i < openKeys.length) {\n strPlus += openKeys[i];\n tempKeys.push(strPlus);\n i++;\n }\n return tempKeys;\n };\n const getOpenAndSelectKeys = () => {\n return {\n openKeys: recombineOpenKeys(location.pathname.match(/[/](\\w+)/gi) || []),\n selectedKey: location.pathname,\n };\n };\n\n if (pCollapsed !== collapsed) {\n setMenu(getOpenAndSelectKeys());\n tCollapsed.setSwitcher(!!pCollapsed);\n tFirstHide.setSwitcher(!!pCollapsed);\n }\n\n if (prePathname !== location.pathname) {\n setMenu(getOpenAndSelectKeys());\n }\n }, [prePathname, location.pathname, collapsed, tFirstHide, tCollapsed, pCollapsed]);\n\n const menuClick = (e: any) => {\n setMenu((state) => ({ ...state, selectedKey: e.key }));\n props.popoverHide?.(); // 响应式布局控制小屏幕点击菜单时隐藏菜单操作\n };\n\n const openMenu: any = (v: string[]) => {\n setMenu((state) => ({ ...state, openKeys: v }));\n tFirstHide.turnOff();\n };\n\n return (\n \n
\n \n \n \n );\n};\n\nexport default withRouter(SiderCustom);\n" }, { "path": "src/components/SiderMenu.tsx", "content": "import React, { useState, useEffect } from 'react';\nimport { Menu } from 'antd';\nimport { Link } from 'react-router-dom';\nimport { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';\nimport { IFMenu } from '../routes/config';\nimport { MenuProps } from 'antd/lib/menu';\n\nconst renderMenuItem = (\n item: IFMenu // item.route 菜单单独跳转的路由\n) => (\n \n \n {/* {item.icon && } */}\n {item.title}\n \n \n);\n\nconst renderSubMenu = (item: IFMenu) => {\n return (\n \n {/* {item.icon && } */}\n {item.title}\n \n }\n >\n {item.subs!.map((sub) => (sub.subs ? renderSubMenu(sub) : renderMenuItem(sub)))}\n \n );\n};\n\ntype SiderMenuProps = MenuProps & {\n menus: any;\n onClick: (e: any) => void;\n selectedKeys: string[];\n openKeys?: string[];\n onOpenChange: (v: string[]) => void;\n};\n\nconst SiderMenu = ({ menus, ...props }: SiderMenuProps) => {\n const [dragItems, setDragItems] = useState([]);\n\n useEffect(() => {\n setDragItems(menus);\n }, [menus]);\n\n const reorder = (list: any, startIndex: number, endIndex: number) => {\n const result = Array.from(list);\n const [removed] = result.splice(startIndex, 1);\n result.splice(endIndex, 0, removed);\n return result;\n };\n const onDragEnd = (result: any) => {\n // dropped outside the list\n if (!result.destination) {\n return;\n }\n\n const _items = reorder(dragItems, result.source.index, result.destination.index);\n setDragItems(_items);\n };\n return (\n \n \n {(provided, snapshot) => (\n
\n {dragItems.map((item: IFMenu, index: number) => (\n \n {(provided, snapshot) => (\n ) =>\n provided.dragHandleProps &&\n provided.dragHandleProps.onDragStart(e as any)\n }\n >\n \n {item.subs!\n ? renderSubMenu(item)\n : renderMenuItem(item)}\n \n
\n )}\n \n ))}\n {provided.placeholder}\n
\n )}\n \n \n );\n};\n\nexport default React.memo(SiderMenu);\n" }, { "path": "src/components/animation/BasicAnimations.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/8.\n */\nimport React from 'react';\nimport { Row, Col, Card, Switch } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\nclass BasicAnimations extends React.Component {\n state = {\n animated: false,\n animatedOne: -1,\n };\n animatedAll = (checked: boolean) => {\n checked && this.setState({ animated: true });\n !checked && this.setState({ animated: false });\n };\n animatedOne = (i: number) => {\n this.setState({ animatedOne: i });\n };\n animatedOneOver = () => {\n this.setState({ animatedOne: -1 });\n };\n render() {\n const animations = [\n 'bounce',\n 'flash',\n 'rubberBand',\n 'shake',\n 'headShake',\n 'swing',\n 'tada',\n 'wobble',\n 'jello',\n 'bounceIn',\n 'bounceInDown',\n 'bounceInLeft',\n 'bounceInRight',\n 'bounceOut',\n 'bounceOutDown',\n 'bounceOutLeft',\n 'bounceOutLeft',\n 'bounceOutUp',\n 'fadeIn',\n 'fadeInDown',\n 'fadeInDownBig',\n 'fadeInLeft',\n 'fadeInLeftBig',\n 'fadeInRight',\n 'fadeInRightBig',\n 'fadeInUp',\n 'fadeInUpBig',\n 'fadeOut',\n 'fadeOutDown',\n 'fadeOutDownBig',\n 'fadeOutLeft',\n 'fadeOutLeftBig',\n 'fadeOutRight',\n 'fadeOutRightBig',\n 'fadeOutUp',\n 'fadeOutUpBig',\n 'flipInX',\n 'flipInY',\n 'flipOutX',\n 'flipOutY',\n 'lightSpeedIn',\n 'lightSpeedOut',\n 'rotateIn',\n 'rotateInDownLeft',\n 'rotateInDownRight',\n 'rotateInUpLeft',\n 'rotateInUpRight',\n 'rotateOut',\n 'rotateOutDownLeft',\n 'rotateOutDownRight',\n 'rotateOutUpLeft',\n 'rotateOutUpRight',\n 'hinge',\n 'jackInTheBox',\n 'rollIn',\n 'rollOut',\n 'zoomIn',\n 'zoomInDown',\n 'zoomInLeft',\n 'zoomInRight',\n 'zoomInUp',\n 'zoomOut',\n 'zoomOutDown',\n 'zoomOutLeft',\n 'zoomOutRight',\n 'zoomOutUp',\n 'slideInDown',\n 'slideInLeft',\n 'slideInRight',\n 'slideInUp',\n 'slideOutDown',\n 'slideOutLeft',\n 'slideOutRight',\n 'slideOutUp',\n ];\n return (\n
\n \n \n 全部动画(单个动画请移动鼠标)\n \n \n \n {animations.map((v, i) => (\n \n
\n this.animatedOne(i)}\n onMouseLeave={() => this.animatedOneOver()}\n >\n
\n

{v}

\n
\n \n
\n \n ))}\n \n
\n );\n }\n}\n\nexport default BasicAnimations;\n" }, { "path": "src/components/animation/ExampleAnimations.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/8.\n */\nimport React from 'react';\nimport { Row, Col, Card, Table, Popconfirm, Button } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\ntype ExampleAnimationsProps = {};\ntype ExampleAnimationsState = {\n dataSource: any;\n count: number;\n deleteIndex: number;\n};\n\nclass ExampleAnimations extends React.Component {\n constructor(props: any) {\n super(props);\n this.columns = [\n {\n title: 'name',\n dataIndex: 'name',\n width: '30%',\n },\n {\n title: 'age',\n dataIndex: 'age',\n },\n {\n title: 'address',\n dataIndex: 'address',\n },\n {\n title: 'operation',\n dataIndex: 'operation',\n render: (text: any, record: any, index: number) => {\n return this.state.dataSource.length > 1 ? (\n this.onDelete(record, index)}\n >\n Delete\n \n ) : null;\n },\n },\n ];\n this.state = {\n dataSource: [\n {\n key: '0',\n name: 'Edward King 0',\n age: '32',\n address: 'London, Park Lane no. 0',\n },\n {\n key: '1',\n name: 'Edward King 1',\n age: '32',\n address: 'London, Park Lane no. 1',\n },\n ],\n count: 2,\n deleteIndex: -1,\n };\n }\n columns: any;\n onDelete = (record: any, index: number) => {\n const dataSource = [...this.state.dataSource];\n dataSource.splice(index, 1);\n this.setState({ deleteIndex: record.key });\n setTimeout(() => {\n this.setState({ dataSource });\n }, 500);\n };\n handleAdd = () => {\n const { count, dataSource } = this.state;\n const newData = {\n key: count,\n name: `Edward King ${count}`,\n age: 32,\n address: `London, Park Lane no. ${count}`,\n };\n this.setState({\n dataSource: [newData, ...dataSource],\n count: count + 1,\n });\n };\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n
\n \n \n \n
\n \n \n {\n if (this.state.deleteIndex === record.key)\n return 'animated zoomOutLeft min-black';\n return 'animated fadeInRight';\n }}\n />\n \n
\n \n \n
\n );\n }\n}\n\nexport default ExampleAnimations;\n" }, { "path": "src/components/auth/Basic.tsx", "content": "/**\n * Created by 叶子 on 2017/7/31.\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card } from 'antd';\nimport beauty from '@/style/imgs/beauty.jpg';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { AuthWidget } from '../widget';\n\nclass Basic extends Component {\n render() {\n return (\n
\n \n (\n \n \n \n {!auth.uid && (\n

\n 登录之后你将看到一张美女图\n

\n )}\n {auth.permissions &&\n auth.permissions.includes('auth/authPage/visit') && (\n
\n \"\"\n {(auth.permissions.includes(\n 'auth/authPage/edit'\n ) && (\n
\n

\n 看啥子美女，看点美景就行啦~\n \n 😄😄\n \n

\n

管理员身份登录才能看到这两段话

\n
\n )) || (\n
\n

管理员登录将看到不一样的效果

\n
\n )}\n
\n )}\n \n \n \n )}\n />\n
\n );\n }\n}\n\nexport default Basic;\n" }, { "path": "src/components/auth/RouterEnter.tsx", "content": "/**\n * Created by 叶子 on 2017/8/1.\n */\n/**\n * Created by 叶子 on 2017/7/31.\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { AuthWidget } from '../widget';\n\nclass RouterEnter extends Component {\n componentDidMount() {\n console.log('RouterEnter');\n }\n render() {\n return (\n
\n \n (\n \n \n \n

\n 只有管理员登录才能看到该页面，否则跳转到404页面\n

\n \n \n \n )}\n />\n
\n );\n }\n}\n\nexport default RouterEnter;\n" }, { "path": "src/components/charts/Echarts.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/17.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport EchartsArea from './EchartsArea';\nimport EchartsPie from './EchartsPie';\nimport EchartsEffectScatter from './EchartsEffectScatter';\nimport EchartsForce from './EchartsForce';\n\nclass Echarts extends React.Component {\n render() {\n return (\n
\n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n {/**/}\n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n
\n )\n }\n}\n\nexport default Echarts;" }, { "path": "src/components/charts/EchartsArea.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/17.\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport echarts from 'echarts';\n\nlet base = +new Date(1968, 9, 3);\nlet oneDay = 24 * 3600 * 1000;\nlet date = [];\n\nlet data = [Math.random() * 300];\n\nfor (var i = 1; i < 20000; i++) {\n var now = new Date((base += oneDay));\n date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'));\n data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1]));\n}\n\nconst option = {\n tooltip: {\n trigger: 'axis',\n position: function(pt: any) {\n return [pt[0], '10%'];\n },\n },\n title: {\n left: 'center',\n text: '大数据量面积图',\n },\n toolbox: {\n feature: {\n dataZoom: {\n yAxisIndex: 'none',\n },\n restore: {},\n saveAsImage: {},\n },\n },\n xAxis: {\n type: 'category',\n boundaryGap: false,\n data: date,\n },\n yAxis: {\n type: 'value',\n boundaryGap: [0, '100%'],\n },\n dataZoom: [\n {\n type: 'inside',\n start: 0,\n end: 10,\n },\n {\n start: 0,\n end: 10,\n handleIcon:\n 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n handleSize: '80%',\n handleStyle: {\n color: '#fff',\n shadowBlur: 3,\n shadowColor: 'rgba(0, 0, 0, 0.6)',\n shadowOffsetX: 2,\n shadowOffsetY: 2,\n },\n },\n ],\n series: [\n {\n name: '模拟数据',\n type: 'line',\n smooth: true,\n symbol: 'none',\n sampling: 'average',\n itemStyle: {\n normal: {\n color: 'rgb(255, 70, 131)',\n },\n },\n areaStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n {\n offset: 0,\n color: 'rgb(255, 158, 68)',\n },\n {\n offset: 1,\n color: 'rgb(255, 70, 131)',\n },\n ]),\n },\n },\n data: data,\n },\n ],\n};\n\nclass EchartsArea extends React.Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default EchartsArea;\n" }, { "path": "src/components/charts/EchartsEffectScatter.tsx", "content": "/**\n * Created by SEELE on 2017/8/23.\n */\nimport React, { Component } from 'react';\nimport ReactEcharts from 'echarts-for-react';\nrequire('echarts/map/js/china.js');\n\nconst data = [\n { name: '海门', value: 9 },\n { name: '鄂尔多斯', value: 12 },\n { name: '招远', value: 12 },\n { name: '舟山', value: 12 },\n { name: '齐齐哈尔', value: 14 },\n { name: '盐城', value: 15 },\n { name: '赤峰', value: 16 },\n { name: '青岛', value: 18 },\n { name: '乳山', value: 18 },\n { name: '金昌', value: 19 },\n { name: '泉州', value: 21 },\n { name: '莱西', value: 21 },\n { name: '日照', value: 21 },\n { name: '胶南', value: 22 },\n { name: '南通', value: 23 },\n { name: '拉萨', value: 24 },\n { name: '云浮', value: 24 },\n { name: '梅州', value: 25 },\n { name: '文登', value: 25 },\n { name: '上海', value: 25 },\n { name: '攀枝花', value: 25 },\n { name: '威海', value: 25 },\n { name: '承德', value: 25 },\n { name: '厦门', value: 26 },\n { name: '汕尾', value: 26 },\n { name: '潮州', value: 26 },\n { name: '丹东', value: 27 },\n { name: '太仓', value: 27 },\n { name: '曲靖', value: 27 },\n { name: '烟台', value: 28 },\n { name: '福州', value: 29 },\n { name: '瓦房店', value: 30 },\n { name: '即墨', value: 30 },\n { name: '抚顺', value: 31 },\n { name: '玉溪', value: 31 },\n { name: '张家口', value: 31 },\n { name: '阳泉', value: 31 },\n { name: '莱州', value: 32 },\n { name: '湖州', value: 32 },\n { name: '汕头', value: 32 },\n { name: '昆山', value: 33 },\n { name: '宁波', value: 33 },\n { name: '湛江', value: 33 },\n { name: '揭阳', value: 34 },\n { name: '荣成', value: 34 },\n { name: '连云港', value: 35 },\n { name: '葫芦岛', value: 35 },\n { name: '常熟', value: 36 },\n { name: '东莞', value: 36 },\n { name: '河源', value: 36 },\n { name: '淮安', value: 36 },\n { name: '泰州', value: 36 },\n { name: '南宁', value: 37 },\n { name: '营口', value: 37 },\n { name: '惠州', value: 37 },\n { name: '江阴', value: 37 },\n { name: '蓬莱', value: 37 },\n { name: '韶关', value: 38 },\n { name: '嘉峪关', value: 38 },\n { name: '广州', value: 38 },\n { name: '延安', value: 38 },\n { name: '太原', value: 39 },\n { name: '清远', value: 39 },\n { name: '中山', value: 39 },\n { name: '昆明', value: 39 },\n { name: '寿光', value: 40 },\n { name: '盘锦', value: 40 },\n { name: '长治', value: 41 },\n { name: '深圳', value: 41 },\n { name: '珠海', value: 42 },\n { name: '宿迁', value: 43 },\n { name: '咸阳', value: 43 },\n { name: '铜川', value: 44 },\n { name: '平度', value: 44 },\n { name: '佛山', value: 44 },\n { name: '海口', value: 44 },\n { name: '江门', value: 45 },\n { name: '章丘', value: 45 },\n { name: '肇庆', value: 46 },\n { name: '大连', value: 47 },\n { name: '临汾', value: 47 },\n { name: '吴江', value: 47 },\n { name: '石嘴山', value: 49 },\n { name: '沈阳', value: 50 },\n { name: '苏州', value: 50 },\n { name: '茂名', value: 50 },\n { name: '嘉兴', value: 51 },\n { name: '长春', value: 51 },\n { name: '胶州', value: 52 },\n { name: '银川', value: 52 },\n { name: '张家港', value: 52 },\n { name: '三门峡', value: 53 },\n { name: '锦州', value: 54 },\n { name: '南昌', value: 54 },\n { name: '柳州', value: 54 },\n { name: '三亚', value: 54 },\n { name: '自贡', value: 56 },\n { name: '吉林', value: 56 },\n { name: '阳江', value: 57 },\n { name: '泸州', value: 57 },\n { name: '西宁', value: 57 },\n { name: '宜宾', value: 58 },\n { name: '呼和浩特', value: 58 },\n { name: '成都', value: 58 },\n { name: '大同', value: 58 },\n { name: '镇江', value: 59 },\n { name: '桂林', value: 59 },\n { name: '张家界', value: 59 },\n { name: '宜兴', value: 59 },\n { name: '北海', value: 60 },\n { name: '西安', value: 61 },\n { name: '金坛', value: 62 },\n { name: '东营', value: 62 },\n { name: '牡丹江', value: 63 },\n { name: '遵义', value: 63 },\n { name: '绍兴', value: 63 },\n { name: '扬州', value: 64 },\n { name: '常州', value: 64 },\n { name: '潍坊', value: 65 },\n { name: '重庆', value: 66 },\n { name: '台州', value: 67 },\n { name: '南京', value: 67 },\n { name: '滨州', value: 70 },\n { name: '贵阳', value: 71 },\n { name: '无锡', value: 71 },\n { name: '本溪', value: 71 },\n { name: '克拉玛依', value: 72 },\n { name: '渭南', value: 72 },\n { name: '马鞍山', value: 72 },\n { name: '宝鸡', value: 72 },\n { name: '焦作', value: 75 },\n { name: '句容', value: 75 },\n { name: '北京', value: 79 },\n { name: '徐州', value: 79 },\n { name: '衡水', value: 80 },\n { name: '包头', value: 80 },\n { name: '绵阳', value: 80 },\n { name: '乌鲁木齐', value: 84 },\n { name: '枣庄', value: 84 },\n { name: '杭州', value: 84 },\n { name: '淄博', value: 85 },\n { name: '鞍山', value: 86 },\n { name: '溧阳', value: 86 },\n { name: '库尔勒', value: 86 },\n { name: '安阳', value: 90 },\n { name: '开封', value: 90 },\n { name: '济南', value: 92 },\n { name: '德阳', value: 93 },\n { name: '温州', value: 95 },\n { name: '九江', value: 96 },\n { name: '邯郸', value: 98 },\n { name: '临安', value: 99 },\n { name: '兰州', value: 99 },\n { name: '沧州', value: 100 },\n { name: '临沂', value: 103 },\n { name: '南充', value: 104 },\n { name: '天津', value: 105 },\n { name: '富阳', value: 106 },\n { name: '泰安', value: 112 },\n { name: '诸暨', value: 112 },\n { name: '郑州', value: 113 },\n { name: '哈尔滨', value: 114 },\n { name: '聊城', value: 116 },\n { name: '芜湖', value: 117 },\n { name: '唐山', value: 119 },\n { name: '平顶山', value: 119 },\n { name: '邢台', value: 119 },\n { name: '德州', value: 120 },\n { name: '济宁', value: 120 },\n { name: '荆州', value: 127 },\n { name: '宜昌', value: 130 },\n { name: '义乌', value: 132 },\n { name: '丽水', value: 133 },\n { name: '洛阳', value: 134 },\n { name: '秦皇岛', value: 136 },\n { name: '株洲', value: 143 },\n { name: '石家庄', value: 147 },\n { name: '莱芜', value: 148 },\n { name: '常德', value: 152 },\n { name: '保定', value: 153 },\n { name: '湘潭', value: 154 },\n { name: '金华', value: 157 },\n { name: '岳阳', value: 169 },\n { name: '长沙', value: 175 },\n { name: '衢州', value: 177 },\n { name: '廊坊', value: 193 },\n { name: '菏泽', value: 194 },\n { name: '合肥', value: 229 },\n { name: '武汉', value: 273 },\n { name: '大庆', value: 279 },\n];\nconst geoCoordMap = {\n 海门: [121.15, 31.89],\n 鄂尔多斯: [109.781327, 39.608266],\n 招远: [120.38, 37.35],\n 舟山: [122.207216, 29.985295],\n 齐齐哈尔: [123.97, 47.33],\n 盐城: [120.13, 33.38],\n 赤峰: [118.87, 42.28],\n 青岛: [120.33, 36.07],\n 乳山: [121.52, 36.89],\n 金昌: [102.188043, 38.520089],\n 泉州: [118.58, 24.93],\n 莱西: [120.53, 36.86],\n 日照: [119.46, 35.42],\n 胶南: [119.97, 35.88],\n 南通: [121.05, 32.08],\n 拉萨: [91.11, 29.97],\n 云浮: [112.02, 22.93],\n 梅州: [116.1, 24.55],\n 文登: [122.05, 37.2],\n 上海: [121.48, 31.22],\n 攀枝花: [101.718637, 26.582347],\n 威海: [122.1, 37.5],\n 承德: [117.93, 40.97],\n 厦门: [118.1, 24.46],\n 汕尾: [115.375279, 22.786211],\n 潮州: [116.63, 23.68],\n 丹东: [124.37, 40.13],\n 太仓: [121.1, 31.45],\n 曲靖: [103.79, 25.51],\n 烟台: [121.39, 37.52],\n 福州: [119.3, 26.08],\n 瓦房店: [121.979603, 39.627114],\n 即墨: [120.45, 36.38],\n 抚顺: [123.97, 41.97],\n 玉溪: [102.52, 24.35],\n 张家口: [114.87, 40.82],\n 阳泉: [113.57, 37.85],\n 莱州: [119.942327, 37.177017],\n 湖州: [120.1, 30.86],\n 汕头: [116.69, 23.39],\n 昆山: [120.95, 31.39],\n 宁波: [121.56, 29.86],\n 湛江: [110.359377, 21.270708],\n 揭阳: [116.35, 23.55],\n 荣成: [122.41, 37.16],\n 连云港: [119.16, 34.59],\n 葫芦岛: [120.836932, 40.711052],\n 常熟: [120.74, 31.64],\n 东莞: [113.75, 23.04],\n 河源: [114.68, 23.73],\n 淮安: [119.15, 33.5],\n 泰州: [119.9, 32.49],\n 南宁: [108.33, 22.84],\n 营口: [122.18, 40.65],\n 惠州: [114.4, 23.09],\n 江阴: [120.26, 31.91],\n 蓬莱: [120.75, 37.8],\n 韶关: [113.62, 24.84],\n 嘉峪关: [98.289152, 39.77313],\n 广州: [113.23, 23.16],\n 延安: [109.47, 36.6],\n 太原: [112.53, 37.87],\n 清远: [113.01, 23.7],\n 中山: [113.38, 22.52],\n 昆明: [102.73, 25.04],\n 寿光: [118.73, 36.86],\n 盘锦: [122.070714, 41.119997],\n 长治: [113.08, 36.18],\n 深圳: [114.07, 22.62],\n 珠海: [113.52, 22.3],\n 宿迁: [118.3, 33.96],\n 咸阳: [108.72, 34.36],\n 铜川: [109.11, 35.09],\n 平度: [119.97, 36.77],\n 佛山: [113.11, 23.05],\n 海口: [110.35, 20.02],\n 江门: [113.06, 22.61],\n 章丘: [117.53, 36.72],\n 肇庆: [112.44, 23.05],\n 大连: [121.62, 38.92],\n 临汾: [111.5, 36.08],\n 吴江: [120.63, 31.16],\n 石嘴山: [106.39, 39.04],\n 沈阳: [123.38, 41.8],\n 苏州: [120.62, 31.32],\n 茂名: [110.88, 21.68],\n 嘉兴: [120.76, 30.77],\n 长春: [125.35, 43.88],\n 胶州: [120.03336, 36.264622],\n 银川: [106.27, 38.47],\n 张家港: [120.555821, 31.875428],\n 三门峡: [111.19, 34.76],\n 锦州: [121.15, 41.13],\n 南昌: [115.89, 28.68],\n 柳州: [109.4, 24.33],\n 三亚: [109.511909, 18.252847],\n 自贡: [104.778442, 29.33903],\n 吉林: [126.57, 43.87],\n 阳江: [111.95, 21.85],\n 泸州: [105.39, 28.91],\n 西宁: [101.74, 36.56],\n 宜宾: [104.56, 29.77],\n 呼和浩特: [111.65, 40.82],\n 成都: [104.06, 30.67],\n 大同: [113.3, 40.12],\n 镇江: [119.44, 32.2],\n 桂林: [110.28, 25.29],\n 张家界: [110.479191, 29.117096],\n 宜兴: [119.82, 31.36],\n 北海: [109.12, 21.49],\n 西安: [108.95, 34.27],\n 金坛: [119.56, 31.74],\n 东营: [118.49, 37.46],\n 牡丹江: [129.58, 44.6],\n 遵义: [106.9, 27.7],\n 绍兴: [120.58, 30.01],\n 扬州: [119.42, 32.39],\n 常州: [119.95, 31.79],\n 潍坊: [119.1, 36.62],\n 重庆: [106.54, 29.59],\n 台州: [121.420757, 28.656386],\n 南京: [118.78, 32.04],\n 滨州: [118.03, 37.36],\n 贵阳: [106.71, 26.57],\n 无锡: [120.29, 31.59],\n 本溪: [123.73, 41.3],\n 克拉玛依: [84.77, 45.59],\n 渭南: [109.5, 34.52],\n 马鞍山: [118.48, 31.56],\n 宝鸡: [107.15, 34.38],\n 焦作: [113.21, 35.24],\n 句容: [119.16, 31.95],\n 北京: [116.46, 39.92],\n 徐州: [117.2, 34.26],\n 衡水: [115.72, 37.72],\n 包头: [110, 40.58],\n 绵阳: [104.73, 31.48],\n 乌鲁木齐: [87.68, 43.77],\n 枣庄: [117.57, 34.86],\n 杭州: [120.19, 30.26],\n 淄博: [118.05, 36.78],\n 鞍山: [122.85, 41.12],\n 溧阳: [119.48, 31.43],\n 库尔勒: [86.06, 41.68],\n 安阳: [114.35, 36.1],\n 开封: [114.35, 34.79],\n 济南: [117, 36.65],\n 德阳: [104.37, 31.13],\n 温州: [120.65, 28.01],\n 九江: [115.97, 29.71],\n 邯郸: [114.47, 36.6],\n 临安: [119.72, 30.23],\n 兰州: [103.73, 36.03],\n 沧州: [116.83, 38.33],\n 临沂: [118.35, 35.05],\n 南充: [106.110698, 30.837793],\n 天津: [117.2, 39.13],\n 富阳: [119.95, 30.07],\n 泰安: [117.13, 36.18],\n 诸暨: [120.23, 29.71],\n 郑州: [113.65, 34.76],\n 哈尔滨: [126.63, 45.75],\n 聊城: [115.97, 36.45],\n 芜湖: [118.38, 31.33],\n 唐山: [118.02, 39.63],\n 平顶山: [113.29, 33.75],\n 邢台: [114.48, 37.05],\n 德州: [116.29, 37.45],\n 济宁: [116.59, 35.38],\n 荆州: [112.239741, 30.335165],\n 宜昌: [111.3, 30.7],\n 义乌: [120.06, 29.32],\n 丽水: [119.92, 28.45],\n 洛阳: [112.44, 34.7],\n 秦皇岛: [119.57, 39.95],\n 株洲: [113.16, 27.83],\n 石家庄: [114.48, 38.03],\n 莱芜: [117.67, 36.19],\n 常德: [111.69, 29.05],\n 保定: [115.48, 38.85],\n 湘潭: [112.91, 27.87],\n 金华: [119.64, 29.12],\n 岳阳: [113.09, 29.37],\n 长沙: [113, 28.21],\n 衢州: [118.88, 28.97],\n 廊坊: [116.7, 39.53],\n 菏泽: [115.480656, 35.23375],\n 合肥: [117.27, 31.86],\n 武汉: [114.31, 30.52],\n 大庆: [125.03, 46.58],\n};\n\nconst convertData = function(data: any) {\n let res = [];\n for (let i = 0; i < data.length; i++) {\n let geoCoord = (geoCoordMap as any)[data[i].name];\n if (geoCoord) {\n res.push({\n name: data[i].name,\n value: geoCoord.concat(data[i].value),\n });\n }\n }\n return res;\n};\n\nconst option = {\n backgroundColor: '#404a59',\n title: {\n text: '全国主要城市空气质量',\n subtext: 'data from PM25.in',\n sublink: 'http://www.pm25.in',\n left: 'center',\n textStyle: {\n color: '#fff',\n },\n },\n tooltip: {\n trigger: 'item',\n },\n legend: {\n orient: 'vertical',\n y: 'bottom',\n x: 'right',\n data: ['pm2.5'],\n textStyle: {\n color: '#fff',\n },\n },\n geo: {\n map: 'china',\n label: {\n emphasis: {\n show: false,\n },\n },\n roam: true,\n itemStyle: {\n normal: {\n areaColor: '#323c48',\n borderColor: '#111',\n },\n emphasis: {\n areaColor: '#2a333d',\n },\n },\n },\n series: [\n {\n name: 'pm2.5',\n type: 'scatter',\n coordinateSystem: 'geo',\n data: convertData(data),\n symbolSize: function(val: any) {\n return val[2] / 10;\n },\n label: {\n normal: {\n formatter: '{b}',\n position: 'right',\n show: false,\n },\n emphasis: {\n show: true,\n },\n },\n itemStyle: {\n normal: {\n color: '#ddb926',\n },\n },\n },\n {\n name: 'Top 5',\n type: 'effectScatter',\n coordinateSystem: 'geo',\n data: convertData(\n data\n .sort(function(a, b) {\n return b.value - a.value;\n })\n .slice(0, 6)\n ),\n symbolSize: function(val: any) {\n return val[2] / 10;\n },\n showEffectOn: 'render',\n rippleEffect: {\n brushType: 'stroke',\n },\n hoverAnimation: true,\n label: {\n normal: {\n formatter: '{b}',\n position: 'right',\n show: true,\n },\n },\n itemStyle: {\n normal: {\n color: '#f4e925',\n shadowBlur: 10,\n shadowColor: '#333',\n },\n },\n zlevel: 1,\n },\n ],\n};\nclass EchartsEffectScatter extends Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default EchartsEffectScatter;\n" }, { "path": "src/components/charts/EchartsForce.tsx", "content": "/**\n * Created by SEELE on 2017/8/23.\n */\nimport React, { Component } from 'react';\nimport ReactEcharts from 'echarts-for-react';\n\nconst option = {\n title: {\n text: '',\n },\n tooltip: {},\n animationDurationUpdate: 1500,\n animationEasingUpdate: 'quinticInOut',\n label: {\n normal: {\n show: true,\n textStyle: {\n fontSize: 12,\n },\n },\n },\n legend: {\n x: 'center',\n show: false,\n data: ['朋友', '战友', '亲戚'],\n },\n series: [\n {\n type: 'graph',\n layout: 'force',\n symbolSize: 45,\n focusNodeAdjacency: true,\n roam: true,\n categories: [\n {\n name: '朋友',\n itemStyle: {\n normal: {\n color: '#009800',\n },\n },\n },\n {\n name: '战友',\n itemStyle: {\n normal: {\n color: '#4592FF',\n },\n },\n },\n {\n name: '亲戚',\n itemStyle: {\n normal: {\n color: '#3592F',\n },\n },\n },\n ],\n label: {\n normal: {\n show: true,\n textStyle: {\n fontSize: 12,\n },\n },\n },\n force: {\n repulsion: 1000,\n },\n edgeSymbolSize: [4, 50],\n edgeLabel: {\n normal: {\n show: true,\n textStyle: {\n fontSize: 10,\n },\n formatter: '{c}',\n },\n },\n data: [\n {\n name: '徐贱云',\n draggable: true,\n },\n {\n name: '冯可梁',\n category: 1,\n draggable: true,\n },\n {\n name: '邓志荣',\n category: 1,\n draggable: true,\n },\n {\n name: '李荣庆',\n category: 1,\n draggable: true,\n },\n {\n name: '郑志勇',\n category: 1,\n draggable: true,\n },\n {\n name: '赵英杰',\n category: 1,\n draggable: true,\n },\n {\n name: '王承军',\n category: 1,\n draggable: true,\n },\n {\n name: '陈卫东',\n category: 1,\n draggable: true,\n },\n {\n name: '邹劲松',\n category: 1,\n draggable: true,\n },\n {\n name: '赵成',\n category: 1,\n draggable: true,\n },\n {\n name: '陈现忠',\n category: 1,\n draggable: true,\n },\n {\n name: '陶泳',\n category: 1,\n draggable: true,\n },\n {\n name: '王德福',\n category: 1,\n draggable: true,\n },\n ],\n links: [\n {\n source: 0,\n target: 1,\n category: 0,\n value: '朋友',\n },\n {\n source: 0,\n target: 2,\n value: '战友',\n },\n {\n source: 0,\n target: 3,\n value: '房东',\n },\n {\n source: 0,\n target: 4,\n value: '朋友',\n },\n {\n source: 1,\n target: 2,\n value: '表亲',\n },\n {\n source: 0,\n target: 5,\n value: '朋友',\n },\n {\n source: 4,\n target: 5,\n value: '姑姑',\n },\n {\n source: 2,\n target: 8,\n value: '叔叔',\n },\n {\n source: 0,\n target: 12,\n value: '朋友',\n },\n {\n source: 6,\n target: 11,\n value: '爱人',\n },\n {\n source: 6,\n target: 3,\n value: '朋友',\n },\n {\n source: 7,\n target: 5,\n value: '朋友',\n },\n {\n source: 9,\n target: 10,\n value: '朋友',\n },\n {\n source: 3,\n target: 10,\n value: '朋友',\n },\n {\n source: 2,\n target: 11,\n value: '同学',\n },\n ],\n lineStyle: {\n normal: {\n opacity: 0.9,\n width: 1,\n curveness: 0,\n },\n },\n },\n ],\n};\nclass EchartsForce extends Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default EchartsForce;\n" }, { "path": "src/components/charts/EchartsGraphnpm.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/21.\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { npmDependencies } from '../../service';\n\nclass EchartsGraphnpm extends React.Component {\n state = {\n option: {\n title: {\n text: 'NPM Dependencies',\n },\n animationDurationUpdate: 1500,\n animationEasingUpdate: 'quinticInOut',\n series: [\n {\n type: 'graph',\n layout: 'none',\n // progressiveThreshold: 700,\n data: [],\n edges: [],\n label: {\n emphasis: {\n position: 'right',\n show: true,\n },\n },\n roam: true,\n focusNodeAdjacency: true,\n lineStyle: {\n normal: {\n width: 0.5,\n curveness: 0.3,\n opacity: 0.7,\n },\n },\n },\n ],\n },\n };\n componentDidMount() {\n npmDependencies().then((npm) => {\n this.setState({\n option: {\n series: [\n {\n data: npm.nodes.map(function (node: any) {\n return {\n x: node.x,\n y: node.y,\n id: node.id,\n name: node.label,\n symbolSize: node.size,\n itemStyle: {\n normal: {\n color: node.color,\n },\n },\n };\n }),\n edges: npm.edges.map(function (edge: any) {\n return {\n source: edge.sourceID,\n target: edge.targetID,\n };\n }),\n },\n ],\n },\n });\n });\n }\n render() {\n return (\n \n );\n }\n}\n\nexport default EchartsGraphnpm;\n" }, { "path": "src/components/charts/EchartsPie.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/21.\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\n\nconst option = {\n title: {\n text: 'Customized Pie',\n left: 'center',\n top: 20,\n textStyle: {\n color: '#777',\n },\n },\n\n tooltip: {\n trigger: 'item',\n formatter: '{a}
{b} : {c} ({d}%)',\n },\n\n visualMap: {\n show: false,\n min: 80,\n max: 600,\n inRange: {\n colorLightness: [0, 1],\n },\n },\n series: [\n {\n name: '访问来源',\n type: 'pie',\n radius: '55%',\n center: ['50%', '50%'],\n data: [\n { value: 335, name: '直接访问' },\n { value: 310, name: '邮件营销' },\n { value: 274, name: '联盟广告' },\n { value: 235, name: '视频广告' },\n { value: 400, name: '搜索引擎' },\n ].sort(function(a, b) {\n return a.value - b.value;\n }),\n roseType: 'angle',\n label: {\n normal: {\n textStyle: {\n color: '#777',\n },\n },\n },\n labelLine: {\n normal: {\n lineStyle: {\n color: '#777',\n },\n smooth: 0.2,\n length: 10,\n length2: 20,\n },\n },\n itemStyle: {\n normal: {\n color: '#c23531',\n shadowBlur: 200,\n shadowColor: '#777',\n },\n },\n\n animationType: 'scale',\n animationEasing: 'elasticOut',\n animationDelay: function(idx: any) {\n return Math.random() * 200;\n },\n },\n ],\n};\n\nconst EchartsPie = () => (\n \n);\n\nexport default EchartsPie;\n" }, { "path": "src/components/charts/EchartsScatter.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/21.\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport { weibo } from '../../service';\nrequire('echarts/map/js/china.js');\n\nclass EchartsScatter extends React.Component {\n state = {\n option: {\n backgroundColor: '#404a59',\n title: {\n text: '微博签到数据点亮中国',\n subtext: 'From ThinkGIS',\n sublink: 'http://www.thinkgis.cn/public/sina',\n left: 'center',\n top: 'top',\n textStyle: {\n color: '#fff',\n },\n },\n tooltip: {},\n legend: {\n left: 'left',\n data: ['强', '中', '弱'],\n textStyle: {\n color: '#ccc',\n },\n },\n geo: {\n map: 'china',\n label: {\n emphasis: {\n show: false,\n },\n },\n itemStyle: {\n normal: {\n areaColor: '#323c48',\n borderColor: '#111',\n },\n emphasis: {\n areaColor: '#2a333d',\n },\n },\n },\n series: [\n {\n name: '弱',\n type: 'scatter',\n coordinateSystem: 'geo',\n symbolSize: 1,\n large: true,\n itemStyle: {\n normal: {\n shadowBlur: 2,\n shadowColor: 'rgba(37, 140, 249, 0.8)',\n color: 'rgba(37, 140, 249, 0.8)',\n },\n },\n data: [],\n },\n {\n name: '中',\n type: 'scatter',\n coordinateSystem: 'geo',\n symbolSize: 1,\n large: true,\n itemStyle: {\n normal: {\n shadowBlur: 2,\n shadowColor: 'rgba(14, 241, 242, 0.8)',\n color: 'rgba(14, 241, 242, 0.8)',\n },\n },\n data: [],\n },\n {\n name: '强',\n type: 'scatter',\n coordinateSystem: 'geo',\n symbolSize: 1,\n large: true,\n itemStyle: {\n normal: {\n shadowBlur: 2,\n shadowColor: 'rgba(255, 255, 255, 0.8)',\n color: 'rgba(255, 255, 255, 0.8)',\n },\n },\n data: [],\n },\n ],\n },\n };\n componentDidMount() {\n weibo().then((weiboData) => {\n weiboData = weiboData.map(function (serieData: any) {\n var px = serieData[0] / 1000;\n var py = serieData[1] / 1000;\n var res = [[px, py]];\n\n for (var i = 2; i < serieData.length; i += 2) {\n var dx = serieData[i] / 1000;\n var dy = serieData[i + 1] / 1000;\n var x = px + dx;\n var y = py + dy;\n res.push([parseInt(x.toFixed(2), 10), parseInt(y.toFixed(2), 10), 1]);\n\n px = x;\n py = y;\n }\n return res;\n });\n this.setState({\n option: {\n series: [\n { data: weiboData[0] },\n { data: weiboData[1] },\n { data: weiboData[2] },\n ],\n },\n });\n });\n }\n render() {\n return (\n \n );\n }\n}\n\nexport default EchartsScatter;\n" }, { "path": "src/components/charts/Recharts.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/21.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport RechartsSimpleLineChart from './RechartsSimpleLineChart';\nimport RechartsBarChart from './RechartsBarChart';\nimport RechartsRadialBarChart from './RechartsRadialBarChart';\nimport RechartsRadarChart from './RechartsRadarChart';\n\nclass Recharts extends React.Component {\n render() {\n return (\n
\n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n )\n }\n}\n\nexport default Recharts;" }, { "path": "src/components/charts/RechartsBarChart.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/21.\n */\nimport React from 'react';\nimport {BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer} from 'recharts';\n\nconst data = [\n {name: 'Page A', uv: 4000, pv: 2400, amt: 2400},\n {name: 'Page B', uv: 3000, pv: 1398, amt: 2210},\n {name: 'Page C', uv: 2000, pv: 9800, amt: 2290},\n {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},\n {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},\n {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},\n {name: 'Page G', uv: 3490, pv: 4300, amt: 2100},\n];\n\nconst RechartsBarChart = () => (\n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default RechartsBarChart;" }, { "path": "src/components/charts/RechartsRadarChart.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/22.\n */\nimport React from 'react';\nimport {Radar, RadarChart, PolarGrid, Legend,\n PolarAngleAxis, PolarRadiusAxis, ResponsiveContainer} from 'recharts';\n\nconst data = [\n { subject: 'Math', A: 120, B: 110, fullMark: 150 },\n { subject: 'Chinese', A: 98, B: 130, fullMark: 150 },\n { subject: 'English', A: 86, B: 130, fullMark: 150 },\n { subject: 'Geography', A: 99, B: 100, fullMark: 150 },\n { subject: 'Physics', A: 85, B: 90, fullMark: 150 },\n { subject: 'History', A: 65, B: 85, fullMark: 150 },\n];\n\nconst RechartsRadarChart = () => (\n \n \n \n \n \n \n \n \n \n \n);\n\nexport default RechartsRadarChart;" }, { "path": "src/components/charts/RechartsRadialBarChart.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/22.\n */\nimport React from 'react';\nimport { RadialBarChart, Legend, Tooltip, ResponsiveContainer } from 'recharts';\n\nconst data = [\n { name: '18-24', uv: 31.47, pv: 2400, fill: '#8884d8' },\n { name: '25-29', uv: 26.69, pv: 4567, fill: '#83a6ed' },\n { name: '30-34', uv: 15.69, pv: 1398, fill: '#8dd1e1' },\n { name: '35-39', uv: 8.22, pv: 9800, fill: '#82ca9d' },\n { name: '40-49', uv: 8.63, pv: 3908, fill: '#a4de6c' },\n { name: '50+', uv: 2.63, pv: 4800, fill: '#d0ed57' },\n { name: 'unknow', uv: 6.67, pv: 4800, fill: '#ffc658' },\n];\n\nconst RechartsRadialBarChart = () => (\n \n \n {/* */}\n \n \n \n \n);\n\nexport default RechartsRadialBarChart;\n" }, { "path": "src/components/charts/RechartsSimpleLineChart.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/21.\n */\nimport React from 'react';\nimport {LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer} from 'recharts';\n\n\nconst data = [\n {name: 'Page A', uv: 4000, pv: 2400, amt: 2400},\n {name: 'Page B', uv: 3000, pv: 1398, amt: 2210},\n {name: 'Page C', uv: 2000, pv: 9800, amt: 2290},\n {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},\n {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},\n {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},\n {name: 'Page G', uv: 3490, pv: 4300, amt: 2100},\n];\n\nconst RechartsSimpleLineChart = () => (\n \n \n\n \n \n \n \n \n \n \n \n \n);\n\nexport default RechartsSimpleLineChart;" }, { "path": "src/components/cssmodule/index.module.less", "content": "@font-face {\n font-family: 'Monoton';\n font-style: normal;\n font-weight: 400;\n src: local('Monoton'), local('Monoton-Regular'), url(../../style/font/y6oxFxU60dYw9khW6q8jGw.woff2) format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;\n}\n.header {\n font-size: 7em;\n width: 100%;\n height: 500px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #fff;\n font-family: Monoton;\n p {\n animation: neon1 1.5s ease-in-out infinite alternate;\n &:hover {\n color: #FF1177;\n animation: none;\n }\n }\n}\n@keyframes neon1 {\n from {\n text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;\n }\n to {\n text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;\n }\n}" }, { "path": "src/components/cssmodule/index.tsx", "content": "/**\n *\n * 添加注释\n * Created by SEELE on 2018/1/12\n *\n */\nimport React, { Component } from 'react';\nimport { Col, Card, Row } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport styles from './index.module.less';\n\nclass Cssmodule extends Component {\n render() {\n return (\n
\n \n \n \n \n
\n

Hello CssModule

\n
\n \n \n \n
\n );\n }\n}\n\nexport default Cssmodule;\n" }, { "path": "src/components/dashboard/Dashboard.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/3.\n */\nimport React from 'react';\nimport { Row, Col, Card, Timeline } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport EchartsViews from './EchartsViews';\nimport EchartsProjects from './EchartsProjects';\nimport b1 from '../../style/imgs/b1.jpg';\nimport {\n CameraOutlined,\n CloudOutlined,\n HeartOutlined,\n MailOutlined,\n SyncOutlined,\n} from '@ant-design/icons';\n\nclass Dashboard extends React.Component {\n render() {\n return (\n
\n \n \n \n
\n \n
\n
\n \n
\n
\n
收藏
\n

301

\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
云数据
\n

30122

\n
\n
\n \n
\n \n \n
\n \n
\n
\n \n
\n
\n
照片
\n

802

\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
邮件
\n

102

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

任务

\n 10个已经完成，2个待完成，1个正在进行中\n
\n \n \n \n \n 新版本迭代会\n 完成网站设计初版\n \n

联调接口

\n

功能验收

\n \n\n \n

登录功能设计

\n

权限验证

\n

页面排版

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

消息栏

\n
\n \n \n \n
    \n
  • \n \n \n \n
    \n 鸣人\n 终于当上火影了！\n
    \n
    • \n
  • \n \n \n \n
    \n 佐助\n 吊车尾~~\n
    \n
    • \n
  • \n \n \n \n
    \n 小樱\n 佐助，你好帅！\n
    \n
    • \n
  • \n \n \n \n
    \n 雏田\n \n 鸣人君。。。那个。。。我。。喜欢你..\n \n
    \n
    • \n
\n \n
\n \n \n
\n \n
\n

访问量统计

\n 最近7天用户访问量\n
\n \n \n \n \n \n
\n \n \n
\n );\n }\n}\n\nexport default Dashboard;\n" }, { "path": "src/components/dashboard/EchartsProjects.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/5.\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\n\nlet xAxisData = [];\nlet data = [];\nfor (let i = 0; i < 50; i++) {\n xAxisData.push(i);\n data.push(Math.ceil((Math.cos(i / 5) * (i / 5) + i / 6) * 5) + 10);\n}\n\nconst option = {\n title: {\n text: '最近50天每天项目完成情况',\n left: 'center',\n textStyle: {\n color: '#ccc',\n fontSize: 10\n }\n },\n backgroundColor: '#08263a',\n xAxis: [{\n show: true,\n data: xAxisData,\n axisLabel: {\n textStyle: {\n color: '#ccc'\n }\n }\n }, {\n show: false,\n data: xAxisData\n }],\n tooltip: {},\n visualMap: {\n show: false,\n min: 0,\n max: 50,\n dimension: 0,\n inRange: {\n color: ['#4a657a', '#308e92', '#b1cfa5', '#f5d69f', '#f5898b', '#ef5055']\n }\n },\n yAxis: {\n axisLine: {\n show: false\n },\n axisLabel: {\n textStyle: {\n color: '#ccc'\n }\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: '#08263f'\n }\n },\n axisTick: {\n show: false\n }\n },\n series: [\n {\n name: 'Simulate Shadow',\n type: 'line',\n data: data,\n z: 2,\n showSymbol: false,\n animationDelay: 0,\n animationEasing: 'linear',\n animationDuration: 1200,\n lineStyle: {\n normal: {\n color: 'transparent'\n }\n },\n areaStyle: {\n normal: {\n color: '#08263a',\n shadowBlur: 50,\n shadowColor: '#000'\n }\n }\n }, {\n name: '完成项目数',\n type: 'bar',\n data: data,\n xAxisIndex: 1,\n z: 3,\n itemStyle: {\n normal: {\n barBorderRadius: 5\n }\n }\n }],\n animationEasing: 'elasticOut',\n animationEasingUpdate: 'elasticOut',\n animationDelay: function (idx: number) {\n return idx * 20;\n },\n animationDelayUpdate: function (idx: number) {\n return idx * 20;\n }\n};\nconst EchartsProjects = () => (\n \n);\n\nexport default EchartsProjects;" }, { "path": "src/components/dashboard/EchartsViews.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/5.\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport echarts from 'echarts';\n\nconst option = {\n title: {\n text: '最近7天用户访问量',\n left: '50%',\n show: false,\n textAlign: 'center'\n },\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n lineStyle: {\n color: '#ddd'\n }\n },\n backgroundColor: 'rgba(255,255,255,1)',\n padding: [5, 10],\n textStyle: {\n color: '#7588E4',\n },\n extraCssText: 'box-shadow: 0 0 5px rgba(0,0,0,0.3)'\n },\n legend: {\n right: 20,\n orient: 'vertical',\n },\n xAxis: {\n type: 'category',\n data: ['2017-05-01', '2017-05-02', '2017-05-03', '2017-05-04', '2017-05-05', '2017-05-06','2017-05-07'],\n boundaryGap: false,\n splitLine: {\n show: true,\n interval: 'auto',\n lineStyle: {\n color: ['#D4DFF5']\n }\n },\n axisTick: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#609ee9'\n }\n },\n axisLabel: {\n margin: 10,\n textStyle: {\n fontSize: 10\n }\n }\n },\n yAxis: {\n type: 'value',\n splitLine: {\n lineStyle: {\n color: ['#D4DFF5']\n }\n },\n axisTick: {\n show: false\n },\n axisLine: {\n lineStyle: {\n color: '#609ee9'\n }\n },\n axisLabel: {\n margin: 0,\n textStyle: {\n fontSize: 8\n }\n }\n },\n series: [{\n name: '昨日',\n type: 'line',\n smooth: true,\n showSymbol: false,\n symbol: 'circle',\n symbolSize: 6,\n data: ['1200', '1400', '808', '811', '626', '488', '1600'],\n areaStyle: {\n normal: {\n color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n offset: 0,\n color: 'rgba(216, 244, 247,1)'\n }, {\n offset: 1,\n color: 'rgba(216, 244, 247,1)'\n }], false)\n }\n },\n itemStyle: {\n normal: {\n color: '#58c8da'\n }\n },\n lineStyle: {\n normal: {\n width: 3\n }\n }\n }]\n};\n\nconst EchartsViews = () => (\n \n);\n\nexport default EchartsViews;" }, { "path": "src/components/env/index.tsx", "content": "/*\n * File: index.tsx\n * Desc: 环境配置\n * File Created: 2020-08-02 23:00:28\n * Author: yezi\n * ------\n * Copyright 2020 - present, yezi\n */\nimport React from 'react';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { Row, Col, Card, Descriptions } from 'antd';\n\nconst getEnvs = () => Object.keys(process.env).filter((key) => /^REACT_ADMIN_/i.test(key));\nconst Env = () => {\n const envs = getEnvs();\n console.log(process.env);\n return (\n
\n \n \n \n \n \n {envs.map((env) => (\n \n {process.env[env]}\n \n ))}\n \n \n \n \n
\n );\n};\n\nexport default Env;\n" }, { "path": "src/components/extension/MultipleMenu.tsx", "content": "/*\n * File: MultipleMenu.tsx\n * Desc: 多级菜单组件\n * File Created: 2019-12-18 23:15:35\n * Author: chenghao\n * ------\n * Copyright 2019 - present, karakal\n */\nimport React from 'react';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { Row, Col, Card } from 'antd';\n\nconst MultipleMenu = () => {\n return (\n
\n \n \n \n \n
多级菜单的功能扩展
\n
菜单样式可能需要你来调整
\n \n \n \n
\n );\n};\n\nexport default MultipleMenu;\n" }, { "path": "src/components/extension/QueryParams.tsx", "content": "/*\n * File: QueryParams.js\n * Desc: query参数demo\n * File Created: 2018-11-25 23:18:09\n * Author: chenghao\n * Copyright 2018 - present, chenghao\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\ntype QueryParamsProps = {\n query: any;\n};\n\nclass QueryParams extends Component {\n render() {\n const { query } = this.props;\n return (\n
\n \n \n \n \n
参数1： {query.param1}
\n
参数2： {query.param2}
\n
\n 其他参数：{' '}\n {query.others || (\n \n 点击查看\n \n )}\n
\n \n \n \n
\n );\n }\n}\n\nexport default QueryParams;\n" }, { "path": "src/components/extension/Visitor.tsx", "content": "/*\n * File: Visitor.tsx\n * Desc: 访客\n * File Created: 2019-10-25 22:31:37\n * Author: chenghao\n * ------\n * Copyright 2019 - present, chenghao\n */\nimport React from 'react';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { Row, Col, Card } from 'antd';\n\nconst Visitor = () => {\n return (\n <>\n \n \n \n \n 访客模式的页面，你不需要登录即可访问的页面\n \n \n \n \n );\n};\n\nexport default Visitor;\n" }, { "path": "src/components/index.tsx", "content": "/**\n * 路由组件出口文件\n * yezi 2018年6月24日\n */\nimport Loadable from 'react-loadable';\nimport Loading from './widget/Loading';\nimport BasicTable from './tables/BasicTables';\nimport AdvancedTable from './tables/AdvancedTables';\nimport AsynchronousTable from './tables/AsynchronousTable';\nimport Echarts from './charts/Echarts';\nimport Recharts from './charts/Recharts';\nimport Icons from './ui/Icons';\nimport Buttons from './ui/Buttons';\nimport Spins from './ui/Spins';\nimport Modals from './ui/Modals';\nimport Notifications from './ui/Notifications';\nimport Tabs from './ui/Tabs';\nimport Banners from './ui/banners';\nimport Drags from './ui/Draggable';\nimport Dashboard from './dashboard/Dashboard';\nimport Gallery from './ui/Gallery';\nimport BasicAnimations from './animation/BasicAnimations';\nimport ExampleAnimations from './animation/ExampleAnimations';\nimport AuthBasic from './auth/Basic';\nimport RouterEnter from './auth/RouterEnter';\nimport Cssmodule from './cssmodule';\nimport MapUi from './ui/map';\nimport QueryParams from './extension/QueryParams';\nimport Visitor from './extension/Visitor';\nimport MultipleMenu from './extension/MultipleMenu';\nimport Sub1 from './smenu/Sub1';\nimport Sub2 from './smenu/Sub2';\nimport Env from './env';\n\nconst WysiwygBundle = Loadable({\n // 按需加载富文本配置\n loader: () => import('./ui/Wysiwyg'),\n loading: Loading,\n});\n\nexport default {\n BasicTable,\n AdvancedTable,\n AsynchronousTable,\n Echarts,\n Recharts,\n Icons,\n Buttons,\n Spins,\n Modals,\n Notifications,\n Tabs,\n Banners,\n Drags,\n Dashboard,\n Gallery,\n BasicAnimations,\n ExampleAnimations,\n AuthBasic,\n RouterEnter,\n WysiwygBundle,\n Cssmodule,\n MapUi,\n QueryParams,\n Visitor,\n MultipleMenu,\n Sub1,\n Sub2,\n Env,\n} as any;\n" }, { "path": "src/components/pages/Login.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React, { useEffect } from 'react';\nimport { Button, Form, Input } from 'antd';\nimport { PwaInstaller } from '../widget';\nimport { useAlita } from 'redux-alita';\nimport { RouteComponentProps } from 'react-router';\nimport { FormProps } from 'antd/lib/form';\nimport umbrella from 'umbrella-storage';\nimport { GithubOutlined, LockOutlined, UserOutlined } from '@ant-design/icons';\nimport { useUpdateEffect } from 'ahooks';\n\nconst FormItem = Form.Item;\ntype LoginProps = {\n setAlitaState: (param: any) => void;\n auth: any;\n} & RouteComponentProps &\n FormProps;\n\nconst Login = (props: LoginProps) => {\n const { history } = props;\n const [auth, setAlita] = useAlita({ auth: {} }, { light: true });\n\n useEffect(() => {\n setAlita('auth', null);\n }, [setAlita]);\n\n useUpdateEffect(() => {\n if (auth && auth.uid) {\n // 判断是否登陆\n umbrella.setLocalStorage('user', auth);\n history.push('/');\n }\n }, [history, auth]);\n\n const handleSubmit = (values: any) => {\n if (checkUser(values)) {\n setAlita({ funcName: values.userName, stateName: 'auth' });\n }\n };\n const checkUser = (values: any) => {\n const users = [\n ['admin', 'admin'],\n ['guest', 'guest'],\n ];\n return users.some((user) => user[0] === values.userName && user[1] === values.password);\n };\n const gitHub = () => {\n window.location.href =\n 'https://github.com/login/oauth/authorize?client_id=792cdcd244e98dcd2dee&redirect_uri=http://localhost:3006/&scope=user&state=reactAdmin';\n };\n\n return (\n
\n
\n
\n React Admin\n \n
\n
\n \n }\n placeholder=\"管理员输入admin, 游客输入guest\"\n />\n \n \n }\n type=\"password\"\n placeholder=\"管理员输入admin, 游客输入guest\"\n />\n \n \n \n 忘记密码\n \n \n 登录\n \n

\n 或 现在就去注册!\n \n \n (第三方登录)\n \n

\n \n \n
\n
\n );\n};\n\nexport default Login;\n" }, { "path": "src/components/pages/NotFound.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/7.\n */\nimport React from 'react';\nimport img from '../../style/imgs/404.png';\n\nclass NotFound extends React.Component {\n state = {\n animated: '',\n };\n enter = () => {\n this.setState({ animated: 'hinge' });\n };\n render() {\n return (\n \n \n \n );\n }\n}\n\nexport default NotFound;\n" }, { "path": "src/components/smenu/Sub1.tsx", "content": "/*\n * File: Sub1.tsx\n * Desc: 异步子菜单\n * File Created: 2020-01-21 11:31:15\n * Author: chenghao at <865470087@qq.com>\n * ------\n * Copyright 2020 - present, chenghao\n */\nimport React from 'react';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { Row, Col, Card } from 'antd';\n\nconst SmenuSub1 = () => {\n return (\n
\n \n \n \n \n
异步子菜单1
\n \n \n \n
\n );\n};\n\nexport default SmenuSub1;\n" }, { "path": "src/components/smenu/Sub2.tsx", "content": "/*\n * File: Sub2.tsx\n * Desc: 异步子菜单\n * File Created: 2020-01-21 11:31:15\n * Author: chenghao at <865470087@qq.com>\n * ------\n * Copyright 2020 - present, chenghao\n */\nimport React from 'react';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { Row, Col, Card } from 'antd';\n\nconst SmenuSub2 = () => {\n return (\n
\n \n \n \n \n
异步子菜单2
\n \n \n \n
\n );\n};\n\nexport default SmenuSub2;\n" }, { "path": "src/components/tables/AdvancedTables.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport FixedTable from './FixedTable';\nimport ExpandedTable from './ExpandedTable';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\nclass AdvancedTables extends React.Component {\n render() {\n return (\n
\n \n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n {/* \n
\n \n \n \n
\n */}\n \n
\n );\n }\n}\n\nexport default AdvancedTables;\n" }, { "path": "src/components/tables/AsynchronousTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React from 'react';\nimport { Table, Button, Row, Col, Card } from 'antd';\nimport { getBbcNews } from '../../service';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\nconst columns = [\n {\n title: '新闻标题',\n dataIndex: 'title',\n width: 100,\n render: (text: any, record: any) => (\n \n {text}\n \n ),\n },\n {\n title: '作者',\n dataIndex: 'author',\n width: 80,\n },\n {\n title: '发布时间',\n dataIndex: 'publishedAt',\n width: 80,\n },\n {\n title: '描述',\n dataIndex: 'description',\n width: 200,\n },\n];\n\nclass AsynchronousTable extends React.Component {\n state = {\n selectedRowKeys: [], // Check here to configure the default column\n loading: false,\n data: [],\n };\n componentDidMount() {\n this.start();\n }\n start = () => {\n this.setState({ loading: true });\n getBbcNews().then(({ articles }: { articles: any }) => {\n this.setState({\n data: articles,\n loading: false,\n });\n });\n };\n onSelectChange = (selectedRowKeys: string[]) => {\n console.log('selectedRowKeys changed: ', selectedRowKeys);\n this.setState({ selectedRowKeys });\n };\n render() {\n const { loading, selectedRowKeys } = this.state;\n const rowSelection = {\n selectedRowKeys,\n onChange: this.onSelectChange,\n };\n const hasSelected = selectedRowKeys.length > 0;\n return (\n
\n \n \n \n
\n \n
\n \n Reload\n \n \n {hasSelected\n ? `Selected ${selectedRowKeys.length} items`\n : ''}\n \n
\n \n \n
\n \n \n
\n );\n }\n}\n\nexport default AsynchronousTable;\n" }, { "path": "src/components/tables/BasicTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/15.\n */\nimport React from 'react';\nimport { Table, Button } from 'antd';\nimport { DownOutlined } from '@ant-design/icons';\n\nconst columns = [\n {\n title: 'Name',\n dataIndex: 'name',\n key: 'name',\n render: (text: any) => {text},\n },\n {\n title: 'Age',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: 'Address',\n dataIndex: 'address',\n key: 'address',\n },\n {\n title: 'Action',\n key: 'action',\n render: (text: any, record: any) => (\n \n \n \n \n \n \n \n ),\n },\n];\n\nconst data = [\n {\n key: '1',\n name: 'John Brown',\n age: 32,\n address: 'New York No. 1 Lake Park',\n },\n {\n key: '2',\n name: 'Jim Green',\n age: 42,\n address: 'London No. 1 Lake Park',\n },\n {\n key: '3',\n name: 'Joe Black',\n age: 32,\n address: 'Sidney No. 1 Lake Park',\n },\n];\n\nconst BasicTable = () => ;\n\nexport default BasicTable;\n" }, { "path": "src/components/tables/BasicTables.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/15.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BasicTable from './BasicTable';\nimport SelectTable from './SelectTable';\nimport SortTable from './SortTable';\nimport SearchTable from './SearchTable';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\nconst BasicTables = () => (\n
\n \n \n
\n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n);\n\nexport default BasicTables;\n" }, { "path": "src/components/tables/ExpandedTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React from 'react';\nimport { Table, Button } from 'antd';\n\nconst columns = [\n { title: 'Name', dataIndex: 'name', key: 'name' },\n { title: 'Age', dataIndex: 'age', key: 'age' },\n { title: 'Address', dataIndex: 'address', key: 'address' },\n { title: 'Action', dataIndex: '', key: 'x', render: () => },\n];\n\nconst data = [\n { key: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.' },\n { key: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park', description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.' },\n { key: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.' },\n];\n\nconst ExpandedTable = () => (\n

{record.description}

}\n dataSource={data}\n />\n);\n\nexport default ExpandedTable;" }, { "path": "src/components/tables/FixedTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React from 'react';\nimport { Table } from 'antd';\nimport { ColumnProps } from 'antd/lib/table';\n\nconst columns: ColumnProps[] = [\n { title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left' },\n { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n { title: 'Column 1', dataIndex: 'address', key: '1' },\n { title: 'Column 2', dataIndex: 'address', key: '2' },\n { title: 'Column 3', dataIndex: 'address', key: '3' },\n { title: 'Column 4', dataIndex: 'address', key: '4' },\n { title: 'Column 5', dataIndex: 'address', key: '5' },\n { title: 'Column 6', dataIndex: 'address', key: '6' },\n { title: 'Column 7', dataIndex: 'address', key: '7' },\n { title: 'Column 8', dataIndex: 'address', key: '8' },\n {\n title: 'Action',\n key: 'operation',\n fixed: 'right',\n width: 100,\n render: () => action,\n },\n];\n\nconst data = [\n {\n key: '1',\n name: 'John Brown',\n age: 32,\n address: 'New York Park',\n },\n {\n key: '2',\n name: 'Jim Green',\n age: 40,\n address: 'London Park',\n },\n];\n\nconst FixedTable = () =>
;\n\nexport default FixedTable;\n" }, { "path": "src/components/tables/SearchTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport React from 'react';\nimport { Table, Input, Button } from 'antd';\nimport { SmileOutlined } from '@ant-design/icons';\n\nconst data = [\n {\n key: '1',\n name: 'John Brown',\n age: 32,\n address: 'New York No. 1 Lake Park',\n },\n {\n key: '2',\n name: 'Joe Black',\n age: 42,\n address: 'London No. 1 Lake Park',\n },\n {\n key: '3',\n name: 'Jim Green',\n age: 32,\n address: 'Sidney No. 1 Lake Park',\n },\n {\n key: '4',\n name: 'Jim Red',\n age: 32,\n address: 'London No. 2 Lake Park',\n },\n];\n\nclass SearchTable extends React.Component {\n state = {\n filterDropdownVisible: false,\n data,\n searchText: '',\n filtered: false,\n };\n searchInput: any;\n onInputChange = (e: any) => {\n this.setState({ searchText: e.target.value });\n };\n onSearch = () => {\n const { searchText } = this.state;\n const reg = new RegExp(searchText, 'gi');\n this.setState({\n filterDropdownVisible: false,\n filtered: !!searchText,\n data: data\n .map((record) => {\n const match = record.name.match(reg);\n if (!match) {\n return null;\n }\n return {\n ...record,\n name: (\n \n {record.name\n .split(reg)\n .map((text, i) =>\n i > 0\n ? [{match[0]}, text]\n : text\n )}\n \n ),\n };\n })\n .filter((record) => !!record),\n });\n };\n render() {\n const columns = [\n {\n title: 'Name',\n dataIndex: 'name',\n key: 'name',\n filterDropdown: (\n
\n (this.searchInput = ele)}\n placeholder=\"Search name\"\n value={this.state.searchText}\n onChange={this.onInputChange}\n onPressEnter={this.onSearch}\n />\n \n
\n ),\n filterIcon: (\n \n ),\n filterDropdownVisible: this.state.filterDropdownVisible,\n onFilterDropdownVisibleChange: (visible: boolean) =>\n this.setState({ filterDropdownVisible: visible }, () =>\n this.searchInput.focus()\n ),\n },\n {\n title: 'Age',\n dataIndex: 'age',\n key: 'age',\n },\n {\n title: 'Address',\n dataIndex: 'address',\n key: 'address',\n filters: [\n {\n text: 'London',\n value: 'London',\n },\n {\n text: 'New York',\n value: 'New York',\n },\n ],\n onFilter: (value: any, record: any) => record.address.indexOf(value) === 0,\n },\n ];\n return (\n
\n
\n \n \n );\n }\n}\n\nexport default SearchTable;\n" }, { "path": "src/components/tables/SelectTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/15.\n */\nimport React from 'react';\nimport { Table } from 'antd';\n// import { TableRowSelection } from 'antd/lib/table';\n\nconst columns = [\n {\n title: 'Name',\n dataIndex: 'name',\n },\n {\n title: 'Age',\n dataIndex: 'age',\n },\n {\n title: 'Address',\n dataIndex: 'address',\n },\n];\n\nconst data: any[] = [];\nfor (let i = 0; i < 46; i++) {\n data.push({\n key: i,\n name: `Edward King ${i}`,\n age: 32,\n address: `London, Park Lane no. ${i}`,\n });\n}\n\nclass SelectTable extends React.Component {\n state = {\n selectedRowKeys: [], // Check here to configure the default column\n };\n onSelectChange = (selectedRowKeys: string[] | number[]) => {\n console.log('selectedRowKeys changed: ', selectedRowKeys);\n this.setState({ selectedRowKeys });\n };\n render() {\n const { selectedRowKeys } = this.state;\n const rowSelection: any = {\n selectedRowKeys,\n onChange: this.onSelectChange,\n selections: [\n {\n key: 'odd',\n text: '选择奇数列',\n onSelect: (changableRowKeys: string[]) => {\n let newSelectedRowKeys = [];\n newSelectedRowKeys = changableRowKeys.filter((key, index) => {\n if (index % 2 !== 0) {\n return false;\n }\n return true;\n });\n this.setState({ selectedRowKeys: newSelectedRowKeys });\n },\n },\n {\n key: 'even',\n text: '选择偶数列',\n onSelect: (changableRowKeys: string[]) => {\n let newSelectedRowKeys = [];\n newSelectedRowKeys = changableRowKeys.filter((key, index) => {\n if (index % 2 !== 0) {\n return true;\n }\n return false;\n });\n this.setState({ selectedRowKeys: newSelectedRowKeys });\n },\n },\n ],\n // onSelection: this.onSelection,\n };\n return
;\n }\n}\n\nexport default SelectTable;\n" }, { "path": "src/components/tables/SortTable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/15.\n */\nimport React from 'react';\nimport { Table, Button } from 'antd';\n\nconst data = [\n {\n key: '1',\n name: 'John Brown',\n age: 32,\n address: 'New York No. 1 Lake Park',\n },\n {\n key: '2',\n name: 'Jim Green',\n age: 42,\n address: 'London No. 1 Lake Park',\n },\n {\n key: '3',\n name: 'Joe Black',\n age: 32,\n address: 'Sidney No. 1 Lake Park',\n },\n {\n key: '4',\n name: 'Jim Red',\n age: 32,\n address: 'London No. 2 Lake Park',\n },\n];\n\ntype SortTableState = {\n filteredInfo: any;\n sortedInfo: any;\n};\nclass SortTable extends React.Component {\n constructor(props: any) {\n super(props);\n this.state = {\n filteredInfo: {},\n sortedInfo: {},\n };\n }\n handleChange = (pagination: any, filters: any, sorter: any) => {\n console.log('Various parameters', pagination, filters, sorter);\n this.setState({\n filteredInfo: filters,\n sortedInfo: sorter,\n });\n };\n clearFilters = () => {\n this.setState({ filteredInfo: null });\n };\n clearAll = () => {\n this.setState({\n filteredInfo: null,\n sortedInfo: null,\n });\n };\n setAgeSort = () => {\n this.setState({\n sortedInfo: {\n order: 'descend',\n columnKey: 'age',\n },\n });\n };\n render() {\n let { sortedInfo, filteredInfo } = this.state;\n const columns = [\n {\n title: 'Name',\n dataIndex: 'name',\n key: 'name',\n filters: [{ text: 'Joe', value: 'Joe' }, { text: 'Jim', value: 'Jim' }],\n filteredValue: filteredInfo.name || null,\n onFilter: (value: any, record: any) => record.name.includes(value),\n sorter: (a: any, b: any) => a.name.length - b.name.length,\n sortOrder: sortedInfo.columnKey === 'name' && sortedInfo.order,\n },\n {\n title: 'Age',\n dataIndex: 'age',\n key: 'age',\n sorter: (a: any, b: any) => a.age - b.age,\n sortOrder: sortedInfo.columnKey === 'age' && sortedInfo.order,\n },\n {\n title: 'Address',\n dataIndex: 'address',\n key: 'address',\n filters: [\n { text: 'London', value: 'London' },\n { text: 'New York', value: 'New York' },\n ],\n filteredValue: filteredInfo.address || null,\n onFilter: (value: any, record: any) => record.address.includes(value),\n sorter: (a: any, b: any) => a.address.length - b.address.length,\n sortOrder: sortedInfo.columnKey === 'address' && sortedInfo.order,\n },\n ];\n return (\n
\n
\n \n \n \n
\n
\n \n );\n }\n}\n\nexport default SortTable;\n" }, { "path": "src/components/ui/Buttons.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/23.\n */\nimport React from 'react';\nimport { Row, Col, Card, Button, Radio, Menu, Dropdown } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { RadioChangeEvent } from 'antd/lib/radio';\nimport { ButtonSize } from 'antd/lib/button';\nimport { DownOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons';\n\ntype ButtonsState = {\n size: ButtonSize;\n loading: boolean;\n iconLoading: boolean;\n};\nclass Buttons extends React.Component {\n constructor(props: any) {\n super(props);\n this.state = {\n size: 'middle',\n loading: false,\n iconLoading: false,\n };\n }\n\n handleSizeChange = (e: RadioChangeEvent) => {\n this.setState({ size: e.target.value });\n };\n handleMenuClick = (e: any) => {\n console.log('click', e);\n };\n enterLoading = () => {\n this.setState({ loading: true });\n };\n enterIconLoading = () => {\n this.setState({ iconLoading: true });\n };\n render() {\n const size = this.state.size;\n const menu = (\n \n 1st item\n 2nd item\n 3rd item\n \n );\n return (\n
\n \n \n
\n
\n \n \n \n \n \n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n Large\n Middle\n Small\n \n
\n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n
\n \n Click me!\n \n \n Click me!\n \n
\n
\n \n \n \n \n );\n }\n}\n\nexport default Buttons;\n" }, { "path": "src/components/ui/Draggable.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/28.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport Draggable from 'react-draggable';\n\nclass Drags extends React.Component {\n state = {\n activeDrags: 0,\n deltaPosition: {\n x: 0,\n y: 0,\n },\n controlledPosition: {\n x: -400,\n y: 200,\n },\n };\n onStart = () => {\n let { activeDrags } = this.state;\n this.setState({ activeDrags: ++activeDrags });\n };\n onStop = () => {\n let { activeDrags } = this.state;\n this.setState({ activeDrags: --activeDrags });\n };\n handleDrag = (e: any, ui: any) => {\n const { x, y } = this.state.deltaPosition;\n this.setState({\n deltaPosition: {\n x: x + ui.deltaX,\n y: y + ui.deltaY,\n },\n });\n };\n render() {\n const dragHandlers = { onStart: this.onStart, onStop: this.onStop };\n const { deltaPosition } = this.state;\n return (\n
\n \n \n
\n
\n \n \n I can be dragged anywhere\n \n \n
\n \n \n
\n \n \n I can only be dragged horizonally (x axis)\n \n \n
\n \n \n
\n \n \n I can only be dragged vertically (y axis)\n \n \n
\n \n \n
\n \n \n
I track my deltas
\n
\n x: {deltaPosition.x.toFixed(0)}, y:{' '}\n {deltaPosition.y.toFixed(0)}\n
\n \n \n
\n \n \n
\n \n \n \n
Drag here
\n \n
You must click my handle to drag me
\n \n \n
\n \n \n
\n \n \n \n
Can't drag here
\n \n
Dragging here works
\n \n \n
\n \n \n
\n \n \n
I can only be moved 100px in any direction.
\n \n \n
\n \n \n \n \n );\n }\n}\n\nexport default Drags;\n" }, { "path": "src/components/ui/Gallery.tsx", "content": "/**\n * Created by hao.cheng on 2017/5/6.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport PhotoSwipe from 'photoswipe';\nimport PhotoswipeUIDefault from 'photoswipe/dist/photoswipe-ui-default';\nimport 'photoswipe/dist/photoswipe.css';\nimport 'photoswipe/dist/default-skin/default-skin.css';\n\nclass Gallery extends React.Component {\n state = {\n gallery: null,\n };\n componentDidMount() {}\n componentWillUnmount = () => {\n this.closeGallery();\n };\n pswpElement: any;\n gallery: any;\n openGallery = (item: any) => {\n const items = [\n {\n src: item,\n w: 0,\n h: 0,\n },\n ];\n const pswpElement = this.pswpElement;\n const options = { index: 0 };\n this.gallery = new PhotoSwipe(pswpElement, PhotoswipeUIDefault, items, options);\n this.gallery.listen('gettingData', (index: number, item: any) => {\n const _this = this;\n if (item.w < 1 || item.h < 1) {\n // unknown size\n var img = new Image();\n img.onload = function () {\n // will get size after load\n item.w = (this as any).width; // set image width\n item.h = (this as any).height; // set image height\n _this.gallery.invalidateCurrItems(); // reinit Items\n _this.gallery.updateSize(true); // reinit Items\n };\n img.src = item.src; // let's download image\n }\n });\n this.gallery.init();\n };\n closeGallery = () => {\n if (!this.gallery) return;\n this.gallery.close();\n };\n render() {\n const imgs = [\n [\n 'http://img.hb.aicdn.com/1cad414972c5db2b8c1942289e3aeef37175006a8bb16-CBtjtX_fw',\n 'http://img.hb.aicdn.com/016f2e13934397e17c3482a4529f3da1149d37fd2a99c-RVM1Gi_fw',\n 'http://img.hb.aicdn.com/8c5d5f2bf6427d1b5ed8657a7ae0c9938d3465e367899-AJ0zVA_fw',\n 'http://img.hb.aicdn.com/bd71ccac0b16bbcade255a1a8a63504d71c7dee9a8652-zBCN9d_fw',\n 'http://img.hb.aicdn.com/37a40cb04345463858d45418ae6ed9ef319e30dc37a45-o4pQ0j_fw',\n ],\n [\n 'http://img.hb.aicdn.com/5fad6c3a14a9b80c4448835bb6b23ab895d18e234eff3-BPGmox_fw',\n 'http://img.hb.aicdn.com/a1a19de5dac212a646ba6967ef565786399fb1665bd04-EEvwzR_fw',\n 'http://img.hb.aicdn.com/06595f8044e881de3a82d691768bc8c21a2a9f3633d60-XKjC2s_fw',\n 'http://img.hb.aicdn.com/880787b36d45efbe05aa409c867db29a3028e02da7f9b-qxGib9_fw',\n 'http://img.hb.aicdn.com/4964b97f6f6eb61a20922b40842adf0169c44e491c4b60-azX1S7_fw',\n ],\n [\n 'http://img.hb.aicdn.com/ff97d00944edfc706c62dd5c0e955c4099a37b407534f-BcUqf0_fw',\n 'http://img.hb.aicdn.com/0e22be22b08c6f78b94283b6cfa890093ac3cae8401e7-b1ftfi_fw',\n 'http://img.hb.aicdn.com/879f870e15f7cc0847c8ae19a5fcbe974d5904bb181d7-RGmtNU_fw',\n 'http://img.hb.aicdn.com/b4a8e62958555a97dc3de9ccb03284bf556c042925522-x50qGv_fw',\n 'http://img.hb.aicdn.com/1ef493a15674e9fd523b248ea4ec43d2ea9ce6952ff3e-WavWKc_fw',\n ],\n [\n 'http://img.hb.aicdn.com/8e16efec78ac4a3684fc8999d18e3661af40fd4510a25-DDvQON_fw',\n 'http://img.hb.aicdn.com/61dfa024c8040e6a5bcb03d42928fbcb0c87c1a54e731-yc4lvV_fw',\n 'http://img.hb.aicdn.com/6783b4d7811ad7fb87b1446c5488b91179f7608118289-hpEyP3_fw',\n 'http://img.hb.aicdn.com/7be61ba6bdb20a73be63edc387b16eec72d0bbb51c7ef-XafA07_fw',\n 'http://img.hb.aicdn.com/bd3ba3f907fe098b911947e0020615b50fc340ed2df72-WsuHuM_fw',\n ],\n [\n 'http://img.hb.aicdn.com/71471aaac95eade66400a390863b37c76d9addcd14982-0H6sak_fw',\n 'http://img.hb.aicdn.com/cb16c68c4d3b7a08b5e91cd351f6b723634ca3fc27d4d-m1JD8z_fw',\n 'http://img.hb.aicdn.com/e3559b6e8d7237857382050e5659a64cc0b7d696a2869-stcRXA_fw',\n 'http://img.hb.aicdn.com/4ea229436fcf2077502953907a6afb16d3c5cd611b8e2-0dVIeH_fw',\n 'http://img.hb.aicdn.com/98c786f4314736f95a42bf927bf65a82d305a532c6258-njI6id_fw',\n ],\n ];\n const imgsTag = imgs.map((v1) =>\n v1.map((v2) => (\n
\n \n
\n this.openGallery(v2)}\n alt=\"example\"\n width=\"100%\"\n src={v2}\n />\n
\n
\n

React Admin

\n \n \n https://yezihaohao.github.io/\n \n \n
\n \n
\n ))\n );\n return (\n
\n \n \n
\n {imgsTag[0]}\n \n \n {imgsTag[1]}\n \n \n {imgsTag[2]}\n \n \n {imgsTag[3]}\n \n \n {imgsTag[4]}\n \n \n {\n this.pswpElement = div;\n }}\n >\n
\n\n
\n
\n
\n
\n
\n
\n\n
\n
\n
\n\n \n\n \n\n \n\n \n\n
\n
\n
\n
\n
\n
\n
\n
\n\n
\n
\n
\n\n \n\n \n\n
\n
\n
\n
\n
\n
\n \n
\n );\n }\n}\n\nexport default Gallery;\n" }, { "path": "src/components/ui/Icons.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/22.\n */\nimport React from 'react';\nimport Emoji from './emoji';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\n\nconst emojiList = () => {\n let _elements = [];\n for (let i = 1; i < 30; i++) {\n _elements.push(\n
  • \n \n {'emoji-' + i}\n
    • \n );\n }\n return _elements;\n};\n\nconst icons = {\n direction: [\n 'step-backward',\n 'step-forward',\n 'fast-backward',\n 'fast-forward',\n 'shrink',\n 'arrows-alt',\n 'down',\n 'up',\n 'left',\n 'right',\n 'caret-up',\n 'caret-down',\n 'caret-left',\n 'caret-right',\n 'up-circle',\n 'down-circle',\n 'left-circle',\n 'right-circle',\n 'up-circle-o',\n 'down-circle-o',\n 'right-circle-o',\n 'left-circle-o',\n 'double-right',\n 'double-left',\n 'verticle-left',\n 'verticle-right',\n 'forward',\n 'backward',\n 'rollback',\n 'enter',\n 'retweet',\n 'swap',\n 'swap-left',\n 'swap-right',\n 'arrow-up',\n 'arrow-down',\n 'arrow-left',\n 'arrow-right',\n 'play-circle',\n 'play-circle-o',\n 'up-square',\n 'down-square',\n 'left-square',\n 'right-square',\n 'up-square-o',\n 'down-square-o',\n 'left-square-o',\n 'right-square-o',\n 'login',\n 'logout',\n 'menu-fold',\n 'menu-unfold',\n ],\n suggestion: [\n 'question',\n 'question-circle-o',\n 'question-circle',\n 'plus',\n 'plus-circle-o',\n 'plus-circle',\n 'pause',\n 'pause-circle-o',\n 'pause-circle',\n 'minus',\n 'minus-circle-o',\n 'minus-circle',\n 'plus-square',\n 'plus-square-o',\n 'minus-square',\n 'minus-square-o',\n 'info',\n 'info-circle-o',\n 'info-circle',\n 'exclamation',\n 'exclamation-circle-o',\n 'exclamation-circle',\n 'close',\n 'close-circle',\n 'close-circle-o',\n 'close-square',\n 'close-square-o',\n 'check',\n 'check-circle',\n 'check-circle-o',\n 'check-square',\n 'check-square-o',\n 'clock-circle-o',\n 'clock-circle',\n ],\n logo: [\n 'android',\n 'android-o',\n 'apple',\n 'apple-o',\n 'windows',\n 'windows-o',\n 'ie',\n 'chrome',\n 'github',\n 'aliwangwang',\n 'aliwangwang-o',\n 'dingding',\n 'dingding-o',\n ],\n other: [\n 'lock',\n 'unlock',\n 'area-chart',\n 'pie-chart',\n 'bar-chart',\n 'dot-chart',\n 'bars',\n 'book',\n 'calendar',\n 'cloud',\n 'cloud-download',\n 'code',\n 'code-o',\n 'copy',\n 'credit-card',\n 'delete',\n 'desktop',\n 'download',\n 'edit',\n 'ellipsis',\n 'file',\n 'file-text',\n 'file-unknown',\n 'file-pdf',\n 'file-excel',\n 'file-jpg',\n 'file-ppt',\n 'file-add',\n 'folder',\n 'folder-open',\n 'folder-add',\n 'hdd',\n 'frown',\n 'frown-o',\n 'meh',\n 'meh-o',\n 'smile',\n 'smile-o',\n 'inbox',\n 'laptop',\n 'appstore-o',\n 'appstore',\n 'line-chart',\n 'link',\n 'mail',\n 'mobile',\n 'notification',\n 'paper-clip',\n 'picture',\n 'poweroff',\n 'reload',\n 'search',\n 'setting',\n 'share-alt',\n 'shopping-cart',\n 'tablet',\n 'tag',\n 'tag-o',\n 'tags',\n 'tags-o',\n 'to-top',\n 'upload',\n 'user',\n 'video-camera',\n 'home',\n 'loading',\n 'loading-3-quarters',\n 'cloud-upload-o',\n 'cloud-download-o',\n 'cloud-upload',\n 'cloud-o',\n 'star-o',\n 'star',\n 'heart-o',\n 'heart',\n 'environment',\n 'environment-o',\n 'eye',\n 'eye-o',\n 'camera',\n 'camera-o',\n 'save',\n 'team',\n 'solution',\n 'phone',\n 'filter',\n 'exception',\n 'export',\n 'customer-service',\n 'qrcode',\n 'scan',\n 'like',\n 'like-o',\n 'dislike',\n 'dislike-o',\n 'message',\n 'pay-circle',\n 'pay-circle-o',\n 'calculator',\n 'pushpin',\n 'pushpin-o',\n 'bulb',\n 'select',\n 'switcher',\n 'rocket',\n 'bell',\n 'disconnect',\n 'database',\n 'compass',\n 'barcode',\n 'hourglass',\n 'key',\n 'flag',\n 'layout',\n 'printer',\n 'sound',\n 'usb',\n 'skin',\n 'tool',\n 'sync',\n 'wifi',\n 'car',\n 'schedule',\n 'user-add',\n 'user-delete',\n 'usergroup-add',\n 'usergroup-delete',\n 'man',\n 'woman',\n 'shop',\n 'gift',\n 'idcard',\n 'medicine-box',\n 'red-envelope',\n 'coffee',\n 'copyright',\n 'trademark',\n 'safety',\n 'wallet',\n 'bank',\n 'trophy',\n 'contacts',\n 'global',\n 'shake',\n 'api',\n ],\n};\nconst iconsList = Object.keys(icons).map((v) =>\n (icons as any)[v].map((icon: any, i: number) => (\n
  • \n {/* */}\n {icon}\n
    • \n ))\n);\n\nconst Icons = () => (\n
    \n \n \n
    \n
    \n \n
      {emojiList()}
    \n     \n
    \n \n \n \n \n
    \n \n
      {iconsList}
    \n     \n
    \n \n \n \n);\n\nexport default Icons;\n" }, { "path": "src/components/ui/Modals.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/23.\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card, Modal, Button } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nconst confirm = Modal.confirm;\n\nclass S extends Component {\n state = {\n visible: false,\n ModalText2: 'Content of the modal dialog',\n visible2: false,\n loading3: false,\n visible3: false,\n modal1Visible: false,\n modal2Visible: false,\n confirmLoading2: false,\n };\n showModal = () => {\n this.setState({\n visible: true,\n });\n };\n handleOk = (e: React.MouseEvent) => {\n console.log(e);\n this.setState({\n visible: false,\n });\n };\n handleCancel = (e: React.MouseEvent) => {\n console.log(e);\n this.setState({\n visible: false,\n });\n };\n showModal2 = () => {\n this.setState({\n visible2: true,\n });\n };\n handleOk2 = () => {\n this.setState({\n ModalText2: 'The modal dialog will be closed after two seconds',\n confirmLoading2: true,\n });\n setTimeout(() => {\n this.setState({\n visible2: false,\n confirmLoading2: false,\n });\n }, 2000);\n };\n setModal1Visible = (modal1Visible: boolean) => {\n this.setState({ modal1Visible });\n };\n setModal2Visible = (modal2Visible: boolean) => {\n this.setState({ modal2Visible });\n };\n handleCancel2 = () => {\n console.log('Clicked cancel button');\n this.setState({\n visible2: false,\n });\n };\n showModal3 = () => {\n this.setState({\n visible3: true,\n });\n };\n handleOk3 = () => {\n this.setState({ loading3: true });\n setTimeout(() => {\n this.setState({ loading3: false, visible3: false });\n }, 3000);\n };\n handleCancel3 = () => {\n this.setState({ visible3: false });\n };\n showConfirm4 = () => {\n confirm({\n title: 'Want to delete these items?',\n content: 'some descriptions',\n onOk() {\n console.log('OK');\n },\n onCancel() {\n console.log('Cancel');\n },\n });\n };\n info = () => {\n Modal.info({\n title: 'This is a notification message',\n content: (\n
    \n

    some messages...some messages...

    \n

    some messages...some messages...

    \n
    \n ),\n onOk() {},\n });\n };\n success = () => {\n Modal.success({\n title: 'This is a success message',\n content: 'some messages...some messages...',\n });\n };\n error = () => {\n Modal.error({\n title: 'This is an error message',\n content: 'some messages...some messages...',\n });\n };\n warning = () => {\n Modal.warning({\n title: 'This is a warning message',\n content: 'some messages...some messages...',\n });\n };\n render() {\n return (\n
    \n \n \n
    \n
    \n \n

    \n \n \n

    some contents...

    \n

    some contents...

    \n

    some contents...

    \n \n

    \n

    \n \n \n

    {this.state.ModalText2}

    \n \n

    \n

    \n \n \n Return\n ,\n \n Submit\n ,\n ]}\n >\n

    Some contents...

    \n

    Some contents...

    \n

    Some contents...

    \n

    Some contents...

    \n

    Some contents...

    \n \n

    \n

    \n \n

    \n

    \n \n \n \n \n

    \n

    \n this.setModal1Visible(true)}\n >\n 距离顶部20px\n \n this.setModal1Visible(false)}\n onCancel={() => this.setModal1Visible(false)}\n >\n

    some contents...

    \n

    some contents...

    \n

    some contents...

    \n \n
    \n
    \n this.setModal2Visible(true)}\n >\n 垂直居中\n \n this.setModal2Visible(false)}\n onCancel={() => this.setModal2Visible(false)}\n >\n

    some contents...

    \n

    some contents...

    \n

    some contents...

    \n \n

    \n     \n
    \n \n \n \n );\n }\n}\n\nexport default S;\n" }, { "path": "src/components/ui/Notifications.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/25.\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card, Button, notification, Select } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { IconType, ConfigProps } from 'antd/lib/notification';\nimport { SmileOutlined } from '@ant-design/icons';\nconst { Option } = Select;\nconst options = ['topLeft', 'topRight', 'bottomLeft', 'bottomRight'];\nclass Notifications extends Component {\n openNotification = () => {\n notification.open({\n message: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n });\n };\n openNotification2 = () => {\n const args = {\n message: 'Notification Title',\n description:\n 'I will never close automatically. I will be close automatically. I will never close automatically.',\n duration: 0,\n };\n notification.open(args);\n };\n openNotificationWithIcon = (type: IconType) => {\n notification[type]({\n message: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n });\n };\n openNotification3 = () => {\n const key = `open${Date.now()}`;\n const btnClick = function () {\n // to hide notification box\n notification.close(key);\n };\n const btn = (\n \n );\n notification.open({\n message: 'Notification Title',\n description:\n 'A function will be be called after the notification is closed (automatically after the \"duration\" time of manually).',\n btn,\n key,\n onClose: this.close,\n });\n };\n close = () => {\n console.log(\n 'Notification was closed. Either the close button was clicked or duration time elapsed.'\n );\n };\n openNotification4 = () => {\n notification.open({\n message: 'Notification Title',\n description:\n 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n icon: ,\n });\n };\n\n render() {\n return (\n
    \n \n \n
    \n
    \n \n \n \n
    \n
    \n \n \n \n
    \n \n \n
    \n \n this.openNotificationWithIcon('success')}\n >\n 成功\n \n this.openNotificationWithIcon('info')}\n >\n 提醒\n \n this.openNotificationWithIcon('warning')}\n >\n 警告\n \n this.openNotificationWithIcon('error')}\n >\n 失败\n \n \n
    \n
    \n \n \n \n
    \n \n \n
    \n \n \n \n
    \n \n \n
    \n \n {\n notification.config({\n placement: val,\n });\n }}\n >\n {options.map((val) => (\n \n ))}\n \n \n \n
    \n \n \n \n );\n }\n}\n\nexport default Notifications;\n" }, { "path": "src/components/ui/Spins.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/23.\n */\nimport React from 'react';\nimport { Row, Col, Card, Spin, Alert, Switch, Button } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport NProgress from 'nprogress';\nimport 'nprogress/nprogress.css';\n\nclass Spins extends React.Component {\n state = { loading: false };\n toggle = (value: boolean) => {\n this.setState({ loading: value });\n };\n nprogressStart = () => {\n NProgress.start();\n };\n nprogressDone = () => {\n NProgress.done();\n };\n render() {\n const container = (\n \n );\n return (\n
    \n \n \n
    \n
    \n \n \n \n
    \n \n \n
    \n \n \n \n \n \n
    \n \n \n \n \n
    \n \n \n \n \n \n
    \n \n\n \n
    \n \n {container}\n Loading state：\n \n \n
    \n \n \n
    \n \n

    顶部进度条

    \n

    \n

    \n \n \n \n );\n }\n}\n\nexport default Spins;\n" }, { "path": "src/components/ui/Tabs.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/25.\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card, Tabs, Radio, Button } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { RadioChangeEvent } from 'antd/lib/radio';\nimport { TabsPosition } from 'antd/lib/tabs';\nimport { AndroidOutlined, AppleOutlined } from '@ant-design/icons';\nconst TabPane = Tabs.TabPane;\n\ntype TabsCustomState = {\n activeKey: string;\n panes: any;\n mode: TabsPosition;\n};\nclass TabsCustom extends Component {\n constructor(props: any) {\n super(props);\n const panes = [\n { title: 'Tab 1', content: 'Content of Tab Pane 1', key: '1' },\n { title: 'Tab 2', content: 'Content of Tab Pane 2', key: '2' },\n ];\n this.state = {\n activeKey: panes[0].key,\n panes,\n mode: 'top',\n };\n }\n newTabIndex: number = 0;\n callback = (key: string) => {\n console.log(key);\n };\n handleModeChange = (e: RadioChangeEvent) => {\n const mode = e.target.value;\n this.setState({ mode });\n };\n onChange = (activeKey: string) => {\n this.setState({ activeKey });\n };\n onEdit = (targetKey: string | React.MouseEvent, action: 'add' | 'remove'): any => {\n this[action](targetKey as string);\n };\n add = () => {\n const panes = this.state.panes;\n const activeKey = `newTab${this.newTabIndex++}`;\n panes.push({ title: 'New Tab', content: 'New Tab Pane', key: activeKey });\n this.setState({ panes, activeKey });\n };\n remove = (targetKey: string) => {\n let activeKey = this.state.activeKey;\n let lastIndex = 0;\n this.state.panes.forEach((pane: any, i: number) => {\n if (pane.key === targetKey) {\n lastIndex = i - 1;\n }\n });\n const panes = this.state.panes.filter((pane: any) => pane.key !== targetKey);\n if (lastIndex >= 0 && activeKey === targetKey) {\n activeKey = panes[lastIndex].key;\n }\n this.setState({ panes, activeKey });\n };\n render() {\n const { mode } = this.state;\n return (\n
    \n \n \n
    \n
    \n \n \n \n Content of Tab Pane 1\n \n \n Content of Tab Pane 2\n \n \n Content of Tab Pane 3\n \n \n \n
    \n
    \n \n \n \n \n Tab 1\n \n }\n key=\"1\"\n >\n Tab 1\n \n \n \n Tab 2\n \n }\n key=\"2\"\n >\n Tab 2\n \n \n \n
    \n
    \n \n \n \n Content of Tab Pane 1\n \n \n Content of Tab Pane 2\n \n \n Content of Tab Pane 3\n \n \n \n
    \n \n \n
    \n \n \n \n Tab 1\n \n \n Tab 2\n \n \n Tab 3\n \n \n \n
    \n
    \n \n \n Horizontal\n Vertical\n \n \n \n Content of tab 1\n \n \n Content of tab 2\n \n \n Content of tab 3\n \n \n Content of tab 4\n \n \n Content of tab 5\n \n \n Content of tab 6\n \n \n Content of tab 7\n \n \n Content of tab 8\n \n \n Content of tab 9\n \n \n \n
    \n
    \n \n
    \n \n
    \n \n {this.state.panes.map((pane: any) => (\n \n {pane.content}\n \n ))}\n \n     \n
    \n \n \n \n );\n }\n}\n\nexport default TabsCustom;\n" }, { "path": "src/components/ui/Wysiwyg.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/26.\n */\nimport React, { Component } from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../widget/BreadcrumbCustom';\nimport { Editor } from 'react-draft-wysiwyg';\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\nimport draftToHtml from 'draftjs-to-html';\nimport draftToMarkdown from 'draftjs-to-markdown';\nimport { EditorState } from 'draft-js';\n\nconst rawContentState = {\n entityMap: {\n '0': {\n type: 'IMAGE',\n mutability: 'MUTABLE',\n data: { src: 'http://i.imgur.com/aMtBIep.png', height: 'auto', width: '100%' },\n },\n },\n blocks: [\n {\n key: '9unl6',\n text: '',\n type: 'unstyled',\n depth: 0,\n inlineStyleRanges: [],\n entityRanges: [],\n data: {},\n },\n {\n key: '95kn',\n text: ' ',\n type: 'atomic',\n depth: 0,\n inlineStyleRanges: [],\n entityRanges: [{ offset: 0, length: 1, key: 0 }],\n data: {},\n },\n {\n key: '7rjes',\n text: '',\n type: 'unstyled',\n depth: 0,\n inlineStyleRanges: [],\n entityRanges: [],\n data: {},\n },\n ],\n};\ntype WysiwygState = {\n editorContent: any;\n contentState: any;\n editorState: EditorState | undefined;\n};\nclass Wysiwyg extends Component {\n state: WysiwygState = {\n editorContent: undefined,\n contentState: rawContentState,\n editorState: undefined,\n };\n\n onEditorChange = (editorContent: any) => {\n this.setState({\n editorContent,\n });\n };\n\n clearContent = () => {\n this.setState({\n contentState: '',\n });\n };\n\n onContentStateChange = (contentState: any) => {\n console.log('contentState', contentState);\n };\n\n onEditorStateChange = (editorState: any) => {\n this.setState({\n editorState,\n });\n };\n\n imageUploadCallBack = (file: any) =>\n new Promise((resolve, reject) => {\n const xhr = new XMLHttpRequest(); // eslint-disable-line no-undef\n xhr.open('POST', 'https://api.imgur.com/3/image');\n xhr.setRequestHeader('Authorization', 'Client-ID 8d26ccd12712fca');\n const data = new FormData(); // eslint-disable-line no-undef\n data.append('image', file);\n xhr.send(data);\n xhr.addEventListener('load', () => {\n const response = JSON.parse(xhr.responseText);\n resolve(response);\n });\n xhr.addEventListener('error', () => {\n const error = JSON.parse(xhr.responseText);\n reject(error);\n });\n });\n\n render() {\n const { editorContent, editorState } = this.state;\n return (\n
    \n \n \n
    \n
    \n \n {\n console.log('focus');\n }}\n onBlur={() => {\n console.log('blur');\n }}\n onTab={() => {\n console.log('tab');\n return true;\n }}\n localization={{\n locale: 'zh',\n translations: { 'generic.add': 'Test-Add' },\n }}\n mention={{\n separator: ' ',\n trigger: '@',\n caseSensitive: true,\n suggestions: [\n { text: 'A', value: 'AB', url: 'href-a' },\n { text: 'AB', value: 'ABC', url: 'href-ab' },\n { text: 'ABC', value: 'ABCD', url: 'href-abc' },\n { text: 'ABCD', value: 'ABCDDDD', url: 'href-abcd' },\n { text: 'ABCDE', value: 'ABCDE', url: 'href-abcde' },\n { text: 'ABCDEF', value: 'ABCDEF', url: 'href-abcdef' },\n {\n text: 'ABCDEFG',\n value: 'ABCDEFG',\n url: 'href-abcdefg',\n },\n ],\n }}\n />\n\n \n \n
    \n \n \n \n 
    {draftToHtml(editorContent)}
    \n     \n \n \n \n 
    \n                                {draftToMarkdown(editorContent)}\n
    \n     \n \n \n \n 
    \n                                {JSON.stringify(editorContent)}\n
    \n     \n \n \n \n );\n }\n}\n\nexport default Wysiwyg;\n" }, { "path": "src/components/ui/banners/AutoPlay.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/26.\n */\nimport React from 'react';\nimport BannerAnim, { Element } from 'rc-banner-anim';\nimport TweenOne from 'rc-tween-one';\nimport 'rc-banner-anim/assets/index.css';\nconst BgElement = Element.BgElement;\nclass AutoPlay extends React.Component {\n render(){\n return (\n \n \n \n \n Ant Motion Banner\n \n \n The Fast Way Use Animation In React\n \n \n \n \n \n Ant Motion Banner\n \n \n The Fast Way Use Animation In React\n \n \n );\n }\n}\n\nexport default AutoPlay;" }, { "path": "src/components/ui/banners/Basic.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/26.\n */\nimport React from 'react';\nimport BannerAnim, { Element } from 'rc-banner-anim';\nimport TweenOne from 'rc-tween-one';\nimport 'rc-banner-anim/assets/index.css';\nconst BgElement = Element.BgElement;\nclass Basic extends React.Component {\n render(){\n return (\n \n \n \n \n Ant Motion Banner\n \n \n The Fast Way Use Animation In React\n \n \n \n \n \n Ant Motion Banner\n \n \n The Fast Way Use Animation In React\n \n \n \n );\n }\n}\n\nexport default Basic;" }, { "path": "src/components/ui/banners/Custom.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/26.\n */\nimport React from 'react';\nimport BannerAnim from 'rc-banner-anim';\nimport TweenOne, { TweenOneGroup } from 'rc-tween-one';\nimport 'rc-banner-anim/assets/index.css';\nconst { Element, Arrow, Thumb } = BannerAnim;\nconst BgElement = Element.BgElement;\ntype CustomState = {\n intShow: number;\n prevEnter: boolean;\n nextEnter: boolean;\n thumbEnter: boolean;\n};\nclass Custom extends React.Component {\n imgArray: string[];\n constructor(props: any) {\n super(props);\n this.imgArray = [\n 'https://zos.alipayobjects.com/rmsportal/hzPBTkqtFpLlWCi.jpg',\n 'https://zos.alipayobjects.com/rmsportal/gGlUMYGEIvjDOOw.jpg',\n ];\n this.state = {\n intShow: 0,\n prevEnter: false,\n nextEnter: false,\n thumbEnter: false,\n };\n }\n\n onChange = (type: string, int: number) => {\n if (type === 'before') {\n this.setState({\n intShow: int,\n });\n }\n };\n\n getNextPrevNumber() {\n let nextInt = this.state.intShow + 1;\n let prevInt = this.state.intShow - 1;\n if (nextInt >= this.imgArray.length) {\n nextInt = 0;\n }\n if (prevInt < 0) {\n prevInt = this.imgArray.length - 1;\n }\n\n return [prevInt, nextInt];\n }\n\n prevEnter() {\n this.setState({\n prevEnter: true,\n });\n }\n\n prevLeave() {\n this.setState({\n prevEnter: false,\n });\n }\n\n nextEnter() {\n this.setState({\n nextEnter: true,\n });\n }\n\n nextLeave() {\n this.setState({\n nextEnter: false,\n });\n }\n\n onMouseEnter() {\n this.setState({\n thumbEnter: true,\n });\n }\n\n onMouseLeave() {\n this.setState({\n thumbEnter: false,\n });\n }\n\n render() {\n const intArray = this.getNextPrevNumber();\n const thumbChildren = this.imgArray.map((img, i) => (\n \n \n \n ));\n return (\n \n \n \n \n Ant Motion Banner\n \n \n The Fast Way Use Animation In React\n \n \n \n \n \n Ant Motion Banner\n \n \n The Fast Way Use Animation In React\n \n \n \n
    \n \n \n \n \n \n
    \n \n \n \n \n \n {thumbChildren}\n \n \n );\n }\n}\n\nexport default Custom;\n" }, { "path": "src/components/ui/banners/index.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/26.\n */\nimport React from 'react';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../../widget/BreadcrumbCustom';\nimport Basic from './Basic';\nimport AutoPlay from './AutoPlay';\n// import Custom from './Custom';\n\nclass Banners extends React.Component {\n render() {\n return (\n
    \n \n \n
    \n
    \n \n \n \n
    \n \n     \n
    \n \n \n \n
    \n \n     \n
    \n \n {/*引入自定义会导致组件冲突不显示*/}\n {/**/}\n \n
    \n \n \n \n );\n }\n}\n\nexport default Banners;\n" }, { "path": "src/components/ui/emoji/iconfont.ts", "content": "function setFont(): void {\n var svgSprite: string | null =\n '';\n var script = (function() {\n var scripts = document.getElementsByTagName('script');\n return scripts[scripts.length - 1];\n })();\n var shouldInjectCss = script.getAttribute('data-injectcss');\n var ready = function(fn: any) {\n if (document.addEventListener) {\n if (~['complete', 'loaded', 'interactive'].indexOf(document.readyState)) {\n setTimeout(fn, 0);\n } else {\n var loadFn = function() {\n document.removeEventListener('DOMContentLoaded', loadFn, false);\n fn();\n };\n document.addEventListener('DOMContentLoaded', loadFn, false);\n }\n } else if ((document as any).attachEvent) {\n IEContentLoaded(window, fn);\n }\n function IEContentLoaded(w: any, fn: any) {\n var d = w.document,\n done = false,\n init = function() {\n if (!done) {\n done = true;\n fn();\n }\n };\n var polling = function() {\n try {\n d.documentElement.doScroll('left');\n } catch (e) {\n setTimeout(polling, 50);\n return;\n }\n init();\n };\n polling();\n d.onreadystatechange = function() {\n if (d.readyState === 'complete') {\n d.onreadystatechange = null;\n init();\n }\n };\n }\n };\n var before = function(el: any, target: any) {\n target.parentNode.insertBefore(el, target);\n };\n var prepend = function(el: any, target: any) {\n if (target.firstChild) {\n before(el, target.firstChild);\n } else {\n target.appendChild(el);\n }\n };\n function appendSvg() {\n var div, svg;\n div = document.createElement('div');\n div.innerHTML = svgSprite!;\n svgSprite = null;\n svg = div.getElementsByTagName('svg')[0];\n if (svg) {\n svg.setAttribute('aria-hidden', 'true');\n svg.style.position = 'absolute';\n svg.style.width = '0px';\n svg.style.height = '0px';\n svg.style.overflow = 'hidden';\n prepend(svg, document.body);\n }\n }\n if (shouldInjectCss && !(window as any).__iconfont__svg__cssinject__) {\n (window as any).__iconfont__svg__cssinject__ = true;\n try {\n document.write(\n ''\n );\n } catch (e) {\n console && console.log(e);\n }\n }\n ready(appendSvg);\n}\n\nexport default setFont;\n" }, { "path": "src/components/ui/emoji/index.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/22.\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport setFont from './iconfont';\n\nsetFont();\ntype EmojiProps = {\n type: string;\n};\nconst Emoji = ({ type }: EmojiProps) => {\n const useTag = ``;\n return (\n \n \n \n \n );\n};\n\nEmoji.propTypes = {\n type: PropTypes.string.isRequired,\n};\n\nexport default Emoji;\n" }, { "path": "src/components/ui/map/Tencent.tsx", "content": "import React from 'react';\nimport ReactQMap from 'react-qmap';\n\nconst getContianer = (dom: any) => {\n const middleControl = document.createElement('div');\n middleControl.style.cssText =\n 'width: 22px;height: 30px;position: absolute;left: 50%;top: 50%;z-index: 999;margin-left: -23px;margin-top: -23px;';\n middleControl.innerHTML = ``;\n dom.appendChild(middleControl);\n};\n\nexport default () => (\n \n);\n" }, { "path": "src/components/ui/map/index.tsx", "content": "import React from 'react';\nimport Tencent from './Tencent';\nimport { Row, Col, Card } from 'antd';\nimport BreadcrumbCustom from '../../widget/BreadcrumbCustom';\n\nexport default () => (\n
    \n \n \n
    \n
    \n \n \n \n
    \n \n \n \n);\n" }, { "path": "src/components/widget/AuthWidget.tsx", "content": "/**\n * Created by 叶子 on 2017/7/31.\n */\nimport { Component } from 'react';\nimport { connectAlita } from 'redux-alita';\n\ntype AuthWidgetProps = {\n auth: any;\n children: (param: any) => React.ReactElement;\n};\n\nclass AuthWidget extends Component {\n render() {\n const { auth = {} } = this.props;\n return this.props.children(auth.data || {});\n }\n}\n\nexport default connectAlita(['auth'])(AuthWidget);\n" }, { "path": "src/components/widget/BreadcrumbCustom.tsx", "content": "/**\n * Created by hao.cheng on 2017/4/22.\n */\nimport React, { ReactNode } from 'react';\nimport { Breadcrumb } from 'antd';\nimport { Link } from 'react-router-dom';\n\ninterface BreadcrumbCustomProps {\n breads?: ReactNode[];\n}\nconst BreadcrumbCustom = (props: BreadcrumbCustomProps) => {\n const { breads } = props;\n return (\n \n \n 首页\n \n {breads?.map((bread, i) => (\n {bread}\n ))}\n \n );\n};\n\nexport default BreadcrumbCustom;\n" }, { "path": "src/components/widget/Copyright.tsx", "content": "/*\n * File: Copyright.tsx\n * Desc: 版权信息\n * File Created: 2020-04-12 22:50:33\n * Author: chenghao\n * ------\n * Copyright 2020 - present, karakal\n */\nimport React from 'react';\n\nconst Copyright = () => {\n return (\n
    \n react-admin ©{new Date().getFullYear()} Created by yezihaohao@yezi.haohao@foxmail.com\n
    \n );\n};\n\nexport default Copyright;\n" }, { "path": "src/components/widget/Loading.tsx", "content": "import React from 'react';\n\nexport default () => (\n \n 页面加载中...\n \n);\n" }, { "path": "src/components/widget/PwaInstaller.tsx", "content": "/*\n * File: PwaInstaller.js\n * Desc: pwa手动触发安装\n * File Created: 2018-11-07 21:13:18\n * Author: chenghao\n *\n * Copyright 2018 - present, chenghao\n */\nimport React, { Component } from 'react';\n\nclass PwaInstaller extends Component {\n state = {\n installed: true,\n };\n componentDidMount() {\n window.addEventListener('beforeinstallprompt', this.beforeInstallPrompt);\n }\n componentWillUnmount() {\n window.removeEventListener('beforeinstallprompt', this.beforeInstallPrompt);\n }\n deferredPrompt: any;\n beforeInstallPrompt = (e: Event) => {\n console.log('beforeinstallprompt Event fired');\n // 未安装PWA应用\n this.setState({ installed: false });\n\n e.preventDefault();\n // Stash the event so it can be triggered later.\n this.deferredPrompt = e;\n return false;\n };\n download = () => {\n if (this.deferredPrompt !== undefined) {\n // The user has had a postive interaction with our app and Chrome\n // has tried to prompt previously, so let's show the prompt.\n this.deferredPrompt.prompt();\n // Follow what the user has done with the prompt.\n this.deferredPrompt.userChoice.then((choiceResult: any) => {\n console.log(choiceResult.outcome);\n if (choiceResult.outcome === 'dismissed') {\n console.log('User cancelled home screen install');\n } else {\n console.log('User added to home screen');\n }\n // We no longer need the prompt. Clear it up.\n this.deferredPrompt = null;\n });\n }\n };\n render() {\n const { installed } = this.state;\n return (\n !installed && (\n
    \n
    \n
    \n )\n );\n }\n}\n\nexport default PwaInstaller;\n" }, { "path": "src/components/widget/ThemePicker.tsx", "content": "import React, { Component } from 'react';\nimport { SketchPicker } from 'react-color';\nimport classNames from 'classnames';\nimport { SettingOutlined } from '@ant-design/icons';\n\nclass ThemePicker extends Component {\n state = {\n switcherOn: false,\n background: localStorage.getItem('@primary-color') || '#313653',\n };\n _switcherOn = () => {\n this.setState({\n switcherOn: !this.state.switcherOn,\n });\n };\n _handleChangeComplete = (color: any) => {\n console.log(color);\n this.setState({ background: color.hex });\n localStorage.setItem('@primary-color', color.hex);\n\n (window as any).less.modifyVars({\n '@primary-color': color.hex,\n });\n };\n render() {\n const { switcherOn, background } = this.state;\n return (\n
    \n \n \n \n
    \n \n
    \n
    \n );\n }\n}\n\nexport default ThemePicker;\n" }, { "path": "src/components/widget/index.tsx", "content": "export { default as PwaInstaller } from './PwaInstaller';\nexport { default as AuthWidget } from './AuthWidget';\nexport { default as ThemePicker } from './ThemePicker';\nexport { default as Copyright } from './Copyright';\n" }, { "path": "src/index.tsx", "content": "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { AlitaProvider, setConfig } from 'redux-alita';\nimport umbrella from 'umbrella-storage';\nimport Page from './Page';\nimport * as serviceWorker from './serviceWorker';\nimport * as apis from './service';\n// import { AppContainer } from 'react-hot-loader';\nimport './style/lib/animate.css';\nimport './style/index.less';\nimport './style/antd/index.less';\n\nsetConfig(apis);\numbrella.config('REACT-ADMIN');\n// const render = Component => { // 增加react-hot-loader保持状态刷新操作，如果不需要可去掉并把下面注释的打开\n// ReactDOM.render(\n// \n// \n// \n// \n// \n// ,\n// document.getElementById('root')\n// );\n// };\n\n// render(Page);\n\n// Webpack Hot Module Replacement API\n// if (module.hot) {\n// // 隐藏You cannot change ; it will be ignored 错误提示\n// // react-hot-loader 使用在react-router 3.x上引起的提示，react-router 4.x不存在\n// // 详情可参照https://github.com/gaearon/react-hot-loader/issues/298\n// const orgError = console.error; // eslint-disable-line no-console\n// console.error = (...args) => { // eslint-disable-line no-console\n// if (args && args.length === 1 && typeof args[0] === 'string' && args[0].indexOf('You cannot change ;') > -1) {\n// // React route changed\n// } else {\n// // Log the error as normally\n// orgError.apply(console, args);\n// }\n// };\n// module.hot.accept('./Page', () => {\n// render(Page);\n// })\n// }\n\nReactDOM.render(\n // \n \n \n ,\n // \n document.getElementById('root')\n);\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\n// serviceWorker.unregister();\nserviceWorker.register();\n" }, { "path": "src/react-app-env.d.ts", "content": "/// \n/// \n/// \n\ndeclare namespace NodeJS {\n interface ProcessEnv {\n readonly NODE_ENV: 'development' | 'production' | 'test';\n readonly PUBLIC_URL: string;\n }\n}\n\ndeclare module '*.bmp' {\n const src: string;\n export default src;\n}\n\ndeclare module '*.gif' {\n const src: string;\n export default src;\n}\n\ndeclare module '*.jpg' {\n const src: string;\n export default src;\n}\n\ndeclare module '*.jpeg' {\n const src: string;\n export default src;\n}\n\ndeclare module '*.png' {\n const src: string;\n export default src;\n}\n\ndeclare module '*.webp' {\n const src: string;\n export default src;\n}\n\ndeclare module '*.svg' {\n import * as React from 'react';\n\n export const ReactComponent: React.FunctionComponent>;\n\n const src: string;\n export default src;\n}\n\ndeclare module '*.module.css' {\n const classes: { readonly [key: string]: string };\n export default classes;\n}\n\ndeclare module '*.module.scss' {\n const classes: { readonly [key: string]: string };\n export default classes;\n}\n\ndeclare module '*.module.sass' {\n const classes: { readonly [key: string]: string };\n export default classes;\n}\n\ndeclare module '*.module.less' {\n const classes: { readonly [key: string]: string };\n export default classes;\n}\n\ndeclare module 'draftjs-to-html';\n\ndeclare module 'draftjs-to-markdown';\n\ndeclare module 'react-qmap';\n" }, { "path": "src/routes/RouteWrapper.tsx", "content": "/*\n * File: RouteWrapper.tsx\n * Desc: 描述\n * File Created: 2020-05-19 11:32:58\n * Author: chenghao at \n * ------\n * Copyright 2020 - present, karakal\n */\nimport React, { useMemo } from 'react';\nimport DocumentTitle from 'react-document-title';\nimport queryString from 'query-string';\n\nconst RouteWrapper = (props: any) => {\n let { Comp, route, ...restProps } = props;\n /** useMemo 缓存query，避免每次生成生的query */\n const queryMemo = useMemo(() => {\n const queryReg = /\\?\\S*/g;\n const matchQuery = (reg: RegExp) => {\n const queryParams = restProps.location.search.match(reg);\n return queryParams ? queryParams[0] : '{}';\n };\n return queryString.parse(matchQuery(queryReg));\n }, [restProps.location.search]);\n const mergeQueryToProps = () => {\n const queryReg = /\\?\\S*/g;\n const removeQueryInRouter = (restProps: any, reg: RegExp) => {\n const { params } = restProps.match;\n Object.keys(params).forEach((key) => {\n params[key] = params[key] && params[key].replace(reg, '');\n });\n restProps.match.params = { ...params };\n };\n\n restProps = removeQueryInRouter(restProps, queryReg);\n const merge = {\n ...restProps,\n query: queryMemo,\n };\n return merge;\n };\n return (\n \n \n \n );\n};\n\nexport default RouteWrapper;\n" }, { "path": "src/routes/config.ts", "content": "export interface IFMenuBase {\n key: string;\n title: string;\n icon?: string;\n component?: string;\n query?: string;\n requireAuth?: string;\n route?: string;\n /** 是否登录校验，true不进行校验（访客） */\n login?: boolean;\n}\n\nexport interface IFMenu extends IFMenuBase {\n subs?: IFMenu[];\n}\n\nconst menus: {\n menus: IFMenu[];\n others: IFMenu[] | [];\n [index: string]: any;\n} = {\n menus: [\n // 菜单相关路由\n { key: '/app/dashboard/index', title: '首页', icon: 'mobile', component: 'Dashboard' },\n {\n key: '/app/ui',\n title: 'UI',\n icon: 'scan',\n subs: [\n { key: '/app/ui/buttons', title: '按钮', component: 'Buttons' },\n { key: '/app/ui/icons', title: '图标', component: 'Icons' },\n { key: '/app/ui/spins', title: '加载中', component: 'Spins' },\n { key: '/app/ui/modals', title: '对话框', component: 'Modals' },\n { key: '/app/ui/notifications', title: '通知提醒框', component: 'Notifications' },\n { key: '/app/ui/tabs', title: '标签页', component: 'Tabs' },\n { key: '/app/ui/banners', title: '轮播图', component: 'Banners' },\n { key: '/app/ui/wysiwyg', title: '富文本', component: 'WysiwygBundle' },\n { key: '/app/ui/drags', title: '拖拽', component: 'Drags' },\n { key: '/app/ui/gallery', title: '画廊', component: 'Gallery' },\n { key: '/app/ui/map', title: '地图', component: 'MapUi' },\n ],\n },\n {\n key: '/app/animation',\n title: '动画',\n icon: 'rocket',\n subs: [\n {\n key: '/app/animation/basicAnimations',\n title: '基础动画',\n component: 'BasicAnimations',\n },\n {\n key: '/app/animation/exampleAnimations',\n title: '动画案例',\n component: 'ExampleAnimations',\n },\n ],\n },\n {\n key: '/app/table',\n title: '表格',\n icon: 'copy',\n subs: [\n { key: '/app/table/basicTable', title: '基础表格', component: 'BasicTable' },\n { key: '/app/table/advancedTable', title: '高级表格', component: 'AdvancedTable' },\n {\n key: '/app/table/asynchronousTable',\n title: '异步表格',\n component: 'AsynchronousTable',\n },\n ],\n },\n {\n key: '/app/chart',\n title: '图表',\n icon: 'area-chart',\n subs: [\n { key: '/app/chart/echarts', title: 'echarts', component: 'Echarts' },\n { key: '/app/chart/recharts', title: 'recharts', component: 'Recharts' },\n ],\n },\n {\n key: '/subs4',\n title: '页面',\n icon: 'switcher',\n subs: [\n { key: '/login', title: '登录' },\n { key: '/404', title: '404' },\n ],\n },\n {\n key: '/app/auth',\n title: '权限管理',\n icon: 'safety',\n subs: [\n { key: '/app/auth/basic', title: '基础演示', component: 'AuthBasic' },\n {\n key: '/app/auth/routerEnter',\n title: '路由拦截',\n component: 'RouterEnter',\n requireAuth: 'auth/testPage',\n },\n ],\n },\n {\n key: '/app/cssModule',\n title: 'cssModule',\n icon: 'star',\n component: 'Cssmodule',\n },\n {\n key: '/app/extension',\n title: '功能扩展',\n icon: 'bars',\n subs: [\n {\n key: '/app/extension/queryParams',\n title: '问号形式参数',\n component: 'QueryParams',\n query: '?param1=1¶m2=2',\n },\n {\n key: '/app/extension/visitor',\n title: '访客模式',\n component: 'Visitor',\n login: true,\n },\n {\n key: '/app/extension/multiple',\n title: '多级菜单',\n subs: [\n {\n key: '/app/extension/multiple/child',\n title: '多级菜单子菜单',\n subs: [\n {\n key: '/app/extension/multiple/child/child',\n title: '多级菜单子子菜单',\n component: 'MultipleMenu',\n },\n ],\n },\n ],\n },\n {\n key: '/app/extension/env',\n title: '环境配置',\n component: 'Env',\n },\n ],\n },\n ],\n others: [], // 非菜单相关路由\n};\n\nexport default menus;\n" }, { "path": "src/routes/index.tsx", "content": "/**\n * Created by 叶子 on 2017/8/13.\n */\nimport React from 'react';\nimport { Route, Redirect, Switch } from 'react-router-dom';\nimport { useAlita } from 'redux-alita';\nimport umbrella from 'umbrella-storage';\nimport AllComponents from '../components';\nimport routesConfig, { IFMenuBase, IFMenu } from './config';\nimport { checkLogin } from '../utils';\nimport RouteWrapper from './RouteWrapper';\n\ntype CRouterProps = {\n auth: any;\n};\n\nconst CRouter = (props: CRouterProps) => {\n const { auth } = props;\n const [smenus] = useAlita({ smenus: null }, { light: true });\n\n const getPermits = (): any[] | null => {\n return auth ? auth.permissions : null;\n };\n const requireAuth = (permit: any, component: React.ReactElement) => {\n const permits = getPermits();\n if (!permits || !permits.includes(permit)) return ;\n return component;\n };\n const requireLogin = (component: React.ReactElement, permit: any) => {\n const permits = getPermits();\n if (!checkLogin(permits)) {\n // 线上环境判断是否登录\n return ;\n }\n return permit ? requireAuth(permit, component) : component;\n };\n const createMenu = (r: IFMenu) => {\n const route = (r: IFMenuBase) => {\n const Component = r.component && AllComponents[r.component];\n return (\n {\n // 重新包装组件\n const wrapper = (\n \n );\n return r.login ? wrapper : requireLogin(wrapper, r.requireAuth);\n }}\n />\n );\n };\n\n const subRoute = (r: IFMenu): any =>\n r.subs && r.subs.map((subR: IFMenu) => (subR.subs ? subRoute(subR) : route(subR)));\n\n return r.component ? route(r) : subRoute(r);\n };\n const createRoute = (key: string) => routesConfig[key].map(createMenu);\n const getAsyncMenus = () => smenus || umbrella.getLocalStorage('smenus') || [];\n return (\n \n {Object.keys(routesConfig).map((key) => createRoute(key))}\n {getAsyncMenus().map(createMenu)}\n } />\n \n );\n};\n\nexport default CRouter;\n" }, { "path": "src/service/config.ts", "content": "/**\n * Created by 叶子 on 2017/7/30.\n * 接口地址配置文件\n */\n\n//easy-mock模拟数据接口地址\nconst MOCK_API = 'https://react-admin-mock.now.sh/api';\nexport const MOCK_AUTH_ADMIN = MOCK_API + '/admin.js'; // 管理员权限接口\nexport const MOCK_AUTH_VISITOR = MOCK_API + '/visitor.js'; // 访问权限接口\n/** 服务端异步菜单接口 */\nexport const MOCK_MENU = MOCK_API + '/menu.js';\n\n// github授权\nexport const GIT_OAUTH = 'https://github.com/login/oauth';\n// github用户\nexport const GIT_USER = 'https://api.github.com/user';\n\n// bbc top news\nexport const NEWS_BBC =\n 'https://newsapi.org/v2/top-headlines?sources=bbc-news&apiKey=429904aa01f54a39a278a406acf50070';\n" }, { "path": "src/service/index.ts", "content": "/**\n * Created by hao.cheng on 2017/4/16.\n */\nimport axios from 'axios';\nimport { get, post } from './tools';\nimport * as config from './config';\n\nexport const getBbcNews = () => get({ url: config.NEWS_BBC });\n\nexport const npmDependencies = () =>\n axios\n .get('./npm.json')\n .then((res) => res.data)\n .catch((err) => console.log(err));\n\nexport const weibo = () =>\n axios\n .get('./weibo.json')\n .then((res) => res.data)\n .catch((err) => console.log(err));\n\nexport const gitOauthLogin = () =>\n get({\n url: `${config.GIT_OAUTH}/authorize?client_id=792cdcd244e98dcd2dee&redirect_uri=http://localhost:3006/&scope=user&state=reactAdmin`,\n });\nexport const gitOauthToken = (code: string) =>\n post({\n url: `https://cors-anywhere.herokuapp.com/${config.GIT_OAUTH}/access_token`,\n data: {\n client_id: '792cdcd244e98dcd2dee',\n client_secret: '81c4ff9df390d482b7c8b214a55cf24bf1f53059',\n redirect_uri: 'http://localhost:3006/',\n state: 'reactAdmin',\n code,\n },\n });\n// {headers: {Accept: 'application/json'}}\nexport const gitOauthInfo = (access_token: string) =>\n get({ url: `${config.GIT_USER}access_token=${access_token}` });\n\n// easy-mock数据交互\n// 管理员权限获取\nexport const admin = () => get({ url: config.MOCK_AUTH_ADMIN });\n// 访问权限获取\nexport const guest = () => get({ url: config.MOCK_AUTH_VISITOR });\n/** 获取服务端菜单 */\nexport const fetchMenu = () => get({ url: config.MOCK_MENU });\n" }, { "path": "src/service/tools.ts", "content": "/**\n * Created by 叶子 on 2017/7/30.\n * http通用工具函数\n */\nimport axios from 'axios';\nimport { message } from 'antd';\n\ninterface IFRequestParam {\n url: string;\n msg?: string;\n config?: any;\n data?: any;\n}\n/**\n * 公用get请求\n * @param url 接口地址\n * @param msg 接口异常提示\n * @param headers 接口所需header配置\n */\nexport const get = ({ url, msg = '接口异常', config }: IFRequestParam) =>\n axios\n .get(url, config)\n .then((res) => res.data)\n .catch((err) => {\n console.log(err);\n message.warn(msg);\n });\n\n/**\n * 公用post请求\n * @param url 接口地址\n * @param data 接口参数\n * @param msg 接口异常提示\n * @param headers 接口所需header配置\n */\nexport const post = ({ url, data, msg = '接口异常', config }: IFRequestParam) =>\n axios\n .post(url, data, config)\n .then((res) => res.data)\n .catch((err) => {\n console.log(err);\n message.warn(msg);\n });\n" }, { "path": "src/serviceWorker.ts", "content": "// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\ntype Config = {\n onSuccess?: (registration: ServiceWorkerRegistration) => void;\n onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nexport function register(config?: Config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(\n (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\n window.location.href\n );\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n" }, { "path": "src/style/antd/header.less", "content": ".header {\n padding: 0;\n height: 65px;\n .ant-menu {\n background: transparent;\n color: @white;\n .ant-menu-item {\n &:hover {\n color: @white;\n }\n }\n }\n}\n.header__trigger {\n color: @white;\n}\n" }, { "path": "src/style/antd/index.less", "content": "@import './variables.less';\n@import './menu.less';\n@import './utils.less';\n@import './header.less';\n@import './layout.less';\n@import './reset.less';\n" }, { "path": "src/style/antd/layout.less", "content": ".ant-layout-content {\n min-height: auto;\n}\n\n.ant-layout {\n &.ant-layout-has-sider {\n &.app_layout-mobile {\n flex-direction: column;\n .ant-layout-content {\n margin: 0;\n }\n }\n }\n}\n" }, { "path": "src/style/antd/menu.less", "content": ".ant-menu-root {\n &.ant-menu-inline, &.ant-menu-vertical {\n background: @primary-color;\n border-right: 1px solid @primary-color;\n color: @white;\n a {\n color: @white;\n }\n .ant-menu-submenu-selected, {\n color: @white;\n }\n .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-submenu-active {\n color: @white;\n }\n .ant-menu-submenu-title {\n .ant-menu-submenu-arrow {\n &::before, &::after {\n background: @white;\n }\n }\n &:hover {\n color: @white;\n .ant-menu-submenu-arrow {\n &::before, &::after {\n background: @white;\n }\n }\n }\n }\n .ant-menu-submenu > .ant-menu {\n background-color: @primary-color-light;\n }\n .ant-menu-item > a:hover {\n color: @white;\n }\n }\n}\n.ant-menu-horizontal {\n > .ant-menu-item-selected {\n color: @white;\n }\n}\n\n.sider-custom {\n .ant-menu-submenu-title {\n color: @white;\n }\n}" }, { "path": "src/style/antd/reset.less", "content": "/*\n * File: reset.less\n * Desc: 样式重写\n * File Created: 2020-04-12 23:08:16\n * Author: chenghao\n * ------\n * Copyright 2020 - present, karakal\n */\n" }, { "path": "src/style/antd/utils.less", "content": "[class*=btn] {\n cursor: pointer\n}\n\n.bg--primary {\n background: @primary-color;\n}" }, { "path": "src/style/antd/variables.less", "content": "@import \"../../../node_modules/antd/lib/style/themes/default.less\";\n// 基础颜色\n@white: #ffffff;\n@primary-color: #313653;\n@primary-color-light: fade(lighten(@primary-color, 5%), 15%);\n// 顶部背景色\n@layout-header-background:@primary-color;\n// 左边菜单light颜色\n@layout-sider-background-light: #f9f9f9;\n// 字体颜色\n@text-color: #000000;\n@table-selected-row-bg: #fbfbfb;\n@primary-2: @primary-color-light;\n// 基础圆角\n@border-radius-base: 2px;\n// 输入框后缀背景色\n@input-addon-bg: @primary-color;\n\n" }, { "path": "src/style/app.less", "content": "/*\n * File: app.less\n * Desc: 描述\n * File Created: 2020-07-26 18:27:37\n * Author: yezi\n * ------\n * Copyright 2020 - present, yezi\n */\n@prefix: app;\n\n.@{prefix} {\n &_layout {\n flex-direction: column;\n &_content {\n margin: 0 16px;\n overflow: initial;\n flex: 1 1 0;\n }\n &_foot {\n text-align: center;\n }\n }\n}\n" }, { "path": "src/style/banner.less", "content": ".banner-user {\n height: 200px;\n}\n.banner-user-elem {\n text-align: center;\n color: #fff;\n position: relative;\n overflow: hidden;\n .banner-user-title {\n font-size: 32px;\n top: 40%;\n }\n .banner-user-text {\n top: 40%;\n }\n}\n.banner-anim-elem {\n .bg {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n }\n}\n\n.custom-arrow-thumb{\n height: 220px;\n .user-arrow {\n top: 50%;\n margin-top: -40px;\n .img-wrapper {\n width: 120px;\n height: 80px;\n float: left;\n position: relative;\n li {\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n position: absolute;\n }\n }\n .arrow {\n width: 20px;\n height: 80px;\n background: rgba(0, 0, 0, 0.3);\n position: relative;\n &:before, &:after {\n width: 2px;\n height: 15px;\n background: #fff;\n display: block;\n content: ' ';\n position: absolute;\n }\n }\n &.next {\n right: -120px;\n .arrow {\n float: left;\n &:before {\n -webkit-transform: rotate(-40deg);\n transform: rotate(-40deg);\n top: 28px;\n left: 10px;\n }\n &:after {\n -webkit-transform: rotate(40deg);\n transform: rotate(40deg);\n bottom: 27px;\n left: 10px;\n }\n }\n }\n &.prev {\n left: -120px;\n .arrow {\n float: right;\n &:before {\n -webkit-transform: rotate(40deg);\n transform: rotate(40deg);\n top: 28px;\n left: 8px;\n }\n &:after {\n -webkit-transform: rotate(-40deg);\n transform: rotate(-40deg);\n bottom: 27px;\n left: 8px;\n }\n }\n }\n }\n .user-thumb {\n overflow: hidden;\n background: rgba(255, 255, 255, 0.15);\n height: 40px;\n > span {\n width: 50px;\n height: 30px;\n margin: 5px;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);\n -webkit-transition: background .3s;\n transition: background .3s;\n background: transparent;\n &.active {\n background: rgba(255, 255, 255, 0.45);\n }\n i {\n display: block;\n width: 46px;\n height: 26px;\n margin: 2px;\n background-size: cover;\n background-position: center;\n }\n }\n }\n}" }, { "path": "src/style/button.less", "content": ".ant-btn+.ant-btn {\n margin-left: 10px;\n}" }, { "path": "src/style/card.less", "content": ".react-draggable, .cursor-move{\n cursor: move;\n strong {\n background: #ddd;\n border: 1px solid #999;\n border-radius: 3px;\n display: block;\n margin-bottom: 10px;\n padding: 3px 5px;\n text-align: center;\n }\n}\n.no-cursor {\n cursor: auto;\n}\n.card-tool {\n position: absolute;\n right: 24px;\n top: 24px;\n}\n\n.list-group {\n .list-group-item {\n position: relative;\n display: block;\n margin-bottom: -1px;\n padding: 12px 16px;\n background: transparent;\n border: 1px solid #ddd;\n border-color: rgba(120, 130, 140, 0.065);\n border-width: 1px 0;\n &:first-child {\n border-top-width: 0;\n }\n &:last-child {\n border-bottom-width: 0;\n }\n }\n}\n.no-padding {\n .ant-card-body {\n padding: 0 !important;\n }\n}" }, { "path": "src/style/global.less", "content": "small {\n opacity: .6;\n}\n.text-muted{\n opacity: .6;\n}\n.clear{\n display: block;\n overflow: hidden;\n}\n.center {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.y-center{\n display: flex;\n align-items: center;\n}\n.block{\n display: block;\n}\n.inline {\n display: inline;\n}\n.none{\n display: none;\n}\n.b-white {\n border-color: #ffffff;\n}\n.w-full {\n width: 100%;\n}\n\n.w-auto {\n width: auto;\n}\n\n.h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-v {\n height: 100vh;\n}\n\n.h-v-5 {\n height: 50vh;\n}\n\n\n.pull-left {\n float: left;\n}\n\n.pull-right {\n float: right;\n}\n\n.w-40 {\n width: 40px;\n height: 40px;\n line-height: 40px;\n display: inline-block;\n text-align: center;\n}" }, { "path": "src/style/icons.less", "content": "ul.icons-list{\n list-style: none;\n overflow: hidden;\n li{\n float: left;\n width: 10%;\n text-align: center;\n list-style: none;\n cursor: pointer;\n height: 100px;\n transition: all .3s;\n background-color: #fff;\n &:hover{\n background-color: #cccccc;\n color: #fff;\n }\n i{\n margin: 16px 0 10px;\n }\n span{\n display: block;\n text-align: center;\n }\n }\n}" }, { "path": "src/style/img.less", "content": "img {\n vertical-align: middle;\n}\n.img-responsive{\n width: 100%;\n height: auto;\n}\n.img-circle {\n border-radius: 50%;\n}\n" }, { "path": "src/style/index.less", "content": "@import 'variables';\n@import 'global';\n@import 'scroll';\n@import 'table';\n@import 'login';\n@import 'icons';\n@import 'button';\n@import 'modal';\n@import 'menu';\n@import 'banner';\n@import 'card';\n@import 'img';\n@import 'utils-text';\n@import 'utils-color';\n@import 'utils-size';\n@import 'utils-border';\n@import 'utils-spacing';\n@import 'app.less';\nbody {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n}\n\n#root {\n height: 100%;\n}\n.ant-layout {\n height: 100%;\n .logo {\n height: 32px;\n background: #ffffff;\n border-radius: 6px;\n margin: 16px;\n }\n .ant-layout-sider-collapsed {\n .anticon {\n font-size: 16px;\n // margin-left: 8px;\n }\n .nav-text {\n display: none;\n }\n .ant-menu-submenu-vertical > .ant-menu-submenu-title:after {\n display: none;\n }\n .ant-menu-dark:not(.ant-menu-inline) .ant-menu-submenu-open {\n color: inherit;\n }\n }\n p {\n margin: 10px 0 10px 0;\n }\n}\n.gutter-example {\n .ant-row {\n //margin-left: 0 !important;\n //margin-right: 0 !important;\n > div {\n background: transparent;\n border: 0;\n }\n }\n}\n.gutter-box {\n padding: 5px 0;\n}\n\n:global {\n .ant-card-head-title {\n font-size: 14px !important;\n }\n}\n" }, { "path": "src/style/lib/animate.css", "content": "@charset \"UTF-8\";\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.5.1\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2016 Daniel Eden\n */\n\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n\n.animated.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n}\n\n.animated.flipOutX,\n.animated.flipOutY,\n.animated.bounceIn,\n.animated.bounceOut {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n}\n\n@-webkit-keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 40%,\n 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0);\n }\n\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0);\n }\n}\n\n@keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 40%,\n 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0);\n }\n\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0);\n }\n}\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n}\n\n@-webkit-keyframes flash {\n from,\n 50%,\n to {\n opacity: 1;\n }\n\n 25%,\n 75% {\n opacity: 0;\n }\n}\n\n@keyframes flash {\n from,\n 50%,\n to {\n opacity: 1;\n }\n\n 25%,\n 75% {\n opacity: 0;\n }\n}\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse;\n}\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1);\n }\n\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1);\n }\n\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1);\n }\n\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1);\n }\n\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand;\n}\n\n@-webkit-keyframes shake {\n from,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 10%,\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 20%,\n 40%,\n 60%,\n 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n@keyframes shake {\n from,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 10%,\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 20%,\n 40%,\n 60%,\n 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake;\n}\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg);\n }\n\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg);\n }\n\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg);\n }\n\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg);\n }\n\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg);\n }\n\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg);\n }\n\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg);\n }\n\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg);\n }\n\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake;\n}\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg);\n }\n\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg);\n }\n\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg);\n }\n\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg);\n }\n\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg);\n }\n}\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg);\n }\n\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg);\n }\n\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg);\n }\n\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg);\n }\n\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg);\n }\n}\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing;\n}\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 10%,\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n\n 40%,\n 60%,\n 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 10%,\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n\n 40%,\n 60%,\n 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none;\n }\n\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n }\n\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n }\n\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n }\n\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n }\n\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes wobble {\n from {\n -webkit-transform: none;\n transform: none;\n }\n\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n }\n\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n }\n\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n }\n\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n }\n\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble;\n}\n\n@-webkit-keyframes jello {\n from,\n 11.1%,\n to {\n -webkit-transform: none;\n transform: none;\n }\n\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n\n 77.7% {\n -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n\n 88.8% {\n -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n}\n\n@keyframes jello {\n from,\n 11.1%,\n to {\n -webkit-transform: none;\n transform: none;\n }\n\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n\n 77.7% {\n -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n\n 88.8% {\n -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n}\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center;\n}\n\n@-webkit-keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97);\n }\n\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97);\n }\n\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.bounceIn {\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn;\n}\n\n@-webkit-keyframes bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown;\n}\n\n@-webkit-keyframes bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft;\n}\n\n@-webkit-keyframes bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0);\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight;\n}\n\n@-webkit-keyframes bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp;\n}\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 50%,\n 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n}\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 50%,\n 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n}\n\n.bounceOut {\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut;\n}\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown;\n}\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft;\n}\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight;\n}\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp;\n}\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn;\n}\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown;\n}\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig;\n}\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft;\n}\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig;\n}\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight;\n}\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig;\n}\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp;\n}\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig;\n}\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut;\n}\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n@keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown;\n}\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig;\n}\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft;\n}\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig;\n}\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n@keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight;\n}\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig;\n}\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n@keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp;\n}\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig;\n}\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n}\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 40% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 50% {\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n}\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip;\n}\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX;\n}\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY;\n}\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n}\n\n.flipOutX {\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n}\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n}\n\n.flipOutY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY;\n}\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0;\n }\n\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0;\n }\n\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0;\n }\n}\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0;\n }\n}\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn;\n}\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft;\n}\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight;\n}\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft;\n}\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n }\n}\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight;\n}\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0;\n }\n}\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut;\n}\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n}\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft;\n}\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight;\n}\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft;\n}\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0;\n }\n}\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight;\n}\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 20%,\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 40%,\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0;\n }\n}\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 20%,\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 40%,\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0;\n }\n}\n\n.hinge {\n -webkit-animation-name: hinge;\n animation-name: hinge;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n }\n\n to {\n opacity: 1;\n -webkit-transform: none;\n transform: none;\n }\n}\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes rollOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n }\n}\n\n@keyframes rollOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n }\n}\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut;\n}\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn;\n}\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown;\n}\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft;\n}\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight;\n}\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp;\n}\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes zoomOut {\n from {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n to {\n opacity: 0;\n }\n}\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut;\n}\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown;\n}\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center;\n }\n}\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center;\n }\n}\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft;\n}\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center;\n }\n}\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center;\n }\n}\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight;\n}\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp;\n}\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown;\n}\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft;\n}\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight;\n}\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp;\n}\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown;\n}\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft;\n}\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight;\n}\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp;\n}\n" }, { "path": "src/style/login.less", "content": ".login{\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background: #f3f3f3;\n .login-form{\n width: 320px;\n height: 340px;\n padding: 36px;\n box-shadow: 0 0 100px rgba(0,0,0,.08);\n background: #fff;\n .login-logo{\n text-align: center;\n height: 40px;\n line-height: 40px;\n cursor: pointer;\n margin-bottom: 24px;\n span {\n vertical-align: text-bottom;\n font-size: 16px;\n text-transform: uppercase;\n display: inline-block;\n }\n }\n }\n}\n.installer {\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 0 100px 100px 0;\n border-color: transparent #313653 transparent transparent;\n position: fixed;\n top: 0;\n right: 0;\n}\n.installer__btn {\n width: 50px;\n height: 50px;\n transform: rotate(45deg);\n left: 50px;\n position: absolute;\n background: url('./imgs/installer.png') no-repeat;\n background-size: cover;\n}" }, { "path": "src/style/menu.less", "content": ".ant-menu-dark {\n &.ant-menu-inline {\n .ant-menu-item-selected {\n background-color: #5f5f5f !important;\n }\n }\n}\n.custom-trigger {\n font-size: 18px;\n line-height: 64px;\n padding: 0 16px;\n cursor: pointer;\n transition: color .3s;\n}\n.ant-layout-sider-collapsed {\n overflow-y: initial !important;\n}\n.avatar {\n position: relative;\n display: inline-block;\n width: 40px;\n line-height: 1;\n border-radius: 500px;\n white-space: nowrap;\n font-weight: bold;\n i {\n position: absolute;\n left: 0;\n top: 0;\n width: 10px;\n height: 10px;\n margin: 1px;\n border-width: 2px;\n border-style: solid;\n border-radius: 100%;\n &.bottom {\n left: auto;\n top: auto;\n bottom: 0;\n right: 0;\n }\n &.on {\n background-color: #6cc788;\n }\n }\n img {\n border-radius: 500px;\n width: 100%;\n }\n}\n.switcher {\n z-index: 1050;\n position: fixed;\n top: 78px;\n right: -240px;\n width: 240px;\n transition: right 0.2s ease;\n border: 1px solid rgba(120, 120, 120, 0.1);\n background-clip: padding-box;\n &.active {\n right: -2px;\n }\n .sw-btn {\n position: absolute;\n left: -43px;\n top: -1px;\n padding: 10px 15px;\n z-index: 1045;\n border: 1px solid rgba(120, 120, 120, 0.1);\n border-right-width: 0;\n background-clip: padding-box;\n }\n}" }, { "path": "src/style/modal.less", "content": ".vertical-center-modal {\n text-align: center;\n white-space: nowrap;\n &:before {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n width: 0;\n }\n .ant-modal {\n display: inline-block;\n vertical-align: middle;\n top: 0;\n text-align: left;\n }\n}\n/*\n// Use flex which not working in IE\n.vertical-center-modal {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.vertical-center-modal .ant-modal {\n top: 0;\n}\n*/" }, { "path": "src/style/scroll.less", "content": "//美化webkit内核滚动条\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n::-webkit-scrollbar-thumb {\n background-color: #777;\n}" }, { "path": "src/style/table.less", "content": ".table-operations {\n margin-bottom: 16px;\n > button {\n margin-right: 8px;\n }\n}\n\n.editable-row-text {\n padding: 5px;\n}\n\n.editable-row-operations a {\n margin-right: 8px;\n}" }, { "path": "src/style/theme/index.js", "content": "/**\n * Created by hao.cheng on 2017/5/6.\n */\nimport themeinfo from './theme-info.json';\nimport themegrey from './theme-grey.json';\nimport themedanger from './theme-danger.json';\nimport themewarn from './theme-warn.json';\n\nexport default { themeinfo, themegrey, themedanger, themewarn };\n" }, { "path": "src/style/theme/theme-danger.json", "content": "{\n \"header\": {\n \"background\": \"#f44455\"\n }\n}" }, { "path": "src/style/theme/theme-grey.json", "content": "{\n \"header\": {\n \"background\": \"#001529\"\n }\n}" }, { "path": "src/style/theme/theme-info.json", "content": "{\n \"header\": {\n \"background\": \"#6887ff\"\n }\n}" }, { "path": "src/style/theme/theme-warn.json", "content": "{\n \"header\": {\n \"background\": \"#fcc100\"\n }\n}" }, { "path": "src/style/utils-border.less", "content": ".b-a {\n border: 1px solid @border-color;\n}" }, { "path": "src/style/utils-color.less", "content": ".color-variant(@bg, @color) {\n color: @color;\n background-color: @bg;\n}\n.dark-white {\n color: @dark;\n background-color: @white;\n}\n.min-black {\n .color-variant(@min-black, @black-color)\n}\n.black {\n .color-variant(@black, @black-color);\n}\n\n.dark {\n .color-variant(@dark, @dark-color);\n}\n\n.grey {\n .color-variant(@grey, @grey-color);\n}\n\n.primary {\n .color-variant(@primary, @primary-color);\n}\n\n.info {\n .color-variant(@info, @info-color);\n}\n.warn {\n .color-variant(@warn, @warn-color);\n}\n.danger {\n .color-variant(@danger, @danger-color)\n}" }, { "path": "src/style/utils-size.less", "content": ".w-8{\n width: 8px;\n height: 8px;\n display: inline-block;\n}\n.w-16{\n width: 16px;\n height: 16px;\n display: inline-block;\n}\n.w-20{\n width: 20px;\n height: 20px;\n display: inline-block;\n}\n.w-24{\n width: 24px;\n height: 24px;\n display: inline-block;\n text-align: center;\n}\n.w-32{\n width: 32px;\n height: 32px;\n line-height: 32px;\n display: inline-block;\n text-align: center;\n}\n.w-40{\n width: 40px;\n height: 40px;\n line-height: 40px;\n display: inline-block;\n text-align: center;\n}\n.w-48{\n width: 48px;\n height: 48px;\n line-height: 48px;\n display: inline-block;\n text-align: center;\n}\n.w-56{\n width: 56px;\n height: 56px;\n line-height: 56px;\n display: inline-block;\n text-align: center;\n}" }, { "path": "src/style/utils-spacing.less", "content": ".pb-s { padding-bottom: @spacer * 0.5 !important; }\n.pb-m { padding-bottom: @spacer * 1 !important; }\n.pb-l { padding-bottom: @spacer * 2 !important; }\n.pa-s { padding: @spacer * 0.5 !important; }\n.pa-m { padding: @spacer * 1 !important; }\n.pa-l { padding: @spacer * 2 !important; }\n\n.mr-s { margin-right: @spacer * 0.5 !important; }\n.mr-m { margin-right: @spacer * 1 !important; }\n.mr-l { margin-right: @spacer * 2 !important; }\n.mb-s { margin-bottom: @spacer * 0.5 !important; }\n.mb-m { margin-bottom: @spacer * 1 !important; }\n.mb-l { margin-bottom: @spacer * 2 !important; }\n" }, { "path": "src/style/utils-text.less", "content": ".text{\n font-size: 1rem;\n}\n.text-2x{\n font-size: 2rem;\n}\n.text-3x{\n font-size: 3rem;\n}\n.text-4x{\n font-size: 4rem;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-right {\n text-align: right;\n}\n\n.text-danger,\n.text-danger-hover a:hover {\n color: #f44455 !important;\n}\n.text-dark,\n.text-dark-hover a:hover {\n color: #2e3e4e !important;\n}\n.text-info,\n.text-info-hover a:hover {\n color: #6887ff !important;\n}\n.text-success,\n.text-success-hover a:hover {\n color: #6cc788 !important;\n}\n.text-blue,\n.text-blue-hover a:hover {\n color: #2196f3 !important; }\n" }, { "path": "src/style/variables.less", "content": "@full-black: \t\trgba(0, 0, 0, 1);\n@dark-black: \t\trgba(0, 0, 0, 0.87);\n@light-black: \t\trgba(0, 0, 0, 0.54);\n@min-black: \t\trgba(0, 0, 0, 0.065);\n\n@full-white: \t\trgba(255, 255, 255, 1);\n@dark-white: \t\trgba(255, 255, 255, 0.87);\n@light-white: \t\trgba(255, 255, 255, 0.54);\n@min-white: \t\trgba(255, 255, 255, 0.1);\n\n@primary: #0cc2aa;\n@accent: #a88add;\n@warn: #fcc100;\n\n@info: #6887ff;\n@success: #6cc788;\n@warning: #f77a99;\n@danger: #f44455;\n\n@light: #f8f8f8;\n@grey: #424242;\n@dark: #2e3e4e;\n@black:\t\t\t\t#2a2b3c;\n@white:\t\t\t\t#ffffff;\n\n@primary-color: @dark-white;\n@accent-color:\t\t@dark-white;\n@warn-color:\t\t@dark-white;\n@success-color:\t\t@dark-white;\n@info-color:\t\t@dark-white;\n@warning-color:\t\t@dark-white;\n@danger-color: \t@dark-white;\n@light-color:\t\t@dark-black;\n@grey-color:\t\t@dark-white;\n@dark-color:\t\t@dark-white;\n@black-color:\t\t@dark-white;\n\n@border-color:\t \trgba(120, 130, 140, 0.13);\n\n@spacer: 1rem;" }, { "path": "src/utils/hooks.ts", "content": "/*\n * File: hooks.ts\n * Desc: 自定义hooks\n * File Created: 2020-08-24 22:45:40\n * Author: yezi\n * ------\n * Copyright 2020 - present, yezi\n */\nimport { useState } from 'react';\n\ninterface ITurn {\n turnOn: () => void;\n turnOff: () => void;\n setSwitcher: React.Dispatch>;\n}\n/**\n * 布尔开关\n * @param init\n */\nexport function useSwitch(init: boolean = false): [boolean, ITurn] {\n const [switcher, setSwitcher] = useState(init);\n const turnOn = () => setSwitcher(true);\n const turnOff = () => setSwitcher(false);\n return [switcher, { turnOn, turnOff, setSwitcher }];\n}\n" }, { "path": "src/utils/index.ts", "content": "/**\n * Created by hao.cheng on 2017/4/28.\n */\nimport queryString from 'query-string';\n/**\n * 获取URL参数\n */\nexport function parseQuery() {\n return queryString.parseUrl(window.location.href).query;\n}\n\n/**\n * 校验是否登录\n * @param permits\n */\nexport const checkLogin = (permits: any): boolean =>\n (process.env.NODE_ENV === 'production' && !!permits) || process.env.NODE_ENV === 'development';\n" }, { "path": "theme.js", "content": "const path = require('path');\nconst { generateTheme } = require('antd-theme-generator');\n\nconst options = {\n antDir: path.join(__dirname, './node_modules/antd'),\n stylesDir: path.join(__dirname, './src/style/antd'),\n varFile: path.join(__dirname, './src/style/antd/variables.less'),\n mainLessFile: path.join(__dirname, './src/style/antd/index.less'),\n indexFileName: 'index.html',\n outputFilePath: path.join(__dirname, './public/theme.less'),\n}\n\ngenerateTheme(options).then(less => {\n console.log('Theme generated successfully');\n}).catch(error => {\n console.log('Error', error);\n});" }, { "path": "tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"es5\",\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"esnext\"\n ],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"esModuleInterop\": true,\n \"allowSyntheticDefaultImports\": true,\n \"strict\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"noEmit\": true,\n \"jsx\": \"react\"\n },\n \"include\": [\n \"src\"\n ]\n}\n" } ]