dumi 2.0.0-rc.5 → 2.0.0-rc.7

package/compiled/@umijs/plugins/index.js

@@ -0,0 +1 @@
+(function(){var e={226:function(e){var n=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var __export=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var __copyProps=(e,o,i,c)=>{if(o&&typeof o==="object"||typeof o==="function"){for(let s of r(o))if(!a.call(e,s)&&s!==i)n(e,s,{get:()=>o[s],enumerable:!(c=t(o,s))||c.enumerable})}return e};var __toCommonJS=e=>__copyProps(n({},"__esModule",{value:true}),e);var o={};__export(o,{default:()=>analytics_default});e.exports=__toCommonJS(o);var analytics_default=e=>{const n=process.env.GA_KEY;const t=process.env.GA_V2_KEY;const enableBy=e=>e.config.analytics||n;e.describe({key:"analytics",config:{schema(e){return e.alternatives().try(e.object({baidu:e.string(),ga:e.string(),ga_v2:e.string()}),e.boolean().invalid(true))},onChange:e.ConfigChangeType.reload},enableBy:enableBy});const baiduTpl=e=>`\n    (function() {\n      var hm = document.createElement('script');\n      hm.src = '//hm.baidu.com/hm.js?${e}';\n      var s = document.getElementsByTagName('script')[0];\n      s.parentNode.insertBefore(hm, s);\n    })();\n  `;const gaTpl=e=>`\n    (function(){\n      if (!location.port) {\n        (function (i, s, o, g, r, a, m) {\n          i['GoogleAnalyticsObject'] = r;\n          i[r] = i[r] || function () {\n              (i[r].q = i[r].q || []).push(arguments)\n            }, i[r].l = 1 * new Date();\n          a = s.createElement(o),\n            m = s.getElementsByTagName(o)[0];\n          a.async = 1;\n          a.src = g;\n          m.parentNode.insertBefore(a, m)\n        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');\n        ga('create', '${e}', 'auto');\n        ga('send', 'pageview');\n      }\n    })();\n  `;const gaV2Tpl=e=>`\n      window.dataLayer = window.dataLayer || [];\n      function gtag(){dataLayer.push(arguments);}\n      gtag('js', new Date());\n      gtag('config', '${e}');\n    `.trim();e.addHTMLHeadScripts((()=>{const r=e.config.analytics||{};const{baidu:a,ga:o=n,ga_v2:i=t}=r;const c=[];if(a){c.push({content:"var _hmt = _hmt || [];"})}if(e.env!=="development"){if(a){c.push({content:baiduTpl(a)})}if(o){c.push({content:gaTpl(o)})}if(i){c.push({async:true,src:`//www.googletagmanager.com/gtag/js?id=${i}`},{content:gaV2Tpl(i)})}}return c.filter(Boolean)}))};0&&0}};var n={};function __nccwpck_require__(t){var r=n[t];if(r!==undefined){return r.exports}var a=n[t]={exports:{}};var o=true;try{e[t](a,a.exports,__nccwpck_require__);o=false}finally{if(o)delete n[t]}return a.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var t=__nccwpck_require__(226);module.exports=t})();

package/compiled/@umijs/plugins/package.json

@@ -0,0 +1 @@
+{"name":"@umijs/plugins","version":"4.0.30","authors":["chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"],"license":"MIT","_lastModified":"2022-11-13T07:05:33.094Z"}

package/dist/features/derivative.js

@@ -118,7 +118,7 @@ var derivative_default = (api) => {
       }
     }
   });
-  api.registerPlugins([require.resolve("@umijs/plugins/dist/analytics")]);
+  api.registerPlugins([require.resolve("../../compiled/@umijs/plugins")]);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/features/routes.js

@@ -47,7 +47,7 @@ function localizeUmiRoute(route, locales) {
 function flatRoute(route) {
   if (route.parentId !== "DocLayout") {
     route.parentId = "DocLayout";
-    route.path = route.path === "*" ? route.path : route.absPath.slice(1);
+    route.path = route.path === "*" ? route.path.toLowerCase() : route.absPath.slice(1).toLowerCase();
   }
 }
 function getClientPageFile(file, cwd) {
@@ -148,7 +148,7 @@ var routes_default = (api) => {
       const base = import_path.default.join(api.cwd, dir);
       const atomFiles = import_plugin_utils.glob.sync("{*,*/index,*/index.*,*/README,*/README.*}.md", { cwd: base });
       atomFiles.forEach((file) => {
-        const routePath = (0, import_plugin_utils.winPath)(import_path.default.join((0, import_pluralize.plural)(type), file)).replace(/(\/index|\/README)?\.md$/, "").replace(/\./g, "/");
+        const routePath = (0, import_plugin_utils.winPath)(import_path.default.join((0, import_pluralize.plural)(type), file)).replace(/(\/index|\/README)?\.md$/, "").replace(/\./g, "/").toLowerCase();
         const routeId = (0, import_utils.createRouteId)(file);
         routes[routeId] = {
           id: routeId,
@@ -176,6 +176,12 @@ var routes_default = (api) => {
       parentId: demoLayoutId,
       file: getClientPageFile("client/pages/Demo", api.cwd)
     };
+    Object.values(routes).forEach((route) => {
+      if (route.path !== encodeURI(route.path)) {
+        throw new Error(`Invalid route path: ${route.path}, please rename it with only alphanumeric, dash and slash.
+    at ${route.file}`);
+      }
+    });
     return routes;
   });
   api.addLayouts(() => {

package/dist/features/theme/index.js

@@ -110,6 +110,8 @@ var theme_default = (api) => {
   api.onGenerateFiles(() => {
     themeMapKeys.forEach((key) => {
       Object.values(originalThemeData[key] || {}).forEach((item) => {
+        if (item.source === "dumi")
+          return;
         let contents = [];
         const [, exports] = (0, import_bundler_utils.parseModuleSync)({
           path: item.source,

package/dist/features/theme/loader.js

@@ -30,10 +30,12 @@ var import_plugin_utils = require("umi/plugin-utils");
 function getComponentMapFromDir(globExp, dir) {
   return import_plugin_utils.glob.sync(globExp, { cwd: dir }).reduce((ret, file) => {
     const specifier = import_path.default.basename(file.replace(/(\/index)?\.[a-z]+$/, ""));
-    ret[specifier] = {
-      specifier,
-      source: (0, import_plugin_utils.winPath)(import_path.default.join(dir, file))
-    };
+    if (/^[A-Z\d]/.test(specifier)) {
+      ret[specifier] = {
+        specifier,
+        source: (0, import_plugin_utils.winPath)(import_path.default.join(dir, file))
+      };
+    }
     return ret;
   }, {});
 }

package/dist/loaders/markdown/transformer/index.js

@@ -37,6 +37,7 @@ var import_rehypeRaw = __toESM(require("./rehypeRaw"));
 var import_rehypeSlug = __toESM(require("./rehypeSlug"));
 var import_rehypeStrip = __toESM(require("./rehypeStrip"));
 var import_rehypeText = __toESM(require("./rehypeText"));
+var import_remarkContainer = __toESM(require("./remarkContainer"));
 var import_remarkEmbed = __toESM(require("./remarkEmbed"));
 var import_remarkMeta = __toESM(require("./remarkMeta"));
 function applyUnifiedPlugin(opts) {
@@ -50,6 +51,7 @@ var transformer_default = async (raw, opts) => {
   const { unified } = await import("unified");
   const { default: remarkParse } = await import("remark-parse");
   const { default: remarkFrontmatter } = await import("remark-frontmatter");
+  const { default: remarkDirective } = await import("remark-directive");
   const { default: remarkBreaks } = await import("remark-breaks");
   const { default: remarkGfm } = await import("remark-gfm");
   const { default: remarkRehype } = await import("remark-rehype");
@@ -63,7 +65,7 @@ var transformer_default = async (raw, opts) => {
     cwd: opts.cwd,
     fileAbsPath: opts.fileAbsPath,
     resolve: opts.resolve
-  }).use(remarkBreaks).use(remarkGfm);
+  }).use(remarkDirective).use(import_remarkContainer.default).use(remarkBreaks).use(remarkGfm);
   (_a = opts.extraRemarkPlugins) == null ? void 0 : _a.forEach((plugin) => applyUnifiedPlugin({
     plugin,
     processor,

package/dist/loaders/markdown/transformer/rehypeSlug.js

@@ -42,7 +42,11 @@ function rehypeSlug() {
     visit(tree, "element", (node) => {
       var _a, _b;
       if (HEADING_TAGS.includes(node.tagName)) {
-        const title = toString(node);
+        const title = toString({
+          type: "element",
+          tagName: node.tagName,
+          children: node.children.filter((child) => child.type !== "element" || child.tagName !== "Badge")
+        }).trim();
         const depth = Number(node.tagName.slice(1));
         const id = slugger.slug(title);
         node.properties.id = id;

package/dist/loaders/markdown/transformer/remarkContainer.d.ts

@@ -0,0 +1,3 @@
+import type { Root } from 'mdast';
+import type { Transformer } from 'unified';
+export default function remarkContainer(): Transformer<Root>;

package/dist/loaders/markdown/transformer/remarkContainer.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/loaders/markdown/transformer/remarkContainer.ts
+var remarkContainer_exports = {};
+__export(remarkContainer_exports, {
+  default: () => remarkContainer
+});
+module.exports = __toCommonJS(remarkContainer_exports);
+var visit;
+var SKIP;
+var VALID_CONTAINER_TYPES = ["info", "warning", "success", "error"];
+(async () => {
+  ({ visit, SKIP } = await import("unist-util-visit"));
+})();
+function remarkContainer() {
+  return (tree) => {
+    visit(tree, (node, i, parent) => {
+      if (node.type === "containerDirective" && VALID_CONTAINER_TYPES.includes(node.name)) {
+        const attrs = Object.entries(node.attributes || {}).reduce((ret, [name, value]) => `${ret} ${value ? `${name}="${value}"` : name}`, "");
+        parent.children.splice(i, 1, {
+          type: "html",
+          value: `<Container type="${node.name}"${attrs}>`,
+          position: node.position
+        }, ...(node.children || []).concat({
+          type: "html",
+          value: "</Container>"
+        }));
+        return SKIP;
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.7",
   "description": "Framework for developing UI components",
   "keywords": [],
   "license": "MIT",
@@ -59,7 +59,6 @@
     "@types/mdast": "^3.0.10",
     "@umijs/bundler-utils": "^4.0.30",
     "@umijs/core": "^4.0.30",
-    "@umijs/plugins": "^4.0.30",
     "codesandbox": "^2.2.3",
     "deepmerge": "^4.2.2",
     "dumi-afx-deps": "^1.0.0-alpha.1",
@@ -91,6 +90,7 @@
     "rehype-remove-comments": "^5.0.0",
     "rehype-stringify": "^9.0.3",
     "remark-breaks": "^3.0.2",
+    "remark-directive": "^2.0.1",
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^3.0.1",
     "remark-parse": "^10.0.1",
@@ -117,6 +117,7 @@
     "@types/react-copy-to-clipboard": "^5.0.4",
     "@types/react-helmet": "^6.1.5",
     "@umijs/lint": "^4.0.30",
+    "@umijs/plugins": "^4.0.30",
     "eslint": "^8.20.0",
     "father": "^4.1.0",
     "husky": "^8.0.1",

package/theme-default/builtins/Badge/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC, type ReactNode } from 'react';
+import './index.less';
+declare const Badge: FC<{
+    children: ReactNode;
+    type: 'info' | 'warning' | 'error' | 'success';
+}>;
+export default Badge;

package/theme-default/builtins/Badge/index.js

@@ -0,0 +1,12 @@
+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); }
+
+import React from 'react';
+import "./index.less";
+
+var Badge = function Badge(props) {
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: "dumi-default-badge"
+  }, props));
+};
+
+export default Badge;

package/theme-default/builtins/Badge/index.less

@@ -0,0 +1,33 @@
+@import (reference) '../../styles/variables.less';
+
+.@{prefix}-badge {
+  display: inline-block;
+  margin-left: 2px;
+  padding: 1px 8px;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
+  border-radius: 4px;
+  vertical-align: top;
+
+  &:not([type]),
+  &[type='info'] {
+    color: @c-primary;
+    background: lighten(@c-primary, 40%);
+  }
+
+  &[type='warning'] {
+    color: @c-warning;
+    background: lighten(@c-warning, 48%);
+  }
+
+  &[type='success'] {
+    color: @c-success;
+    background: lighten(@c-success, 54%);
+  }
+
+  &[type='error'] {
+    color: @c-error;
+    background: lighten(@c-error, 47%);
+  }
+}

package/theme-default/builtins/Container/index.d.ts

@@ -0,0 +1,8 @@
+import { type FC, type ReactNode } from 'react';
+import './index.less';
+declare const Container: FC<{
+    type: string;
+    title?: string;
+    children: ReactNode;
+}>;
+export default Container;

package/theme-default/builtins/Container/index.js

@@ -0,0 +1,39 @@
+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); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { ReactComponent as IconSuccess } from '@ant-design/icons-svg/inline-svg/outlined/check-circle.svg';
+import { ReactComponent as IconError } from '@ant-design/icons-svg/inline-svg/outlined/close-circle.svg';
+import { ReactComponent as IconInfo } from '@ant-design/icons-svg/inline-svg/outlined/info-circle.svg';
+import { ReactComponent as IconWarning } from '@ant-design/icons-svg/inline-svg/outlined/warning.svg';
+import React, { useState } from 'react';
+import "./index.less";
+var ICONS = {
+  info: IconInfo,
+  warning: IconWarning,
+  success: IconSuccess,
+  error: IconError
+};
+
+var Container = function Container(props) {
+  var _useState = useState(function () {
+    return ICONS[props.type];
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      Icon = _useState2[0];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dumi-default-container markdown",
+    "data-type": props.type
+  }, /*#__PURE__*/React.createElement(Icon, null), /*#__PURE__*/React.createElement("h4", null, props.title || props.type.toUpperCase()), props.children);
+};
+
+export default Container;

package/theme-default/builtins/Container/index.less

@@ -0,0 +1,70 @@
+@import (reference) '../../styles/variables.less';
+
+.@{prefix}-container {
+  margin: 24px 0 32px;
+  padding: 18px 16px 18px 44px;
+  border-radius: 4px;
+
+  > svg {
+    float: left;
+    fill: currentcolor;
+    margin-left: -26px;
+    width: 18px;
+  }
+
+  > h4 {
+    margin: 1px 0 0;
+    font-size: 15px;
+    line-height: 1;
+  }
+
+  > p {
+    margin: 8px 0 0;
+    font-size: 15px;
+    line-height: 1.2;
+  }
+
+  &[data-type='info'] {
+    @color: darken(desaturate(@c-primary, 45%), 10%);
+
+    color: @color;
+    background: lighten(@c-primary, 42%);
+
+    > p {
+      color: desaturate(@color, 20%);
+    }
+  }
+
+  &[data-type='warning'] {
+    @color: darken(desaturate(@c-warning, 20%), 2%);
+
+    color: @color;
+    background: lighten(@c-warning, 51%);
+
+    > p {
+      color: desaturate(@color, 24%);
+    }
+  }
+
+  &[data-type='success'] {
+    @color: darken(desaturate(@c-success, 5%), 1%);
+
+    color: @color;
+    background: lighten(@c-success, 59%);
+
+    > p {
+      color: desaturate(@color, 22%);
+    }
+  }
+
+  &[data-type='error'] {
+    @color: darken(desaturate(@c-error, 20%), 1%);
+
+    color: @color;
+    background: lighten(@c-error, 51%);
+
+    > p {
+      color: desaturate(@color, 25%);
+    }
+  }
+}

package/theme-default/slots/Sidebar/index.js

@@ -9,7 +9,8 @@ var Sidebar = function Sidebar() {
 
   var meta = useRouteMeta();
   var sidebar = useSidebarData();
-  return sidebar && /*#__PURE__*/React.createElement("div", {
+  if (!sidebar) return null;
+  return /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-sidebar"
   }, sidebar.map(function (item, i) {
     return /*#__PURE__*/React.createElement("dl", {

package/theme-default/styles/variables.less

@@ -7,13 +7,15 @@
 @s-header-height-m: 52px;
 
 @c-primary: #1677ff;
+@c-warning: #d59200;
+@c-success: #208a41;
+@c-error: #ce1f31;
 @c-text: #30363f;
 @c-text-secondary: #4f5866;
 @c-text-note: #8a9099;
 @c-border: #d0d5d8;
 @c-border-light: #e4e9ec;
 @c-site-bg: #f7f9fb;
-@c-warning: #dd9600;
 
 @mobile: ~'only screen and (max-width: 767px)';
 @tablet: ~'only screen and (min-width: 768px) and (max-width: 1024px)';