@antv/dumi-theme-antv 0.2.2 → 0.3.0-beta.1

package/package.json

@@ -1,63 +1,124 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.2.2",
-  "description": "The official antv site theme of dumi",
-  "files": [
-    "es",
-    "src"
+  "version": "0.3.0-beta.1",
+  "description": "AntV website theme based on dumi2.",
+  "types": "dist/types.d.ts",
+  "scripts": {
+    "dev": "father dev",
+    "build": "father build",
+    "prepare": "father link-dev-theme",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "dumi",
+    "dumi-theme",
+    "dumi-theme-antv"
   ],
-  "sideEffects": [
-    "*.less",
-    "*.module.less",
-    "*.css"
+  "authors": [
+    "dumi",
+    "antv"
   ],
-  "scripts": {
-    "start": "father build --watch",
-    "build": "father build"
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
   },
-  "homepage": "https://github.com/antvis/dumi-theme-antv",
-  "authors": [],
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@umijs/preset-dumi": "latest",
-    "antd": "^4.19.5",
-    "dumi": "^1.1.40",
-    "i18next": "^21.6.14",
-    "lodash": "^4.17.21",
-    "lodash.throttle": "^4.1.1",
-    "omit.js": "^2.0.2",
+    "@babel/standalone": "^7.19.5",
+    "@docsearch/css": "^3.3.0",
+    "@docsearch/react": "^3.3.0",
+    "@monaco-editor/react": "^4.4.6",
+    "@stackblitz/sdk": "^1.8.0",
+    "antd": "^4.23.5",
+    "classnames": "^2.3.2",
+    "codesandbox": "^2.2.3",
+    "docsearch.js": "^2.6.3",
+    "dumi": "^2.0.0-beta.11",
+    "front-matter": "^4.0.2",
+    "fs-extra": "^10.1.0",
+    "glob": "^8.0.3",
+    "indent-string": "^5.0.0",
+    "insert-css": "^2.0.0",
+    "lodash-es": "^4.17.21",
+    "monaco-editor": "^0.25.0",
     "parse-github-url": "^1.0.2",
-    "prism-react-renderer": "^1.1.1",
-    "prismjs": "^1.21.0",
+    "rc-drawer": "^4.0.0",
     "rc-footer": "^0.6.6",
-    "rc-motion": "^2.4.1",
-    "rc-tabs": "^11.7.1",
-    "rc-tree": "^5.2.0",
-    "react": "^17.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-github-button": "^0.1.11",
-    "react-i18next": "^11.16.2",
-    "react-slick": "^0.28.1",
-    "react-use": "^17.3.2",
-    "slick-carousel": "^1.8.1"
+    "react-router-dom": "^6.4.2",
+    "react-slick": "^0.29.0",
+    "react-split-pane": "^0.1.92",
+    "react-use": "^17.4.0",
+    "reading-time": "^1.5.0",
+    "slick-carousel": "^1.8.1",
+    "uri-parse": "^1.0.0"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/antvis/dumi-theme-antv.git",
-    "directory": "src"
+  "peerDependencies": {
+    "dumi": "^2.0.0-beta.14",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.3",
-    "@testing-library/react": "^10.4.8",
-    "@types/react": "^17.0.43",
-    "father": "^2.30.17",
-    "react-test-renderer": "^16.13.1"
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/classnames": "^2.3.1",
+    "@types/fs-extra": "^9.0.13",
+    "@types/glob": "^8.0.0",
+    "@types/lodash-es": "^4.17.6",
+    "@types/node": "^18.11.3",
+    "@types/react": "^18.0.21",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-slick": "^0.23.10",
+    "@umijs/lint": "^4.0.0",
+    "dumi": "^2.0.0-beta.14",
+    "eslint": "^8.23.0",
+    "father": "^4.1.0",
+    "father-plugin-dumi-theme": "^1.0.0-beta.1",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.0.0",
+    "prettier-plugin-packagejson": "^2.2.18",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "stylelint": "^14.9.1"
   },
-  "peerDependencies": {
-    "react": "^17.x",
-    "react-dom": "^17.x"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antvis/dumi-theme-antv"
   },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
+  "bugs": {
+    "url": "https://github.com/antvis/dumi-theme-antv/issues"
+  },
+  "homepage": "https://github.com/antvis/dumi-theme-antv#readme"
 }

package/es/antv/404/index.d.ts

@@ -1,2 +0,0 @@
-declare const NotFoundPage: () => JSX.Element;
-export default NotFoundPage;

package/es/antv/Banner/Banner.module.less

@@ -1,412 +0,0 @@
-@import '../mixins';
-.container1440() {
-  width: 1440px;
-  max-width: calc(100% - 80px);
-  margin-left: auto;
-  margin-right: auto;
-
-  @media only screen and (max-width: 931.99px) {
-    & {
-      max-width: calc(100% - 60px);
-    }
-  }
-
-  @media only screen and (max-width: 767.99px) {
-    & {
-      max-width: calc(100% - 32px);
-    }
-  }
-}
-
-.wrapper {
-  min-height: 650px;
-  max-height: 803px;
-  background: linear-gradient(225deg, #ffffff, #f0f5ff);
-  height: calc(94vh);
-  position: relative;
-  overflow: hidden;
-  .content {
-    .container1440;
-    height: 100%;
-    position: relative;
-  }
-  .text {
-    position: relative;
-    top: 26%;
-    z-index: 1;
-    margin-left: 4.5%;
-    .title {
-      font-size: 3.4em; //2.875em;
-      font-weight: 800;
-      color: rgba(0, 0, 0, 1);
-      position: relative;
-    }
-    .description {
-      margin-top: 0.83%; //12px;
-      margin-bottom: 0px;
-      color: rgba(106, 123, 140, 1);
-      font-size: 1.14em;
-      font-weight: 200;
-      position: relative;
-      width: 40%;
-      max-width: 700px;
-    }
-    .buttons {
-      display: flex;
-      margin-top: 5.56%;
-
-      .buttonLink + .buttonLink {
-        margin-left: 16px;
-      }
-
-      .buttonLink {
-        cursor: pointer;
-        border-radius: 50px;
-        min-width: 134px;
-        padding-left: 15px;
-        padding-right: 15px;
-        height: 40px;
-        z-index: 10;
-        position: relative;
-        transition: all 0.3s;
-        border: 1px solid @primary-color;
-        color: @primary-color;
-        background: transparent;
-        text-align: center;
-        font-size: 1.14em;
-        line-height: 40px;
-
-        &:hover {
-          color: tint(@primary-color, 25%);
-          border: 1px solid tint(@primary-color, 25%);
-          background-color: fade(@primary-color, 3%);
-        }
-
-        &.primary {
-          border: none;
-          outline: none;
-          color: #fff;
-          background: linear-gradient(60deg, fade(@primary-color, 70%), shade(@primary-color, 20%));
-          opacity: 0.8;
-          box-shadow: 0 8px 10px fade(@primary-color, 20%);
-
-          &:hover {
-            opacity: 1;
-          }
-        }
-      }
-      .videoButtonWrapper {
-        margin-left: 16px;
-        width: fit-content;
-        height: fit-content;
-        .videoButton {
-          width: 40px;
-          height: 40px;
-          background-size: contain;
-          border: 1px solid @primary-color;
-          border-radius: 20px;
-          transition: all 0.15s;
-          display: flex;
-          cursor: pointer;
-          overflow: hidden;
-          .videoButtonIcon {
-            margin-left: 12px;
-            font-size: 16px;
-            color: @primary-color;
-            line-height: 44px;
-          }
-          .videoButtonText {
-            line-height: 40px;
-            margin-left: 10px;
-            color: @primary-color;
-          }
-          &:hover {
-            width: 134px;
-          }
-        }
-      }
-      .githubWrapper {
-        margin-left: 16px;
-        display: flex;
-        :global {
-          .gh-btn {
-            width: 40px;
-            height: 40px;
-            border-radius: 20px;
-            padding: 9px;
-            border: 1px solid #ced4d9;
-            background: transparent;
-            text-decoration: none;
-            white-space: nowrap;
-            display: flex;
-            cursor: pointer;
-            float: left;
-            transition: all 0.15s;
-            &:hover {
-              background: #f2f4f5;
-            }
-            .gh-ico {
-              width: 16px;
-              height: 16px;
-              margin-left: 2px;
-              margin-top: 2px;
-              background-image: url(https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*Nk9mQ48ZoZMAAAAAAAAAAABkARQnAQ);
-              background-size: 100% 100%;
-              background-repeat: no-repeat;
-              box-sizing: border-box;
-              cursor: pointer;
-              color: #333;
-            }
-            .gh-text {
-              display: none;
-            }
-          }
-          .gh-count {
-            position: relative;
-            display: none;
-            /* hidden to start */
-            margin-left: 52px;
-            margin-top: 7px;
-            border: 1px solid #d4d4d4;
-            padding: 2px 10px;
-            font-weight: 700;
-            height: 65%;
-            border-radius: 5px;
-            color: rgb(49, 70, 89);
-            &:hover {
-              background: #f2f4f5;
-              transition: all 0.15s;
-            }
-          }
-          .gh-count:hover,
-          .gh-count:focus {
-            color: #4183c4;
-          }
-          .gh-count:before,
-          .gh-count:after {
-            content: '';
-            position: absolute;
-            display: inline-block;
-            width: 0;
-            height: 0;
-            border-color: transparent;
-            border-style: solid;
-          }
-          .gh-count:before {
-            top: 50%;
-            left: -3px;
-            margin-top: -5px;
-            border-width: 4px 4px 4px 0;
-            border-right-color: #fafafa;
-          }
-          .gh-count:after {
-            top: 50%;
-            border-width: 5px 5px 5px 0;
-            border-right-color: #d4d4d4;
-            left: -5px;
-            z-index: -1;
-            margin-top: -6px;
-          }
-        }
-      }
-    }
-  }
-  .notifications {
-    width: 80%;
-    display: flex;
-    bottom: 40px;
-    position: absolute;
-    z-index: 3;
-    margin-left: 4.5%;
-  }
-  .teaser {
-    display: flex;
-    position: absolute;
-    right: 0;
-    margin-top: -300px;
-    width: 52%;
-    max-width: 598px;
-    height: 324px;
-    margin: auto;
-    margin-top: 0;
-    top: 0;
-    bottom: 0;
-    .teaserimg {
-      width: 100%;
-      height: auto;
-      position: relative;
-    }
-  }
-  .backLeftBottom {
-    position: absolute;
-    left: -8%;
-    bottom: -20px;
-  }
-}
-.videoModal {
-  :global {
-    .video-react-big-play-button {
-      display: none !important;
-    }
-    .video-react-control-bar {
-      border-radius: 0 0 4px 4px;
-    }
-    .video-react {
-      border-radius: 4px;
-      .video-react-video {
-        border-radius: 4px;
-      }
-    }
-    .ant-modal-close {
-      right: -50px;
-      top: -12px;
-      color: #fff;
-    }
-    .anticon-info-circle {
-      display: none !important;
-    }
-    .ant-modal-confirm-btns {
-      display: none !important;
-    }
-    .ant-modal-confirm-title {
-      display: none !important;
-    }
-    .ant-modal-close {
-      display: block !important;
-    }
-    .ant-modal-body {
-      padding: 0 !important;
-      .ant-modal-confirm-content {
-        margin: 0 !important;
-      }
-    }
-  }
-}
-
-@media (max-width: 1144px) {
-  .wrapper {
-    .teaser {
-      transition: 0.3s all;
-      margin: auto;
-      margin-top: 0;
-      top: 0;
-      bottom: 0;
-    }
-  }
-}
-
-@media (max-width: 900px) {
-  .wrapper {
-    .content {
-      width: 91.46%;
-      margin-left: 4.27%;
-      margin-bottom: 5%;
-      position: relative;
-    }
-    .text {
-      top: 16.7%;
-      text-align: center;
-      margin-left: 0;
-      .title {
-        font-size: 2.857em;
-        margin-left: 0;
-      }
-      .description {
-        width: 100%;
-        max-width: 100%;
-        margin-left: 0;
-        font-size: 1em;
-      }
-      .buttons {
-        display: inline-flex;
-        .more {
-          font-size: 1em;
-        }
-        .githubIframe {
-          height: 40px;
-        }
-        .videoButtonWrapper {
-          width: fit-content;
-          height: fit-content;
-        }
-      }
-    }
-    .notifications {
-      width: 100%;
-      display: block;
-      bottom: 20px;
-      height: 44px;
-      overflow: hidden;
-    }
-    .teaser {
-      width: 100%;
-      max-width: 1200px;
-      margin-top: auto;
-      margin-left: unset;
-      margin-right: unset;
-      right: unset;
-      top: 30%;
-      display: flex;
-      justify-content: center;
-      .teaserimg {
-        width: 40%;
-        margin-left: unset;
-        margin-right: unset;
-      }
-    }
-  }
-}
-
-@media (max-width: 786px) {
-  .wrapper {
-    .text {
-      .buttons {
-        .videoButtonWrapper {
-          display: none;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: 510px) {
-  .wrapper {
-    .text {
-      .buttons {
-        margin-top: 70%;
-        .githubWrapper {
-          display: none;
-        }
-      }
-    }
-    .teaser {
-      width: 100%;
-      top: 5%;
-      .teaserimg {
-        width: 100%;
-      }
-    }
-    .backLeftBottom {
-      display: none;
-    }
-  }
-}
-@media (max-width: 480px) {
-  .wrapper {
-    .text {
-      height: 70%;
-      .buttons {
-        bottom: 10px;
-        margin-top: unset;
-        z-index: 1;
-        position: absolute;
-        left: 0;
-        width: 100%;
-        justify-content: center;
-      }
-    }
-    .teaser {
-      top: 14%;
-    }
-  }
-}

package/es/antv/Banner/Notification.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface NotificationProps {
-    index?: number;
-    type: string;
-    title: string;
-    date: string;
-    link: string;
-}
-declare const Notification: React.FC<NotificationProps>;
-export default Notification;

package/es/antv/Banner/Notification.module.less

@@ -1,108 +0,0 @@
-.notification {
-  width: 50%;
-  margin-right: 2%;
-
-  &:last-child {
-    margin-right: 0;
-  }
-
-  .container {
-    height: 44px;
-    display: flex;
-    .number {
-      height: 100%;
-      width: 44px;
-    }
-    .content {
-      padding-left: 20px;
-      color: rgba(49, 70, 89, 1);
-      text-align: left;
-      .description {
-        top: 0;
-        font-size: 1.14em;
-        margin-bottom: 0;
-        transition: all 0.3s;
-      }
-      .date {
-        color: rgba(216, 203, 249, 1);
-        bottom: 0;
-        font-size: 1em;
-        margin-top: 4px;
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &:hover .description {
-    color: rgba(89, 126, 247, 1);
-  }
-}
-
-@media (max-width: 900px) {
-  .notification {
-    position: absolute;
-    width: 100%;
-
-    &:nth-child(1) {
-      animation: showAndHide0 6s infinite;
-    }
-
-    &:nth-child(2) {
-      top: 44px;
-      animation: showAndHide1 6s infinite;
-    }
-  }
-}
-
-@media (max-width: 768px) {
-  .notification {
-    width: 100%;
-  }
-}
-
-@keyframes showAndHide0 {
-  0% {
-    opacity: 1;
-    top: 0px;
-  }
-  33.3% {
-    opacity: 1;
-    top: 0px;
-  }
-  50% {
-    opacity: 0;
-    top: -30px;
-  }
-  83.3% {
-    opacity: 0;
-    top: 30px;
-  }
-  100% {
-    opacity: 1;
-    top: 0px;
-  }
-}
-
-/* Standard syntax */
-@keyframes showAndHide1 {
-  0% {
-    opacity: 0;
-    top: 30px;
-  }
-  33.3% {
-    opacity: 0;
-    top: 30px;
-  }
-  50% {
-    opacity: 1;
-    top: 0px;
-  }
-  83.3% {
-    opacity: 1;
-    top: 0px;
-  }
-  100% {
-    opacity: 0;
-    top: -30px;
-  }
-}