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

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

@@ -1,25 +0,0 @@
-import React from "react";
-import { NotificationProps } from "./Notification";
-declare type BannerButtonShape = "round" | "square";
-interface BannerButton {
-    text: string;
-    link: string;
-    style?: React.CSSProperties;
-    type?: string;
-    shape?: BannerButtonShape;
-}
-interface BannerProps {
-    coverImage?: React.ReactNode;
-    title: string;
-    description: string;
-    notifications?: NotificationProps[];
-    style?: React.CSSProperties;
-    className?: string;
-    video?: string;
-    showGithubStars?: boolean;
-    buttons?: BannerButton[];
-    onCloseVideo?: () => void;
-    onPlayVideo?: () => void;
-}
-declare const Banner: React.FC<BannerProps>;
-export default Banner;

package/es/antv/Banner/index.js

@@ -1,104 +0,0 @@
-import classNames from "classnames";
-import { context } from "dumi/theme";
-import gh from "parse-github-url";
-import React, { useContext } from "react";
-import GitHubButton from "react-github-button"; //@ts-ignore
-
-import styles from "./Banner.module.less";
-import Notification from "./Notification";
-var backLeftBottom = "https://gw.alipayobjects.com/zos/basement_prod/441d5eaf-e623-47cd-b9b9-2a581d9ce1e3.svg";
-
-var Banner = function Banner(_ref) {
-  var coverImage = _ref.coverImage,
-      title = _ref.title,
-      description = _ref.description,
-      notifications = _ref.notifications,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      className = _ref.className,
-      _ref$showGithubStars = _ref.showGithubStars,
-      showGithubStars = _ref$showGithubStars === void 0 ? true : _ref$showGithubStars,
-      _ref$buttons = _ref.buttons,
-      buttons = _ref$buttons === void 0 ? [] : _ref$buttons;
-
-  var _useContext = useContext(context),
-      repository = _useContext.config.repository;
-
-  var githubUrl = repository.url;
-  var notificationsNode = notifications.slice(0, 2).map(function (notification, i) {
-    return /*#__PURE__*/React.createElement(Notification, Object.assign({
-      index: i,
-      key: i
-    }, notification));
-  });
-  var renderButtons = buttons.map(function (button, i) {
-    var ButtonLink = "a";
-    var buttonProps = {};
-
-    if (button.link.startsWith("http")) {
-      buttonProps.target = "_blank";
-      buttonProps.rel = "noopener noreferrer";
-    }
-
-    if (ButtonLink === "a") {
-      buttonProps.href = button.link;
-    } else {
-      buttonProps.to = button.link;
-    }
-
-    var _button$shape = button.shape,
-        shape = _button$shape === void 0 ? "round" : _button$shape;
-    return /*#__PURE__*/React.createElement(ButtonLink, Object.assign({}, buttonProps, {
-      className: classNames(styles.buttonLink, styles[button.type || ""], button.type === "primary" ? "primary-button" : "common-button"),
-      key: i,
-      style: Object.assign({
-        borderRadius: shape === "round" ? "1000px" : "4px"
-      }, button.style)
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles.button
-    }, button.text));
-  });
-
-  if (showGithubStars) {
-    var githubObj = gh(githubUrl);
-
-    if (githubObj && githubObj.owner && githubObj.name) {
-      renderButtons.push( /*#__PURE__*/React.createElement("div", {
-        key: "github",
-        className: styles.githubWrapper
-      }, /*#__PURE__*/React.createElement(GitHubButton, {
-        type: "stargazers",
-        size: "large",
-        namespace: githubObj.owner,
-        repo: githubObj.name
-      })));
-    }
-  }
-
-  return /*#__PURE__*/React.createElement("section", {
-    className: classNames(styles.wrapper, className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.content
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.text
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.title, "banner-title")
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.description, "banner-description")
-  }, description), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.buttons, "banner-buttons")
-  }, renderButtons)), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.notifications, "notifications")
-  }, notificationsNode), /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.teaser, "teaser")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.teaserimg, "teaser-img")
-  }, coverImage)), /*#__PURE__*/React.createElement("img", {
-    className: styles.backLeftBottom,
-    src: backLeftBottom,
-    alt: "back"
-  })));
-};
-
-export default Banner;

package/es/antv/Cases/Cases.module.less

@@ -1,203 +0,0 @@
-@import '../mixins';
-.wrapper {
-  height: 667px;
-  margin: auto;
-  position: relative;
-  padding: 0;
-  overflow: hidden;
-  background: rgba(250, 251, 252, 1);
-  .slider {
-    .container1440;
-  }
-  .appWrapper {
-    margin-left: 5%;
-    margin-bottom: 5%;
-    width: 83.88%;
-    height: 100%;
-    overflow-y: hidden;
-    display: flex;
-    .appLeft {
-      margin-left: 3.06%;
-      width: 35%;
-      margin-top: 8%;
-      height: 613px;
-      .appContent {
-        height: fit-content;
-        position: relative;
-        .appLogo {
-          height: 80px;
-        }
-        .appTitle {
-          font-size: 1.2857em;
-          font-weight: 500;
-          margin: 48px 0 0 0;
-          position: relative;
-          height: min-content;
-          color: rgba(0, 0, 0, 1);
-          user-select: text;
-        }
-        .appDescription {
-          color: rgba(105, 123, 140, 0.6);
-          font-size: 1em;
-          margin: 16px 0 0 0;
-          user-select: text;
-        }
-        .detailWrapper {
-          margin: 20px 0 0 0;
-          .detail {
-            color: @primary-color;
-            font-size: 1em;
-          }
-        }
-      }
-      .buttons {
-        cursor: pointer;
-        position: absolute;
-        display: flex;
-        bottom: 30%;
-        height: 100px;
-        .controlButton {
-          width: 47px;
-          height: 47px;
-          line-height: 47px;
-          border: 1px solid #a3b1bf;
-          transition: all 0.3s;
-          &:hover {
-            border: 1px solid #ced4d9;
-            fill: #000000;
-          }
-          &:hover :only-child {
-            color: #ced4d9;
-          }
-          .controlButtonIcon {
-            width: 100%;
-            color: #a3b1bf;
-            transition: all 0.3s;
-          }
-        }
-        .nextButton {
-          width: 47px;
-          margin-left: -1px;
-          background-image: url('https://gw.alipayobjects.com/zos/basement_prod/27ce6e21-bbb6-4490-8326-43483ac39e0b.svg');
-          background-size: 100% 100%;
-          &:hover {
-            background-image: url('https://gw.alipayobjects.com/zos/basement_prod/4d1f0d0a-4e56-4f21-a9aa-06b2f8c3e18e.svg');
-          }
-        }
-      }
-    }
-  }
-}
-.appTeaser {
-  position: absolute;
-  height: 667px;
-  left: 50%;
-  right: 0;
-}
-
-.slider {
-  height: 100%;
-  :global {
-    .slick-dots {
-      display: none;
-    }
-  }
-}
-
-:global {
-  .slick-current {
-    z-index: 2 !important;
-  }
-}
-
-@media (max-width: 1200px) {
-  .wrapper {
-    .appWrapper {
-      .appLeft {
-        width: 270px;
-      }
-    }
-  }
-  .appTeaser {
-    position: absolute;
-    width: 857px;
-    left: 350px;
-  }
-}
-
-@media (max-width: 768px) {
-  .wrapper {
-    width: 100%;
-    height: fit-content;
-    .slider {
-      width: 100%;
-      max-width: 100%;
-      margin-left: 0;
-      margin-right: 0;
-    }
-    .appWrapper {
-      width: 100%;
-      padding-bottom: 150px;
-      margin-left: 0;
-      flex-direction: column;
-      text-align: center;
-      .appLeft {
-        height: 286px;
-        margin-left: 4.27%;
-        width: 91.47%;
-        margin-top: 64px;
-        .appContent {
-          width: 90%;
-          margin-left: 5%;
-          .appLogo {
-            position: absolute;
-            top: -36px;
-            left: 50%;
-            transform: translateX(-40px);
-          }
-          .appTitle {
-            padding-top: 76px;
-          }
-          .detailWrapper {
-            margin-top: 40px;
-            .detail {
-              font-size: 1em;
-            }
-          }
-        }
-        .buttons {
-          display: none;
-          position: absolute;
-          bottom: 60px;
-          left: 50%;
-          height: 100px;
-          transform: translateX(-47px);
-          width: 92%;
-        }
-      }
-      .appTeaser {
-        left: 0;
-        margin-top: 60px;
-        margin-bottom: 40px;
-        margin-left: 4.06%;
-        width: 91.47%;
-        height: auto;
-        position: relative;
-      }
-    }
-  }
-
-  .slider {
-    height: 100%;
-    :global {
-      .slick-dots {
-        display: block;
-        bottom: 100px;
-      }
-      .slick-dots li.slick-active button:before {
-        opacity: 1;
-        color: #1890ff;
-      }
-    }
-  }
-}

package/es/antv/Features/FeatureCard.module.less

@@ -1,51 +0,0 @@
-.card {
-  background-color: #fff;
-  height: auto;
-  .content {
-    padding-left: 15.9%;
-    padding-right: 15.9%;
-    .icon {
-      height: 60px;
-    }
-    .title {
-      font-size: 1.714em;
-      color: #000;
-      margin-top: 40px;
-      margin-bottom: 0;
-    }
-    .description {
-      opacity: 0.6;
-      width: 100%;
-      color: rgba(105, 123, 140, 1);
-      font-size: 1em;
-      line-height: 1.8em;
-      margin-top: 24px;
-      margin-bottom: 0;
-    }
-  }
-}
-
-@media (max-width: 768px) {
-  .cards {
-    .cardWrapper {
-      .card {
-        margin: 84px 19px 80px 19px;
-        .content {
-          .icon {
-            width: 25.6%;
-          }
-          .title {
-            font-size: 1.4em;
-            margin-top: 28px;
-          }
-          .description {
-            font-size: 1em;
-            padding-bottom: 0px;
-            padding-top: 0px;
-            margin-top: 12px;
-          }
-        }
-      }
-    }
-  }
-}

package/es/antv/Features/Features.module.less

@@ -1,169 +0,0 @@
-@import '../mixins';
-
-.wrapper {
-  display: flex;
-  margin: auto;
-  position: relative;
-  flex-direction: column;
-  padding: 0;
-  background: rgb(240, 245, 250);
-  height: auto;
-  overflow-x: hidden;
-  .content {
-    width: 95.8%;
-    height: 100%;
-    margin-left: 4.2%;
-    margin-bottom: 5%;
-    position: relative;
-    .container1440;
-  }
-  .title {
-    font-size: 2.8em;
-    padding-left: 4.06%;
-    font-weight: 500;
-    margin: 48px 0 0 0;
-    position: relative;
-    height: min-content;
-    color: #fff;
-  }
-  .slicerbarv {
-    display: none;
-  }
-  .slicerbarv2 {
-    display: none;
-  }
-  .lefttop {
-    background: linear-gradient(130deg, fade(@primary-color, 70%), shade(@primary-color, 20%));
-    width: 100%;
-    top: 0;
-    position: absolute;
-  }
-  .lefttopWithTitle {
-    height: 60%;
-  }
-  .lefttopWithoutTitle {
-    height: 75%;
-  }
-  .rightbottom {
-    position: absolute;
-    width: 95.83%;
-    left: 4.17%;
-    top: 144px;
-    background: #fff;
-    height: 65%;
-    box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1);
-  }
-  .rightbottomWithoutTitle {
-    top: 48px;
-    height: 75%;
-  }
-  .cardsContainer {
-    width: 100%;
-    height: 65%;
-    margin-top: 48px;
-    position: relative;
-    .cards {
-      display: flex;
-      text-align: center;
-      position: relative;
-      width: -webkit-fill-available;
-      flex-wrap: wrap;
-      margin-left: 4.06%;
-      .cardWrapper {
-        margin: 68px 0 93px 0;
-        border-right: 1px solid rgba(0, 0, 0, 0.1);
-        &:last-child {
-          border-right: 0px;
-        }
-      }
-    }
-  }
-}
-.dot {
-  position: absolute;
-  width: 3px;
-  height: 3px;
-  border-radius: 50%;
-  background: #d8d8d8;
-  display: none;
-}
-
-@media (max-width: 768px) {
-  .wrapper {
-    width: 100%;
-    .lefttop {
-      left: 0px;
-      height: 100%;
-      width: 100%;
-    }
-    .rightbottom {
-      height: 79.5%;
-      margin-top: 48px;
-      .slicerbarv {
-        position: absolute;
-        background-color: #f2f4f5;
-        width: 1px;
-        height: 100%;
-        margin-left: 3%;
-        display: block;
-        z-index: 1;
-      }
-      .slicerbarv2 {
-        margin-left: 92.2%; // 1 - (0.96 * 0.04 + 0.04)
-      }
-      .slicerbarh {
-        position: absolute;
-        background-color: #f2f4f5;
-        width: 100%;
-        height: 1px;
-        display: block;
-        margin-top: 45px;
-      }
-      .slicerbarh2 {
-        margin-top: 395px;
-      }
-      .slicerbarh3 {
-        margin-top: 745px;
-      }
-      .slicerbarh4 {
-        margin-top: 1095px;
-      }
-    }
-
-    .rightbottomWithoutTitle {
-      top: 48px;
-      height: 86.5%;
-    }
-    .lefttopWithTitle {
-      height: 95.73%;
-    }
-    .lefttopWithoutTitle {
-      height: 95.73%;
-    }
-    .content {
-      .title {
-        font-size: 2.143rem;
-        margin: 80px 0 60px 0;
-      }
-      .cardsContainer {
-        margin-bottom: 70px;
-        .cards {
-          margin-top: 60px;
-          margin-left: 3.34%;
-          padding-top: 45px;
-          padding-bottom: 45px;
-          .cardWrapper {
-            margin: 68px 0 68px 0;
-            width: 100%;
-            height: 216px;
-            border-right: 0px;
-          }
-        }
-      }
-    }
-  }
-  .dot {
-    display: block;
-    z-index: 2;
-  }
-}

package/es/antv/Footer/Footer.module.less

@@ -1,36 +0,0 @@
-@import '../mixins';
-
-.footer {
-  font-family: Avenir, @font-family;
-
-  :global(.rc-footer-container),
-  :global(.rc-footer-bottom-container) {
-    .container1440;
-  }
-
-  .description {
-    opacity: 0.6;
-    font-weight: normal;
-    margin-left: 0.5em;
-  }
-
-  .bottom {
-    display: flex;
-    justify-content: space-between;
-    font-size: 14px;
-
-    :global(.anticon),
-    a {
-      margin-right: 8px;
-      color: rgba(255, 255, 255, 0.6);
-    }
-  }
-}
-
-@media only screen and (max-width: 767.99px) {
-  .footer {
-    .bottom {
-      display: block;
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-import { FooterProps as RcFooterProps } from "rc-footer";
-import "rc-footer/assets/index.less";
-import React from "react";
-export declare const OLD_SITE_DOMAIN = "https://antv-2018.alipay.com";
-interface FooterProps extends RcFooterProps {
-    rootDomain?: string;
-    language?: string;
-    githubUrl?: string;
-    location: Location;
-}
-declare const Footer: React.FC<FooterProps>;
-export default Footer;