feat(prop): extract default value of props

Author: manucorporat

src/compiler/docs/docs-util.ts

@@ -161,7 +161,7 @@ export function getEventDetailType(eventType: d.AttributeTypeInfo) {
   if (eventType && eventType.text && typeof eventType.text === 'string' && eventType.text !== 'void') {
     return eventType.text.trim();
   }
-  return '';
+  return 'void';
 }
 
 

src/compiler/docs/markdown-events.ts

@@ -27,13 +27,17 @@ export class MarkdownEvents {
 
     const table = new MarkdownTable();
 
-    table.addHeader(['Event', 'Detail', 'Description']);
+    table.addHeader([
+      'Event',
+      'Description',
+      'Detail'
+    ]);
 
     rows.forEach(row => {
       table.addRow([
         '`' + row.eventName + '`',
+        row.description,
         row.detail,
-        row.description
       ]);
     });
 

src/compiler/docs/markdown-props.ts

@@ -32,15 +32,17 @@ export class MarkdownProps {
       'Property',
       'Attribute',
       'Description',
-      'Type'
+      'Type',
+      'Default'
     ]);
 
     rows.forEach(row => {
       table.addRow([
         row.propName,
         row.attrName,
         row.description,
-        row.type
+        row.type,
+        row.default
       ]);
     });
 
@@ -81,6 +83,9 @@ export class PropRow {
     return `\`${this.memberMeta.jsdoc.type}\``;
   }
 
+  get default() {
+    return `\`${this.memberMeta.jsdoc.default}\``;
+  }
 }
 
 function filterRow(row: PropRow) {

src/compiler/transpile/datacollection/prop-decorator.ts

@@ -42,6 +42,12 @@ export function getPropDecoratorMeta(diagnostics: d.Diagnostic[], checker: ts.Ty
         memberData.reflectToAttrib = getReflectToAttr(propOptions);
         memberData.propType = propTypeFromTSType(type);
         memberData.jsdoc = serializeSymbol(checker, symbol);
+
+        // extract default value
+        const initializer = prop.initializer;
+        if (initializer) {
+          memberData.jsdoc.default = initializer.getText();
+        }
       }
 
       allMembers[memberName] = memberData;

src/compiler/transpile/datacollection/test/component.spec.ts

@@ -214,6 +214,7 @@ describe('component', () => {
               'name': 'enableBackdropDismiss',
               'tags': [],
               'type': 'boolean',
+              'default': 'true'
             },
             'memberType': MEMBER_TYPE.Prop,
             'propType': PROP_TYPE.Boolean,

src/compiler/transpile/datacollection/test/fixtures/prop-example.ts

@@ -43,7 +43,7 @@ class ActionSheet {
 
   @Prop() enabled?: boolean | string;
 
-  @Prop() color?: Color;
+  @Prop() color?: Color = "primary";
 
   @Prop() config?: ConfigProps;
 

src/compiler/transpile/datacollection/test/prop-decorator.spec.ts

@@ -70,6 +70,7 @@ describe('props decorator', () => {
           name: 'withOptions',
           tags: [],
           type: 'number',
+          default: '88'
         },
         memberType: MEMBER_TYPE.Prop,
         propType: PROP_TYPE.Number,
@@ -164,6 +165,7 @@ describe('props decorator', () => {
           name: 'color',
           tags: [],
           type: `"primary" | "secondary"`,
+          default: '"primary"'
         },
         memberType: MEMBER_TYPE.Prop,
         propType: PROP_TYPE.String,

src/declarations/component.ts

@@ -167,6 +167,7 @@ export interface JsDoc {
   documentation: string;
   type: string;
   tags: JSDocTagInfo[];
+  default?: string;
   parameters?: JsDoc[];
   returns?: {
     type: string;