docs(module:resizable): add Stackblitz config (NG-ZORRO#4657)

* docs(module:resizable): add Stackblitz config close NG-ZORRO#4656 * build: fix build error
hsuanxyz · Jan 9, 2020 · 72bfd7a · 72bfd7a
1 parent 1ec18e4
commit 72bfd7a
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 4 deletions.
diff --git a/components/code-editor/doc/index.en-US.md b/components/code-editor/doc/index.en-US.md
@@ -10,7 +10,11 @@ Support monaco editor in Angular.
 
 ## When To Use
 
-- When you want to use monaco editor in Angular.
+When you want to use monaco editor in Angular.
+
+```ts
+import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor';
+```
 
 ## API
 

diff --git a/components/code-editor/doc/index.zh-CN.md b/components/code-editor/doc/index.zh-CN.md
@@ -11,7 +11,11 @@ monaco editor 组件。
 
 ## 何时使用
 
-- 需要在网页上渲染 monaco editor 时使用。
+需要在网页上渲染 monaco editor 时使用。
+
+```ts
+import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor';
+```
 
 ## API
 

diff --git a/components/resizable/doc/index.en-US.md b/components/resizable/doc/index.en-US.md
@@ -12,6 +12,14 @@ Resize element.
 - Support Grids System
 - Support for custom handles and preview styles
 
+## When To Use
+
+When you want to resize elements.
+
+```ts
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+```
+
 ## API
 
 ### [nz-resizable]

diff --git a/components/resizable/doc/index.zh-CN.md b/components/resizable/doc/index.zh-CN.md
@@ -13,6 +13,14 @@ experimental: true
 - 支持栅格系统
 - 支持自定义调整手柄和预览样式
 
+## 何时使用
+
+当你想调整元素尺寸时.
+
+```ts
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+```
+
 ## API
 
 ### [nz-resizable]

diff --git a/package.json b/package.json
@@ -90,7 +90,7 @@
     "marked": "^0.7.0",
     "minimist": "^1.2.0",
     "monaco-editor": "^0.17.1",
-    "ng-packagr": "^9.0.0-rc.3",
+    "ng-packagr": "9.0.0-rc.4",
     "ngx-color": "^4.0.0",
     "node-prismjs": "^0.1.2",
     "parse5": "^5.1.1",

diff --git a/scripts/site/_site/doc/app/share/nz-codebox/stack-blitz.ts b/scripts/site/_site/doc/app/share/nz-codebox/stack-blitz.ts
@@ -186,6 +186,7 @@ import { NzTreeModule } from 'ng-zorro-antd/tree';
 import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 import { NzTypographyModule } from 'ng-zorro-antd/typography';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
 
 @NgModule({
   exports: [
@@ -252,7 +253,8 @@ import { NzUploadModule } from 'ng-zorro-antd/upload';
     NzTreeSelectModule,
     NzTypographyModule,
     NzUploadModule,
-    NzWaveModule
+    NzWaveModule,
+    NzResizableModule
   ]
 })
 export class DemoNgZorroAntdModule {
@@ -288,6 +290,7 @@ export class DemoNgZorroAntdModule {
                 ],
                 "styles": [
                   "node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css",
+                  "node_modules/ng-zorro-antd/resizable/style/index.min.css",
                   "src/styles.css"
                 ],
                 "scripts": []