dumi 2.3.0-beta.7 → 2.3.0-beta.8

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

@@ -74,7 +74,7 @@ var HANDLERS = {
     var signatures = 'oneOf' in signature ? signature.oneOf : [signature];
     return signatures.map(function (signature) {
       return "".concat(signature.isAsync ? 'async ' : '', "(").concat(signature.arguments.map(function (arg) {
-        return "".concat(arg.key, ": ").concat(_this2.toString(arg));
+        return "".concat(arg.key).concat(arg.hasQuestionToken ? '?' : '', ": ").concat(_this2.toString(arg));
       }).join(', '), ") => ").concat(_this2.toString(signature.returnType));
     }).join(' | ');
   },
@@ -112,7 +112,6 @@ var APIType = function APIType(prop) {
   return /*#__PURE__*/React.createElement("code", null, type);
 };
 var API = function API(props) {
-  var _definition$propsConf;
   var _useRouteMeta = useRouteMeta(),
     frontmatter = _useRouteMeta.frontmatter;
   var _useAtomAssets = useAtomAssets(),
@@ -121,6 +120,13 @@ var API = function API(props) {
   var intl = useIntl();
   if (!id) throw new Error('`id` properties if required for API component!');
   var definition = components === null || components === void 0 ? void 0 : components[id];
+  var properties = {};
+  var type = (props.type || 'props').toLowerCase();
+  if (definition) {
+    var _definition$key;
+    var key = "".concat(type, "Config");
+    properties = ((_definition$key = definition[key]) === null || _definition$key === void 0 ? void 0 : _definition$key.properties) || {};
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: "markdown"
   }, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, intl.formatMessage({
@@ -129,16 +135,16 @@ var API = function API(props) {
     id: 'api.component.description'
   })), /*#__PURE__*/React.createElement("th", null, intl.formatMessage({
     id: 'api.component.type'
-  })), /*#__PURE__*/React.createElement("th", null, intl.formatMessage({
+  })), props.type === 'props' && /*#__PURE__*/React.createElement("th", null, intl.formatMessage({
     id: 'api.component.default'
-  })))), /*#__PURE__*/React.createElement("tbody", null, definition && (_definition$propsConf = definition.propsConfig) !== null && _definition$propsConf !== void 0 && _definition$propsConf.properties ? Object.entries(definition.propsConfig.properties).map(function (_ref4) {
-    var _definition$propsConf2;
+  })))), /*#__PURE__*/React.createElement("tbody", null, Object.keys(properties).length ? Object.entries(properties).map(function (_ref4) {
+    var _definition$propsConf;
     var _ref5 = _slicedToArray(_ref4, 2),
       name = _ref5[0],
       prop = _ref5[1];
     return /*#__PURE__*/React.createElement("tr", {
       key: name
-    }, /*#__PURE__*/React.createElement("td", null, name), /*#__PURE__*/React.createElement("td", null, prop.description || '--'), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(APIType, prop)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("code", null, (_definition$propsConf2 = definition.propsConfig.required) !== null && _definition$propsConf2 !== void 0 && _definition$propsConf2.includes(name) ? intl.formatMessage({
+    }, /*#__PURE__*/React.createElement("td", null, name), /*#__PURE__*/React.createElement("td", null, prop.description || '--'), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(APIType, prop)), props.type === 'props' && /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("code", null, (_definition$propsConf = definition.propsConfig.required) !== null && _definition$propsConf !== void 0 && _definition$propsConf.includes(name) ? intl.formatMessage({
       id: 'api.component.required'
     }) : JSON.stringify(prop.default) || '--')));
   }) : /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {

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

@@ -136,6 +136,7 @@
     text-overflow: ellipsis;
     background: lighten(@c-error, 51%);
     box-sizing: border-box;
+    overflow: hidden;
 
     @{dark-selector} & {
       @color: lighten(desaturate(@c-error, 20%), 5%);

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

@@ -20,7 +20,8 @@ import "./index.less";
  */
 var SIMILAR_DSL = {
   acss: 'css',
-  axml: 'markup'
+  axml: 'markup',
+  vue: 'markup'
 };
 var SourceCode = function SourceCode(props) {
   var _props$children = props.children,
@@ -47,7 +48,7 @@ var SourceCode = function SourceCode(props) {
     }
   }, [lang, children]);
   var code = /*#__PURE__*/React.createElement(Highlight, _extends({}, defaultProps, {
-    code: children,
+    code: props.textarea ? children : children.trim(),
     language: SIMILAR_DSL[lang] || lang,
     theme: undefined
   }), function (_ref) {