dumi 2.2.1-alpha.0 → 2.2.2

package/dist/assetParsers/atom.js

@@ -16,7 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/assetParsers/atom.ts
@@ -45,6 +52,7 @@ var AtomAssetsParser = class {
       basePath: (0, import_utils.getProjectRoot)(opts.resolveDir),
       unPkgHost: opts.unpkgHost ?? "https://unpkg.com",
       mode: "worker",
+      // @ts-ignore
       parseOptions: opts.parseOptions
     });
     this.watchArgs = {
@@ -88,7 +96,9 @@ var AtomAssetsParser = class {
           const size = Buffer.byteLength(JSON.stringify(propsConfig));
           if (size > MAX_PARSE_SIZE) {
             propsConfig = fallbackProps;
-            import_plugin_utils.logger.warn(`Parsed component ${id} props size ${size} exceeds 512KB, skip it.`);
+            import_plugin_utils.logger.warn(
+              `Parsed component ${id} props size ${size} exceeds 512KB, skip it.`
+            );
           }
           result.components[id] = {
             type: "COMPONENT",
@@ -107,7 +117,9 @@ var AtomAssetsParser = class {
           const size = Buffer.byteLength(JSON.stringify(signature));
           if (size > MAX_PARSE_SIZE) {
             signature = fallbackSignature;
-            import_plugin_utils.logger.warn(`Parsed function ${id} signature size ${size} exceeds 512KB, skip it.`);
+            import_plugin_utils.logger.warn(
+              `Parsed function ${id} signature size ${size} exceeds 512KB, skip it.`
+            );
           }
           result.functions[id] = {
             type: "FUNCTION",
@@ -153,5 +165,3 @@ var AtomAssetsParser = class {
   }
 };
 var atom_default = AtomAssetsParser;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/assetParsers/block.js

@@ -16,7 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/assetParsers/block.ts
@@ -44,11 +51,14 @@ async function parseBlockAsset(opts) {
     frontmatter: null
   };
   const deferrer = (0, import_esbuild.build)({
+    // do not emit file
     write: false,
+    // enable bundle for trigger onResolve hook, but all deps will be externalized
     bundle: true,
     logLevel: "silent",
     format: "esm",
     target: "esnext",
+    // esbuild need relative entry path
     entryPoints: [import_path.default.basename(opts.fileAbsPath)],
     absWorkingDir: import_path.default.dirname(opts.fileAbsPath),
     plugins: [
@@ -58,7 +68,10 @@ async function parseBlockAsset(opts) {
           builder.onResolve({ filter: /.*/ }, (args) => {
             if (args.kind !== "entry-point" && !args.path.startsWith(".")) {
               const resolved = opts.resolver(args.resolveDir, args.path);
-              (0, import_assert.default)(resolved, `Can't resolve ${args.path} from ${args.resolveDir}`);
+              (0, import_assert.default)(
+                resolved,
+                `Can't resolve ${args.path} from ${args.resolveDir}`
+              );
               const pkgJsonPath = import_plugin_utils.pkgUp.pkgUpSync({
                 cwd: resolved
               });
@@ -88,26 +101,33 @@ async function parseBlockAsset(opts) {
               ".json"
             ].includes(ext);
             const isEntryPoint = args.pluginData.kind === "entry-point";
-            const filename = isEntryPoint ? `index${ext}` : (0, import_plugin_utils.winPath)(import_path.default.relative(import_path.default.dirname(opts.fileAbsPath), args.path)).replace(/^(\.?\.\/)+/g, "");
+            const filename = isEntryPoint ? `index${ext}` : (0, import_plugin_utils.winPath)(
+              import_path.default.relative(import_path.default.dirname(opts.fileAbsPath), args.path)
+            ).replace(/^(\.?\.\/)+/g, "");
             if (isModule || isPlainText) {
               asset.dependencies[filename] = {
                 type: "FILE",
                 value: opts.entryPointCode ?? import_fs.default.readFileSync(args.path, "utf-8")
               };
               if (isEntryPoint) {
-                const { code, frontmatter } = (0, import_utils.parseCodeFrontmatter)(asset.dependencies[filename].value);
+                const { code, frontmatter } = (0, import_utils.parseCodeFrontmatter)(
+                  asset.dependencies[filename].value
+                );
                 if (frontmatter) {
                   asset.dependencies[filename].value = code;
                   result.frontmatter = frontmatter;
-                  ["description", "title", "snapshot", "keywords"].forEach((key) => {
-                    asset[key] = frontmatter == null ? void 0 : frontmatter[key];
-                  });
+                  ["description", "title", "snapshot", "keywords"].forEach(
+                    (key) => {
+                      asset[key] = frontmatter == null ? void 0 : frontmatter[key];
+                    }
+                  );
                 }
               }
               if (!isEntryPoint || !opts.entryPointCode) {
                 result.sources[filename] = args.path;
               }
               return {
+                // only continue to load for module files
                 contents: isModule ? asset.dependencies[filename].value : "",
                 loader: isModule ? ext.slice(1) : "text"
               };
@@ -124,5 +144,3 @@ async function parseBlockAsset(opts) {
   return result;
 }
 var block_default = parseBlockAsset;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/cli.js

@@ -12,7 +12,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 
 // src/cli.ts
 var import_plugin_utils = require("umi/plugin-utils");

package/dist/client/pages/Demo/index.js

@@ -1,18 +1,13 @@
 import { useParams, useSiteData } from 'dumi';
 import { createElement } from 'react';
 import "./index.less";
-
 var DemoRenderPage = function DemoRenderPage() {
   var _useParams = useParams(),
-      id = _useParams.id;
-
+    id = _useParams.id;
   var _useSiteData = useSiteData(),
-      demos = _useSiteData.demos;
-
+    demos = _useSiteData.demos;
   var _ref = demos[id] || {},
-      component = _ref.component;
-
+    component = _ref.component;
   return component && /*#__PURE__*/createElement(component);
 };
-
 export default DemoRenderPage;

package/dist/client/theme-api/AtomRenderer.d.ts

@@ -6,8 +6,8 @@ interface IAtomRendererProps {
     value: ExamplePresetAsset['value'];
     processor?: typeof builtInProcessor;
 }
-declare type Entity = TypeMap['element'] | TypeMap['function'] | TypeMap['dom'];
-declare type Exports = Record<string, any>;
+type Entity = TypeMap['element'] | TypeMap['function'] | TypeMap['dom'];
+type Exports = Record<string, any>;
 declare function builtInProcessor(entity: Entity, entryExports: Exports): any;
 export declare const AtomRenderer: FC<IAtomRendererProps>;
 export {};

package/dist/client/theme-api/AtomRenderer.js

@@ -1,77 +1,64 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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); }
-
 import { useSiteData } from 'dumi';
 import React from 'react';
-
 function builtInProcessor(entity, entryExports) {
   var mod;
-
   switch (entity.$$__type) {
     case 'function':
       // eslint-disable-next-line no-eval
       return eval(entity.$$__body.sourceCode);
-
     case 'element':
       // find child component from entry exports
       mod = entity.$$__body.componentName.split('.').reduce(function (col, cur) {
         return col[cur];
-      }, entryExports); // fallback to HTML tag
+      }, entryExports);
 
-      if (mod === undefined) return entity.$$__body.componentName; // support pure render for antd components
+      // fallback to HTML tag
+      if (mod === undefined) return entity.$$__body.componentName;
 
+      // support pure render for antd components
       return '_InternalPanelDoNotUseOrYouWillBeFired' in mod ? mod._InternalPanelDoNotUseOrYouWillBeFired : mod;
   }
 }
-
 function deepReplace(value, entityProcessor) {
   // transform array props
   if (Array.isArray(value)) {
     return value.map(function (e) {
       return deepReplace(e, entityProcessor);
     });
-  } // transform element props
-
+  }
 
+  // transform element props
   if (_typeof(value) === 'object' && (value === null || value === void 0 ? void 0 : value.$$__type) === 'element') {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     return translatePresetToReact(value.$$__body, entityProcessor);
-  } // transform pure object props
-
+  }
 
+  // transform pure object props
   if (_typeof(value) === 'object' && Object.prototype.toString.call(value) === '[object Object]') {
     return Object.entries(value).reduce(function (col, _ref) {
       var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-
+        key = _ref2[0],
+        value = _ref2[1];
       return _objectSpread(_objectSpread({}, col), {}, _defineProperty({}, key, deepReplace(value, entityProcessor)));
     }, {});
   }
-
   return value;
 }
-
 function translatePresetToReact(value, processor) {
   var props = value.props,
-      size = value.size;
+    size = value.size;
   var Component = processor({
     $$__type: 'element',
     $$__body: value
@@ -80,22 +67,19 @@ function translatePresetToReact(value, processor) {
     style: _objectSpread(_objectSpread({}, props.style), size)
   }), processor));
 }
-
 export var AtomRenderer = function AtomRenderer(props) {
   var _useSiteData = useSiteData(),
-      entryExports = _useSiteData.entryExports;
-
+    entryExports = _useSiteData.entryExports;
   switch (props.type) {
     case 'COMPONENT':
       return translatePresetToReact(props.value, function (entity) {
         var _props$processor, _props$processor2;
-
         return (// support custom processor
-          (_props$processor = (_props$processor2 = props.processor) === null || _props$processor2 === void 0 ? void 0 : _props$processor2.call(props, entity, entryExports)) !== null && _props$processor !== void 0 ? _props$processor : // fallback to built-in processor
+          (_props$processor = (_props$processor2 = props.processor) === null || _props$processor2 === void 0 ? void 0 : _props$processor2.call(props, entity, entryExports)) !== null && _props$processor !== void 0 ? _props$processor :
+          // fallback to built-in processor
           builtInProcessor(entity, entryExports)
         );
       });
-
     default:
       // TODO: handle FUNCTION type
       return /*#__PURE__*/React.createElement(React.Fragment, null, props.type, " atom is not supported.");

package/dist/client/theme-api/DumiDemo.js

@@ -1,12 +1,10 @@
 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 { SP_ROUTE_PREFIX } from "../../constants";
 import { useAppData, useSiteData } from 'dumi';
 import Container from 'dumi/theme/builtins/Container';
 import Previewer from 'dumi/theme/builtins/Previewer';
 import React, { createElement } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-
 var DemoErrorBoundary = function DemoErrorBoundary(props) {
   return /*#__PURE__*/React.createElement(ErrorBoundary, {
     fallbackRender: function fallbackRender(_ref) {
@@ -19,29 +17,26 @@ var DemoErrorBoundary = function DemoErrorBoundary(props) {
     }
   }, props.children);
 };
-
 export var DumiDemo = /*#__PURE__*/React.memo(function (props) {
   var _useSiteData = useSiteData(),
-      demos = _useSiteData.demos,
-      historyType = _useSiteData.historyType;
-
+    demos = _useSiteData.demos,
+    historyType = _useSiteData.historyType;
   var _useAppData = useAppData(),
-      basename = _useAppData.basename;
-
+    basename = _useAppData.basename;
   var _demos$props$demo$id = demos[props.demo.id],
-      component = _demos$props$demo$id.component,
-      asset = _demos$props$demo$id.asset; // hide debug demo in production
+    component = _demos$props$demo$id.component,
+    asset = _demos$props$demo$id.asset;
 
+  // hide debug demo in production
   if (process.env.NODE_ENV === 'production' && props.previewerProps.debug) return null;
-
   if (props.demo.inline) {
     return /*#__PURE__*/React.createElement(DemoErrorBoundary, null, /*#__PURE__*/createElement(component));
   }
-
   var isHashRoute = historyType === 'hash';
   return /*#__PURE__*/React.createElement(Previewer, _extends({
     asset: asset,
-    demoUrl: // allow user override demoUrl by frontmatter
+    demoUrl:
+    // allow user override demoUrl by frontmatter
     props.previewerProps.demoUrl || // when use hash route, browser can automatically handle relative paths starting with #
     "".concat(isHashRoute ? "#" : '').concat(basename).concat(SP_ROUTE_PREFIX, "demos/").concat(props.demo.id)
   }, props.previewerProps), props.previewerProps.iframe ? null : /*#__PURE__*/React.createElement(DemoErrorBoundary, null, /*#__PURE__*/createElement(component)));

package/dist/client/theme-api/DumiDemoGrid.js

@@ -1,63 +1,49 @@
 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); }
-
-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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { DumiDemo, useRouteMeta } from 'dumi';
 import React, { useCallback, useEffect, useState } from 'react';
 export var DumiDemoGrid = function DumiDemoGrid(props) {
   var _useRouteMeta = useRouteMeta(),
-      fm = _useRouteMeta.frontmatter;
-
+    fm = _useRouteMeta.frontmatter;
   var generator = useCallback(function (fm, oItems) {
     var _fm$demo;
-
     var cols = [];
-    var items = process.env.NODE_ENV === 'production' ? // hide debug demo in production
+    var items = process.env.NODE_ENV === 'production' ?
+    // hide debug demo in production
     oItems.filter(function (d) {
       return !d.previewerProps.debug;
     }) : oItems;
-
-    if ((_fm$demo = fm.demo) !== null && _fm$demo !== void 0 && _fm$demo.cols && fm.demo.cols > 1 && ( // compatible for ssr env
+    if ((_fm$demo = fm.demo) !== null && _fm$demo !== void 0 && _fm$demo.cols && fm.demo.cols > 1 && (
+    // compatible for ssr env
     typeof window === 'undefined' || window.innerWidth > 1024)) {
       for (var i = 0; i < items.length; i += fm.demo.cols) {
         items.slice(i, i + fm.demo.cols).forEach(function (item, j) {
           var _cols$j;
-
           (_cols$j = cols[j]) !== null && _cols$j !== void 0 ? _cols$j : cols[j] = [];
           cols[j].push(item);
         });
       }
-
       return cols;
     } else {
       cols.push(items);
     }
-
     return cols;
   }, []);
-
   var _useState = useState(function () {
-    return generator(fm, props.items);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      cols = _useState2[0],
-      setCols = _useState2[1];
-
+      return generator(fm, props.items);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    cols = _useState2[0],
+    setCols = _useState2[1];
   useEffect(function () {
     var handler = function handler() {
       return setCols(generator(fm, props.items));
     };
-
     window.addEventListener('resize', handler);
     handler();
     return function () {

package/dist/client/theme-api/DumiPage.js

@@ -1,47 +1,29 @@
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import { useRouteMeta, useSiteData } from 'dumi';
+import { useRouteMeta } from 'dumi';
 import ContentTabs from 'dumi/theme/slots/ContentTabs';
-import nprogress from 'nprogress';
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { useTabQueryState } from "./useTabMeta";
 export var DumiPage = function DumiPage(props) {
   var _useRouteMeta = useRouteMeta(),
-      tabs = _useRouteMeta.tabs;
-
+    tabs = _useRouteMeta.tabs;
   var _useTabQueryState = useTabQueryState(),
-      _useTabQueryState2 = _slicedToArray(_useTabQueryState, 2),
-      tabKey = _useTabQueryState2[0],
-      setTabKey = _useTabQueryState2[1];
-
+    _useTabQueryState2 = _slicedToArray(_useTabQueryState, 2),
+    tabKey = _useTabQueryState2[0],
+    setTabKey = _useTabQueryState2[1];
   var _useState = useState(function () {
-    return tabs === null || tabs === void 0 ? void 0 : tabs.find(function (_ref) {
-      var key = _ref.key;
-      return key === tabKey;
-    });
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      tab = _useState2[0],
-      setTab = _useState2[1];
-
-  var _useSiteData = useSiteData(),
-      setLoading = _useSiteData.setLoading; // update loading status when page loaded
-
-
-  useEffect(function () {
-    setLoading(false);
-    nprogress.done();
-  }, []);
+      return tabs === null || tabs === void 0 ? void 0 : tabs.find(function (_ref) {
+        var key = _ref.key;
+        return key === tabKey;
+      });
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    tab = _useState2[0],
+    setTab = _useState2[1];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentTabs, {
     tabs: tabs,
     tabKey: tabKey,

package/dist/client/theme-api/openCodeSandbox.js

@@ -1,26 +1,20 @@
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { getParameters } from 'codesandbox/lib/api/define';
-import { genReactRenderCode } from "./utils";
+import { ApplyPluginsType } from 'dumi';
+import { genReactRenderCode, pluginManager } from "./utils";
 var CSB_API_ENDPOINT = 'https://codesandbox.io/api/v1/sandboxes/define';
+
 /**
  * get serialized data that use to submit to codesandbox.io
  * @param opts  previewer props
  */
-
 function getCSBData(opts) {
   var _opts$asset$dependenc, _react, _deps$_react, _reactDom, _deps$_reactDom;
-
   var isTSX = Boolean((_opts$asset$dependenc = opts.asset.dependencies) === null || _opts$asset$dependenc === void 0 ? void 0 : _opts$asset$dependenc['index.tsx']);
   var ext = isTSX ? '.tsx' : '.jsx';
   var files = {};
@@ -28,11 +22,10 @@ function getCSBData(opts) {
   var entryFileName = "index".concat(ext);
   Object.entries(opts.asset.dependencies).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        name = _ref2[0],
-        _ref2$ = _ref2[1],
-        type = _ref2$.type,
-        value = _ref2$.value;
-
+      name = _ref2[0],
+      _ref2$ = _ref2[1],
+      type = _ref2$.type,
+      value = _ref2$.value;
     if (type === 'NPM') {
       // generate dependencies
       deps[name] = value;
@@ -43,18 +36,21 @@ function getCSBData(opts) {
         isBinary: false
       };
     }
-  }); // add react、react-dom dependency
+  });
 
+  // add react、react-dom dependency
   (_deps$_react = deps[_react = 'react']) !== null && _deps$_react !== void 0 ? _deps$_react : deps[_react] = 'latest';
-  (_deps$_reactDom = deps[_reactDom = 'react-dom']) !== null && _deps$_reactDom !== void 0 ? _deps$_reactDom : deps[_reactDom] = deps.react; // append sandbox.config.json
+  (_deps$_reactDom = deps[_reactDom = 'react-dom']) !== null && _deps$_reactDom !== void 0 ? _deps$_reactDom : deps[_reactDom] = deps.react;
 
+  // append sandbox.config.json
   files['sandbox.config.json'] = {
     content: JSON.stringify({
       template: 'create-react-app'
     }, null, 2),
     isBinary: false
-  }; // append package.json
+  };
 
+  // append package.json
   files['package.json'] = {
     content: JSON.stringify({
       name: opts.title,
@@ -67,32 +63,38 @@ function getCSBData(opts) {
       } : {}
     }, null, 2),
     isBinary: false
-  }; // append index.html
+  };
 
+  // append index.html
   files['index.html'] = {
     content: '<div style="margin: 16px;" id="root"></div>',
     isBinary: false
-  }; // append entry file
+  };
 
+  // append entry file
   files[entryFileName] = {
     content: genReactRenderCode(deps.react),
     isBinary: false
   };
-  return getParameters({
-    files: files
+  var csbOpts = pluginManager.applyPlugins({
+    type: ApplyPluginsType.modify,
+    key: 'modifyCodeSandboxData',
+    initialValue: {
+      files: files
+    },
+    args: opts
   });
+  return getParameters(csbOpts);
 }
+
 /**
  * use CodeSandbox.io
  * @param data  previewer opts
  * @param opts  the api that CodeSandbox calls when creating the demo
  * @note  return a open function for open demo on codesandbox.io
  */
-
-
 export var openCodeSandbox = function openCodeSandbox(data, opts) {
   var _data$assets;
-
   var form = document.createElement('form');
   var input = document.createElement('input');
   var CSBData = getCSBData(data);