修改，替换文件（修改启动报错）

example/Unknown.js

+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+const Unknown = props => {
+  const { className } = props;
+  const cls = classNames('sketch-component-unknown', className);
+  return (
+    <div className={cls}>未知控件</div>
+  );
+};
+
+Unknown.propTypes = {
+  className: PropTypes.string
+};
+
+export default Unknown;

example/sketch.js

-import { commonRegister } from 'amos-viz/lib/widgets';
-import { getSketchCompnents } from './../mods';
+import { IModularHub, INNER_MODULAR_TYPE } from 'amos-viz/lib/widgets';
+import Unknown from './Unknown';
+import * as mods from './../mods';
+// 测试发布
+// import * as mods from './../lib/graphmod';
 
-const innerModularType = commonRegister.innerModularType;
+/**
+ * hybrid 创建自己独立的 modular
+ * 注册 所有的 mod
+ */
+export const hybridModular = new IModularHub();
+
+// 注册未知组件
+hybridModular.registerSketchComponent('unknown', Unknown);
+
+Object.keys(mods).forEach(k => {
+  // 需要排除 default
+  if (k !== 'default'){
+    hybridModular.registerSketchComponent(k, mods[k]);
+  }
+});
 
 export function getComponentKeyList(){
-  return Object.keys(commonRegister.getModularsByType(innerModularType.sketchComponent));
+  const sc = hybridModular.getModularsByType(INNER_MODULAR_TYPE.sketchComponent);
+  // const sc = hybridModular.getObjModularsByType(INNER_MODULAR_TYPE.sketchComponent);
+  return [...sc.keys()].map(item => item.replace(`${INNER_MODULAR_TYPE.sketchComponen}/`, ''));
 }
 
-export default getSketchCompnents;
+export default function getSketchCompnents(alias){
+  return hybridModular.getModularClass(INNER_MODULAR_TYPE.sketchComponent, alias, Unknown);
+}

mods/index.js

 import parseWidgetsMod from 'amos-viz/lib/widgets/modLoader';
-import { commonRegister } from 'amos-viz/lib/widgets';
-import Unknown from './Unknown';
 
-const innerModularType = commonRegister.innerModularType;
 
 const getMods = (req) => {
   return parseWidgetsMod(req, true);
 };
 
-// 注册未知组件
-commonRegister.registerSketchComponent('unknown', Unknown);
-
 // 注册所有的 SketchComponent
 const scReq = require.context('./components', true, /^\.\/([^_][\w-]+\/)+index\.(js|jsx)?$/);
-const sketchComponets = getMods(scReq);
-Object.keys(sketchComponets).forEach(k => {
-  commonRegister.registerSketchComponent(k, sketchComponets[k]);
-});
 
-export function getSketchCompnents(alias){
-  return commonRegister.getModularClass(innerModularType.sketchComponent, alias, Unknown);
-}
+const mods = getMods(scReq);
+
+Object.keys(mods).forEach(mk => {
+  if (mk !== 'default'){
+    exports[mk] = mods[mk];
+  }
+});