From 0fbf4cda4cbc1367b888976f6ea46ae57fb5cd3c Mon Sep 17 00:00:00 2001
From: eternalsky <wsj7552715@hotmail.com>
Date: Mon, 5 Dec 2022 20:06:58 +0800
Subject: [PATCH] docs:  add view.tsx guide in material.md

---
 docs/docs/guide/expand/editor/cli.md      | 2 +-
 docs/docs/guide/expand/editor/material.md | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/docs/docs/guide/expand/editor/cli.md b/docs/docs/guide/expand/editor/cli.md
index aaadf09fe..0218e6f73 100644
--- a/docs/docs/guide/expand/editor/cli.md
+++ b/docs/docs/guide/expand/editor/cli.md
@@ -57,7 +57,7 @@ npm run build
 npm publish
 ```
 
-## 🔥🔥🔥 调试物料/插件/设置器
+## 🔥🔥🔥 在低代码项目中调试物料/插件/设置器
 
 > 📢📢📢 低代码生态脚手架提供的调试利器，在启动 setter/插件/物料 项目后，直接在已有的低代码平台就可以调试，不需要 npm link / 手改 npm main 入口等传统方式，轻松上手，强烈推荐使用！！
 
diff --git a/docs/docs/guide/expand/editor/material.md b/docs/docs/guide/expand/editor/material.md
index fa51730fc..a5e374db9 100644
--- a/docs/docs/guide/expand/editor/material.md
+++ b/docs/docs/guide/expand/editor/material.md
@@ -182,7 +182,14 @@ npm run lowcode:build
   display: 'accordion' | 'inline' | 'block' | 'plain' | 'popup' | 'entry', // 常用的是 inline(默认), block、entry
 }
 ```
-发布组件
+#### 编辑态视图
+用户可以在 lowcode/<component-name\> 目录下新增 view.tsx 来增加编辑态视图。编辑态视图用于在编辑态时展示与真实预览不一样的视图。
+view.tsx 输出的也是一个 React 组件。
+
+注意：如果是单组件，而非组件库模式的话，view.tsx 应置于 lowcode 而非 lowcode/<component-name\> 目录下
+
+
+#### 发布组件
 ```bash
 # 在组件根目录下，执行
 $ npm publish