@antv/dumi-theme-antv 0.5.0 → 0.5.2

package/README.md

@@ -34,7 +34,7 @@ TODO
 ## Development
 
 ```bash
-$ tnpm install
+$ npm install
 ```
 
 After the dependencies are installed, a symlink from `example/.dumi/theme` to `../../src` will be created automatically, the symlink makes dumi load our theme package as a local theme, so we can start the example directly, HMR is also available:
@@ -43,6 +43,9 @@ After the dependencies are installed, a symlink from `example/.dumi/theme` to `.
 # switch to example directory
 $ cd example
 
+# downloads the dependencies
+npm install
+
 # start dev server to preview
 npm run dev
 ```

package/dist/plugin/examples.js

@@ -57,7 +57,7 @@ var getExampleDemos = (exampleDir) => {
   return demos;
 };
 var getTopicExamples = (topicPath, showAPIDoc) => {
-  const examplePaths = glob.sync(`${topicPath}/*`).filter((item) => {
+  const examplePaths = glob.sync(`${topicPath.replace(/\\/g, "/")}/*`).filter((item) => {
     return !item.endsWith(".js");
   });
   return examplePaths.map((item) => {

package/dist/slots/CodeEditor/index.js

@@ -21,7 +21,7 @@ import { format } from 'prettier';
 import parserBabel from 'prettier/parser-babel';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind, clear } from 'size-sensor';
-import { Loading } from "dumi/theme/slots/Loading";
+import Loading from "dumi/theme/slots/Loading";
 import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import styles from "./index.module.less";
 import { compile, execute, replaceInsertCss } from "./utils";

package/dist/slots/Detail/index.js

@@ -47,7 +47,9 @@ export var Detail = function Detail(_ref) {
     setRemoteNews = _useState2[1];
   var lang = useLocale().id;
   useEffect(function () {
-    fetch('https://site-data-pre.alipay.com/antv/banner-messages.json').then(function (res) {
+    fetch('https://assets.antv.antgroup.com/antv/banner-messages.json' // 生产环境
+    // 'https://site-data-pre.alipay.com/antv/banner-messages.json', // 预发测试
+    ).then(function (res) {
       return res.json();
     }).then(function (data) {
       setRemoteNews(data);

package/dist/slots/Footer/index.js

@@ -171,6 +171,17 @@ export var Footer = function Footer(props) {
         }),
         url: 'https://kitchen.alipay.com',
         openExternal: true
+      }, {
+        icon: /*#__PURE__*/React.createElement("img", {
+          src: "https://mdn.alipayobjects.com/huamei_j9rjmc/afts/img/A*3ittT5OEo2gAAAAAAAAAAAAADvGmAQ/original",
+          width: 16,
+          height: 16,
+          alt: "Galacean"
+        }),
+        title: "Galacean",
+        description: "互动图形解决方案",
+        url: 'https://galacean.antgroup.com/',
+        openExternal: true
       }, {
         icon: /*#__PURE__*/React.createElement("img", {
           src: "https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg",

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

@@ -36,6 +36,15 @@
     opacity: 1;
   }
 
+  &.bannerVisible {
+    max-height: calc(100vh - 102px);
+    top: 102px;
+  }
+
+  &.bannerVisible+.mask {
+    top: 102px;
+  }
+
   h3 {
     font-size: 14px;
     line-height: 22px;

package/dist/slots/Header/Products/getProducts.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 declare const Categories: ["basic", "extension", "ecology"];
+export interface ProductCategory {
+    type: (typeof CATEGORY_TYPE)[number];
+    name: string;
+    products: ProductType[];
+}
 export interface ProductItem {
     title: string;
     icon?: React.ReactNode;
@@ -15,10 +20,7 @@ export interface ProductItem {
 }
 export type ValuesOf<T extends any[]> = T[number];
 declare const CATEGORY_TYPE: ["basic", "extension", "mobile", "ecology"];
-export declare const CATEGORIES: Array<{
-    type: typeof CATEGORY_TYPE[number];
-    name: string;
-}>;
+export declare const CATEGORIES: Array<ProductCategory>;
 export type ProductType = {
     links: {
         /** 产品首页 */

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

@@ -17,16 +17,20 @@ var ANTV_DOMAIN = 'antv.vision';
 var CATEGORY_TYPE = tuple('basic', 'extension', 'mobile', 'ecology');
 export var CATEGORIES = [{
   type: 'basic',
-  name: '标准版基础产品'
+  name: '标准版基础产品',
+  products: []
 }, {
   type: 'extension',
-  name: '标准版扩展产品'
+  name: '标准版扩展产品',
+  products: []
 }, {
   type: 'mobile',
-  name: '移动定制（F版）产品'
+  name: '移动定制（F版）产品',
+  products: []
 }, {
   type: 'ecology',
-  name: '周边生态'
+  name: '周边生态',
+  products: []
 }];
 export function getNewProducts(_ref) {
   var language = _ref.language,

package/dist/slots/Header/Products/index.d.ts

@@ -4,6 +4,7 @@ interface ProductsProps {
     rootDomain: string;
     language?: 'zh' | 'en';
     className?: string;
+    bannerVisible?: boolean;
 }
 export declare const Products: React.FC<ProductsProps>;
 export {};

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

@@ -18,14 +18,15 @@ import styles from "./Product.module.less";
 export var Products = function Products(_ref) {
   var show = _ref.show,
     language = _ref.language,
-    className = _ref.className;
+    className = _ref.className,
+    bannerVisible = _ref.bannerVisible;
   var locale = useLocale();
   var _useChinaMirrorHost = useChinaMirrorHost(),
     _useChinaMirrorHost2 = _slicedToArray(_useChinaMirrorHost, 1),
     isChinaMirrorHost = _useChinaMirrorHost2[0];
-  var _React$useState = React.useState([]),
+  var _React$useState = React.useState(CATEGORIES),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    products = _React$useState2[0],
+    productsCategoty = _React$useState2[0],
     setProducts = _React$useState2[1];
   var lang = locale.id === 'zh' ? 'zh' : 'en';
   React.useEffect(function () {
@@ -33,23 +34,33 @@ export var Products = function Products(_ref) {
       language: lang,
       isChinaMirrorHost: isChinaMirrorHost
     }).then(function (data) {
-      setProducts(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);
     });
   }, [lang, isChinaMirrorHost]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cx(styles.products, className, _defineProperty({}, styles.show, !!show))
+    className: cx(styles.products, className, _defineProperty(_defineProperty({}, styles.show, !!show), styles.bannerVisible, !!bannerVisible))
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.container
-  }, CATEGORIES.map(function (_ref2, idx) {
-    var name = _ref2.name,
-      type = _ref2.type;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+  }, productsCategoty.map(function (_ref3, idx) {
+    var name = _ref3.name,
+      type = _ref3.type,
+      products = _ref3.products;
+    return products.length ? /*#__PURE__*/React.createElement(React.Fragment, {
       key: idx
     }, /*#__PURE__*/React.createElement("h3", null, /*#__PURE__*/React.createElement(FormattedMessage, {
       id: name
-    })), /*#__PURE__*/React.createElement("ul", null, products.filter(function (item) {
-      return item.category === type;
-    }).map(function (product) {
+    })), /*#__PURE__*/React.createElement("ul", null, products.map(function (product) {
       var _product$links;
       return /*#__PURE__*/React.createElement(Product, {
         key: product.title,
@@ -61,7 +72,7 @@ export var Products = function Products(_ref) {
         links: product.links,
         language: language || locale.id
       });
-    })));
+    }))) : null;
   }))), /*#__PURE__*/React.createElement("div", {
     className: styles.mask
   }));

package/dist/slots/Header/index.js

@@ -71,13 +71,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     bannerVisible = _useState2[0],
     setBannerVisible = _useState2[1];
-  useEffect(function () {
-    setBannerVisible(localStorage.getItem(ANNOUNCEMENT_LOCALSTORAGE_ID) !== 'true');
-  }, [announcement]);
-  function onBannerClose() {
-    localStorage.setItem(ANNOUNCEMENT_LOCALSTORAGE_ID, 'true');
-    setBannerVisible(false);
-  }
   var showChinaMirror = !!internalSite;
   var chinaMirrorUrl = get(internalSite, 'url');
   var _useState3 = useState(false),
@@ -100,6 +93,19 @@ var HeaderComponent = function HeaderComponent(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     lang = _useState6[0],
     setLang = _useState6[1];
+  var announcementTitle = useMemo(function () {
+    return get(announcement, ['title', lang]);
+  }, [announcement, lang]);
+  var announcementLinkTitle = useMemo(function () {
+    return get(announcement, ['link', 'text', lang]);
+  }, [announcement, lang]);
+  useEffect(function () {
+    setBannerVisible(!!announcementTitle && localStorage.getItem(ANNOUNCEMENT_LOCALSTORAGE_ID) !== 'true');
+  }, [announcementTitle]);
+  function onBannerClose() {
+    localStorage.setItem(ANNOUNCEMENT_LOCALSTORAGE_ID, 'true');
+    setBannerVisible(false);
+  }
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     productMenuVisible = _useState8[0],
@@ -296,6 +302,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     className: cx(styles.arrow, _defineProperty({}, styles.open, productMenuVisible))
   })), /*#__PURE__*/React.createElement(Products, {
     className: styles.productsMenu,
+    bannerVisible: bannerVisible,
     show: productMenuVisible,
     rootDomain: rootDomain,
     language: defaultLanguage
@@ -394,12 +401,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React.createElement(GithubOutlined, null))));
-  var announcementTitle = useMemo(function () {
-    return get(announcement, ['title', lang]);
-  }, [announcement, lang]);
-  var announcementLinkTitle = useMemo(function () {
-    return get(announcement, ['link', 'text', lang]);
-  }, [announcement, lang]);
   return /*#__PURE__*/React.createElement("header", {
     className: cx(styles.header, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.transparent, !!transparent && !productMenuVisible), styles.isHomePage, !!isHomePage && !isAntVHome), styles.lightTheme, !!isAntVHome && !productMenuVisible && isWide), styles.isAntVHome, !!isAntVHome), styles.fixed, popupMenuVisible))
   }, bannerVisible && announcementTitle && /*#__PURE__*/React.createElement(Alert, {

package/dist/slots/Loading/index.d.ts

@@ -2,6 +2,5 @@ import React from 'react';
 /**
  * Loading
  */
-declare const Loading: React.FC;
-declare const PageLoading: React.FC;
-export { Loading, PageLoading };
+declare const Loading: () => React.JSX.Element;
+export default Loading;

package/dist/slots/Loading/index.js

@@ -67,11 +67,4 @@ var Loading = function Loading() {
     className: "loading-text"
   }, /*#__PURE__*/React.createElement("p", null, "Loading...")))));
 };
-var PageLoading = function PageLoading() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '100vh'
-    }
-  }, /*#__PURE__*/React.createElement(Loading, null));
-};
-export { Loading, PageLoading };
+export default Loading;

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

@@ -254,7 +254,7 @@
   font-size: 12px;
   background: #fff;
   max-height: 100vh;
-  overflow: hidden;
+  overflow: auto;
 
   position: sticky;
   top: 0;
@@ -693,4 +693,4 @@
   transition: all .3s;
   background-color: #fff;
   font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",
@@ -105,6 +105,7 @@
     "@types/classnames": "^2.3.1",
     "@types/fs-extra": "^9.0.13",
     "@types/glob": "^8.0.0",
+    "@types/hast": "^2.3.5",
     "@types/lodash-es": "^4.17.6",
     "@types/node": "^18.11.3",
     "@types/react": "^18.0.21",