From 83953bea5867b5ac594d3d73ebde1f6a74a175e9 Mon Sep 17 00:00:00 2001 From: EditorWang Date: Mon, 29 Nov 2021 14:03:18 +0800 Subject: [PATCH 1/6] =?UTF-8?q?=F0=9F=93=83=20docs(panel):=20=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E4=BA=86=E9=94=99=E5=88=AB=E5=AD=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/devui-vue/devui/panel/index.ts | 2 +- packages/devui-vue/docs/components/panel/index.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/devui-vue/devui/panel/index.ts b/packages/devui-vue/devui/panel/index.ts index 56eaba1e..bf981ae8 100644 --- a/packages/devui-vue/devui/panel/index.ts +++ b/packages/devui-vue/devui/panel/index.ts @@ -16,7 +16,7 @@ export { Panel } export default { title: 'Panel 面板', category: '通用', - status: '100%', + status: '已完成', install(app: App): void { app.use(Panel as any) } diff --git a/packages/devui-vue/docs/components/panel/index.md b/packages/devui-vue/docs/components/panel/index.md index 0c1b6198..9ec7aad0 100644 --- a/packages/devui-vue/docs/components/panel/index.md +++ b/packages/devui-vue/docs/components/panel/index.md @@ -133,7 +133,7 @@ export default defineComponent({ ### 动态切换 -我们已hasLeftPadding为例 +我们以hasLeftPadding为例 :::demo ```vue -- Gitee From fd475b80dbb999019449bac6f1e56a45b1b08532 Mon Sep 17 00:00:00 2001 From: EditorWang Date: Mon, 29 Nov 2021 14:50:02 +0800 Subject: [PATCH 2/6] =?UTF-8?q?=F0=9F=8C=88=20style(panel):=20=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E4=BA=86status?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/devui-vue/devui/panel/index.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/devui-vue/devui/panel/index.ts b/packages/devui-vue/devui/panel/index.ts index bf981ae8..56eaba1e 100644 --- a/packages/devui-vue/devui/panel/index.ts +++ b/packages/devui-vue/devui/panel/index.ts @@ -16,7 +16,7 @@ export { Panel } export default { title: 'Panel 面板', category: '通用', - status: '已完成', + status: '100%', install(app: App): void { app.use(Panel as any) } -- Gitee From cfb922e4c07d8100c0f9793372936b9bfefac591 Mon Sep 17 00:00:00 2001 From: EditorWang Date: Mon, 29 Nov 2021 16:00:08 +0800 Subject: [PATCH 3/6] =?UTF-8?q?=F0=9F=93=83=20docs(panel):=20=E6=96=B0?= =?UTF-8?q?=E5=A2=9E=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../docs/en-US/components/panel/index.md | 194 ++++++++++++++++++ 1 file changed, 194 insertions(+) create mode 100644 packages/devui-vue/docs/en-US/components/panel/index.md diff --git a/packages/devui-vue/docs/en-US/components/panel/index.md b/packages/devui-vue/docs/en-US/components/panel/index.md new file mode 100644 index 00000000..17f6b0c8 --- /dev/null +++ b/packages/devui-vue/docs/en-US/components/panel/index.md @@ -0,0 +1,194 @@ +# Panel + +Panels are usually used for grouping + +### When to use + +it is used when the page content needs to be grouped for display, and generally contains three parts: the head, the content area, and the bottom. + +### Quick start + +:::demo + +```vue + + +``` +::: + +### Type + +Panels have six types: default, primary, success, danger, warning, info. + +:::demo +```vue + +``` +::: + +### Prevent Collapse + +if you dont want panel to fold. You can use ``beforeToggle`` properties + +If beforeToggle return False. The Panel will can not to fold. But Unaffected when unfolded + + +::demo +```vue + + +``` +::: + +### Properties Dynamic Change + +We take hasLeftPadding properties as an example. + +Theoretically all properties can dynamic change. We only take hasLeftPadding properties as an example. + +:::demo +```vue + + +``` +::: + + +### API + +|Property|Type|Descript|default Value| +|:-:|:-:|:-:|:-:| +|type| PanelType| 'default'| Optional. Can be set Panel Type| +|cssClass| string| -- | Optional. User-defined class name| +|isCollapsed| boolean| false | Optional. Optional. Whether to expand the panel| +|hasLeftPadding| boolean| true | Optional. Whether to display the left padding| +|showAnimation| boolean| true | Optional. Indicating whether to display animations.| +|beforeToggle| Function\|Promise\|Observable| -- | 可 Optional. Callback function before the panel folding status changes. The value of this parameter is of the boolean type. If false is returned, the panel folding status changes.| +|toggle| Function| -- | Optional. Callback upon panel click to return the expanded status of the current panel. + +### declare Interface & type +```javascript +export type PanelType = 'default' | 'primary' | 'success' | 'danger' | 'warning' | 'info'; +``` \ No newline at end of file -- Gitee From 6836045cd845fae5182929d920b12161e7af3f73 Mon Sep 17 00:00:00 2001 From: EditorWang Date: Mon, 29 Nov 2021 16:05:19 +0800 Subject: [PATCH 4/6] =?UTF-8?q?=F0=9F=93=83=20docs(panel):=20=E6=B6=A6?= =?UTF-8?q?=E8=89=B2=E4=BA=86=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../devui-vue/docs/components/panel/index.md | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) diff --git a/packages/devui-vue/docs/components/panel/index.md b/packages/devui-vue/docs/components/panel/index.md index 9ec7aad0..4ddeef07 100644 --- a/packages/devui-vue/docs/components/panel/index.md +++ b/packages/devui-vue/docs/components/panel/index.md @@ -57,7 +57,11 @@ export default defineComponent({ :::demo ```vue