@antv/dumi-theme-antv 0.3.19-beta.1 → 0.3.20

package/dist/pages/Example/index.js

@@ -6,8 +6,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Layout } from 'antd';
 import { useLocale, useSiteData } from 'dumi';
-import { get } from 'lodash-es';
-import React, { useContext, useEffect, useState } from 'react';
+import { get, find } from 'lodash-es';
+import React, { useContext, useEffect, useState, useMemo } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { ThemeAntVContext } from "../../context";
 import { CodeRunner } from "dumi/theme/slots/CodeRunner";
@@ -35,7 +35,15 @@ var Example = function Example() {
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
   var exampleTopics = metaData.meta.exampleTopics;
-  var demo = hash.slice(1);
+  var demo = useMemo(function () {
+    var examples = get(exampleTopics, ['0', 'examples']);
+    var exampleDemo = find(examples, function (_ref) {
+      var id = _ref.id;
+      return id === example;
+    });
+    // examples/case/id hash 为空，可以默认第一个 example 对应的 demo
+    return hash.slice(1) || get(exampleDemo, ['demos', '0', 'id']);
+  }, [hash, exampleTopics, example]);
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     currentDemo = _useState2[0],

package/dist/slots/Header/index.js

@@ -17,7 +17,7 @@ import { useNavigate } from "react-router-dom";
 import cx from 'classnames';
 import { useSiteData, useLocale, FormattedMessage } from 'dumi';
 import { GithubOutlined, MenuOutlined, CaretDownFilled, DownOutlined, WechatOutlined, LinkOutlined, CheckOutlined } from '@ant-design/icons';
-import { Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
+import { Alert, Modal, Button, Popover, Menu, Dropdown, Select } from 'antd';
 import { get, map, size } from 'lodash-es';
 import { Search } from "./Search";
 import { Products } from "./Products";
@@ -30,6 +30,13 @@ import styles from "./index.module.less";
 function redirectChinaMirror(chinaMirrorOrigin) {
   window.location.href = window.location.href.replace(window.location.origin, chinaMirrorOrigin);
 }
+function fetchBanner() {
+  return fetch('https://assets.antv.antgroup.com/antv/banner.json' // 生产环境
+  // 'https://site-data-pre.alipay.com/antv/banner.json', // 预发测试
+  ).then(function (res) {
+    return res.json();
+  });
+}
 
 /**
  * 头部菜单
@@ -76,12 +83,40 @@ var HeaderComponent = function HeaderComponent(_ref) {
     searchOptions = _ref.searchOptions;
   var isAntVHome = isAntVSite && isHomePage; // 是否为AntV官网首页
 
-  var showChinaMirror = !!internalSite;
-  var chinaMirrorUrl = get(internalSite, 'url');
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    chinaMirrorHintVisible = _useState2[0],
-    updateChinaMirrorHintVisible = _useState2[1];
+    bannerVisible = _useState2[0],
+    setBannerVisible = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    banner = _useState4[0],
+    setBanner = _useState4[1];
+  useEffect(function () {
+    fetchBanner().then(function (_ref2) {
+      var id = _ref2.id,
+        html = _ref2.html;
+      if (id && html) {
+        setBanner({
+          id: id,
+          html: html
+        });
+        setBannerVisible(localStorage.getItem(id) !== 'x');
+      }
+    }).catch(function () {
+      setBanner(null);
+      setBannerVisible(false);
+    });
+  }, []);
+  function onBannerClose() {
+    localStorage.setItem(banner.id, 'x');
+    setBannerVisible(false);
+  }
+  var showChinaMirror = !!internalSite;
+  var chinaMirrorUrl = get(internalSite, 'url');
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    chinaMirrorHintVisible = _useState6[0],
+    updateChinaMirrorHintVisible = _useState6[1];
   useEffect(function () {
     var timeout = setTimeout(function () {
       if (showChinaMirror && lang === 'zh' && !localStorage.getItem('china-mirror-no-more-hint') && window.location.host.includes('antv.vision')) {
@@ -94,14 +129,14 @@ var HeaderComponent = function HeaderComponent(_ref) {
   });
   var locale = useLocale();
   var nav = useNavigate();
-  var _useState3 = useState(locale.id),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lang = _useState4[0],
-    setLang = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    productMenuVisible = _useState6[0],
-    setProductMenuVisible = _useState6[1];
+  var _useState7 = useState(locale.id),
+    _useState8 = _slicedToArray(_useState7, 2),
+    lang = _useState8[0],
+    setLang = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    productMenuVisible = _useState10[0],
+    setProductMenuVisible = _useState10[1];
   var productMenuHovering = false;
   var onProductMouseEnter = function onProductMouseEnter(e) {
     productMenuHovering = true;
@@ -125,10 +160,10 @@ var HeaderComponent = function HeaderComponent(_ref) {
   var onToggleProductMenuVisible = function onToggleProductMenuVisible() {
     setProductMenuVisible(!productMenuVisible);
   };
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    popupMenuVisible = _useState8[0],
-    setPopupMenuVisible = _useState8[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    popupMenuVisible = _useState12[0],
+    setPopupMenuVisible = _useState12[1];
   var onTogglePopupMenuVisible = function onTogglePopupMenuVisible() {
     setPopupMenuVisible(!popupMenuVisible);
   };
@@ -180,9 +215,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }) : null, /** 生态产品 */
   size(ecosystems) ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
     className: styles.ecoSystems,
-    overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref2) {
-      var url = _ref2.url,
-        ecosystemName = _ref2.name;
+    overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref3) {
+      var url = _ref3.url,
+        ecosystemName = _ref3.name;
       return /*#__PURE__*/React.createElement(Menu.Item, {
         key: ecosystemName === null || ecosystemName === void 0 ? void 0 : ecosystemName[lang]
       }, /*#__PURE__*/React.createElement("a", {
@@ -311,8 +346,8 @@ var HeaderComponent = function HeaderComponent(_ref) {
     overlay: /*#__PURE__*/React.createElement(Menu, {
       defaultSelectedKeys: [lang],
       selectable: true,
-      onSelect: function onSelect(_ref3) {
-        var key = _ref3.key;
+      onSelect: function onSelect(_ref4) {
+        var key = _ref4.key;
         if (key === lang) {
           return;
         }
@@ -382,7 +417,19 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, (_cx4 = {}, _defineProperty(_cx4, styles.transparent, !!transparent && !productMenuVisible), _defineProperty(_cx4, styles.isHomePage, !!isHomePage && !isAntVHome), _defineProperty(_cx4, styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), _defineProperty(_cx4, styles.fixed, popupMenuVisible), _cx4))
-  }, /*#__PURE__*/React.createElement("div", {
+  }, bannerVisible && /*#__PURE__*/React.createElement(Alert, {
+    className: styles.banner,
+    message: /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: banner.html
+      }
+    }),
+    type: "info",
+    banner: true,
+    closable: true,
+    showIcon: false,
+    onClose: onBannerClose
+  }), /*#__PURE__*/React.createElement("div", {
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.left

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

@@ -67,6 +67,13 @@
     }
   }
 
+  .banner {
+    width: 100%;
+    background: #daf5eb;
+    text-align: center;
+    word-break: keep-all;
+  }
+
   .left {
     display: flex;
     align-items: center;

package/dist/slots/ManualContent/index.js

@@ -79,9 +79,7 @@ export var ManualContent = function ManualContent(_ref) {
       // 递归
       rootList.forEach(function (item) {
         var href = (!baseRoute.startsWith('/en') ? "/".concat(item.slug) : "/en/".concat(item.slug)).toLocaleLowerCase();
-        var hasPrefix = hrefId.startsWith('/en') || href.startsWith('/zh');
-        var splitCount = hasPrefix ? 3 : 2;
-        var id = href.split('/').splice(0, splitCount).join('/');
+        var id = href.split('/').slice(0, href.split('/').length - 1).join('/');
         if (href.includes(baseRoute)) {
           if (id === hrefId) {
             list.push(_objectSpread(_objectSpread({}, item), {}, {

package/package.json

@@ -1,35 +1,31 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.3.19-beta.1",
+  "version": "0.3.20",
   "description": "AntV website theme based on dumi2.",
-  "keywords": [
-    "dumi",
-    "dumi-theme",
-    "dumi-theme-antv"
-  ],
-  "homepage": "https://github.com/antvis/dumi-theme-antv#readme",
-  "bugs": {
-    "url": "https://github.com/antvis/dumi-theme-antv/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/antvis/dumi-theme-antv"
-  },
-  "license": "MIT",
   "types": "dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
   "scripts": {
-    "build": "father build",
     "dev": "father dev",
     "dev:example-site": "cd example && npm run start",
+    "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}\"",
-    "prepare": "father link-dev-theme",
     "prepublishOnly": "npm run build"
   },
+  "keywords": [
+    "dumi",
+    "dumi-theme",
+    "dumi-theme-antv"
+  ],
+  "authors": [
+    "dumi",
+    "antv"
+  ],
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -52,6 +48,9 @@
       "prettier --parser=typescript --write"
     ]
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
@@ -74,7 +73,6 @@
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.25.0",
     "parse-github-url": "^1.0.2",
-    "prettier": "^2.7.1",
     "rc-drawer": "^4.0.0",
     "rc-footer": "^0.6.6",
     "react": "^18.2.0",
@@ -93,10 +91,15 @@
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.2",
     "uri-parse": "^1.0.0",
-    "video-react": "^0.16.0"
+    "video-react": "^0.16.0",
+    "prettier": "^2.7.1"
+  },
+  "peerDependencies": {
+    "dumi": "^2.0.0",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
   },
   "devDependencies": {
-    "@antv/g2": "^4.2.10",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/classnames": "^2.3.1",
@@ -108,7 +111,6 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-slick": "^0.23.10",
     "@umijs/lint": "^4.0.0",
-    "d3-regression": "^1.3.10",
     "dumi": "^2.0.0",
     "eslint": "^8.23.0",
     "father": "^4.1.0",
@@ -121,16 +123,12 @@
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
-  "peerDependencies": {
-    "dumi": "^2.0.0",
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antvis/dumi-theme-antv"
   },
-  "publishConfig": {
-    "access": "public"
+  "bugs": {
+    "url": "https://github.com/antvis/dumi-theme-antv/issues"
   },
-  "authors": [
-    "dumi",
-    "antv"
-  ]
+  "homepage": "https://github.com/antvis/dumi-theme-antv#readme"
 }