+ {!isCN ? countryName : countryNameZh}
+ {value}
+
+ );
+ };
+
+ render() {
+ // i18nBundle 是 i18n 包装后额外提供的 prop，表示组件当前实际使用的文案
+ const {
+ style,
+ className,
+ disabled,
+ value: { countryCode, phoneNumber },
+ readOnly,
+ } = this.props;
+ // 排除掉不需要透传下去的参数，特别地适用于直接把大部分特殊控制外的参数透传给 Fusion 等组件的用法
+ const cls = classnames({
+ 'whale-telephone': true,
+ 'whale-telephone-readonly': !!readOnly,
+ [className]: className,
+ });
+ const { popupStyle } = this.state;
+
+ if (readOnly) {
+ return (
+
+ {countryCode} {phoneNumber}
+
+ );
+ }
+
+ return (
+ { this.el = ref; }} data-name="WhaleTelephone">
+
+
+
+ );
+ }
+}
+
+// 默认 export 提供了内置多语言文案的组件
+export default i18n(WhaleTelephone, i18nBundles);
+// 万一需有对组件进行扩展，为了避免 HOC 后无法直接继承，提供了导出组件内置多语言文案及未经 HOC 的组件
+export { i18nBundles, WhaleTelephone as Pure };
diff --git a/packages/material-parser/test/fixtures/dts-component/src/main.scss b/packages/material-parser/test/fixtures/dts-component/src/main.scss
new file mode 100644
index 000000000..0f2567674
--- /dev/null
+++ b/packages/material-parser/test/fixtures/dts-component/src/main.scss
@@ -0,0 +1,40 @@
+
+@import 'scss/variable';
+
+// put your code here
+
+.whale-telephone {
+ display: flex;
+ .whale-telephone-select {
+ min-width: 72px;
+ width: 72px;
+ .next-select-inner {
+ min-width: 72px;
+ }
+ .next-input.next-medium {
+ border-radius: 0;
+ border-right: none;
+ }
+ }
+ .whale-telephone-number-input {
+ flex-grow: 2;
+ border-radius: 0;
+ &.next-input.next-medium {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ }
+
+ &.whale-telephone-readonly {
+ font-family: Roboto;
+ color: #262626;
+ font-size: 14px;
+ line-height: 1.7;
+ }
+}
+
+.whale-telephone-select-popup {
+ .code-span {
+ float: right;
+ }
+}
diff --git a/packages/material-parser/test/fixtures/dts-component/src/scss/variable.scss b/packages/material-parser/test/fixtures/dts-component/src/scss/variable.scss
new file mode 100644
index 000000000..46edcf719
--- /dev/null
+++ b/packages/material-parser/test/fixtures/dts-component/src/scss/variable.scss
@@ -0,0 +1,12 @@
+////
+/// @module @alife/whale-telephone: 组件中文名
+/// @tag WhaleTelephone
+/// @category custom
+/// @family whale-telephone
+/// @varPrefix $whale-telephone
+/// @classPrefix whale-telephone
+////
+
+/// backgroud
+/// @namespace statement/normal
+$whale-telephone-color: $color-brand1-1 !default;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/amContainer.js
new file mode 100644
index 000000000..45df1897e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/amContainer.js
@@ -0,0 +1,11 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/amManifest.js
new file mode 100644
index 000000000..c9c2b1b05
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/amManifest.js
@@ -0,0 +1,144 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+function _update(Nygma, node) {
+ const attributes = node.get();
+ const display = attributes.display;
+ const flexDirection = attributes.flexDirection;
+ const alignItems = attributes.alignItems;
+ const justifyContent = attributes.justifyContent;
+ const flexWrap = attributes.flexWrap;
+ const isFlex = display === 'flex';
+ node.set({
+ display,
+ flexDirection: isFlex ? flexDirection : undefined,
+ alignItems: isFlex ? alignItems : undefined,
+ justifyContent: isFlex ? justifyContent : undefined,
+ flexWrap: isFlex ? flexWrap : undefined,
+ });
+}
+
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeBlank',
+ // The description of current component.
+ description: '空白卡片',
+ // The coverimage's url of current component.
+ coverImage: 'https://img.alicdn.com/tfs/TB1un9tqntYBeNjy1XdXXXXyVXa-366-124.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '布局',
+ // card.blank
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [{
+ alias: '空白卡片',
+ thumbnail: 'https://img.alicdn.com/tfs/TB1ucPNVsbpK1RjSZFyXXX_qFXa-198-120.png',
+ colSpan: 12,
+ customProps: {
+ id: '',
+ textAlign: 'left',
+ padding: '12px',
+ width: '100%',
+ backgroundColor: '#FFF',
+ },
+ }],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'container',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'tbrlv',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ lifeCycle: {
+ didMount (props) {
+ const Nygma = props.Nygma;
+ const dragInstance = props.dragInstance;
+ const Drager = dragInstance.NygmaNode;
+
+ _update(Nygma, Drager);
+ },
+ didUpdate (Nygma, node, args) {
+ const newvalue = args[1];
+ const oldvalue = args[2];
+
+ if (JSON.stringify(newvalue) !== JSON.stringify(oldvalue)) {
+ _update(Nygma, node);
+ }
+ },
+ },
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [{
+ name: 'id',
+ label: 'id',
+ defaultValue: '',
+ renderer: 'Input',
+ }, {
+ name: 'textAlign',
+ label: '水平对齐',
+ defaultValue: 'left',
+ renderer: 'TextAlign',
+ }, {
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'padding',
+ label: '内边距',
+ renderer: 'Quadrant',
+ defaultValue: '12px',
+ }, {
+ name: 'width',
+ label: '宽度',
+ defaultValue: '100%',
+ renderer: 'Width',
+ }, {
+ name: 'height',
+ label: '高度',
+ renderer: 'Height',
+ defaultValue: undefined,
+ }, {
+ name: 'backgroundColor',
+ label: '背景颜色',
+ renderer: 'Color',
+ defaultValue: '#FFF',
+ }, {
+ name: 'border',
+ label: '边框',
+ renderer: 'BarBorder',
+ }, {
+ name: 'display',
+ label: '布局设置',
+ renderer: 'FlexLayout',
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/container.js
new file mode 100644
index 000000000..30e1f2996
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/container.js
@@ -0,0 +1,6 @@
+
+ import AIMakeBlank from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: AIMakeBlank, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/index.js
new file mode 100644
index 000000000..429bfc0df
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/index.js
@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+import HOCLayoutProps from '../utils/HOCLayoutProps';
+import HOCBackgroundProps from '../utils/HOCBackgroundProps';
+import HOCFlexLayoutProps from '../utils/HOCFlexLayoutProps';
+
+const AIMakeBlank =
+/* #__PURE__ */
+function (_Component) {
+ _inherits(AIMakeBlank, _Component);
+
+ function AIMakeBlank() {
+ _classCallCheck(this, AIMakeBlank);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(AIMakeBlank).apply(this, arguments));
+ }
+
+ _createClass(AIMakeBlank, [{
+ key: "render",
+ value: function render() {
+ const merged = {};
+ const _this$props = this.props;
+ const children = _this$props.children;
+ const styleBoxModel = _this$props.styleBoxModel;
+ const styleLayout = _this$props.styleLayout;
+ const styleBackground = _this$props.styleBackground;
+ const styleFlexLayout = _this$props.styleFlexLayout;
+ const style = _this$props.style;
+ const id = _this$props.id;
+ const styles = { ...styleBoxModel,
+ ...styleLayout,
+ ...styleBackground,
+ ...styleFlexLayout,
+ ...style,
+ };
+
+ if (id) {
+ merged.id = id;
+ }
+
+ return React.createElement("div", _extends({
+ style: styles,
+ }, merged), children);
+ },
+ }]);
+
+ return AIMakeBlank;
+}(Component);
+
+_defineProperty(AIMakeBlank, "propTypes", {
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+ styleBoxModel: PropTypes.object.isRequired,
+ styleLayout: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ styleFlexLayout: PropTypes.object.isRequired,
+ style: PropTypes.object,
+ id: PropTypes.string,
+});
+
+_defineProperty(AIMakeBlank, "defaultProps", {
+ children: [],
+ style: {},
+ id: '',
+});
+
+export default HOCBoxModelProps(HOCLayoutProps(HOCBackgroundProps(HOCFlexLayoutProps(AIMakeBlank))));
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.js
new file mode 100644
index 000000000..6ef1078e0
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeBlank","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"AIMakeBlank","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleLayout","propType":"object","description":""},{"name":"styleBackground","propType":"object","description":""},{"name":"styleFlexLayout","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"},{"name":"id","propType":"string","description":""}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeBlank/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/IconFont.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/IconFont.js
new file mode 100644
index 000000000..fa86f316d
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/IconFont.js
@@ -0,0 +1,67 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types'; // 缓存已加载的字体文件
+
+const customCache = new Set(); // 动态加载字体文件
+
+export default function createFromIconfont(options) {
+ const scriptUrl = options.scriptUrl;
+
+ if (typeof document !== 'undefined' && typeof window !== 'undefined' && typeof document.createElement === 'function' && typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl)) {
+ const script = document.createElement('script');
+ script.setAttribute('src', scriptUrl);
+ script.setAttribute('data-namespace', scriptUrl);
+ customCache.add(scriptUrl);
+ document.body.appendChild(script);
+ }
+
+ const IconFont =
+ /* #__PURE__ */
+ function (_Component) {
+ _inherits(IconFont, _Component);
+
+ function IconFont() {
+ _classCallCheck(this, IconFont);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(IconFont).apply(this, arguments));
+ }
+
+ _createClass(IconFont, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const type = _this$props.type;
+ const restProps = _objectWithoutProperties(_this$props, ["type"]);
+
+ const innerSvgProps = {
+ width: '1em',
+ height: '1em',
+ fill: 'currentColor',
+ 'aria-hidden': 'true',
+ focusable: 'false',
+ }; // 引用指定svg
+
+ const content = React.createElement("use", {
+ xlinkHref: `#${type}`,
+ });
+ return React.createElement("i", _extends({}, restProps, {
+ className: `iconfont ${type}`,
+ }), React.createElement("svg", innerSvgProps, content));
+ },
+ }]);
+
+ return IconFont;
+ }(Component);
+
+ IconFont.propTypes = {
+ type: PropTypes.string.isRequired, // icon
+
+ };
+ return IconFont;
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/amContainer.js
new file mode 100644
index 000000000..35715351d
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/amContainer.js
@@ -0,0 +1,13 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+import createFromIconfont from './IconFont';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+ createFromIconfont,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/amManifest.js
new file mode 100644
index 000000000..3af2f5c8c
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/amManifest.js
@@ -0,0 +1,82 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeIcon',
+ // The description of current component.
+ description: '图标',
+ // The coverimage's url of current component.
+ coverImage: '',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: 'AIMakeIcon',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'rl',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [{
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'color',
+ label: '图标颜色',
+ renderer: 'Color',
+ defaultValue: '#333',
+ }, {
+ name: 'fontSize',
+ label: '图标大小',
+ renderer: 'FontSize',
+ defaultValue: '16px',
+ }, {
+ name: 'display',
+ label: '显示',
+ defaultValue: 'inline-block',
+ }, {
+ name: 'className',
+ label: '图标类型',
+ defaultValue: 'iconfont',
+ renderer: false,
+ params: {
+ placeholder: '请输入Iconfont名',
+ },
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/container.js
new file mode 100644
index 000000000..e272233de
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/container.js
@@ -0,0 +1,6 @@
+
+ import AIMakeIcon from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: AIMakeIcon, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/index.js
new file mode 100644
index 000000000..4007756a7
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/index.js
@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import createFromIconfont from './IconFont';
+
+const AIMakeIcon =
+/* #__PURE__ */
+function (_Component) {
+ _inherits(AIMakeIcon, _Component);
+
+ function AIMakeIcon() {
+ _classCallCheck(this, AIMakeIcon);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(AIMakeIcon).apply(this, arguments));
+ }
+
+ _createClass(AIMakeIcon, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const className = _this$props.className;
+ const iconClassName = _this$props.iconClassName;
+ const children = _this$props.children;
+ const styleBoxModel = _this$props.styleBoxModel;
+ const styleText = _this$props.styleText;
+ const styleBackground = _this$props.styleBackground;
+ const style = _this$props.style;
+ const otherProps = _objectWithoutProperties(_this$props, ["className", "iconClassName", "children", "styleBoxModel", "styleText", "styleBackground", "style"]);
+
+ const styles = { ...styleBoxModel,
+ ...styleText,
+ ...styleBackground,
+ ...style,
+ };
+ return React.createElement("i", _extends({}, otherProps, {
+ className: classNames(className, iconClassName),
+ style: styles,
+ }), children);
+ },
+ }]);
+
+ return AIMakeIcon;
+}(Component);
+
+_defineProperty(AIMakeIcon, "propTypes", {
+ className: PropTypes.string,
+ iconClassName: PropTypes.string,
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+ styleBoxModel: PropTypes.object.isRequired,
+ styleText: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ style: PropTypes.object,
+});
+
+_defineProperty(AIMakeIcon, "defaultProps", {
+ className: '',
+ iconClassName: 'iconfont',
+ children: '',
+ style: {},
+});
+
+AIMakeIcon.createFromIconfont = createFromIconfont;
+export default AIMakeIcon;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.js
new file mode 100644
index 000000000..cb0b26eab
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeIcon","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"AIMakeIcon","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"className","propType":"string","description":""},{"name":"iconClassName","propType":"string","description":""},{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleText","propType":"object","description":""},{"name":"styleBackground","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeIcon/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/amContainer.js
new file mode 100644
index 000000000..45df1897e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/amContainer.js
@@ -0,0 +1,11 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/amManifest.js
new file mode 100644
index 000000000..b5687bcf4
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/amManifest.js
@@ -0,0 +1,86 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeImage',
+ // The description of current component.
+ description: '图片',
+ // The coverimage's url of current component.
+ coverImage: 'https://img.alicdn.com/tfs/TB17gMFp1uSBuNjy1XcXXcYjFXa-172-120.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '线条图像',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [{
+ alias: '图片',
+ thumbnail: 'https://img.alicdn.com/tfs/TB17gMFp1uSBuNjy1XcXXcYjFXa-172-120.png',
+ colSpan: 12,
+ customProps: {
+ width: '224px',
+ height: '126px',
+ src: 'https://img.alicdn.com/tfs/TB1RtEMGbSYBuNjSspfXXcZCpXa-448-252.png',
+ },
+ }],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'rl',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [{
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'width',
+ label: '宽度',
+ defaultValue: '224px',
+ renderer: 'Width',
+ }, {
+ name: 'height',
+ label: '高度',
+ defaultValue: '126px',
+ renderer: 'Height',
+ }, {
+ name: 'src',
+ label: '图片URL',
+ renderer: 'Uploader',
+ placeholder: 'eg: https://img.alicdn.com/tfs/TB1RtEMGbSYBuNjSspfXXcZCpXa-448-252.png',
+ hint: '请填入图片的URL',
+ defaultValue: 'https://img.alicdn.com/tfs/TB1RtEMGbSYBuNjSspfXXcZCpXa-448-252.png',
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/container.js
new file mode 100644
index 000000000..2c667964a
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/container.js
@@ -0,0 +1,6 @@
+
+ import AIMakeImage from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: AIMakeImage, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/index.js
new file mode 100644
index 000000000..8bf5ce2a8
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/index.js
@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+
+const AIMakeImage =
+/* #__PURE__ */
+function (_Component) {
+ _inherits(AIMakeImage, _Component);
+
+ function AIMakeImage() {
+ _classCallCheck(this, AIMakeImage);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(AIMakeImage).apply(this, arguments));
+ }
+
+ _createClass(AIMakeImage, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const styleBoxModel = _this$props.styleBoxModel;
+ const style = _this$props.style;
+ const otherProps = _objectWithoutProperties(_this$props, ["styleBoxModel", "style"]);
+
+ const styles = { ...styleBoxModel,
+ ...style,
+ };
+ return React.createElement("img", _extends({}, otherProps, {
+ style: styles,
+ alt: "AIMakeImage",
+ }));
+ },
+ }]);
+
+ return AIMakeImage;
+}(Component);
+
+_defineProperty(AIMakeImage, "propTypes", {
+ styleBoxModel: PropTypes.object.isRequired,
+ style: PropTypes.object,
+});
+
+_defineProperty(AIMakeImage, "defaultProps", {
+ style: {},
+});
+
+export default HOCBoxModelProps(AIMakeImage);
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.js
new file mode 100644
index 000000000..ea27808dc
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeImage","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"AIMakeImage","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"styleBoxModel","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeImage/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/amContainer.js
new file mode 100644
index 000000000..45df1897e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/amContainer.js
@@ -0,0 +1,11 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/amManifest.js
new file mode 100644
index 000000000..c254b2cc4
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/amManifest.js
@@ -0,0 +1,102 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeLink',
+ // The description of current component.
+ description: '链接',
+ // The coverimage's url of current component.
+ coverImage: 'https://img.alicdn.com/tfs/TB1otbyVwTqK1RjSZPhXXXfOFXa-192-48.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '文本',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [{
+ alias: '链接',
+ thumbnail: 'https://img.alicdn.com/tfs/TB1otbyVwTqK1RjSZPhXXXfOFXa-192-48.png',
+ colSpan: 12,
+ customProps: {
+ color: '#3788FF',
+ fontSize: '12px',
+ fontWeight: 'normal',
+ href: '#',
+ children: '链接',
+ },
+ }],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'lrv',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [{
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'color',
+ label: '文字颜色',
+ renderer: 'Color',
+ defaultValue: '#3788FF',
+ }, {
+ name: 'fontSize',
+ label: '字号',
+ renderer: 'FontSize',
+ defaultValue: '12px',
+ }, {
+ name: 'fontWeight',
+ label: '字重',
+ renderer: 'FontWeight',
+ defaultValue: 'normal',
+ }, {
+ name: 'lineHeight',
+ label: '行高',
+ defaultValue: undefined,
+ renderer: 'LineHeight',
+ }, {
+ name: 'href',
+ label: '链接URL',
+ renderer: 'Input',
+ placeholder: '请输入链接URL',
+ defaultValue: '#',
+ }, {
+ name: 'children',
+ label: '内容',
+ defaultValue: '链接',
+ renderer: 'TextArea',
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/container.js
new file mode 100644
index 000000000..472ec7f51
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/container.js
@@ -0,0 +1,6 @@
+
+ import AIMakeLink from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: AIMakeLink, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/index.js
new file mode 100644
index 000000000..ace8d9e94
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/index.js
@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+import HOCTextProps from '../utils/HOCTextProps';
+import HOCLayoutProps from '../utils/HOCLayoutProps';
+import HOCBackgroundProps from '../utils/HOCBackgroundProps';
+
+const AIMakeLink =
+/* #__PURE__ */
+function (_Component) {
+ _inherits(AIMakeLink, _Component);
+
+ function AIMakeLink() {
+ _classCallCheck(this, AIMakeLink);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(AIMakeLink).apply(this, arguments));
+ }
+
+ _createClass(AIMakeLink, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const children = _this$props.children;
+ const styleBoxModel = _this$props.styleBoxModel;
+ const styleText = _this$props.styleText;
+ const styleLayout = _this$props.styleLayout;
+ const styleBackground = _this$props.styleBackground;
+ const style = _this$props.style;
+ const otherProps = _objectWithoutProperties(_this$props, ["children", "styleBoxModel", "styleText", "styleLayout", "styleBackground", "style"]);
+
+ const styles = { ...styleBoxModel,
+ ...styleText,
+ ...styleLayout,
+ ...styleBackground,
+ ...style,
+ };
+
+ if (typeof children !== 'string') {
+ styles.display = 'inline-block';
+ }
+
+ return React.createElement("a", _extends({}, otherProps, {
+ style: styles,
+ }), [children]);
+ },
+ }]);
+
+ return AIMakeLink;
+}(Component);
+
+_defineProperty(AIMakeLink, "propTypes", {
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+ styleBoxModel: PropTypes.object.isRequired,
+ styleText: PropTypes.object.isRequired,
+ styleLayout: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ style: PropTypes.object,
+});
+
+_defineProperty(AIMakeLink, "defaultProps", {
+ children: '',
+ style: {},
+});
+
+export default HOCBoxModelProps(HOCTextProps(HOCLayoutProps(HOCBackgroundProps(AIMakeLink))));
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.js
new file mode 100644
index 000000000..f5f08c322
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeLink","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"AIMakeLink","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleText","propType":"object","description":""},{"name":"styleLayout","propType":"object","description":""},{"name":"styleBackground","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeLink/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/amContainer.js
new file mode 100644
index 000000000..45df1897e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/amContainer.js
@@ -0,0 +1,11 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/amManifest.js
new file mode 100644
index 000000000..bea679c5e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/amManifest.js
@@ -0,0 +1,102 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakePlaceholder',
+ // The description of current component.
+ description: '占位图',
+ // The coverimage's url of current component.
+ coverImage: 'https://img.alicdn.com/tfs/TB1RxDup3mTBuNjy1XbXXaMrVXa-362-120.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '占位图',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [{
+ alias: '占位图',
+ thumbnail: 'https://img.alicdn.com/tfs/TB1RxDup3mTBuNjy1XbXXaMrVXa-362-120.png',
+ colSpan: 24,
+ customProps: {
+ width: '224px',
+ height: '126px',
+ backgroundColor: '#FFF6E0',
+ textAlign: 'center',
+ border: '1px dashed rgb(170, 170, 170)',
+ children: '暂不支持此组件',
+ },
+ }],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'lr',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [{
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'width',
+ label: '宽度',
+ defaultValue: '224px',
+ renderer: 'Width',
+ }, {
+ name: 'height',
+ label: '高度',
+ defaultValue: '126px',
+ renderer: 'Height',
+ }, {
+ name: 'backgroundColor',
+ label: '背景色',
+ defaultValue: '#FFF6E0',
+ renderer: false,
+ }, {
+ name: 'textAlign',
+ label: '对齐',
+ defaultValue: 'center',
+ renderer: false,
+ }, {
+ name: 'border',
+ label: '边框',
+ defaultValue: '1px dashed rgb(170, 170, 170)',
+ renderer: false,
+ }, {
+ name: 'children',
+ label: '内容',
+ defaultValue: '暂不支持此组件',
+ renderer: false,
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/container.js
new file mode 100644
index 000000000..58dfb2fc9
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/container.js
@@ -0,0 +1,6 @@
+
+ import AIMakePlaceholder from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: AIMakePlaceholder, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/index.js
new file mode 100644
index 000000000..509898874
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/index.js
@@ -0,0 +1,65 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+import HOCLayoutProps from '../utils/HOCLayoutProps';
+
+const AIMakePlaceholder =
+/* #__PURE__ */
+function (_Component) {
+ _inherits(AIMakePlaceholder, _Component);
+
+ function AIMakePlaceholder() {
+ _classCallCheck(this, AIMakePlaceholder);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(AIMakePlaceholder).apply(this, arguments));
+ }
+
+ _createClass(AIMakePlaceholder, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const children = _this$props.children;
+ const styleBoxModel = _this$props.styleBoxModel;
+ const styleLayout = _this$props.styleLayout;
+ const style = _this$props.style;
+ const styles = { ...styleBoxModel,
+ ...styleLayout,
+ ...style,
+ };
+ const placeholderStyle = {
+ display: 'inline-block',
+ border: '1px dashed #aaa',
+ lineHeight: styles.height,
+ backgroundColor: '#F5E075',
+ overflow: 'hidden',
+ textAlign: 'center',
+ ...styles,
+ };
+ return React.createElement("div", {
+ style: placeholderStyle,
+ }, children);
+ },
+ }]);
+
+ return AIMakePlaceholder;
+}(Component);
+
+_defineProperty(AIMakePlaceholder, "propTypes", {
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+ styleBoxModel: PropTypes.object.isRequired,
+ styleLayout: PropTypes.object.isRequired,
+ style: PropTypes.object,
+});
+
+_defineProperty(AIMakePlaceholder, "defaultProps", {
+ children: '',
+ style: {},
+});
+
+export default HOCBoxModelProps(HOCLayoutProps(AIMakePlaceholder));
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.js
new file mode 100644
index 000000000..022906cdd
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakePlaceholder","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"AIMakePlaceholder","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleLayout","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakePlaceholder/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/amContainer.js
new file mode 100644
index 000000000..45df1897e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/amContainer.js
@@ -0,0 +1,11 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/amManifest.js
new file mode 100644
index 000000000..96fb34d28
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/amManifest.js
@@ -0,0 +1,115 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeText',
+ // The description of current component.
+ description: '富文本',
+ // The coverimage's url of current component.
+ coverImage: 'https://img.alicdn.com/tfs/TB15R_xVzDpK1RjSZFrXXa78VXa-192-48.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '文本',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [{
+ alias: '富文本',
+ thumbnail: 'https://img.alicdn.com/tfs/TB15R_xVzDpK1RjSZFrXXa78VXa-192-48.png',
+ colSpan: 12,
+ customProps: {
+ type: 'label',
+ fontSize: '12px',
+ fontWeight: 'normal',
+ children: '文本内容',
+ },
+ }],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'tbrl',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [{
+ name: 'type',
+ label: '类型',
+ renderer: 'Select',
+ defaultValue: 'label',
+ params: [{
+ label: '一级标题',
+ value: 'h1',
+ }, {
+ label: '二级标题',
+ value: 'h2',
+ }, {
+ label: '三级标题',
+ value: 'h3',
+ }, {
+ label: '段落',
+ value: 'p',
+ }, {
+ label: '标签',
+ value: 'label',
+ }],
+ }, {
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'color',
+ label: '文字颜色',
+ renderer: 'Color',
+ }, {
+ name: 'fontSize',
+ label: '字号',
+ renderer: 'FontSize',
+ defaultValue: '12px',
+ }, {
+ name: 'fontWeight',
+ label: '字重',
+ renderer: 'FontWeight',
+ defaultValue: 'normal',
+ }, {
+ name: 'lineHeight',
+ label: '行高',
+ defaultValue: undefined,
+ renderer: 'LineHeight',
+ }, {
+ name: 'children',
+ label: '内容',
+ defaultValue: '文本内容',
+ renderer: 'TextArea',
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/container.js
new file mode 100644
index 000000000..d93e430ad
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/container.js
@@ -0,0 +1,6 @@
+
+ import AIMakeText from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: AIMakeText, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/index.js
new file mode 100644
index 000000000..966b7c766
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/index.js
@@ -0,0 +1,95 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+import HOCTextProps from '../utils/HOCTextProps';
+import HOCLayoutProps from '../utils/HOCLayoutProps';
+import HOCBackgroundProps from '../utils/HOCBackgroundProps';
+
+const AIMakeText =
+/* #__PURE__ */
+function (_Component) {
+ _inherits(AIMakeText, _Component);
+
+ function AIMakeText() {
+ let _this;
+
+ _classCallCheck(this, AIMakeText);
+
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(AIMakeText).call(this, ...args));
+
+ _defineProperty(_assertThisInitialized(_this), "generateComponentType", function (componentType) {
+ const componentNameMap = {
+ h1: 'h1',
+ h2: 'h2',
+ h3: 'h3',
+ h4: 'h4',
+ h5: 'h5',
+ paragraph: 'p',
+ label: 'label',
+ };
+ return componentNameMap[componentType] || 'div';
+ });
+
+ return _this;
+ }
+
+ _createClass(AIMakeText, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const children = _this$props.children;
+ const type = _this$props.type;
+ const styleBoxModel = _this$props.styleBoxModel;
+ const styleText = _this$props.styleText;
+ const styleLayout = _this$props.styleLayout;
+ const styleBackground = _this$props.styleBackground;
+ const style = _this$props.style;
+ const styles = { ...styleBoxModel,
+ ...styleText,
+ ...styleLayout,
+ ...styleBackground,
+ ...style,
+ };
+ const Comp = this.generateComponentType(type);
+ const labelStyle = Comp === 'label' ? {
+ display: 'inline-block',
+ } : {};
+ return React.createElement(Comp, {
+ className: "AIMakeText",
+ style: Object.assign(labelStyle, styles),
+ }, [children]);
+ },
+ }]);
+
+ return AIMakeText;
+}(Component);
+
+_defineProperty(AIMakeText, "propTypes", {
+ children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.string]),
+ type: PropTypes.string,
+ styleBoxModel: PropTypes.object.isRequired,
+ styleText: PropTypes.object.isRequired,
+ styleLayout: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ style: PropTypes.object,
+});
+
+_defineProperty(AIMakeText, "defaultProps", {
+ children: '',
+ type: '',
+ // paragraph || label
+ style: {},
+});
+
+export default HOCBoxModelProps(HOCTextProps(HOCLayoutProps(HOCBackgroundProps(AIMakeText))));
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.js
new file mode 100644
index 000000000..d0d95a4d2
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeText","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"AIMakeText","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"children","propType":"oneOfType","description":""},{"name":"type","propType":"string","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleText","propType":"object","description":""},{"name":"styleLayout","propType":"object","description":""},{"name":"styleBackground","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/AIMakeText/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/amContainer.js
new file mode 100644
index 000000000..45df1897e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/amContainer.js
@@ -0,0 +1,11 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = function () {
+ return Promise.resolve(component);
+};
+
+export default {
+ getComponent,
+ manifest: amManifest,
+};
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/amManifest.js
new file mode 100644
index 000000000..8d79e974d
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/amManifest.js
@@ -0,0 +1,25 @@
+const manifest = {
+ name: 'Root',
+ description: '底板',
+ coverImage: '',
+ category: '',
+ presets: [],
+ settings: {
+ type: 'container',
+ insertionModes: 'v',
+ handles: ['paste'],
+ shouldActive: true,
+ shouldDrag: false,
+ props: [{
+ name: 'padding',
+ label: '内边距',
+ renderer: 'Quadrant',
+ }, {
+ name: 'backgroundColor',
+ label: '背景颜色',
+ defaultValue: '#F5F6FA',
+ renderer: 'Color',
+ }],
+ },
+};
+export default manifest;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/container.js
new file mode 100644
index 000000000..8ee7fea70
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/container.js
@@ -0,0 +1,6 @@
+
+ import Root from './index.js';
+ import manifest from './manifest.js';
+
+ export default { origin: Root, manifest };
+
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/index.js
new file mode 100644
index 000000000..a86785522
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/index.js
@@ -0,0 +1,51 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Root =
+/* #__PURE__ */
+function (_React$Component) {
+ _inherits(Root, _React$Component);
+
+ function Root() {
+ _classCallCheck(this, Root);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(Root).apply(this, arguments));
+ }
+
+ _createClass(Root, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const style = _this$props.style;
+ const children = _this$props.children;
+ const newStyle = Object.assign({}, Root.defaultProps.style, style);
+ return React.createElement("div", {
+ style: newStyle,
+ }, children);
+ },
+ }]);
+
+ return Root;
+}(React.Component);
+
+_defineProperty(Root, "propTypes", {
+ style: PropTypes.object,
+ children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
+});
+
+_defineProperty(Root, "defaultProps", {
+ style: {
+ padding: 0,
+ backgroundColor: '#f0f2f5',
+ minHeight: '100%',
+ },
+ children: null,
+});
+
+export default Root;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.js
new file mode 100644
index 000000000..756d388b2
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.js
@@ -0,0 +1 @@
+{"componentName":"Root","title":"","docUrl":"","screenshot":"","npm":{"package":"@ali/lowcode-engine-material-parser","version":"0.1.0","exportName":"Root","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"style","propType":"object","description":"","defaultValue":"{\n padding: 0,\n backgroundColor: '#f0f2f5',\n minHeight: '100%'\n}"},{"name":"children","propType":"oneOfType","description":""}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/Root/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.css b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.css
new file mode 100644
index 000000000..8692a70c5
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.css
@@ -0,0 +1,15 @@
+.text-left {
+ text-align: left;
+}
+.text-right {
+ text-align: right;
+}
+.text-center {
+ text-align: center;
+}
+.text-justify {
+ text-align: justify;
+}
+.text-nowrap {
+ white-space: nowrap;
+}
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.js
new file mode 100644
index 000000000..4582418a4
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.js
@@ -0,0 +1 @@
+import "./index.css";
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.less b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.less
new file mode 100644
index 000000000..dc3680eb4
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/style/index.less
@@ -0,0 +1,8 @@
+// Alignment
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
+.text-justify { text-align: justify; }
+.text-nowrap { white-space: nowrap; }
+
+// BoxModel
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCBackgroundProps.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCBackgroundProps.js
new file mode 100644
index 000000000..6b4423a32
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCBackgroundProps.js
@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * (HOC)注入背景相关属性配置
+ * 包含 'backgroundColor'
+ * @param {*} WrappedComponent
+ */
+
+const HOCBackgroundProps = function (WrappedComponent) {
+ let _class; let _temp;
+
+ const PROPS = {
+ backgroundColor: 'backgroundColor',
+ };
+ return _temp = _class =
+ /* #__PURE__ */
+ function (_Component) {
+ _inherits(_class, _Component);
+
+ function _class() {
+ let _this;
+
+ _classCallCheck(this, _class);
+
+ for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+ _args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, ..._args));
+
+ _defineProperty(_assertThisInitialized(_this), "parseStyle", function (args) {
+ const style = {};
+ Object.keys(PROPS).forEach(function (item) {
+ // if props isn't false
+ if (!args[item]) return;
+ style[PROPS[item]] = args[item];
+ });
+ return style;
+ });
+
+ return _this;
+ }
+
+ _createClass(_class, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const backgroundColor = _this$props.backgroundColor;
+ const otherProps = _objectWithoutProperties(_this$props, ["backgroundColor"]);
+
+ return React.createElement(WrappedComponent, _extends({}, otherProps, {
+ styleBackground: this.parseStyle(this.props),
+ }));
+ },
+ }]);
+
+ return _class;
+ }(Component), _defineProperty(_class, "propTypes", {
+ backgroundColor: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ }), _defineProperty(_class, "defaultProps", {
+ backgroundColor: false,
+ }), _temp;
+};
+
+export default HOCBackgroundProps;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCBoxModelProps.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCBoxModelProps.js
new file mode 100644
index 000000000..d710488e7
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCBoxModelProps.js
@@ -0,0 +1,103 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+const parseJoin = function (value) {
+ return value.join(' ');
+};
+/**
+ * (HOC)注入盒子模型相关属性配置
+ * 包含 'display', 'margin', 'border', 'padding', 'width', 'height', 'borderRadius'
+ * @param {*} WrappedComponent
+ */
+
+
+const HOCBoxModelProps = function (WrappedComponent) {
+ let _class; let _temp;
+
+ const PROPS = {
+ display: 'display',
+ margin: 'margin',
+ border: 'border',
+ padding: 'padding',
+ width: 'width',
+ height: 'height',
+ borderRadius: 'borderRadius',
+ };
+ return _temp = _class =
+ /* #__PURE__ */
+ function (_Component) {
+ _inherits(_class, _Component);
+
+ function _class() {
+ let _this;
+
+ _classCallCheck(this, _class);
+
+ for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+ _args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, ..._args));
+
+ _defineProperty(_assertThisInitialized(_this), "parseStyle", function (args) {
+ const style = {};
+ Object.keys(PROPS).forEach(function (item) {
+ // if props isn't false
+ if (!args[item]) return;
+ style[PROPS[item]] = Array.isArray(args[item]) ? parseJoin(args[item]) : args[item];
+ });
+ return style;
+ });
+
+ return _this;
+ }
+
+ _createClass(_class, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const display = _this$props.display;
+ const margin = _this$props.margin;
+ const border = _this$props.border;
+ const padding = _this$props.padding;
+ const width = _this$props.width;
+ const height = _this$props.height;
+ const borderRadius = _this$props.borderRadius;
+ const otherProps = _objectWithoutProperties(_this$props, ["display", "margin", "border", "padding", "width", "height", "borderRadius"]);
+
+ return React.createElement(WrappedComponent, _extends({}, otherProps, {
+ styleBoxModel: this.parseStyle(this.props),
+ }));
+ },
+ }]);
+
+ return _class;
+ }(Component), _defineProperty(_class, "propTypes", {
+ display: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ margin: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+ border: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+ padding: PropTypes.oneOfType([PropTypes.array, PropTypes.bool]),
+ width: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ height: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ borderRadius: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ }), _defineProperty(_class, "defaultProps", {
+ display: false,
+ margin: false,
+ border: false,
+ padding: false,
+ width: false,
+ height: false,
+ borderRadius: false,
+ }), _temp;
+};
+
+export default HOCBoxModelProps;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCFlexLayoutProps.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCFlexLayoutProps.js
new file mode 100644
index 000000000..684a4f2f3
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCFlexLayoutProps.js
@@ -0,0 +1,90 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * (HOC)注入flex布局相关属性配置
+ * 包含 'alignItems', 'justifyContent', 'flexDirection'
+ * @param {*} WrappedComponent
+ */
+
+const HOCFlexLayoutProps = function (WrappedComponent) {
+ let _class; let _temp;
+
+ const PROPS = {
+ alignItems: 'alignItems',
+ justifyContent: 'justifyContent',
+ flexDirection: 'flexDirection',
+ flexWrap: 'flexWrap',
+ };
+ return _temp = _class =
+ /* #__PURE__ */
+ function (_Component) {
+ _inherits(_class, _Component);
+
+ function _class() {
+ let _this;
+
+ _classCallCheck(this, _class);
+
+ for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+ _args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, ..._args));
+
+ _defineProperty(_assertThisInitialized(_this), "parseStyle", function (args) {
+ const style = {};
+
+ if (args.style && args.style.display === 'flex') {
+ Object.keys(PROPS).forEach(function (item) {
+ // if props isn't false
+ if (!args[item]) return;
+ style[PROPS[item]] = args[item];
+ });
+ }
+
+ return style;
+ });
+
+ return _this;
+ }
+
+ _createClass(_class, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const alignItems = _this$props.alignItems;
+ const justifyContent = _this$props.justifyContent;
+ const flexDirection = _this$props.flexDirection;
+ const flexWrap = _this$props.flexWrap;
+ const otherProps = _objectWithoutProperties(_this$props, ["alignItems", "justifyContent", "flexDirection", "flexWrap"]);
+
+ return React.createElement(WrappedComponent, _extends({}, otherProps, {
+ styleFlexLayout: this.parseStyle(this.props),
+ }));
+ },
+ }]);
+
+ return _class;
+ }(Component), _defineProperty(_class, "propTypes", {
+ alignItems: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ justifyContent: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ flexDirection: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ flexWrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ }), _defineProperty(_class, "defaultProps", {
+ alignItems: false,
+ justifyContent: false,
+ flexDirection: false,
+ flexWrap: false,
+ }), _temp;
+};
+
+export default HOCFlexLayoutProps;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCLayoutProps.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCLayoutProps.js
new file mode 100644
index 000000000..4710d093a
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCLayoutProps.js
@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * (HOC)注入布局相关属性配置
+ * 包含 'align', 'lineHeight', 'verticalAlign'
+ * @param {*} WrappedComponent
+ */
+
+const HOCLayoutProps = function (WrappedComponent) {
+ let _class; let _temp;
+
+ const PROPS = {
+ align: 'textAlign',
+ lineHeight: 'lineHeight',
+ verticalAlign: 'verticalAlign',
+ };
+ return _temp = _class =
+ /* #__PURE__ */
+ function (_Component) {
+ _inherits(_class, _Component);
+
+ function _class() {
+ let _this;
+
+ _classCallCheck(this, _class);
+
+ for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+ _args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, ..._args));
+
+ _defineProperty(_assertThisInitialized(_this), "parseStyle", function (args) {
+ const style = {};
+ Object.keys(PROPS).forEach(function (item) {
+ // if props isn't false
+ if (!args[item]) return;
+ style[PROPS[item]] = args[item];
+ });
+ return style;
+ });
+
+ return _this;
+ }
+
+ _createClass(_class, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const align = _this$props.align;
+ const lineHeight = _this$props.lineHeight;
+ const verticalAlign = _this$props.verticalAlign;
+ const otherProps = _objectWithoutProperties(_this$props, ["align", "lineHeight", "verticalAlign"]);
+
+ return React.createElement(WrappedComponent, _extends({}, otherProps, {
+ styleLayout: this.parseStyle(this.props),
+ }));
+ },
+ }]);
+
+ return _class;
+ }(Component), _defineProperty(_class, "propTypes", {
+ align: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ lineHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ verticalAlign: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ }), _defineProperty(_class, "defaultProps", {
+ align: false,
+ lineHeight: false,
+ verticalAlign: false,
+ }), _temp;
+};
+
+export default HOCLayoutProps;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCTextProps.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCTextProps.js
new file mode 100644
index 000000000..fb685d23a
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/basic/utils/HOCTextProps.js
@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * (HOC)注入文本相关属性配置
+ * 包含 'fontSize', 'fontWeight', 'color'
+ * @param {*} WrappedComponent
+ */
+
+const HOCTextProps = function (WrappedComponent) {
+ let _class; let _temp;
+
+ const PROPS = {
+ fontSize: 'fontSize',
+ fontWeight: 'fontWeight',
+ color: 'color',
+ };
+ return _temp = _class =
+ /* #__PURE__ */
+ function (_Component) {
+ _inherits(_class, _Component);
+
+ function _class() {
+ let _this;
+
+ _classCallCheck(this, _class);
+
+ for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
+ _args[_key] = arguments[_key];
+ }
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(_class).call(this, ..._args));
+
+ _defineProperty(_assertThisInitialized(_this), "parseStyle", function (args) {
+ const style = {};
+ Object.keys(PROPS).forEach(function (item) {
+ // if props isn't false
+ if (!args[item]) return;
+ style[PROPS[item]] = args[item];
+ });
+ return style;
+ });
+
+ return _this;
+ }
+
+ _createClass(_class, [{
+ key: "render",
+ value: function render() {
+ const _this$props = this.props;
+ const fontSize = _this$props.fontSize;
+ const fontWeight = _this$props.fontWeight;
+ const color = _this$props.color;
+ const otherProps = _objectWithoutProperties(_this$props, ["fontSize", "fontWeight", "color"]);
+
+ return React.createElement(WrappedComponent, _extends({}, otherProps, {
+ styleText: this.parseStyle(this.props),
+ }));
+ },
+ }]);
+
+ return _class;
+ }(Component), _defineProperty(_class, "propTypes", {
+ fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ fontWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ color: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ }), _defineProperty(_class, "defaultProps", {
+ fontSize: false,
+ fontWeight: false,
+ color: false,
+ }), _temp;
+};
+
+export default HOCTextProps;
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js
new file mode 100644
index 000000000..aebb56067
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js
@@ -0,0 +1,9 @@
+import AIMakeBlank from './basic/AIMakeBlank';
+import AIMakeIcon from './basic/AIMakeIcon';
+import AIMakeImage from './basic/AIMakeImage';
+import AIMakeLink from './basic/AIMakeLink';
+import AIMakePlaceholder from './basic/AIMakePlaceholder';
+import AIMakeText from './basic/AIMakeText';
+import Root from './basic/Root';
+
+export { AIMakeBlank, AIMakeIcon, AIMakeImage, AIMakeLink, AIMakePlaceholder, AIMakeText, Root };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/package.json b/packages/material-parser/test/fixtures/multiple-exported-component/package.json
new file mode 100644
index 000000000..e9e7c8b11
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/package.json
@@ -0,0 +1,22 @@
+{
+ "name": "multiple-exported-component",
+ "description": "提供最基础、通用的物料组件",
+ "version": "1.0.0",
+ "main": "es/index.js",
+ "module": "es/index.js",
+ "dependencies": {
+ "classnames": "^2.2.6",
+ "prop-types": "^15.7.2",
+ "react": "^16.8.5",
+ "react-dom": "^16.8.5"
+ },
+ "devDependencies": {
+ "cross-spawn": "^6.0.5"
+ },
+ "peerDependencies": {
+ "react": "^16.8.6"
+ },
+ "publishConfig": {
+ "registry": "https://registry.npm.alibaba-inc.com"
+ }
+}
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/amContainer.js
new file mode 100644
index 000000000..1eccfe080
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/amContainer.js
@@ -0,0 +1,6 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = () => Promise.resolve(component);
+
+export default { getComponent, manifest: amManifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/amManifest.js
new file mode 100644
index 000000000..66bb458d8
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/amManifest.js
@@ -0,0 +1,158 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+
+function _update(Nygma, node) {
+ const attributes = node.get();
+ const {
+ display,
+ flexDirection,
+ alignItems,
+ justifyContent,
+ flexWrap,
+ } = attributes;
+ const isFlex = display === 'flex';
+ node.set({
+ display,
+ flexDirection: isFlex ? flexDirection : undefined,
+ alignItems: isFlex ? alignItems : undefined,
+ justifyContent: isFlex ? justifyContent : undefined,
+ flexWrap: isFlex ? flexWrap : undefined,
+ });
+}
+
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeBlank',
+ // The description of current component.
+ description: '空白卡片',
+ // The coverimage's url of current component.
+ coverImage:
+ 'https://img.alicdn.com/tfs/TB1un9tqntYBeNjy1XdXXXXyVXa-366-124.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '布局', // card.blank
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [
+ {
+ alias: '空白卡片',
+ thumbnail:
+ 'https://img.alicdn.com/tfs/TB1ucPNVsbpK1RjSZFyXXX_qFXa-198-120.png',
+ colSpan: 12,
+ customProps: {
+ id: '',
+ textAlign: 'left',
+ padding: '12px',
+ width: '100%',
+ backgroundColor: '#FFF',
+ },
+ },
+ ],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'container',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'tbrlv',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ lifeCycle: {
+ didMount: (props) => {
+ const { Nygma, dragInstance } = props;
+ const Drager = dragInstance.NygmaNode;
+ _update(Nygma, Drager);
+ },
+ didUpdate: (Nygma, node, args) => {
+ const newvalue = args[1];
+ const oldvalue = args[2];
+ if (JSON.stringify(newvalue) !== JSON.stringify(oldvalue)) {
+ _update(Nygma, node);
+ }
+ },
+ },
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [
+ {
+ name: 'id',
+ label: 'id',
+ defaultValue: '',
+ renderer: 'Input',
+ },
+ {
+ name: 'textAlign',
+ label: '水平对齐',
+ defaultValue: 'left',
+ renderer: 'TextAlign',
+ },
+ {
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ },
+ {
+ name: 'padding',
+ label: '内边距',
+ renderer: 'Quadrant',
+ defaultValue: '12px',
+ },
+ {
+ name: 'width',
+ label: '宽度',
+ defaultValue: '100%',
+ renderer: 'Width',
+ },
+ {
+ name: 'height',
+ label: '高度',
+ renderer: 'Height',
+ defaultValue: undefined,
+ },
+ {
+ name: 'backgroundColor',
+ label: '背景颜色',
+ renderer: 'Color',
+ defaultValue: '#FFF',
+ },
+ {
+ name: 'border',
+ label: '边框',
+ renderer: 'BarBorder',
+ },
+ {
+ name: 'display',
+ label: '布局设置',
+ renderer: 'FlexLayout',
+ },
+ ],
+ },
+};
+
+export default manifest;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js
new file mode 100644
index 000000000..27019261b
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/container.js
@@ -0,0 +1,5 @@
+
+import AIMakeBlank from '../../../es/basic/AIMakeBlank/index.js';
+import manifest from './manifest.js';
+
+export default { origin: AIMakeBlank, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/index.js
new file mode 100644
index 000000000..119989604
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/index.js
@@ -0,0 +1,61 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+import HOCLayoutProps from '../utils/HOCLayoutProps';
+import HOCBackgroundProps from '../utils/HOCBackgroundProps';
+import HOCFlexLayoutProps from '../utils/HOCFlexLayoutProps';
+
+class AIMakeBlank extends Component {
+ static propTypes = {
+ children: PropTypes.oneOfType([
+ PropTypes.arrayOf(PropTypes.node),
+ PropTypes.node,
+ ]),
+ styleBoxModel: PropTypes.object.isRequired,
+ styleLayout: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ styleFlexLayout: PropTypes.object.isRequired,
+ style: PropTypes.object,
+ id: PropTypes.string,
+ };
+
+ static defaultProps = {
+ children: [],
+ style: {},
+ id: '',
+ };
+
+ render() {
+ const merged = {};
+ const {
+ children,
+ styleBoxModel,
+ styleLayout,
+ styleBackground,
+ styleFlexLayout,
+ style,
+ id,
+ } = this.props;
+
+ const styles = {
+ ...styleBoxModel,
+ ...styleLayout,
+ ...styleBackground,
+ ...styleFlexLayout,
+ ...style,
+ };
+ if (id) {
+ merged.id = id;
+ }
+ return (
+
+ {children}
+
+ );
+ }
+}
+
+export default HOCBoxModelProps(
+ HOCLayoutProps(HOCBackgroundProps(HOCFlexLayoutProps(AIMakeBlank))),
+);
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/manifest.js
new file mode 100644
index 000000000..17c6c16d0
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeBlank","title":"","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"AIMakeBlank","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleLayout","propType":"object","description":""},{"name":"styleBackground","propType":"object","description":""},{"name":"styleFlexLayout","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"},{"name":"id","propType":"string","description":""}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeBlank/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/IconFont.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/IconFont.js
new file mode 100644
index 000000000..e0f766754
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/IconFont.js
@@ -0,0 +1,51 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+// 缓存已加载的字体文件
+const customCache = new Set();
+
+// 动态加载字体文件
+export default function createFromIconfont(options) {
+ const { scriptUrl } = options;
+ if (
+ typeof document !== 'undefined'
+ && typeof window !== 'undefined'
+ && typeof document.createElement === 'function'
+ && typeof scriptUrl === 'string'
+ && scriptUrl.length
+ && !customCache.has(scriptUrl)
+ ) {
+ const script = document.createElement('script');
+ script.setAttribute('src', scriptUrl);
+ script.setAttribute('data-namespace', scriptUrl);
+ customCache.add(scriptUrl);
+ document.body.appendChild(script);
+ }
+
+ class IconFont extends Component {
+ render() {
+ const { type, ...restProps } = this.props;
+ const innerSvgProps = {
+ width: '1em',
+ height: '1em',
+ fill: 'currentColor',
+ 'aria-hidden': 'true',
+ focusable: 'false',
+ };
+ // 引用指定svg
+ const content = ;
+
+ return (
+
+
+
+ );
+ }
+ }
+
+ IconFont.propTypes = {
+ type: PropTypes.string.isRequired, // icon
+ };
+
+ return IconFont;
+}
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/amContainer.js
new file mode 100644
index 000000000..98b0a9687
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/amContainer.js
@@ -0,0 +1,7 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+import createFromIconfont from './IconFont';
+
+const getComponent = () => Promise.resolve(component);
+
+export default { getComponent, manifest: amManifest, createFromIconfont };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/amManifest.js
new file mode 100644
index 000000000..ae1354fc3
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/amManifest.js
@@ -0,0 +1,89 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeIcon',
+ // The description of current component.
+ description: '图标',
+ // The coverimage's url of current component.
+ coverImage: '',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: 'AIMakeIcon',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'rl',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [
+ {
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ },
+ {
+ name: 'color',
+ label: '图标颜色',
+ renderer: 'Color',
+ defaultValue: '#333',
+ },
+ {
+ name: 'fontSize',
+ label: '图标大小',
+ renderer: 'FontSize',
+ defaultValue: '16px',
+ },
+ {
+ name: 'display',
+ label: '显示',
+ defaultValue: 'inline-block',
+ },
+ {
+ name: 'className',
+ label: '图标类型',
+ defaultValue: 'iconfont',
+ renderer: false,
+ params: {
+ placeholder: '请输入Iconfont名',
+ },
+ },
+ ],
+ },
+};
+
+export default manifest;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js
new file mode 100644
index 000000000..d626b63fe
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/container.js
@@ -0,0 +1,5 @@
+
+import AIMakeIcon from '../../../es/basic/AIMakeIcon/index.js';
+import manifest from './manifest.js';
+
+export default { origin: AIMakeIcon, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/index.js
new file mode 100644
index 000000000..83dd1e910
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/index.js
@@ -0,0 +1,59 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+import createFromIconfont from './IconFont';
+
+class AIMakeIcon extends Component {
+ static propTypes = {
+ className: PropTypes.string,
+ iconClassName: PropTypes.string,
+ children: PropTypes.oneOfType([
+ PropTypes.arrayOf(PropTypes.node),
+ PropTypes.node,
+ ]),
+ styleBoxModel: PropTypes.object.isRequired,
+ styleText: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ style: PropTypes.object,
+ };
+
+ static defaultProps = {
+ className: '',
+ iconClassName: 'iconfont',
+ children: '',
+ style: {},
+ };
+
+ render() {
+ const {
+ className,
+ iconClassName,
+ children,
+ styleBoxModel,
+ styleText,
+ styleBackground,
+ style,
+ ...otherProps
+ } = this.props;
+ const styles = {
+ ...styleBoxModel,
+ ...styleText,
+ ...styleBackground,
+ ...style,
+ };
+ return (
+
+ {children}
+
+ );
+ }
+}
+
+AIMakeIcon.createFromIconfont = createFromIconfont;
+
+export default AIMakeIcon;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/manifest.js
new file mode 100644
index 000000000..21824462a
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakeIcon","title":"","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"AIMakeIcon","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"className","propType":"string","description":""},{"name":"iconClassName","propType":"string","description":""},{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleText","propType":"object","description":""},{"name":"styleBackground","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeIcon/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/amContainer.js
new file mode 100644
index 000000000..1eccfe080
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/amContainer.js
@@ -0,0 +1,6 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = () => Promise.resolve(component);
+
+export default { getComponent, manifest: amManifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/amManifest.js
new file mode 100644
index 000000000..8e0bbf38a
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/amManifest.js
@@ -0,0 +1,99 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeImage',
+ // The description of current component.
+ description: '图片',
+ // The coverimage's url of current component.
+ coverImage:
+ 'https://img.alicdn.com/tfs/TB17gMFp1uSBuNjy1XcXXcYjFXa-172-120.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '线条图像',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [
+ {
+ alias: '图片',
+ thumbnail:
+ 'https://img.alicdn.com/tfs/TB17gMFp1uSBuNjy1XcXXcYjFXa-172-120.png',
+ colSpan: 12,
+ customProps: {
+ width: '224px',
+ height: '126px',
+ src:
+ 'https://img.alicdn.com/tfs/TB1RtEMGbSYBuNjSspfXXcZCpXa-448-252.png',
+ },
+ },
+ ],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'rl',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [
+ {
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ },
+ {
+ name: 'width',
+ label: '宽度',
+ defaultValue: '224px',
+ renderer: 'Width',
+ },
+ {
+ name: 'height',
+ label: '高度',
+ defaultValue: '126px',
+ renderer: 'Height',
+ },
+ {
+ name: 'src',
+ label: '图片URL',
+ renderer: 'Uploader',
+ placeholder:
+ 'eg: https://img.alicdn.com/tfs/TB1RtEMGbSYBuNjSspfXXcZCpXa-448-252.png',
+ hint: '请填入图片的URL',
+ defaultValue:
+ 'https://img.alicdn.com/tfs/TB1RtEMGbSYBuNjSspfXXcZCpXa-448-252.png',
+ },
+ ],
+ },
+};
+
+export default manifest;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js
new file mode 100644
index 000000000..20f8d5899
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/container.js
@@ -0,0 +1,5 @@
+
+import AIMakeImage from '../../../es/basic/AIMakeImage/index.js';
+import manifest from './manifest.js';
+
+export default { origin: AIMakeImage, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/index.js
new file mode 100644
index 000000000..edb316342
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeImage/index.js
@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+
+class AIMakeImage extends Component {
+ static propTypes = {
+ styleBoxModel: PropTypes.object.isRequired,
+ style: PropTypes.object,
+ };
+
+ static defaultProps = {
+ style: {},
+ };
+
+ render() {
+ const { styleBoxModel, style, ...otherProps } = this.props;
+ const styles = {
+ ...styleBoxModel,
+ ...style,
+ };
+ return {children}
;
+ }
+}
+
+export default HOCBoxModelProps(HOCLayoutProps(AIMakePlaceholder));
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/manifest.js
new file mode 100644
index 000000000..7456ed578
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/manifest.js
@@ -0,0 +1 @@
+{"componentName":"AIMakePlaceholder","title":"","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"AIMakePlaceholder","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"children","propType":"oneOfType","description":""},{"name":"styleBoxModel","propType":"object","description":""},{"name":"styleLayout","propType":"object","description":""},{"name":"style","propType":"object","description":"","defaultValue":"{}"}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakePlaceholder/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/amContainer.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/amContainer.js
new file mode 100644
index 000000000..1eccfe080
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/amContainer.js
@@ -0,0 +1,6 @@
+import component from './index.js';
+import amManifest from './amManifest.js';
+
+const getComponent = () => Promise.resolve(component);
+
+export default { getComponent, manifest: amManifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/amManifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/amManifest.js
new file mode 100644
index 000000000..b84fcba79
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/amManifest.js
@@ -0,0 +1,119 @@
+/**
+ * The template of manifest for AiMake studio.
+ */
+const manifest = {
+ // The name of current component.
+ name: 'AIMakeText',
+ // The description of current component.
+ description: '富文本',
+ // The coverimage's url of current component.
+ coverImage:
+ 'https://img.alicdn.com/tfs/TB15R_xVzDpK1RjSZFrXXa78VXa-192-48.png',
+ // The category of current component in AiMake studio.
+ // can be:
+ // `分栏` or `文本` or `按钮` or `标签` or `标签页` or `表格` or `单选` or `分割线`
+ // or `分页` or `复选` or `滑动条` or `进度条` or `卡片` or `开关` or `缺省状态`
+ // or `日期选择` or `输入框` or `搜索框` or `图表` or `图片` or `下拉选择` or `表单行`
+ // or `树控件` or `折叠面板` or `占位图`
+ category: '文本',
+ // The preview list of current component in AiMake studio.
+ // Each preset contains following keys:
+ // - `alias`: string. required. The previewing component's name to display
+ // - `thumbnail`: string. not required. The previewing component's thumbnail
+ // - `customProps`: object. not required.
+ // The previewing component's customize props, e.g. { [propName]: [propValue] }
+ // - `colSpan`: number. not required. default 24 (1~24). The previewing component's size when to display
+ presets: [
+ {
+ alias: '富文本',
+ thumbnail:
+ 'https://img.alicdn.com/tfs/TB15R_xVzDpK1RjSZFrXXa78VXa-192-48.png',
+ colSpan: 12,
+ customProps: {
+ type: 'label',
+ fontSize: '12px',
+ fontWeight: 'normal',
+ children: '文本内容',
+ },
+ },
+ ],
+ // Other settings of current component for AiMake studio.
+ settings: {
+ // The render type of current component in AiMake studio.
+ // can be:
+ // `element_inline` or `element_block` or `container`
+ type: 'element_inline',
+ // The insert mode of current component in AiMake studio.
+ // can be:
+ // one or combine of `t` and `b` and `r` and `l`
+ insertionModes: 'tbrl',
+ // The handle list of current component in AiMake studio.
+ // can be:
+ // an array contains one and more of ['cut', 'copy', 'paste', 'delete', 'duplicate']
+ handles: ['cut', 'copy', 'paste', 'delete', 'duplicate'],
+ // Whether the component can be actived.
+ shouldActive: true,
+ // Whether the component can be dragged.
+ shouldDrag: true,
+ // The props of current component in AiMake studio.
+ // Each property contains following keys:
+ // - `name`: string. required. The property's name
+ // - `label`: string. required. The property's name to display
+ // - `renderer`: string. required. The property's editor. can be: (@冰骊)
+ // - `defaultValue`: any. not required. The property's default value
+ // - `params`: any. not required. The parameters for property's editor
+ // - `placeholder`: string. not required. The placeholder for property's editor
+ // - `hint`: string. not required. The hint for property's editor
+ props: [
+ {
+ name: 'type',
+ label: '类型',
+ renderer: 'Select',
+ defaultValue: 'label',
+ params: [
+ { label: '一级标题', value: 'h1' },
+ { label: '二级标题', value: 'h2' },
+ { label: '三级标题', value: 'h3' },
+ { label: '段落', value: 'p' },
+ { label: '标签', value: 'label' },
+ ],
+ },
+ {
+ name: 'margin',
+ label: '外边距',
+ renderer: 'Quadrant',
+ },
+ {
+ name: 'color',
+ label: '文字颜色',
+ renderer: 'Color',
+ },
+ {
+ name: 'fontSize',
+ label: '字号',
+ renderer: 'FontSize',
+ defaultValue: '12px',
+ },
+ {
+ name: 'fontWeight',
+ label: '字重',
+ renderer: 'FontWeight',
+ defaultValue: 'normal',
+ },
+ {
+ name: 'lineHeight',
+ label: '行高',
+ defaultValue: undefined,
+ renderer: 'LineHeight',
+ },
+ {
+ name: 'children',
+ label: '内容',
+ defaultValue: '文本内容',
+ renderer: 'TextArea',
+ },
+ ],
+ },
+};
+
+export default manifest;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js
new file mode 100644
index 000000000..6bf3cca68
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/container.js
@@ -0,0 +1,5 @@
+
+import AIMakeText from '../../../es/basic/AIMakeText/index.js';
+import manifest from './manifest.js';
+
+export default { origin: AIMakeText, manifest };
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/index.js
new file mode 100644
index 000000000..133e940f4
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/AIMakeText/index.js
@@ -0,0 +1,72 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+import HOCBoxModelProps from '../utils/HOCBoxModelProps';
+import HOCTextProps from '../utils/HOCTextProps';
+import HOCLayoutProps from '../utils/HOCLayoutProps';
+import HOCBackgroundProps from '../utils/HOCBackgroundProps';
+
+class AIMakeText extends Component {
+ static propTypes = {
+ children: PropTypes.oneOfType([
+ PropTypes.arrayOf(PropTypes.node),
+ PropTypes.node,
+ PropTypes.string,
+ ]),
+ type: PropTypes.string,
+ styleBoxModel: PropTypes.object.isRequired,
+ styleText: PropTypes.object.isRequired,
+ styleLayout: PropTypes.object.isRequired,
+ styleBackground: PropTypes.object.isRequired,
+ style: PropTypes.object,
+ };
+
+ static defaultProps = {
+ children: '',
+ type: '', // paragraph || label
+ style: {},
+ };
+
+ generateComponentType = (componentType) => {
+ const componentNameMap = {
+ h1: 'h1',
+ h2: 'h2',
+ h3: 'h3',
+ h4: 'h4',
+ h5: 'h5',
+ paragraph: 'p',
+ label: 'label',
+ };
+ return componentNameMap[componentType] || 'div';
+ };
+
+ render() {
+ const {
+ children,
+ type,
+ styleBoxModel,
+ styleText,
+ styleLayout,
+ styleBackground,
+ style,
+ } = this.props;
+ const styles = {
+ ...styleBoxModel,
+ ...styleText,
+ ...styleLayout,
+ ...styleBackground,
+ ...style,
+ };
+ const Comp = this.generateComponentType(type);
+ const labelStyle = Comp === 'label' ? { display: 'inline-block' } : {};
+ return (
+ {children}
;
+ }
+}
+
+export default Root;
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/manifest.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/manifest.js
new file mode 100644
index 000000000..2ec2d9e3e
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/manifest.js
@@ -0,0 +1 @@
+{"componentName":"Root","title":"","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"Root","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[{"name":"style","propType":"object","description":"","defaultValue":"{\n padding: 0,\n backgroundColor: '#f0f2f5',\n minHeight: '100%'\n}"},{"name":"children","propType":"oneOfType","description":""}]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/manifest.json b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/manifest.json
new file mode 100644
index 000000000..13da88146
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/Root/manifest.json
@@ -0,0 +1 @@
+{"title":"multiple-exported-component","docUrl":"","screenshot":"","npm":{"package":"multiple-exported-component","version":"1.0.0","exportName":"","main":"/Users/gengyang/code/frontend/low-code/ali-lowcode-engine/packages/material-parser/test/fixtures/multiple-exported-component/es/index.js","destructuring":false,"subName":""},"props":[]}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/style/index.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/style/index.js
new file mode 100644
index 000000000..d74e52ee9
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/style/index.js
@@ -0,0 +1 @@
+import './index.less';
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/style/index.less b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/style/index.less
new file mode 100644
index 000000000..dc3680eb4
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/style/index.less
@@ -0,0 +1,8 @@
+// Alignment
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
+.text-justify { text-align: justify; }
+.text-nowrap { white-space: nowrap; }
+
+// BoxModel
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/utils/HOCBackgroundProps.js b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/utils/HOCBackgroundProps.js
new file mode 100644
index 000000000..012ade534
--- /dev/null
+++ b/packages/material-parser/test/fixtures/multiple-exported-component/src/basic/utils/HOCBackgroundProps.js
@@ -0,0 +1,44 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+/**
+ * (HOC)注入背景相关属性配置
+ * 包含 'backgroundColor'
+ * @param {*} WrappedComponent
+ */
+const HOCBackgroundProps = (WrappedComponent) => {
+ const PROPS = {
+ backgroundColor: 'backgroundColor',
+ };
+ return class extends Component {
+ static propTypes = {
+ backgroundColor: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+ };
+
+ static defaultProps = {
+ backgroundColor: false,
+ };
+
+ parseStyle = (args) => {
+ const style = {};
+ Object.keys(PROPS).forEach((item) => {
+ // if props isn't false
+ if (!args[item]) return;
+ style[PROPS[item]] = args[item];
+ });
+ return style;
+ };
+
+ render() {
+ const { backgroundColor, ...otherProps } = this.props;
+ return (
+ Test
;
+}
+
+Demo.staticMethod = () => {
+ console.log('static method');
+}
+
+Demo.propTypes = {
+ optionalArray: PropTypes.array,
+ optionalBool: PropTypes.bool,
+ /**
+ * desc
+ * @param {string} title - The title of the book.
+ * @param {string} author - The author of the book.
+ * @returns {any}
+ */
+ optionalFunc: PropTypes.func,
+ optionalNumber: PropTypes.number,
+ optionalObject: PropTypes.object,
+ optionalString: PropTypes.string,
+ optionalSymbol: PropTypes.symbol,
+
+ // Anything that can be rendered: numbers, strings, elements or an array
+ // (or fragment) containing these types.
+ optionalNode: PropTypes.node,
+
+ // A React element (ie. {props.str}
;
+});
+
+App.defaultProps = {
+ object: {
+ a: '1',
+ b: '2',
+ },
+ func(a: string) {
+ return 123;
+ },
+ str: 'str',
+};
+
+export default App;
diff --git a/packages/material-parser/test/fixtures/ts-component/src/sub-module.tsx b/packages/material-parser/test/fixtures/ts-component/src/sub-module.tsx
new file mode 100644
index 000000000..acea70b08
--- /dev/null
+++ b/packages/material-parser/test/fixtures/ts-component/src/sub-module.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+interface Props {
+ name: string;
+}
+
+class SubModule extends React.Componenthello, {name}
;
+ }
+}
+
+SubModule.defaultProps = {
+ name: 'abc',
+};
+
+export default SubModule;
diff --git a/packages/material-parser/test/fixtures/ts-component2/package.json b/packages/material-parser/test/fixtures/ts-component2/package.json
new file mode 100644
index 000000000..95bb4bd8d
--- /dev/null
+++ b/packages/material-parser/test/fixtures/ts-component2/package.json
@@ -0,0 +1,63 @@
+{
+ "name": "@alife/empty",
+ "version": "1.0.1",
+ "description": "空组件",
+ "files": [
+ "demo/",
+ "es/",
+ "lib/",
+ "build/",
+ "dist",
+ "material-meta.json"
+ ],
+ "main": "src/index.tsx",
+ "module": "src/index.tsx",
+ "stylePath": "style.js",
+ "scripts": {
+ "start": "build-scripts start",
+ "build": "build-scripts build",
+ "test": "build-scripts test",
+ "prepublishOnly": "npm run build",
+ "doc": "react-doc-gen",
+ "lint": "eslint --cache --ext .js,.jsx ./"
+ },
+ "keywords": [
+ "ice",
+ "react",
+ "component"
+ ],
+ "dependencies": {
+ "classnames": "^2.2.6",
+ "prop-types": "^15.5.8"
+ },
+ "devDependencies": {
+ "@alife/build-plugin-lowcode": "^1.0.7",
+ "@alib/build-scripts": "^0.1.3",
+ "@alifd/adaptor-generate": "^0.1.3",
+ "build-plugin-component": "^0.2.0",
+ "build-plugin-fusion": "^0.1.0",
+ "build-plugin-fusion-cool": "^0.1.0",
+ "build-plugin-moment-locales": "^0.1.0",
+ "react": "^16.3.0",
+ "react-dom": "^16.3.0",
+ "@ice/spec": "^1.0.0",
+ "eslint": "^6.0.1",
+ "@alifd/next": "1.x",
+ "@types/react": "^16.9.13",
+ "@types/react-dom": "^16.9.4"
+ },
+ "peerDependencies": {
+ "react": "^16.3.0",
+ "@alifd/next": "1.x"
+ },
+ "componentConfig": {
+ "name": "Empty",
+ "title": "empty",
+ "category": "DataDisplay"
+ },
+ "publishConfig": {
+ "registry": "https://registry.npm.alibaba-inc.com"
+ },
+ "license": "MIT",
+ "homepage": "https://unpkg.alibaba-inc.com/@alife/empty@1.0.1/build/index.html"
+}
diff --git a/packages/material-parser/test/fixtures/ts-component2/src/empty.tsx b/packages/material-parser/test/fixtures/ts-component2/src/empty.tsx
new file mode 100644
index 000000000..f355d8e95
--- /dev/null
+++ b/packages/material-parser/test/fixtures/ts-component2/src/empty.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import './index';
+interface DefaultEmptyImg {
+ className?: string;
+ imageStyle?: React.CSSProperties;
+}
+
+export const DefaultEmptyImg = (props: DefaultEmptyImg) => {
+ const { className, imageStyle, ...restProps } = props;
+ const prefixCls = 'design-empty-default';
+ const alt = 'empty';
+
+ return (
+
+
+ );
+};
diff --git a/packages/material-parser/test/fixtures/ts-component2/src/index.scss b/packages/material-parser/test/fixtures/ts-component2/src/index.scss
new file mode 100644
index 000000000..e833d2c72
--- /dev/null
+++ b/packages/material-parser/test/fixtures/ts-component2/src/index.scss
@@ -0,0 +1,49 @@
+.design-empty {
+ margin: 0 8px;
+ font-size: 14px;
+ line-height: 1.5715;
+ text-align: center;
+
+ &-image {
+ height: 200px;
+ margin-bottom: 4px;
+
+ img {
+ height: 100%;
+ }
+
+ svg {
+ height: 100%;
+ margin: auto;
+ }
+ }
+
+ &-description {
+ margin: 0;
+ }
+
+ &-footer {
+ margin-top: 16px;
+ }
+}
+
+.design-empty-default {
+ margin: 0 8px;
+ font-size: 14px;
+ line-height: 1.5715;
+ text-align: center;
+
+ &-image {
+ height: 54px;
+ margin-bottom: 8px;
+
+ img {
+ height: 100%;
+ }
+ }
+
+ &-description {
+ font-size: 14px;
+ color: #c2c2c2;
+ }
+}
diff --git a/packages/material-parser/test/fixtures/ts-component2/src/index.tsx b/packages/material-parser/test/fixtures/ts-component2/src/index.tsx
new file mode 100644
index 000000000..64cf75b10
--- /dev/null
+++ b/packages/material-parser/test/fixtures/ts-component2/src/index.tsx
@@ -0,0 +1,71 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { DefaultEmptyImg } from './empty';
+
+export interface EmptyProps extends React.HTMLAttributes
+ 
+
+
+ 暂时没有数据
+
+
+ );
+};
+
+//服务器繁忙
+Empty.IMAGE_TYPE_SERVERBUSY = 'https://img.alicdn.com/tfs/TB1qPJvTFY7gK0jSZKzXXaikpXa-400-400.png';
+//404
+Empty.IMAGE_TYPE_SERVERNOFOUND =
+ 'https://img.alicdn.com/tfs/TB18gVGTUH1gK0jSZSyXXXtlpXa-400-400.png';
+//文件不存在
+Empty.IMAGE_TYPE_FILENOFOUND = 'https://img.alicdn.com/tfs/TB1.ClQTUT1gK0jSZFrXXcNCXXa-400-400.png';
+//项目不存在
+Empty.IMAGE_TYPE_PROJECTNOFOUND =
+ 'https://img.alicdn.com/tfs/TB1ZWumfcieb18jSZFvXXaI3FXa-400-400.png';
+//空
+Empty.IMAGE_TYPE_EMPTY = 'https://img.alicdn.com/tfs/TB13G0LTNv1gK0jSZFFXXb0sXXa-54-54.svg';
+export default Empty;
diff --git a/packages/material-parser/test/fixtures/without-display-name/index.js b/packages/material-parser/test/fixtures/without-display-name/index.js
new file mode 100644
index 000000000..986775591
--- /dev/null
+++ b/packages/material-parser/test/fixtures/without-display-name/index.js
@@ -0,0 +1,12 @@
+var React = require('react');
+var PropTypes = require('prop-types');
+
+module.exports = class extends React.Component {
+ static propTypes = {
+ name: PropTypes.string
+ }
+
+ render() {
+ return
+ {imageNode}
+
+ {description && {description}
} + {children &&{children}
}
+ {this.props.name}
+ }
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/fixtures/without-display-name/package.json b/packages/material-parser/test/fixtures/without-display-name/package.json
new file mode 100644
index 000000000..c02728ebe
--- /dev/null
+++ b/packages/material-parser/test/fixtures/without-display-name/package.json
@@ -0,0 +1,9 @@
+{
+ "name": "without-display-name",
+ "version": "1.0.0",
+ "main": "index.js",
+ "dependencies": {
+ "react": "^16.0.0",
+ "prop-types": "latest"
+ }
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/helpers/index.ts b/packages/material-parser/test/helpers/index.ts
new file mode 100644
index 000000000..2b0c7e70b
--- /dev/null
+++ b/packages/material-parser/test/helpers/index.ts
@@ -0,0 +1,10 @@
+import { join } from 'path';
+
+const baseDir = join(__dirname, '../fixtures');
+
+/**
+ * 从 fixtures 下获取文件完整路径
+ */
+export const getFromFixtures = (...args: string[]) => {
+ return join(baseDir, ...args);
+};
diff --git a/packages/material-parser/test/index.test.ts b/packages/material-parser/test/index.test.ts
new file mode 100644
index 000000000..7f4c03a43
--- /dev/null
+++ b/packages/material-parser/test/index.test.ts
@@ -0,0 +1,110 @@
+import { join } from 'path';
+import parse from '../src';
+import { IMaterializeOptions } from '../src/types';
+import { getFromFixtures } from './helpers';
+
+const multiExportedComptPath = getFromFixtures('multiple-exported-component');
+const singleExportedComptPath = getFromFixtures('single-exported-component');
+const tsComponent = getFromFixtures('ts-component');
+const tsComponent2 = getFromFixtures('ts-component2');
+const dtsComponent = getFromFixtures('dts-component');
+const transpiledComponent = getFromFixtures('transpiled-component');
+const withoutDisplayName = getFromFixtures('without-display-name');
+
+test('materialize single exported component by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: singleExportedComptPath,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('materialize multiple exported component by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: multiExportedComptPath,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('ts component by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: tsComponent,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('ts component 2 by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: tsComponent2,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('rax component by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: 'src/index.tsx',
+ root: getFromFixtures('rax-component'),
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('d.ts component by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: join(dtsComponent, 'src/index.jsx'),
+ root: dtsComponent,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('transpiled component by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: transpiledComponent,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('without display name by local', async done => {
+ const options: IMaterializeOptions = {
+ entry: withoutDisplayName,
+ accesser: 'local',
+ };
+
+ const actual = await parse(options);
+
+ expect(actual).toMatchSnapshot();
+ done();
+});
diff --git a/packages/material-parser/test/localize.test.ts b/packages/material-parser/test/localize.test.ts
new file mode 100644
index 000000000..bd6ceb634
--- /dev/null
+++ b/packages/material-parser/test/localize.test.ts
@@ -0,0 +1,6 @@
+import {getPkgNameAndVersion} from '../src/localize';
+
+test('getPkgNameAndVersion from string', () => {
+ const result = getPkgNameAndVersion('react');
+ expect(result).toEqual({"name": "react"});
+});
\ No newline at end of file
diff --git a/packages/material-parser/test/online.test.ts b/packages/material-parser/test/online.test.ts
new file mode 100644
index 000000000..8a67f1975
--- /dev/null
+++ b/packages/material-parser/test/online.test.ts
@@ -0,0 +1,53 @@
+import { remove } from 'fs-extra';
+import parse from '../src';
+import { IMaterializeOptions } from '../src/types';
+
+test('materialize react-color by online', async (done) => {
+ const options: IMaterializeOptions = {
+ entry: 'react-color@2.19.3',
+ accesser: 'online',
+ };
+
+ const actual = await parse(options);
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('materialize mc-hello by online', async (done) => {
+ const options: IMaterializeOptions = {
+ entry: 'mc-hello@1.0.1',
+ accesser: 'online',
+ };
+
+ const actual = await parse(options);
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('materialize rc-picker by online', async (done) => {
+ const options: IMaterializeOptions = {
+ entry: 'rc-picker@2.4.3',
+ accesser: 'online',
+ };
+
+ const actual = await parse(options);
+ expect(actual).toMatchSnapshot();
+ done();
+});
+
+test('materialize online rax module by path & specify workDir', async (done) => {
+ const tempDir = './test/temp';
+ const options: IMaterializeOptions = {
+ name: 'rax-view',
+ version: '2.2.1',
+ entry: './es/common/index.d.ts',
+ accesser: 'online',
+ dslType: 'rax',
+ tempDir,
+ };
+
+ const actual = await parse(options);
+ await remove(tempDir);
+ expect(actual).toMatchSnapshot();
+ done();
+});
diff --git a/packages/material-parser/test/validate/__snapshots__/index.test.ts.snap b/packages/material-parser/test/validate/__snapshots__/index.test.ts.snap
new file mode 100644
index 000000000..00fbd81fe
--- /dev/null
+++ b/packages/material-parser/test/validate/__snapshots__/index.test.ts.snap
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should be right in dir basic-error 1`] = `
+"[
+ {
+ \\"keyword\\": \\"required\\",
+ \\"dataPath\\": \\"\\",
+ \\"schemaPath\\": \\"#/required\\",
+ \\"params\\": {
+ \\"missingProperty\\": \\"props\\"
+ },
+ \\"message\\": \\"should have required property 'props'\\"
+ }
+]"
+`;
+
+exports[`should be right in dir basic-success 1`] = `true`;
+
+exports[`should be right in dir configure 1`] = `true`;
+
+exports[`should be right in dir props-basic-type 1`] = `true`;
+
+exports[`should be right in dir props-complex-type 1`] = `true`;
diff --git a/packages/material-parser/test/validate/fixtures/basic-error/schema.json b/packages/material-parser/test/validate/fixtures/basic-error/schema.json
new file mode 100644
index 000000000..d1c6f5d8d
--- /dev/null
+++ b/packages/material-parser/test/validate/fixtures/basic-error/schema.json
@@ -0,0 +1,18 @@
+{
+ "componentName": "Select",
+ "title": "下拉选择器",
+ "description": "适用于下拉选择，下拉多选等场景",
+ "tags": ["xx", "yy"],
+ "docUrl": "https://fusion-demo.alibaba-inc.com/demos/next/select",
+ "screenshot": "https://img.alicdn.com/tfs/TB1osvGNXzqK1RjSZFoXXbfcXXa-1149-854.png",
+ "icon": "url/fsdfasdfa.svg",
+ "devMode": "proCode",
+ "npm": {
+ "package": "@ali/deep",
+ "exportName": "Button",
+ "subName": "Icon.Option",
+ "main": "",
+ "destructuring": true,
+ "version": "0.1.13"
+ }
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/validate/fixtures/basic-success/schema.json b/packages/material-parser/test/validate/fixtures/basic-success/schema.json
new file mode 100644
index 000000000..3b0f63b83
--- /dev/null
+++ b/packages/material-parser/test/validate/fixtures/basic-success/schema.json
@@ -0,0 +1,19 @@
+{
+ "componentName": "Select",
+ "title": "下拉选择器",
+ "description": "适用于下拉选择，下拉多选等场景",
+ "tags": ["xx", "yy"],
+ "docUrl": "https://fusion-demo.alibaba-inc.com/demos/next/select",
+ "screenshot": "https://img.alicdn.com/tfs/TB1osvGNXzqK1RjSZFoXXbfcXXa-1149-854.png",
+ "icon": "url/fsdfasdfa.svg",
+ "devMode": "proCode",
+ "npm": {
+ "package": "@ali/deep",
+ "exportName": "Button",
+ "subName": "Icon.Option",
+ "main": "",
+ "destructuring": true,
+ "version": "0.1.13"
+ },
+ "props": []
+}
diff --git a/packages/material-parser/test/validate/fixtures/configure/schema.json b/packages/material-parser/test/validate/fixtures/configure/schema.json
new file mode 100644
index 000000000..0bdce1623
--- /dev/null
+++ b/packages/material-parser/test/validate/fixtures/configure/schema.json
@@ -0,0 +1,68 @@
+{
+ "componentName": "Select",
+ "title": "下拉选择器",
+ "description": "适用于下拉选择，下拉多选等场景",
+ "tags": ["xx", "yy"],
+ "docUrl": "https://fusion-demo.alibaba-inc.com/demos/next/select",
+ "screenshot": "https://img.alicdn.com/tfs/TB1osvGNXzqK1RjSZFoXXbfcXXa-1149-854.png",
+ "icon": "url/fsdfasdfa.svg",
+ "devMode": "proCode",
+ "npm": {
+ "package": "@ali/deep",
+ "exportName": "Button",
+ "subName": "Icon.Option",
+ "main": "",
+ "destructuring": true,
+ "version": "0.1.13"
+ },
+ "props": [],
+ "configure": {
+ "props": [
+ {
+ "type": "field",
+ "title": "field",
+ "name": "field",
+ "setter": {
+ "componentName": "Mixin",
+ "props": {
+ "onlyChangeType": false,
+ "defaultType": "Input",
+ "typeMap": {
+ "Input": {},
+ "Select": {}
+ }
+ }
+ }
+ },
+ {
+ "type": "group",
+ "title": "group",
+ "items": [
+ {
+ "type": "field",
+ "componentName": "Function",
+ "props": {
+ "defaultValue": "function(){ console.log('aloha') }"
+ }
+ },
+ {
+ "type": "field",
+ "componentName": "Number",
+ "props": {
+ "value": 123
+ }
+ }
+ ]
+ }
+ ],
+ "component": {
+ "isContainer": true,
+ "isModal": false,
+ "descriptor": "title",
+ "nestingRule": {
+ "childWhitelist": ["SelectOption"],
+ "parentWhitelist": ["Select", "Table"]
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/validate/fixtures/props-basic-type/schema.json b/packages/material-parser/test/validate/fixtures/props-basic-type/schema.json
new file mode 100644
index 000000000..e8fecb328
--- /dev/null
+++ b/packages/material-parser/test/validate/fixtures/props-basic-type/schema.json
@@ -0,0 +1,71 @@
+{
+ "componentName": "Select",
+ "title": "下拉选择器",
+ "description": "适用于下拉选择，下拉多选等场景",
+ "tags": ["xx", "yy"],
+ "docUrl": "https://fusion-demo.alibaba-inc.com/demos/next/select",
+ "screenshot": "https://img.alicdn.com/tfs/TB1osvGNXzqK1RjSZFoXXbfcXXa-1149-854.png",
+ "icon": "url/fsdfasdfa.svg",
+ "devMode": "proCode",
+ "npm": {
+ "package": "@ali/deep",
+ "exportName": "Button",
+ "subName": "Icon.Option",
+ "main": "",
+ "destructuring": true,
+ "version": "0.1.13"
+ },
+ "props": [
+ {
+ "name": "placeholder",
+ "propType": "string",
+ "description": "占位提示",
+ "defaultValue": "请输入..."
+ },
+ {
+ "name": "disabled",
+ "propType": "bool",
+ "description": "disabled",
+ "defaultValue": false
+ },
+ {
+ "name": "size",
+ "propType": "number",
+ "description": "尺寸",
+ "defaultValue": 10
+ },
+ {
+ "name": "dataSource",
+ "propType": "array",
+ "description": "下拉选项配置",
+ "defaultValue": []
+ },
+ {
+ "name": "object",
+ "propType": "object",
+ "description": "object",
+ "defaultValue": {
+ "a": 123,
+ "b": 234
+ }
+ },
+ {
+ "name": "node",
+ "propType": "node",
+ "description": "node"
+ },
+ {
+ "name": "element",
+ "propType": "element",
+ "description": "element"
+ },
+ {
+ "name": "onClick",
+ "propType": {
+ "type": "func",
+ "isRequired": true
+ },
+ "description": "下拉选项配置"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/validate/fixtures/props-complex-type/schema.json b/packages/material-parser/test/validate/fixtures/props-complex-type/schema.json
new file mode 100644
index 000000000..fdb40a5af
--- /dev/null
+++ b/packages/material-parser/test/validate/fixtures/props-complex-type/schema.json
@@ -0,0 +1,95 @@
+{
+ "componentName": "Select",
+ "title": "下拉选择器",
+ "description": "适用于下拉选择，下拉多选等场景",
+ "tags": ["xx", "yy"],
+ "docUrl": "https://fusion-demo.alibaba-inc.com/demos/next/select",
+ "screenshot": "https://img.alicdn.com/tfs/TB1osvGNXzqK1RjSZFoXXbfcXXa-1149-854.png",
+ "icon": "url/fsdfasdfa.svg",
+ "devMode": "proCode",
+ "npm": {
+ "package": "@ali/deep",
+ "exportName": "Button",
+ "subName": "Icon.Option",
+ "main": "",
+ "destructuring": true,
+ "version": "0.1.13"
+ },
+ "props": [
+ {
+ "name": "oneOf",
+ "propType": {
+ "type": "oneOf",
+ "value": ["a", "b", "c"]
+ }
+ },
+ {
+ "name": "oneOfType",
+ "propType": {
+ "type": "oneOfType",
+ "value": ["string", "number", {
+ "type": "array",
+ "isRequired": true
+ }]
+ }
+ },
+ {
+ "name": "arrayOf",
+ "propType": "number"
+ },
+ {
+ "name": "objectOf",
+ "propType": "number"
+ },
+ {
+ "name": "size",
+ "propType": "number",
+ "description": "尺寸",
+ "defaultValue": 10
+ },
+ {
+ "name": "dataSource",
+ "propType": "array",
+ "description": "下拉选项配置",
+ "defaultValue": []
+ },
+ {
+ "name": "shape",
+ "propType": {
+ "type": "shape",
+ "value": [
+ {
+ "name": "color",
+ "propType": "string"
+ },
+ {
+ "name": "fontSize",
+ "propType": {
+ "type": "number",
+ "isRequired": true
+ }
+ }
+ ]
+ }
+ },
+ {
+ "name": "exact",
+ "propType": {
+ "type": "exact",
+ "value": [
+ {
+ "name": "name",
+ "propType": "string"
+ },
+ {
+ "name": "quantity",
+ "propType": {
+ "type": "number",
+ "isRequired": true
+ }
+ }
+ ]
+ }
+ }
+ ]
+}
\ No newline at end of file
diff --git a/packages/material-parser/test/validate/index.test.ts b/packages/material-parser/test/validate/index.test.ts
new file mode 100644
index 000000000..68bb5dc1b
--- /dev/null
+++ b/packages/material-parser/test/validate/index.test.ts
@@ -0,0 +1,25 @@
+import * as fs from 'fs';
+import yaml = require('js-yaml');
+import path = require('path');
+import {validate} from '../../src'
+
+let fixtures = fs.readdirSync(path.join(__dirname, 'fixtures'));
+fixtures = fixtures.filter(item => !item.includes('.skip'));
+if (fixtures.find(item => item.includes('.only'))) {
+ fixtures = fixtures.filter(item => item.includes('.only'));
+}
+
+for (const dir of fixtures) {
+ const fullPath = path.join(__dirname, 'fixtures', dir);
+ test(`should be right in dir ${dir}`, async (done) => {
+ const json: any = yaml.safeLoad(fs.readFileSync(path.resolve(fullPath, 'schema.json'), 'utf-8'));
+ let validateResult: any;
+ try {
+ validateResult = validate(json)
+ } catch (e) {
+ validateResult = e.message;
+ }
+ expect(validateResult).toMatchSnapshot();
+ done();
+ });
+}
diff --git a/packages/material-parser/tsconfig.json b/packages/material-parser/tsconfig.json
new file mode 100644
index 000000000..d47e50fd1
--- /dev/null
+++ b/packages/material-parser/tsconfig.json
@@ -0,0 +1,15 @@
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ // Enable strictest settings like strictNullChecks & noImplicitAny.
+ "strict": false,
+ // Allow json import
+ "resolveJsonModule": true,
+ // skip type checking of declaration files
+ "skipLibCheck": true,
+ "baseUrl": "./packages",
+ "allowJs": true
+ },
+ "exclude": ["**/test", "**/lib", "**/dist", "**/es", "node_modules", "schemas"],
+ "include": ["src/**/*"]
+}
diff --git a/packages/material-parser/webpack.config.js b/packages/material-parser/webpack.config.js
new file mode 100644
index 000000000..5132d598e
--- /dev/null
+++ b/packages/material-parser/webpack.config.js
@@ -0,0 +1,40 @@
+const path = require('path');
+const nodeExternals = require('webpack-node-externals');
+const CopyPlugin = require('copy-webpack-plugin');
+
+module.exports = {
+ entry: './src/index.ts',
+ target: 'node',
+ output: {
+ path: path.resolve(__dirname, 'dist'),
+ filename: 'index.js',
+ library: {
+ type: 'commonjs2',
+ },
+ },
+ mode: 'production',
+ module: {
+ rules: [
+ {
+ test: /\.tsx?$/,
+ use: 'ts-loader',
+ exclude: /node_modules/,
+ },
+ ],
+ },
+ externalsPresets: { node: true }, // in order to ignore built-in modules like path, fs, etc.
+ externals: [nodeExternals()], // in order to ignore all modules in node_modules folder
+ resolve: {
+ extensions: ['.tsx', '.ts', '.js'],
+ },
+ plugins: [
+ new CopyPlugin({
+ patterns: [
+ {
+ from: path.resolve(__dirname, 'src/parse/ts/tsconfig.json'),
+ to: path.resolve(__dirname, 'dist/tsconfig.json'),
+ },
+ ],
+ }),
+ ],
+};