@antv/dumi-theme-antv 0.7.9 → 0.8.0-alpha.3

package/dist/{pages/Index/components → slots}/Detail/News.module.less

@@ -1,9 +1,9 @@
 .news {
   width: 50%;
   margin-right: 2%;
-  background-color: #ffffff;
+  background-color: #fff;
   border: 1px solid #e5e8ef;
-  box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 5%);
   border-radius: 16px;
   height: 100%;
   font-size: 14px;
@@ -91,13 +91,13 @@
 @keyframes showAndHide0 {
   0% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 
   33.3% {
     opacity: 0;
-    top: 0px;
+    top: 0;
     z-index: 0;
   }
 
@@ -109,7 +109,7 @@
 
   100% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 }
@@ -123,13 +123,13 @@
 
   33.3% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 
   66.6% {
     opacity: 0;
-    top: 0px;
+    top: 0;
     z-index: 0;
   }
 
@@ -155,13 +155,13 @@
 
   66.6% {
     opacity: 1;
-    top: 0px;
+    top: 0;
     z-index: 1;
   }
 
   100% {
     opacity: 0;
-    top: 0px;
+    top: 0;
     z-index: 0;
   }
 }

package/dist/{pages/Index/components → slots}/Detail/index.js

@@ -1,11 +1,11 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "style", "title", "engine", "description", "image", "imageStyle", "githubUrl", "showGithubStars", "buttons", "news"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -20,8 +20,10 @@ import gh from 'parse-github-url';
 import React, { useEffect, useState } from 'react';
 import GitHubButton from 'react-github-button';
 import { News } from "./News";
-import { ic } from "../../../../slots/hooks";
+import { ic } from "../hooks";
 import styles from "./index.module.less";
+import { HomeDialog } from "../../components/AI/HomeDialog";
+import { getBaseSiteDataUrl } from "../../utils/env";
 /**
  * Index.技术栈的描述区域！
  * 各自配置
@@ -47,7 +49,7 @@ export var Detail = function Detail(_ref) {
     setRemoteNews = _useState2[1];
   var lang = useLocale().id;
   useEffect(function () {
-    fetch('https://assets.antv.antgroup.com/antv/banner-messages.json' // 生产环境
+    fetch("".concat(getBaseSiteDataUrl(), "/antv/banner-messages.json") // 生产环境
     // 'https://site-data-pre.alipay.com/antv/banner-messages.json', // 预发测试
     ).then(function (res) {
       return res.json();
@@ -67,37 +69,15 @@ export var Detail = function Detail(_ref) {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.text
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.titleButtons
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.title, 'detail-title')
   }, /*#__PURE__*/React.createElement("span", {
     className: cx(styles.engine, 'detail-engine')
   }, engineText), ic(title).replace(engineText, '')), /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.description, 'detail-description')
-  }, ic(description)), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.buttons, 'detail-buttons')
-  }, buttons.map(function (_ref2) {
-    var type = _ref2.type,
-      style = _ref2.style,
-      text = _ref2.text,
-      link = _ref2.link,
-      shape = _ref2.shape,
-      icon = _ref2.icon;
-    return /*#__PURE__*/React.createElement("a", {
-      key: ic(text),
-      className: cx(styles.buttonLink, styles[type || ''], type === 'primary' ? 'primary-button' : 'common-button'),
-      style: _objectSpread({
-        borderRadius: shape === 'round' ? '1000px' : '12px'
-      }, style),
-      href: link[lang] ? link[lang] : link
-    }, icon !== null && /*#__PURE__*/React.createElement("div", {
-      className: styles.icon,
-      style: icon ? {
-        backgroundImage: "url(".concat(icon, ")")
-      } : {}
-    }), /*#__PURE__*/React.createElement("span", {
-      className: styles.button
-    }, ic(text)));
-  }), showGitHubStarsButton && /*#__PURE__*/React.createElement("div", {
+  }, showGitHubStarsButton && /*#__PURE__*/React.createElement("div", {
     key: "github",
     className: styles.githubWrapper
   }, /*#__PURE__*/React.createElement(GitHubButton, {
@@ -105,7 +85,11 @@ export var Detail = function Detail(_ref) {
     size: "large",
     namespace: githubObj.owner,
     repo: githubObj.name
-  })))), /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement(HomeDialog, {
+    style: {
+      margin: "140px auto"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
     className: cx(styles.news, 'news')
   }, (news || remoteNews).slice(0, 3).map(function (n, i) {
     return /*#__PURE__*/React.createElement(News, _extends({

package/dist/{pages/Index/components → slots}/Detail/index.module.less

@@ -1,28 +1,35 @@
-@import '../../../../common/styles/variables.less';
+@import '../../common/styles/variables.less';
 
 .wrapper {
-  min-height: 650px;
-  max-height: 803px;
-  background: linear-gradient(225deg, #ffffff, #f0f5ff);
+  min-height: 1000px;
+  max-height: 1150px;
+  background: linear-gradient(225deg, #fff, #f0f5ff);
   height: calc(94vh);
   position: relative;
   overflow: hidden;
 
   .content {
-    .container1440;
+    .container1440();
+
     height: 100%;
     position: relative;
   }
 
   .text {
     position: relative;
-    top: 26%;
+    top: 12%;
     z-index: 1;
     margin-left: 4.5%;
 
+    .titleButtons{
+      display: flex;
+      gap: 50px;
+      justify-content: center;
+    }
+
     .title {
       font-size: 3.4em; //2.875em;
-      color: rgba(0, 0, 0, 1);
+      color: rgba(0, 0, 0, 100%);
       position: relative;
       font-family: AlibabaPuHuiTiRHeavy;
 
@@ -33,8 +40,7 @@
 
     .description {
       margin-top: 0.83%; //12px;
-      margin-bottom: 0px;
-      color: rgba(106, 123, 140, 1);
+      margin-bottom: 0;
       font-weight: 200;
       position: relative;
       width: 40%;
@@ -46,19 +52,18 @@
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-line-clamp: 4;
-      display: -webkit-box;
+      display: box;
       -webkit-box-orient: vertical;
     }
 
     .buttons {
       display: flex;
-      margin-top: max(3%, 40px);
+      margin-top: 10px;
 
       .buttonLink {
         display: flex;
         align-items: center;
         justify-content: center;
-        cursor: pointer;
         border-radius: 12px;
         z-index: 10;
         position: relative;
@@ -67,13 +72,12 @@
         height: 54px;
         min-width: 166px;
         padding: 0 10px;
-        box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
         background-color: #691eff;
         font-size: 18px;
         cursor: pointer;
         box-shadow: 0 8px 28px 0 #f2f2f2;
         margin-right: 20px;
-        color: #ffffff;
+        color: #fff;
         overflow: hidden;
 
         .icon {
@@ -88,8 +92,7 @@
         }
 
         &.primary {
-          color: #fff;
-          background-color: #ffffff;
+          background-color: #fff;
           color: #000;
           border: 1px solid #e8e8e8;
 
@@ -117,8 +120,8 @@
             display: flex;
             height: 54px;
             cursor: pointer;
-            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.05);
-            background-color: #ffffff;
+            box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 5%);
+            background-color: #fff;
             border: 1px solid #e8e8e8;
             justify-content: center;
             align-items: center;
@@ -140,6 +143,7 @@
 
             .gh-btn {
               padding: 16px;
+
               .gh-ico {
                 display: block;
                 width: 20px;
@@ -166,7 +170,7 @@
               margin-left: -8px;
               color: #1d2129;
               letter-spacing: 0;
-              font-family: AlibabaSans102-Medium;
+              font-family: "AlibabaSans102-Medium";
             }
           }
         }
@@ -189,8 +193,7 @@
     display: flex;
     position: absolute;
     right: 0;
-    margin-top: -300px;
-    width: 52%;
+    width: 32%;
     max-width: 598px;
     height: 324px;
     margin: auto;

package/dist/slots/ExampleSider/index.module.less

@@ -11,7 +11,7 @@
     z-index: 1;
     top: 0;
     height: 100%;
-    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0);
+    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0%);
     width: 1px;
     transition: all 0.3s;
   }
@@ -45,7 +45,7 @@
   user-select: none;
   background-color: #fff;
 
-  &:after {
+  &::after {
     transition: all 0.3s;
     background-color: transparent;
     border: 1px solid transparent;
@@ -60,7 +60,7 @@
   &:hover {
     border-color: var(--primary-color);
 
-    &:before {
+    &::before {
       transition: all 0.3s;
       content: '';
       position: absolute;
@@ -127,7 +127,6 @@
     display: inline-block;
     width: 100%;
     vertical-align: bottom;
-
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

package/dist/slots/Footer/index.module.less

@@ -5,7 +5,7 @@
 
   :global(.rc-footer-container),
   :global(.rc-footer-bottom-container) {
-    .container1440;
+    .container1440();
   }
 
   :global(.rc-footer-bottom-container) {
@@ -36,7 +36,7 @@
     display: flex;
     justify-content: center;
     font-size: 14px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+    border-bottom: 1px solid rgba(255, 255, 255, 25%);
     margin-bottom: 16px;
     box-sizing: border-box;
     padding-bottom: 16px;
@@ -72,7 +72,7 @@
     :global(.anticon),
     a {
       margin-right: 8px;
-      color: rgba(255, 255, 255, 0.6);
+      color: rgba(255, 255, 255, 60%);
     }
 
     &.light {

package/dist/slots/Header/Products/Product.module.less

@@ -20,7 +20,7 @@
   pointer-events: none;
 
   .container {
-    .container1440;
+    .container1440();
   }
 
   &.show {
@@ -57,7 +57,7 @@
   ul {
     list-style: none;
     padding: 0;
-    margin: 0 0 20px 0;
+    margin: 0 0 20px;
 
     &:last-child {
       margin-bottom: 32px;
@@ -87,7 +87,7 @@
         margin-bottom: 4px;
         font-size: 14px;
         line-height: 22px;
-        color: rgba(0, 0, 0, 0.85);
+        color: rgba(0, 0, 0, 85%);
         transition: all 0.3s;
 
         &:hover {

package/dist/slots/Header/Products/getProducts.js

@@ -34,34 +34,28 @@ export var CATEGORIES = [{
 }];
 export function getNewProducts(_ref) {
   var language = _ref.language,
-    isChinaMirrorHost = _ref.isChinaMirrorHost;
-  // 如需要修改产品信息，请到 https://yuyan.antfin-inc.com/antv/site-data/sprints 修改区块内容
-  return fetch('https://assets.antv.antgroup.com/antv/products.json' // 生产环境
-  // 'https://site-data-pre.alipay.com/antv/products.json', // 预发测试
-  ).then(function (res) {
-    return res.json();
-  }).then(function (products) {
-    return products.filter(function (d) {
-      return d.lang === language;
-    }).map(function (d) {
-      var links = typeof d.links === 'string' ? JSON.parse(d.links) : _objectSpread({}, d.links);
-      var newLinks = {};
-      each(links, function (value, k) {
-        var actualUrl = (value === null || value === void 0 ? void 0 : value.url) || '';
-        if (isChinaMirrorHost) {
-          // g2plot.antv.vision => antv-g2plot.gitee.io
-          var match = actualUrl.match(/([http|https]):\/\/(.*)\.antv\.vision/);
-          if (match && match[2]) {
-            actualUrl = actualUrl.replace("".concat(match[2], ".antv.vision"), "antv-".concat(match[2], ".gitee.io"));
-          }
+    isChinaMirrorHost = _ref.isChinaMirrorHost,
+    products = _ref.products;
+  return products.filter(function (d) {
+    return d.lang === language;
+  }).map(function (d) {
+    var links = typeof d.links === 'string' ? JSON.parse(d.links) : _objectSpread({}, d.links);
+    var newLinks = {};
+    each(links, function (value, k) {
+      var actualUrl = (value === null || value === void 0 ? void 0 : value.url) || '';
+      if (isChinaMirrorHost) {
+        // g2plot.antv.vision => antv-g2plot.gitee.io
+        var match = actualUrl.match(/([http|https]):\/\/(.*)\.antv\.vision/);
+        if (match && match[2]) {
+          actualUrl = actualUrl.replace("".concat(match[2], ".antv.vision"), "antv-".concat(match[2], ".gitee.io"));
         }
-        newLinks[k] = _objectSpread(_objectSpread({}, value), {}, {
-          url: actualUrl
-        });
-      });
-      return _objectSpread(_objectSpread({}, d), {}, {
-        links: newLinks
+      }
+      newLinks[k] = _objectSpread(_objectSpread({}, value), {}, {
+        url: actualUrl
       });
     });
+    return _objectSpread(_objectSpread({}, d), {}, {
+      links: newLinks
+    });
   });
 }

package/dist/slots/Header/Products/index.js

@@ -15,11 +15,15 @@ import { useChinaMirrorHost } from "../../hooks";
 import Product from "./Product";
 import styles from "./Product.module.less";
 import { CATEGORIES, getNewProducts } from "./getProducts";
+import { useProducts } from "../../../hooks/useProducts";
 export var Products = function Products(_ref) {
   var show = _ref.show,
     language = _ref.language,
     className = _ref.className,
     bannerVisible = _ref.bannerVisible;
+  var _useProducts = useProducts(),
+    _useProducts$data = _useProducts.data,
+    products = _useProducts$data === void 0 ? [] : _useProducts$data;
   var locale = useLocale();
   var _useChinaMirrorHost = useChinaMirrorHost(),
     _useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
@@ -30,24 +34,24 @@ export var Products = function Products(_ref) {
     setProducts = _React$useState2[1];
   var lang = locale.id === 'zh' ? 'zh' : 'en';
   React.useEffect(function () {
-    getNewProducts({
+    var data = getNewProducts({
       language: lang,
-      isChinaMirrorHost: isChinaMirrorHost
-    }).then(function (data) {
-      var newProducts = CATEGORIES.map(function (_ref2) {
-        var name = _ref2.name,
-          type = _ref2.type;
-        return {
-          name: name,
-          type: type,
-          products: data.filter(function (item) {
-            return item.category === type;
-          })
-        };
-      });
-      setProducts(newProducts);
+      isChinaMirrorHost: isChinaMirrorHost,
+      products: products
+    });
+    var newProducts = CATEGORIES.map(function (_ref2) {
+      var name = _ref2.name,
+        type = _ref2.type;
+      return {
+        name: name,
+        type: type,
+        products: data.filter(function (item) {
+          return item.category === type;
+        })
+      };
     });
-  }, [lang, isChinaMirrorHost]);
+    setProducts(newProducts);
+  }, [lang, isChinaMirrorHost, products.length]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: cx(styles.products, className, _defineProperty(_defineProperty({}, styles.show, !!show), styles.bannerVisible, !!bannerVisible))
   }, /*#__PURE__*/React.createElement("div", {

package/dist/slots/Header/Search/SearchResult.js

@@ -1,7 +1,10 @@
-import { InboxOutlined } from '@ant-design/icons';
-import { useIntl } from 'dumi';
+import { useIntl, useSiteData } from 'dumi';
 import React from 'react';
 import styles from "./SearchResult.module.less";
+import classnames from "classnames";
+import { AIChatStore, createNewSession } from "../../../model/AIChat";
+import { authStore, showLoginModal } from "../../../model/auth";
+import { useSnapshot } from "valtio";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, textSegments.map(function (segment) {
     return /*#__PURE__*/React.createElement("span", {
@@ -15,13 +18,57 @@ var getHighlightInfo = function getHighlightInfo(textSegments) {
  * @returns
  */
 export var SearchResult = function SearchResult(_ref) {
-  var results = _ref.results;
+  var results = _ref.results,
+    keywords = _ref.keywords;
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
   var intl = useIntl();
+  var authSnap = useSnapshot(authStore);
+  function pureSearch() {
+    AIChatStore.mode = 'solve';
+    createNewSession({
+      promptText: keywords,
+      mode: 'solve',
+      lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
+      jump: true,
+      lang: intl.locale === 'zh' ? 'zh' : 'en',
+      entry_point: 'SearchResult'
+    });
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.searchResult
-  }, results !== null && results !== void 0 && results.length ? results.map(function (r) {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.subject
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*7svFR6wkPMoAAAAAAAAAAAAADmJ7AQ/original",
+    alt: "AntV"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.br
+  }), /*#__PURE__*/React.createElement("a", {
+    className: styles.result,
+    onClick: function onClick() {
+      if (!authSnap.isAuthenticated) {
+        showLoginModal(pureSearch);
+        return;
+      }
+      pureSearch();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.title, styles.highlighted)
+  }, keywords), /*#__PURE__*/React.createElement("div", {
+    className: styles.description
+  }, intl.formatMessage({
+    id: 'ai.search.try'
+  }), "\xA0", /*#__PURE__*/React.createElement("span", {
+    className: styles.highlighted
+  }, "AI"), "\xA0", intl.formatMessage({
+    id: 'ai.search.visualization'
+  })))), results !== null && results !== void 0 && results.length ? results.map(function (r, index) {
     return /*#__PURE__*/React.createElement("div", {
-      className: styles.item
+      className: styles.item,
+      key: index
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.subject
     }, r.subject), /*#__PURE__*/React.createElement("div", {
@@ -34,13 +81,5 @@ export var SearchResult = function SearchResult(_ref) {
     }, getHighlightInfo(r.title)), /*#__PURE__*/React.createElement("div", {
       className: styles.description
     }, getHighlightInfo(r.description))));
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: styles.empty
-  }, /*#__PURE__*/React.createElement(InboxOutlined, {
-    style: {
-      fontSize: 20
-    }
-  }), /*#__PURE__*/React.createElement("div", null, intl.formatMessage({
-    id: '没有找到查询结果'
-  }))));
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null));
 };

package/dist/slots/Header/Search/SearchResult.module.less

@@ -51,6 +51,7 @@
         color: rgb(160, 161, 167);
         max-height: 55px;
         overflow: hidden;
+
         .segment {
           padding-left: 1px;
           padding-right: 1px;

package/dist/slots/Header/Search/index.js

@@ -58,7 +58,8 @@ export var Search = function Search() {
     placement: "topLeft",
     destroyTooltipOnHide: false,
     content: /*#__PURE__*/React.createElement(SearchResult, {
-      results: searchResults
+      results: searchResults,
+      keywords: keywords
     })
   }, /*#__PURE__*/React.createElement("label", {
     className: styles.search