diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
index c7d72ae0..6ab4d6c3 100644
--- a/projects/demo/src/app/app.component.html
+++ b/projects/demo/src/app/app.component.html
@@ -29,5 +29,5 @@ <h2>Data Grid</h2>
 <h1>Experiment</h1>
 <h2>3D Text</h2>
 <div>
-  <mtx-text3d text="3D Text"></mtx-text3d>
+  <!-- <mtx-text3d text="3D Text"></mtx-text3d> -->
 </div>
diff --git a/projects/demo/src/app/app.component.ts b/projects/demo/src/app/app.component.ts
index b7d829ec..db5e958f 100644
--- a/projects/demo/src/app/app.component.ts
+++ b/projects/demo/src/app/app.component.ts
@@ -1,5 +1,6 @@
 import { Component, Inject } from '@angular/core';
 
+import { MatDialog } from '@angular/material';
 import { MtxDialog } from '@ng-matero/extensions';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 
@@ -125,7 +126,7 @@ export class AppComponent {
   list = ELEMENT_DATA;
   isLoading = false;
 
-  constructor(private mtxDialog: MtxDialog) {}
+  constructor(private matDialog: MatDialog, private mtxDialog: MtxDialog) {}
 
   onClosed(e: any) {
     console.log(e);
@@ -138,12 +139,10 @@ export class AppComponent {
   }
 
   open() {
-    const dialogRef = this.mtxDialog.open(
-      {
-        width: '250px',
-      },
-      DialogOverviewComponent
-    );
+    const dialogRef = this.matDialog.open(DialogOverviewComponent, {
+      width: '250px',
+      data: {name: 'this.name', animal: 'this.animal'}
+    });
 
     dialogRef.afterClosed().subscribe(result => {
       console.log('The dialog was closed');
@@ -158,7 +157,7 @@ export class AppComponent {
     <div mat-dialog-content>
       <p>What's your favorite animal?</p>
       <mat-form-field>
-        <input matInput />
+        <input matInput/>
       </mat-form-field>
     </div>
     <div mat-dialog-actions>
diff --git a/projects/demo/src/app/app.module.ts b/projects/demo/src/app/app.module.ts
index a39364f2..a2497cf6 100644
--- a/projects/demo/src/app/app.module.ts
+++ b/projects/demo/src/app/app.module.ts
@@ -12,7 +12,7 @@ import {
   MtxAlertModule,
   MtxDataGridModule,
 } from '@ng-matero/extensions';
-import { MtxText3dModule } from '@ng-matero/extensions/text3d';
+// import { MtxText3dModule } from '@ng-matero/extensions/text3d';
 
 import { DialogOverviewComponent } from './app.component';
 
@@ -27,7 +27,7 @@ import { DialogOverviewComponent } from './app.component';
     MtxDialogModule,
     MtxAlertModule,
     MtxDataGridModule,
-    MtxText3dModule,
+    // MtxText3dModule,
   ],
   providers: [],
   bootstrap: [AppComponent],
diff --git a/projects/extensions/package.json b/projects/extensions/package.json
index 38977bde..5bfbe541 100644
--- a/projects/extensions/package.json
+++ b/projects/extensions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Angular Material Extensions",
   "author": "nzbin<nzb329@163.com>",
   "repository": {