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

package/dist/slots/_.less

@@ -0,0 +1,83 @@
+@import "~antd/dist/antd.less";
+
+@primary-color: #873bf4;
+
+.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);
+    }
+  }
+}
+
+// 非常关键，用于 react-split-pane 的样式，如果没有，会没有办法鼠标拖拽
+// 参考：https://codesandbox.io/s/mow7x4zyqx
+:global {
+
+  .Pane1,
+  .Pane2 {
+    overflow: auto;
+  }
+
+  .Resizer {
+    background: #000;
+    opacity: 0.1;
+    z-index: 1;
+    box-sizing: border-box;
+    background-clip: padding-box;
+
+    &:hover {
+      transition: all 2s ease;
+    }
+
+    &.horizontal {
+      height: 11px;
+      margin: -5px 0;
+      border-top: 5px solid rgba(255, 255, 255, 0);
+      border-bottom: 5px solid rgba(255, 255, 255, 0);
+      cursor: row-resize;
+      width: 100%;
+
+      &:hover {
+        border-top: 5px solid rgba(0, 0, 0, 0.5);
+        border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+      }
+    }
+
+    &.vertical {
+      width: 11px;
+      margin: 0 -5px;
+      border-left: 5px solid rgba(255, 255, 255, 0);
+      border-right: 5px solid rgba(255, 255, 255, 0);
+      cursor: col-resize;
+
+      Pane2 {
+        border-left: 1px solid #e6e6e6;
+      }
+
+      &:hover {
+        border-left: 5px solid rgba(0, 0, 0, 0.5);
+        border-right: 5px solid rgba(0, 0, 0, 0.5);
+      }
+    }
+
+    &.disabled {
+      cursor: not-allowed;
+
+      &:hover {
+        border-color: transparent;
+      }
+    }
+  }
+}

package/dist/slots/global.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/slots/global.js

@@ -0,0 +1,7 @@
+import * as _ from 'lodash-es';
+import insertCss from 'insert-css'; // 挂载一些全局变量
+
+if (window) {
+  window.lodash = _;
+  window.insertCss = insertCss;
+}

package/dist/slots/hooks.d.ts

@@ -0,0 +1,16 @@
+import { NavigatorBannerProps } from './ManualContent/NavigatorBanner';
+export declare const useChinaMirrorHost: () => [boolean];
+export declare const useScrollToTop: () => void;
+export declare const useT: (transformedMessage: string) => string;
+export declare const useLogoLink: ({ link, siteUrl, lang, }: {
+    link?: string | undefined;
+    siteUrl?: string | undefined;
+    lang?: string | undefined;
+}) => [string];
+export declare const usePrevAndNext: () => NavigatorBannerProps['post'][];
+/**
+ * i18n .umirc config
+ * 如果是 object，则取 locale，否则直接用
+ * @param v
+ */
+export declare function ic(v: string | object): any;

package/{es/antv → dist/slots}/hooks.js

@@ -1,3 +1,5 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 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."); }
@@ -10,7 +12,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
+import { get } from 'lodash-es';
+import { useIntl, useLocale } from 'dumi';
 export var useChinaMirrorHost = function useChinaMirrorHost() {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -18,64 +22,83 @@ export var useChinaMirrorHost = function useChinaMirrorHost() {
       setIsChinaMirrorHost = _useState2[1];
 
   useEffect(function () {
-    if (window.location.host.includes("gitee.io") && window.location.host.includes("antv")) {
+    if (window.location.host.includes('gitee.io') && window.location.host.includes('antv')) {
       setIsChinaMirrorHost(true);
     }
   }, []);
   return [isChinaMirrorHost];
 };
-export var usePrevAndNext = function usePrevAndNext() {
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevAndNext = _useState4[0],
-      setPrevAndNext = _useState4[1];
-
-  useEffect(function () {
-    var menuNodes = document.querySelectorAll("aside .ant-menu-item a");
-    var currentMenuNode = document.querySelector("aside .ant-menu-item-selected a");
-    var currentIndex = Array.from(menuNodes).findIndex(function (node) {
-      return node === currentMenuNode;
-    });
-    var prevNode = currentIndex - 1 >= 0 ? menuNodes[currentIndex - 1] : undefined;
-    var nextNode = currentIndex + 1 < menuNodes.length ? menuNodes[currentIndex + 1] : undefined;
-    var prev = prevNode ? {
-      slug: prevNode.getAttribute("href") || undefined,
-      title: prevNode.textContent || undefined
-    } : undefined;
-    var next = nextNode ? {
-      slug: nextNode.getAttribute("href") || undefined,
-      title: nextNode.textContent || undefined
-    } : undefined;
-    setPrevAndNext([prev, next]);
-  }, []);
-  return prevAndNext;
+export var useScrollToTop = function useScrollToTop() {
+  document.body.scrollTop = document.documentElement.scrollTop = 0;
+};
+export var useT = function useT(transformedMessage) {
+  var intl = useIntl();
+  return intl.formatMessage({
+    id: transformedMessage
+  });
 };
 export var useLogoLink = function useLogoLink(_ref) {
   var _ref$link = _ref.link,
-      link = _ref$link === void 0 ? "" : _ref$link,
+      link = _ref$link === void 0 ? '' : _ref$link,
       _ref$siteUrl = _ref.siteUrl,
-      siteUrl = _ref$siteUrl === void 0 ? "" : _ref$siteUrl,
+      siteUrl = _ref$siteUrl === void 0 ? '' : _ref$siteUrl,
       _ref$lang = _ref.lang,
-      lang = _ref$lang === void 0 ? "" : _ref$lang;
+      lang = _ref$lang === void 0 ? '' : _ref$lang;
   var defaultLogoLink;
 
   if (link) {
     defaultLogoLink = link;
-  } else if (siteUrl === "https://antv.vision") {
+  } else if (siteUrl === 'https://antv.vision') {
     defaultLogoLink = "/".concat(lang);
   } else {
     defaultLogoLink = "https://antv.vision/".concat(lang);
   }
 
-  var _useState5 = useState(""),
-      _useState6 = _slicedToArray(_useState5, 2),
-      giteeLogoLink = _useState6[0],
-      setGiteeLogoLink = _useState6[1];
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      giteeLogoLink = _useState4[0],
+      setGiteeLogoLink = _useState4[1];
 
   useEffect(function () {
-    if (window.location.host.includes("gitee.io") && window.location.host.includes("antv")) {
+    if (window.location.host.includes('gitee.io') && window.location.host.includes('antv')) {
       setGiteeLogoLink("https://antv.gitee.io/".concat(lang));
     }
   }, []);
   return [giteeLogoLink || defaultLogoLink];
-};
+};
+export var usePrevAndNext = function usePrevAndNext() {
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      prevAndNext = _useState6[0],
+      setPrevAndNext = _useState6[1];
+
+  useEffect(function () {
+    var menuNodes = document.querySelectorAll('aside .ant-menu-item a');
+    var currentMenuNode = document.querySelector('aside .ant-menu-item-selected a');
+    var currentIndex = Array.from(menuNodes).findIndex(function (node) {
+      return node === currentMenuNode;
+    });
+    var prevNode = currentIndex - 1 >= 0 ? menuNodes[currentIndex - 1] : undefined;
+    var nextNode = currentIndex + 1 < menuNodes.length ? menuNodes[currentIndex + 1] : undefined;
+    var prev = prevNode ? {
+      slug: prevNode.getAttribute('href') || undefined,
+      title: prevNode.textContent || undefined
+    } : undefined;
+    var next = nextNode ? {
+      slug: nextNode.getAttribute('href') || undefined,
+      title: nextNode.textContent || undefined
+    } : undefined;
+    setPrevAndNext([prev, next]);
+  }, []);
+  return prevAndNext;
+};
+/**
+ * i18n .umirc config
+ * 如果是 object，则取 locale，否则直接用
+ * @param v 
+ */
+
+export function ic(v) {
+  var locale = useLocale();
+  return _typeof(v) === 'object' ? get(v, [locale.id]) : v;
+}

package/dist/slots/utils.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="node" />
+/// <reference types="lodash" />
+declare type Status = 'responded' | 'error' | 'timeout';
+export declare const ping: (callback: (status: Status) => void) => NodeJS.Timeout;
+export declare const getChinaMirrorHost: (host?: string) => string;
+export declare function getGithubSourceUrl(githubUrl: string, relativePath: string, prefix?: string): string;
+export declare const getAllDemosInCategory: (allDemos: any[], lang: string) => import("lodash").Dictionary<any[]>;
+export declare const getSortedCategories: (allDemosInCategory: any, locale: string) => string[];
+export declare const getGroupedEdges: (edges: any) => import("lodash").Dictionary<any[]>;
+export declare const getGroupedEdgesDataEdit: (examples: any, edges: any, local: string) => string[];
+export declare const getTreeDataByExamplesAndEdges: (examples: any, edges: any, locale: string) => {
+    title: any;
+    value: string;
+    icon: any;
+    children: any[];
+}[];
+export {};

package/dist/slots/utils.js

@@ -0,0 +1,154 @@
+import { groupBy } from 'lodash-es';
+export var ping = function ping(callback) {
+  var url = 'https://private-a' + 'lipay' + 'objects.alip' + 'ay.com/alip' + 'ay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png';
+  var img = new Image();
+  var done = false;
+
+  var finish = function finish(status) {
+    if (!done) {
+      done = true;
+      img.src = '';
+      callback(status);
+    }
+  };
+
+  img.onload = function () {
+    return finish('responded');
+  };
+
+  img.onerror = function () {
+    return finish('error');
+  };
+
+  img.src = url;
+  return setTimeout(function () {
+    return finish('timeout');
+  }, 1500);
+};
+export var getChinaMirrorHost = function getChinaMirrorHost(host) {
+  var hostString = typeof host === 'undefined' ? window.location.host : host; // antv.vision => antv.gitee.io
+
+  if (hostString === 'antv.vision') {
+    return 'antv.gitee.io';
+  } // g2plot.antv.vision => antv-g2plot.gitee.io
+
+
+  var match = hostString.match(/(.*)\.antv\.vision/);
+
+  if (match && match[1]) {
+    return "antv-".concat(match[1], ".gitee.io");
+  }
+
+  return hostString;
+};
+export function getGithubSourceUrl(githubUrl, relativePath) {
+  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'examples';
+
+  // https://github.com/antvis/x6/tree/master/packages/x6-sites
+  if (githubUrl.includes('/tree/master/')) {
+    return "".concat(githubUrl.replace('/tree/master/', '/edit/master/'), "/").concat(prefix, "/").concat(relativePath);
+  }
+
+  return "".concat(githubUrl, "/edit/master/").concat(prefix, "/").concat(relativePath);
+}
+export var getAllDemosInCategory = function getAllDemosInCategory(allDemos, lang) {
+  return groupBy(allDemos || [], function (demo) {
+    if (!demo.postFrontmatter || !demo.postFrontmatter[lang]) {
+      return 'OTHER';
+    }
+
+    return demo.postFrontmatter[lang].title;
+  });
+};
+export var getSortedCategories = function getSortedCategories(allDemosInCategory, locale) {
+  return Object.keys(allDemosInCategory).sort(function (a, b) {
+    if (a === 'OTHER') {
+      return -1;
+    }
+
+    if (b === 'OTHER') {
+      return 1;
+    }
+
+    return allDemosInCategory[a][0].postFrontmatter[locale].order - allDemosInCategory[b][0].postFrontmatter[locale].order;
+  });
+};
+
+var getMenuItemLocaleKey = function getMenuItemLocaleKey() {
+  var slug = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var slugPieces = slug.split('/');
+  return slugPieces.slice(slugPieces.indexOf('examples') + 1).filter(function (key) {
+    return key;
+  }).join('/');
+};
+
+var getExampleOrder = function getExampleOrder(options) {
+  var groupedEdgeKey = options.groupedEdgeKey,
+      groupedEdges = options.groupedEdges,
+      examples = options.examples;
+  var key = getMenuItemLocaleKey(groupedEdgeKey);
+
+  if (examples.find(function (item) {
+    return item.slug === key;
+  })) {
+    return (examples.findIndex(function (item) {
+      return item.slug === key;
+    }) || 0) + 100;
+  }
+
+  if (!groupedEdges[groupedEdgeKey] && !groupedEdges[groupedEdgeKey].length) {
+    return 0;
+  }
+
+  return groupedEdges[groupedEdgeKey][0].node.frontmatter.order || 0;
+};
+
+export var getGroupedEdges = function getGroupedEdges(edges) {
+  return groupBy(edges, function (_ref) {
+    var slugString = _ref.node.fields.slug;
+
+    // API.md and design.md
+    if (slugString.endsWith('/API') || slugString.endsWith('/design')) {
+      return slugString.split('/').slice(0, -2).join('/');
+    } // index.md
+
+
+    return slugString.split('/').slice(0, -1).join('/');
+  });
+}; // 提取出筛选 和 排序的方法 好在获取treeData 的时候使用
+
+export var getGroupedEdgesDataEdit = function getGroupedEdgesDataEdit(examples, edges, local) {
+  var groupedEdges = getGroupedEdges(edges);
+  return Object.keys(groupedEdges).filter(function (key) {
+    return key.startsWith("/".concat(local, "/"));
+  }).sort(function (a, b) {
+    var aOrder = getExampleOrder({
+      groupedEdgeKey: a,
+      examples: examples,
+      groupedEdges: groupedEdges
+    });
+    var bOrder = getExampleOrder({
+      groupedEdgeKey: b,
+      examples: examples,
+      groupedEdges: groupedEdges
+    });
+    return aOrder - bOrder;
+  });
+};
+export var getTreeDataByExamplesAndEdges = function getTreeDataByExamplesAndEdges(examples, edges, locale) {
+  return getGroupedEdgesDataEdit(examples, edges, locale).map(function (slugString) {
+    var menuItemLocaleKey = getMenuItemLocaleKey(slugString);
+    var doc = examples.find(function (item) {
+      return item.slug === menuItemLocaleKey;
+    }) || {};
+    return {
+      title: doc && doc.title ? doc.title[locale] : menuItemLocaleKey,
+      value: slugString,
+      icon: doc.icon,
+      children: getGroupedEdges(edges)[slugString].filter(function (edge) {
+        var slug = edge.node.fields.slug;
+        return !(slug.endsWith('/API') || slug.endsWith('/design') || slug.endsWith('/gallery'));
+      })
+    };
+  });
+};

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+export interface IThemeConfig {
+    [key: string]: any;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/typings.d.ts

@@ -0,0 +1,137 @@
+declare module '\*.jpg' {
+  const content: string;
+  export default content;
+}
+
+declare module '\*.png' {
+  const content: string;
+  export default content;
+}
+
+declare module '\*.json' {
+  const content: string;
+  export default content;
+}
+
+declare module '\*.less' {
+  const content: any;
+  export default content;
+}
+
+declare module '\*.svg' {
+  const content: any;
+  export default content;
+}
+
+declare namespace ExamplesPage {
+  /** 案例 DEMO */
+  export interface Demo {
+    /**
+     * id
+     */
+    id: string;
+
+    /**
+     * 标题（支持国际化）
+     */
+    title: {
+      zh: string;
+      en: string;
+    };
+
+    /**
+     * 截图
+     */
+    screenshot: string;
+
+    /**
+     * TypeScript 源码文件
+     */
+    source: string;
+
+    /**
+     * DEMO 代码文件名称
+     */
+    filename: string;
+
+    /**
+     * 衍生属性，通过 topic.id + example.id + demo.id 可以计算获取
+     */
+    relativePath?: string;
+
+    /**
+     * 是否为新品
+     */
+    isNew?: boolean;
+
+    /**
+     * 目标 example
+     */
+    targetExample?: ExamplesPage.Example;
+
+    /**
+     * 目标主题
+     */
+    targetTopic?: ExamplesPage.ExampleTopic;
+  }
+
+  /** 示例 */
+  export interface Example {
+    /**
+     * id
+     */
+    id: string;
+
+    /**
+     * 标题（支持国际化）
+     */
+    title: {
+      zh: string;
+      en: string;
+    };
+
+    /**
+     * 图标
+     */
+    icon: string;
+
+    /**
+     * DEMO
+     */
+    demos: Demo[];
+  }
+
+  /** 案例主题 */
+  export interface ExampleTopic {
+    /**
+     * id
+     */
+    id: string;
+
+    /**
+     * 标题
+     */
+    title: {
+      zh: string;
+      en: string;
+    };
+
+    /**
+     * 图标
+     */
+    icon: string;
+
+    /**
+     * 所有案例
+     */
+    examples: Example[];
+  }
+}
+
+/**
+ * 配置文件中的国际化配置
+ */
+declare type IC = string | {
+  zh: string;
+  en: string;
+}