From 1e79a6bb971517e11555ab2dc3c23c87f9f0f673 Mon Sep 17 00:00:00 2001 From: Jian Lu Date: Thu, 10 Oct 2024 17:57:14 +0800 Subject: [PATCH 1/2] docs: steps form --- docs/config/handbook.ts | 6 ++ docs/en-US/handbook/block-steps-from/index.md | 65 +++++++++++++++++++ docs/ja-JP/handbook/block-steps-from/index.md | 65 +++++++++++++++++++ docs/zh-CN/handbook/block-steps-from/index.md | 65 +++++++++++++++++++ 4 files changed, 201 insertions(+) create mode 100644 docs/en-US/handbook/block-steps-from/index.md create mode 100644 docs/ja-JP/handbook/block-steps-from/index.md create mode 100644 docs/zh-CN/handbook/block-steps-from/index.md diff --git a/docs/config/handbook.ts b/docs/config/handbook.ts index 57d82a61b..971a040aa 100644 --- a/docs/config/handbook.ts +++ b/docs/config/handbook.ts @@ -689,6 +689,12 @@ export default [ 'title.ja-JP': 'チャート', link: '/handbook/data-visualization/', }, + { + title: 'Multi-step form', + 'title.zh-CN': '分步表单', + 'title.ja-JP': '多段階フォーム', + link: '/handbook/block-steps-from', + }, ], }, { diff --git a/docs/en-US/handbook/block-steps-from/index.md b/docs/en-US/handbook/block-steps-from/index.md new file mode 100644 index 000000000..f632ea5f0 --- /dev/null +++ b/docs/en-US/handbook/block-steps-from/index.md @@ -0,0 +1,65 @@ +# Multi-step form + +## Introduction +Multi-step form is a block used to build a data entry and editing interface that supports step-by-step configuration on top of the capabilities of the form block. + +## Adding Blocks + + + +## Block Settings + +![](https://static-docs.nocobase.com/202410101717319.png) + + +### Linkage Rules + +Control the behavior of form fields through linkage rules. + +![](https://static-docs.nocobase.com/202410101717884.png) + +More content reference [Linkage rules](/handbook/ui/blocks/block-settings/linkage-rule) + + +### Block Height Setting + +Example: Set the block height to "Specify height" mode. + + + +More content reference [Block height](/handbook/ui/blocks/block-settings/block-height) + +## Step Setting + +### Add New Step + +![](https://static-docs.nocobase.com/202410101718482.png) + +### Update Step Title + +![](https://static-docs.nocobase.com/202410101718755.png) + +![](https://static-docs.nocobase.com/202410101718413.png) + +### Adjust Step Sequence + + + +## Configure Fields + +Refer to the field configuration items [Form configuration field](/handbook/ui/blocks/data-blocks/form#configure-fields) + +## Configure Actions + +![](https://static-docs.nocobase.com/202410101719893.png) + +- previous: return to the previous form +- next: switch to the next form +- [submit](/handbook/ui/actions/types/submit) +- [custom request](/handbook/action-custom-request) diff --git a/docs/ja-JP/handbook/block-steps-from/index.md b/docs/ja-JP/handbook/block-steps-from/index.md new file mode 100644 index 000000000..83981c371 --- /dev/null +++ b/docs/ja-JP/handbook/block-steps-from/index.md @@ -0,0 +1,65 @@ +# 多段階フォーム + +## 導入 +ステップバイステップ フォームは、フォーム ブロックの機能に加えてステップバイステップの構成をサポートするデータ入力および編集インターフェイスを構築するためのブロックです。 + +## ブロックの追加 + + + +## ブロック設定項目 + +![](https://static-docs.nocobase.com/202410101717319.png) + + +### 連携ルール + +リンクルールを通じてフォームフィールドの動作を制御します。 + +![](https://static-docs.nocobase.com/202410101717884.png) + +その他のコンテンツのリファレンス [連携ルール](/handbook/ui/blocks/block-settings/linkage-rule) + + +### ブロックの高さを設定する + +例：ブロック高さを「高さ指定」モードに設定します。 + + + +その他のコンテンツのリファレンス [ブロックの高さ](/handbook/ui/blocks/block-settings/block-height) + +## 段階的な構成 + +### 新しいステップを追加 + +![](https://static-docs.nocobase.com/202410101718482.png) + +### ステップ名の編集 + +![](https://static-docs.nocobase.com/202410101718755.png) + +![](https://static-docs.nocobase.com/202410101718413.png) + +### ステップの順序を調整する + + + +## 設定フィールド + +フィールド設定項目が参照可能 [フォーム設定フィールド](/handbook/ui/blocks/data-blocks/form) + +## 設定操作 + +![](https://static-docs.nocobase.com/202410101719893.png) + +- 前のステップ: 前のフォームに戻る +- 次のステップ: 次のフォームに切り替えます +- [提出する](/handbook/ui/actions/types/submit) +- [カスタムリクエスト](/handbook/action-custom-request) diff --git a/docs/zh-CN/handbook/block-steps-from/index.md b/docs/zh-CN/handbook/block-steps-from/index.md new file mode 100644 index 000000000..ce8bc7df0 --- /dev/null +++ b/docs/zh-CN/handbook/block-steps-from/index.md @@ -0,0 +1,65 @@ +# 分步表单 + +## 介绍 +分步表单是用于构建数据输入和编辑界面的区块，在表单区块的能力之上支持分步配置。 + +## 添加区块 + + + +## 区块配置项 + +![](https://static-docs.nocobase.com/202410101717319.png) + + +### 联动规则 + +通过联动规则控制表单字段行为。 + +![](https://static-docs.nocobase.com/202410101717884.png) + +更多内容参考 [联动规则](/handbook/ui/blocks/block-settings/linkage-rule) + + +### 设置区块高度 + +示例：设置区块高度为「指定高度」模式。 + + + +更多内容参考 [区块高度](/handbook/ui/blocks/block-settings/block-height) + +## 分步配置 + +### 添加新的步骤 + +![](https://static-docs.nocobase.com/202410101718482.png) + +### 编辑步骤名称 + +![](https://static-docs.nocobase.com/202410101718755.png) + +![](https://static-docs.nocobase.com/202410101718413.png) + +### 调整步骤顺序 + + + +## 配置字段 + +字段配置项可参考 [表单配置字段](/handbook/ui/blocks/data-blocks/form#配置字段) + +## 配置操作 + +![](https://static-docs.nocobase.com/202410101719893.png) + +- 上一步：返回上一个表单 +- 下一步：切换到下一个表单 +- [提交](/handbook/ui/actions/types/submit) +- [自定义请求](/handbook/action-custom-request) From d63e70411b26d290aa03c2dca8786eea78a44a7f Mon Sep 17 00:00:00 2001 From: Jian Lu Date: Thu, 10 Oct 2024 18:42:16 +0800 Subject: [PATCH 2/2] docs: steps form's jp doc restore to cn --- docs/ja-JP/handbook/block-steps-from/index.md | 44 +++++++++---------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/docs/ja-JP/handbook/block-steps-from/index.md b/docs/ja-JP/handbook/block-steps-from/index.md index 83981c371..ce8bc7df0 100644 --- a/docs/ja-JP/handbook/block-steps-from/index.md +++ b/docs/ja-JP/handbook/block-steps-from/index.md @@ -1,65 +1,65 @@ -# 多段階フォーム +# 分步表单 -## 導入 -ステップバイステップ フォームは、フォーム ブロックの機能に加えてステップバイステップの構成をサポートするデータ入力および編集インターフェイスを構築するためのブロックです。 +## 介绍 +分步表单是用于构建数据输入和编辑界面的区块，在表单区块的能力之上支持分步配置。 -## ブロックの追加 +## 添加区块 -## ブロック設定項目 +## 区块配置项 ![](https://static-docs.nocobase.com/202410101717319.png) -### 連携ルール +### 联动规则 -リンクルールを通じてフォームフィールドの動作を制御します。 +通过联动规则控制表单字段行为。 ![](https://static-docs.nocobase.com/202410101717884.png) -その他のコンテンツのリファレンス [連携ルール](/handbook/ui/blocks/block-settings/linkage-rule) +更多内容参考 [联动规则](/handbook/ui/blocks/block-settings/linkage-rule) -### ブロックの高さを設定する +### 设置区块高度 -例：ブロック高さを「高さ指定」モードに設定します。 +示例：设置区块高度为「指定高度」模式。 -その他のコンテンツのリファレンス [ブロックの高さ](/handbook/ui/blocks/block-settings/block-height) +更多内容参考 [区块高度](/handbook/ui/blocks/block-settings/block-height) -## 段階的な構成 +## 分步配置 -### 新しいステップを追加 +### 添加新的步骤 ![](https://static-docs.nocobase.com/202410101718482.png) -### ステップ名の編集 +### 编辑步骤名称 ![](https://static-docs.nocobase.com/202410101718755.png) ![](https://static-docs.nocobase.com/202410101718413.png) -### ステップの順序を調整する +### 调整步骤顺序 -## 設定フィールド +## 配置字段 -フィールド設定項目が参照可能 [フォーム設定フィールド](/handbook/ui/blocks/data-blocks/form) +字段配置项可参考 [表单配置字段](/handbook/ui/blocks/data-blocks/form#配置字段) -## 設定操作 +## 配置操作 ![](https://static-docs.nocobase.com/202410101719893.png) -- 前のステップ: 前のフォームに戻る -- 次のステップ: 次のフォームに切り替えます -- [提出する](/handbook/ui/actions/types/submit) -- [カスタムリクエスト](/handbook/action-custom-request) +- 上一步：返回上一个表单 +- 下一步：切换到下一个表单 +- [提交](/handbook/ui/actions/types/submit) +- [自定义请求](/handbook/action-custom-request)