openstack/skyline-console
Code Issues Proposed changes

fix: Fix for docs link address

Browse Source 
fix for docs link address

Change-Id: I8539ba5a546621e543b2c4c83066489b98e308c5
This commit is contained in:
zhuyue 2021-08-27 17:26:06 +08:00
parent 1f80bdee8d
commit bd501ba416
48 changed files with 180 additions and 180 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/en/develop/1-ready-to-work.md
View File

@ -1,4 +1,4 @@
English | [Chinese](/docs/zh/develop/1-ready-to-work.md) English | [Chinese](../../zh/develop/1-ready-to-work.md)
# Preparation before development # Preparation before development

4
docs/en/develop/2-catalog-introduction.md
View File

@ -1,4 +1,4 @@
English | [Chinese](/docs/zh/develop/2-catalog-introduction.md) English | [Chinese](../../zh/develop/2-catalog-introduction.md)
# Introduction to the first-level directory # Introduction to the first-level directory
@ -90,7 +90,7 @@ English | [Chinese](/docs/zh/develop/2-catalog-introduction.md)
# Directory Introduction for test # Directory Introduction for test
[English](/docs/en/test/2-catalog-introduction.md) | [Chinese](/docs/zh/test/2-catalog-introduction.md) [English](../../en/test/2-catalog-introduction.md) | [Chinese](../../zh/test/2-catalog-introduction.md)
# Catalog Introduction-Image Version # Catalog Introduction-Image Version

2
docs/en/develop/3-0-how-to-develop.md
View File

@ -1,4 +1,4 @@
English | [Chinese](/docs/zh/develop/3-0-how-to-develop.md) English | [Chinese](../../zh/develop/3-0-how-to-develop.md)
# Develop a new resource list page # Develop a new resource list page

20
docs/en/develop/3-1-BaseList-introduction.md
View File

@ -1,38 +1,38 @@
English | [Chinese](/docs/zh/develop/3-1-BaseList-introduction.md) English | [Chinese](../../zh/develop/3-1-BaseList-introduction.md)
# Application # Application
- The base class of each resource list page - The base class of each resource list page
![List page](/docs/en/develop/images/list/volumes.png) ![List page](../../en/develop/images/list/volumes.png)
- Support data paging - Support data paging
![List page pagination](/docs/en/develop/images/list/pagination.png) ![List page pagination](../../en/develop/images/list/pagination.png)
- Support search - Support search
![List page search](/docs/en/develop/images/list/search.png) ![List page search](../../en/develop/images/list/search.png)
- Support manual refresh of data - Support manual refresh of data
![List page fresh](/docs/en/develop/images/list/fresh.png) ![List page fresh](../../en/develop/images/list/fresh.png)
- Support data download - Support data download
![List page download](/docs/en/develop/images/list/download.png) ![List page download](../../en/develop/images/list/download.png)
- Support batch operation - Support batch operation
![List page batch](/docs/en/develop/images/list/batch.png) ![List page batch](../../en/develop/images/list/batch.png)
- With automatic data refresh function (automatically refresh the list data every 60 seconds, if the user does not operate, no automatic refresh after 30 minutes, the automatic refresh function can be paused) - With automatic data refresh function (automatically refresh the list data every 60 seconds, if the user does not operate, no automatic refresh after 30 minutes, the automatic refresh function can be paused)
![List page auto-refresh](/docs/en/develop/images/list/stop-auto-refresh.png) ![List page auto-refresh](../../en/develop/images/list/stop-auto-refresh.png)
- Configurable list header - Configurable list header
![List page table columns hide/show](/docs/en/develop/images/list/hide.png) ![List page table columns hide/show](../../en/develop/images/list/hide.png)
- Each resource list page can be completed by copy function - Each resource list page can be completed by copy function
@ -299,7 +299,7 @@ English | [Chinese](/docs/zh/develop/3-1-BaseList-introduction.md)
} }
``` ```
![List page Tab](/docs/en/develop/images/list/tab-service.png) ![List page Tab](../../en/develop/images/list/tab-service.png)
- `hideCustom` - `hideCustom`
- Whether to display the header configuration icon - Whether to display the header configuration icon

80
docs/en/develop/3-10-FormItem-introduction.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md) English | [简体中文](../../zh/develop/3-10-FormItem-introduction.md)
# Usage # Usage
@ -29,7 +29,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![extra](/docs/zh/develop/images/form/form-extra.png) ![extra](../../zh/develop/images/form/form-extra.png)
- `tip`, the `?` icon at the right side of label, hover to see `tip`. - `tip`, the `?` icon at the right side of label, hover to see `tip`.
- Take create instance as an example `src/pages/compute/containers/Instance/actions/StepCreate/BaseStep/index.jsx` : - Take create instance as an example `src/pages/compute/containers/Instance/actions/StepCreate/BaseStep/index.jsx` :
@ -49,7 +49,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![tip](/docs/zh/develop/images/form/form-tip.png) ![tip](../../zh/develop/images/form/form-tip.png)
- `validator`, validate whether the value of form item matchs requirements - `validator`, validate whether the value of form item matchs requirements
- Return `Promise` - Return `Promise`
@ -108,7 +108,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![labelCol](/docs/zh/develop/images/form/label-col.png) ![labelCol](../../zh/develop/images/form/label-col.png)
- `wrapperCol`, adjust the layout of the right side of the form, default use of the layout defined under - `wrapperCol`, adjust the layout of the right side of the form, default use of the layout defined under
- Take resize instance as an example `src/pages/compute/containers/Instance/actions/Resize.jsx` : - Take resize instance as an example `src/pages/compute/containers/Instance/actions/Resize.jsx` :
@ -133,7 +133,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![wrapperCol](/docs/zh/develop/images/form/wrapper-col.png) ![wrapperCol](../../zh/develop/images/form/wrapper-col.png)
- `style`, define the style of the form - `style`, define the style of the form
- Take create port as an example `src/pages/network/containers/VirtualAdapter/actions/Create.jsx` - Take create port as an example `src/pages/network/containers/VirtualAdapter/actions/Create.jsx`
@ -210,7 +210,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![label](/docs/zh/develop/images/form/form-label.png) ![label](../../zh/develop/images/form/form-label.png)
- `content` attribute, default is base on `name` to show, if has `content`, will show things in `content` - `content` attribute, default is base on `name` to show, if has `content`, will show things in `content`
- `content` can be string / ReactNode - `content` can be string / ReactNode
@ -240,7 +240,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![input](/docs/zh/develop/images/form/input.png) ![input](../../zh/develop/images/form/input.png)
- `select` - `select`
- selector - selector
@ -273,7 +273,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![select](/docs/zh/develop/images/form/select.png) ![select](../../zh/develop/images/form/select.png)
- `isWrappedValue`, indicates whether to include `option` information in the form item value - `isWrappedValue`, indicates whether to include `option` information in the form item value
- Default `false`, value is the value of selected `option` - Default `false`, value is the value of selected `option`
@ -289,7 +289,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![divider](/docs/zh/develop/images/form/form-divider.png) ![divider](../../zh/develop/images/form/form-divider.png)
- `radio` - `radio`
- radio - radio
@ -322,7 +322,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![radio](/docs/zh/develop/images/form/radio.png) ![radio](../../zh/develop/images/form/radio.png)
- `isWrappedValue`, indicates whether to include `option` information in the form item value - `isWrappedValue`, indicates whether to include `option` information in the form item value
- Default `false`, value is the value of selected `option` - Default `false`, value is the value of selected `option`
@ -390,7 +390,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![select-table](/docs/zh/develop/images/form/select-table.png) ![select-table](../../zh/develop/images/form/select-table.png)
- Take create volumn as an example `src/pages/storage/containers/Volume/actions/Create/index.jsx` : - Take create volumn as an example `src/pages/storage/containers/Volume/actions/Create/index.jsx` :
- This is a table with tab, default to show the first tab, when switching tab, data source will change - This is a table with tab, default to show the first tab, when switching tab, data source will change
@ -421,7 +421,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![select-table-tabs](/docs/zh/develop/images/form/select-table-tabs.png) ![select-table-tabs](../../zh/develop/images/form/select-table-tabs.png)
- `input-number` - `input-number`
- Number input - Number input
@ -441,7 +441,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![input-number](/docs/zh/develop/images/form/input-number.png) ![input-number](../../zh/develop/images/form/input-number.png)
- `input-int` - `input-int`
- Integer input - Integer input
@ -460,7 +460,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![input-int](/docs/zh/develop/images/form/input-int.png) ![input-int](../../zh/develop/images/form/input-int.png)
- `instance-volume` - `instance-volume`
- Insatnce volume configuration component - Insatnce volume configuration component
@ -483,7 +483,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![instance-volume](/docs/zh/develop/images/form/instance-volume.png) ![instance-volume](../../zh/develop/images/form/instance-volume.png)
- `input-password` - `input-password`
- password input - password input
@ -509,7 +509,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![input-password](/docs/zh/develop/images/form/input-password.png) ![input-password](../../zh/develop/images/form/input-password.png)
- `input-name` - `input-name`
- Name input box with format verification - Name input box with format verification
@ -532,7 +532,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![input-name](/docs/zh/develop/images/form/input-name.png) ![input-name](../../zh/develop/images/form/input-name.png)
- `port-range` - `port-range`
- Port input with Verification - Port input with Verification
@ -548,7 +548,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![port-range](/docs/zh/develop/images/form/port-range.png) ![port-range](../../zh/develop/images/form/port-range.png)
- `more` - `more`
- Hide / show more configuration items - Hide / show more configuration items
@ -562,7 +562,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![more](/docs/zh/develop/images/form/more.png) ![more](../../zh/develop/images/form/more.png)
- `textarea` - `textarea`
- textarea - textarea
@ -576,7 +576,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![textarea](/docs/zh/develop/images/form/textarea.png) ![textarea](../../zh/develop/images/form/textarea.png)
- `upload` - `upload`
- file upload - file upload
@ -591,7 +591,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![upload](/docs/zh/develop/images/form/upload.png) ![upload](../../zh/develop/images/form/upload.png)
- `add-select` - `add-select`
- Can added, delete an entry form item - Can added, delete an entry form item
@ -622,7 +622,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![add-select](/docs/zh/develop/images/form/add-select.png) ![add-select](../../zh/develop/images/form/add-select.png)
- `ip-input` - `ip-input`
- IP input with verification - IP input with verification
@ -643,7 +643,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![ip-input](/docs/zh/develop/images/form/ip-input.png) ![ip-input](../../zh/develop/images/form/ip-input.png)
- `member-allocator` - `member-allocator`
- Member allocator used in load balancer - Member allocator used in load balancer
@ -658,7 +658,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![member-allocator](/docs/zh/develop/images/form/member-allocator.png) ![member-allocator](../../zh/develop/images/form/member-allocator.png)
- `descriptions` - `descriptions`
- A form item to show types of information - A form item to show types of information
@ -712,7 +712,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![descriptions](/docs/zh/develop/images/form/descriptions.png) ![descriptions](../../zh/develop/images/form/descriptions.png)
- `slider-input` - `slider-input`
- Input + Slider linkage form item - Input + Slider linkage form item
@ -735,7 +735,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![slider-input](/docs/zh/develop/images/form/slider-input.png) ![slider-input](../../zh/develop/images/form/slider-input.png)
- `title` - `title`
- Show title - Show title
@ -748,7 +748,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![title](/docs/zh/develop/images/form/title.png) ![title](../../zh/develop/images/form/title.png)
- `switch` - `switch`
- switch form item - switch form item
@ -770,7 +770,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![switch](/docs/zh/develop/images/form/switch.png) ![switch](../../zh/develop/images/form/switch.png)
- `check` - `check`
- checkbox - checkbox
@ -787,7 +787,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![check](/docs/zh/develop/images/form/check.png) ![check](../../zh/develop/images/form/check.png)
- `transfer` - `transfer`
- transfer form item - transfer form item
@ -817,7 +817,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![transfer](/docs/zh/develop/images/form/transfer.png) ![transfer](../../zh/develop/images/form/transfer.png)
- `check-group` - `check-group`
- checkbox group - checkbox group
@ -839,7 +839,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![check-group](/docs/zh/develop/images/form/check-group.png) ![check-group](../../zh/develop/images/form/check-group.png)
- `textarea-from-file` - `textarea-from-file`
- Textarea with read file feature - Textarea with read file feature
@ -856,7 +856,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![textarea-from-file](/docs/zh/develop/images/form/textarea-from-file.png) ![textarea-from-file](../../zh/develop/images/form/textarea-from-file.png)
- `ip-distributer` - `ip-distributer`
- IP distributer - IP distributer
@ -876,7 +876,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![ip-distributer](/docs/zh/develop/images/form/ip-distributer.png) ![ip-distributer](../../zh/develop/images/form/ip-distributer.png)
- `mac-address` - `mac-address`
- Mac address input - Mac address input
@ -893,7 +893,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![mac-address](/docs/zh/develop/images/form/mac-address.png) ![mac-address](../../zh/develop/images/form/mac-address.png)
- `network-select-table` - `network-select-table`
- network selector - network selector
@ -910,7 +910,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}, },
``` ```
![network-select-table](/docs/zh/develop/images/form/network-select-table.png) ![network-select-table](../../zh/develop/images/form/network-select-table.png)
- `volume-select-table` - `volume-select-table`
- volume selector - volume selector
@ -937,7 +937,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![volume-select-table](/docs/zh/develop/images/form/volume-select-table.png) ![volume-select-table](../../zh/develop/images/form/volume-select-table.png)
- `tab-select-table` - `tab-select-table`
- select table with tabs - select table with tabs
@ -957,7 +957,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![tab-select-table](/docs/zh/develop/images/form/tab-select-table.png) ![tab-select-table](../../zh/develop/images/form/tab-select-table.png)
- `metadata-transfer` - `metadata-transfer`
- metadata transfer form item - metadata transfer form item
@ -978,7 +978,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![metadata-transfer](/docs/zh/develop/images/form/metadata-transfer.png) ![metadata-transfer](../../zh/develop/images/form/metadata-transfer.png)
- `aceEditor` - `aceEditor`
- aceEditor - aceEditor
@ -1014,7 +1014,7 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
} }
``` ```
![aceEditor](/docs/zh/develop/images/form/ace-editor.png) ![aceEditor](../../zh/develop/images/form/ace-editor.png)
- `input-json` - `input-json`
- input value in type of json - input value in type of json
@ -1044,4 +1044,4 @@ English | [简体中文](/docs/zh/develop/3-10-FormItem-introduction.md)
}; };
``` ```
![input-json](/docs/zh/develop/images/form/input-json.png) ![input-json](../../zh/develop/images/form/input-json.png)

8
docs/en/develop/3-11-Action-introduction.md
View File

@ -1,10 +1,10 @@
English | [简体中文](/docs/zh/develop/3-11-Action-introduction.md) English | [简体中文](../../zh/develop/3-11-Action-introduction.md)
# Usage # Usage
- Configure all the actions corresponding to resources - Configure all the actions corresponding to resources
![Action](/docs/zh/develop/images/form/action.png) ![Action](../../zh/develop/images/form/action.png)
- After writing the corresponding configuration, the action button will be displayed in the corresponding position of resource list page. - After writing the corresponding configuration, the action button will be displayed in the corresponding position of resource list page.
@ -107,11 +107,11 @@ English | [简体中文](/docs/zh/develop/3-11-Action-introduction.md)
- Supports two types of configurations, corresponding to different display schemes - Supports two types of configurations, corresponding to different display schemes
- Each item is an object include `action` attribute - Each item is an object include `action` attribute
![volume-action](/docs/zh/develop/images/form/volume-action.png) ![volume-action](../../zh/develop/images/form/volume-action.png)
- Each item is an object include `title`, `actions` attributes - Each item is an object include `title`, `actions` attributes
![instance-action](/docs/zh/develop/images/form/instance-action.png) ![instance-action](../../zh/develop/images/form/instance-action.png)
- Take instance actions as an example `src/pages/compute/containers/Instance/actions/index.jsx` : - Take instance actions as an example `src/pages/compute/containers/Instance/actions/index.jsx` :

6
docs/en/develop/3-12-Menu-introduction.md
View File

@ -1,15 +1,15 @@
English | [简体中文](/docs/zh/develop/3-12-Menu-introduction.md) English | [简体中文](../../zh/develop/3-12-Menu-introduction.md)
# Usage # Usage
- Jump to the corresponding page after click - Jump to the corresponding page after click
- Configuration of menu item on the left side of the console platform - Configuration of menu item on the left side of the console platform
![console-platform](/docs/zh/develop/images/menu/console-menu.png) ![console-platform](../../zh/develop/images/menu/console-menu.png)
- Configuration of menu item on the left side of the management platform - Configuration of menu item on the left side of the management platform
![management-platform](/docs/zh/develop/images/menu/admin-menu.png) ![management-platform](../../zh/develop/images/menu/admin-menu.png)
- Support first-level menu with icon - Support first-level menu with icon
- Support secondary menu expand - Support secondary menu expand

2
docs/en/develop/3-13-Route-introduction.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/develop/3-13-Route-introduction.md) English | [简体中文](../../zh/develop/3-13-Route-introduction.md)
# Usage # Usage

6
docs/en/develop/3-14-I18n-introduction.md
View File

@ -1,12 +1,12 @@
English | [简体中文](/docs/zh/develop/3-14-I18n-introduction.md) English | [简体中文](../../zh/develop/3-14-I18n-introduction.md)
# Usage # Usage
- Framework supports internationalization, default support in English, Chinese - Framework supports internationalization, default support in English, Chinese
![i18n](/docs/zh/develop/images/i18n/i18n.png) ![i18n](../../zh/develop/images/i18n/i18n.png)
![english](/docs/zh/develop/images/i18n/english.png) ![english](../../zh/develop/images/i18n/english.png)
# Code location # Code location

4
docs/en/develop/3-2-BaseTabList-introduction.md
View File

@ -1,10 +1,10 @@
English | [Chinese](/docs/zh/develop/3-2-BaseTabList-introduction.md) English | [Chinese](../../zh/develop/3-2-BaseTabList-introduction.md)
# Application # Application
- The base class of each switchable list page - The base class of each switchable list page
![Tab list page](/docs/en/develop/images/list/tab-list.png) ![Tab list page](../../en/develop/images/list/tab-list.png)
- Support automatic processing of data display when switching - Support automatic processing of data display when switching

4
docs/en/develop/3-3-BaseDetail-introduction.md
View File

@ -1,8 +1,8 @@
English | [Chinese](/docs/zh/develop/3-3-BaseDetail-introduction.md) English | [Chinese](../../zh/develop/3-3-BaseDetail-introduction.md)
# Application # Application
![Details page](/docs/en/develop/images/detail/volume.png) ![Details page](../../en/develop/images/detail/volume.png)
- The base class of each resource detail page - The base class of each resource detail page
- Support return to list page - Support return to list page

4
docs/en/develop/3-4-BaseDetailInfo-introduction.md
View File

@ -1,8 +1,8 @@
English | [Chinese](/docs/zh/develop/3-4-BaseDetailInfo-introduction.md) English | [Chinese](../../zh/develop/3-4-BaseDetailInfo-introduction.md)
# Application # Application
![Details page](/docs/en/develop/images/detail/image-detail-info.png) ![Details page](../../en/develop/images/detail/image-detail-info.png)
- The base class of components in the Details Tab of each resource detail page - The base class of components in the Details Tab of each resource detail page
- Left and right structure display - Left and right structure display

4
docs/en/develop/3-5-BaseStore-introduction.md
View File

@ -1,4 +1,4 @@
English | [Chinese](/docs/zh/develop/3-5-BaseStore-introduction.md) English | [Chinese](../../zh/develop/3-5-BaseStore-introduction.md)
# Application # Application
@ -82,7 +82,7 @@ English | [Chinese](/docs/zh/develop/3-5-BaseStore-introduction.md)
} }
``` ```
![Request](/docs/en/develop/images/store/response-key.png) ![Request](../../en/develop/images/store/response-key.png)
## Properties and functions for on-demand overridden ## Properties and functions for on-demand overridden

6
docs/en/develop/3-6-FormAction-introduction.md
View File

@ -1,8 +1,8 @@
English | [Chinese](/docs/zh/develop/3-6-FormAction-introduction.md) English | [Chinese](../../zh/develop/3-6-FormAction-introduction.md)
# Application # Application
![Form single page](/docs/en/develop/images/form/page.png) ![Form single page](../../en/develop/images/form/page.png)
- After the operation button is clicked, a single page displays the Form form - After the operation button is clicked, a single page displays the Form form
- There is an independent route for access - There is an independent route for access
@ -11,7 +11,7 @@ English | [Chinese](/docs/zh/develop/3-6-FormAction-introduction.md)
- After clicking the `Cancel` button, it will automatically jump to the corresponding resource list page - After clicking the `Cancel` button, it will automatically jump to the corresponding resource list page
- If the request is sent successfully, a message indicating that the operation was successful will be displayed in the upper right corner, and the message will automatically disappear after a few seconds - If the request is sent successfully, a message indicating that the operation was successful will be displayed in the upper right corner, and the message will automatically disappear after a few seconds
![Form single page](/docs/en/develop/images/form/create-success.png) ![Form single page](../../en/develop/images/form/create-success.png)
- If the request fails, an error message will be displayed in the upper right corner of the form page, which can only disappear after clicking the close button - If the request fails, an error message will be displayed in the upper right corner of the form page, which can only disappear after clicking the close button

4
docs/en/develop/3-7-ModalAction-introduction.md
View File

@ -1,8 +1,8 @@
English | [简体中文](/docs/zh/develop/3-7-ModalAction-introduction.md) English | [简体中文](../../zh/develop/3-7-ModalAction-introduction.md)
# Usage # Usage
![Modal Form](/docs/zh/develop/images/form/modal.png) ![Modal Form](../../zh/develop/images/form/modal.png)
- After click the action button, the form modal will display. - After click the action button, the form modal will display.
- After click the `Confirm` button, the `loading` status will be displayed according to the status of request. - After click the `Confirm` button, the `loading` status will be displayed according to the status of request.

4
docs/en/develop/3-8-ConfirmAction-introduction.md
View File

@ -1,8 +1,8 @@
English | [简体中文](/docs/zh/develop/3-8-ConfirmAction-introduction.md) English | [简体中文](../../zh/develop/3-8-ConfirmAction-introduction.md)
# Usage # Usage
![Confirm](/docs/zh/develop/images/form/confirm.png) ![Confirm](../../zh/develop/images/form/confirm.png)
- After click the action button, the confirm modal will display. - After click the action button, the confirm modal will display.
- After click the `Confirm` button, the `loading` status will be displayed according to the status of request. - After click the `Confirm` button, the `loading` status will be displayed according to the status of request.

6
docs/en/develop/3-9-StepAction-introduction.md
View File

@ -1,8 +1,8 @@
English | [简体中文](/docs/zh/develop/3-9-StepAction-introduction.md) English | [简体中文](../../zh/develop/3-9-StepAction-introduction.md)
# Usage # Usage
![StepForm](/docs/zh/develop/images/form/step.png) ![StepForm](../../zh/develop/images/form/step.png)
- After click the action button, the step modal will display. - After click the action button, the step modal will display.
- Has it own route to visit - Has it own route to visit
@ -11,7 +11,7 @@ English | [简体中文](/docs/zh/develop/3-9-StepAction-introduction.md)
- After click the `Cancle` button, will automatically jump to the corresponding resource list page - After click the `Cancle` button, will automatically jump to the corresponding resource list page
- If the request is sent successfully, a prompt message of successful action will be displayed in the upper right corner, and it will automatically disappear after a few seconds. - If the request is sent successfully, a prompt message of successful action will be displayed in the upper right corner, and it will automatically disappear after a few seconds.
![FormOneStep](/docs/zh/develop/images/form/create-success.png) ![FormOneStep](../../zh/develop/images/form/create-success.png)
- If the request fails, an error message will be displayed in the upper right corner of the form page, which can only disappear after clicking the close button. - If the request fails, an error message will be displayed in the upper right corner of the form page, which can only disappear after clicking the close button.

2
docs/en/test/1-ready-to-work.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/test/1-ready-to-work.md) English | [简体中文](../../zh/test/1-ready-to-work.md)
# Two kinds of tests # Two kinds of tests

2
docs/en/test/2-catalog-introduction.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/test/2-catalog-introduction.md) English | [简体中文](../../zh/test/2-catalog-introduction.md)
``` ```
test test

2
docs/en/test/3-0-how-to-edit-e2e-case.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/test/3-0-how-to-edit-e2e-case.md) English | [简体中文](../../zh/test/3-0-how-to-edit-e2e-case.md)
For specific introduction and usage of Cypress, please refer to[Official document](https://docs.cypress.io/guides/overview/why-cypress) For specific introduction and usage of Cypress, please refer to[Official document](https://docs.cypress.io/guides/overview/why-cypress)

2
docs/en/test/3-1-E2E-form-operation.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/test/3-1-E2E-form-operation.md) English | [简体中文](../../zh/test/3-1-E2E-form-operation.md)
Because of the consistency of the front-end framework, when we write related use cases for form operations, select elements and operate, we often find that there is a strong regularity, so we have written corresponding Cypress functions for most of the form operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main form operation functions. Because of the consistency of the front-end framework, when we write related use cases for form operations, select elements and operate, we often find that there is a strong regularity, so we have written corresponding Cypress functions for most of the form operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main form operation functions.

2
docs/en/test/3-2-E2E-table-operation.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/test/3-2-E2E-table-operation.md) English | [简体中文](../../zh/test/3-2-E2E-table-operation.md)
Because of the consistent use of the front-end framework, when we write related use cases for form operations, select elements and perform operations, we often find that there is a strong regularity, so we have written corresponding Cypress functions for most table operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main table operation functions. Because of the consistent use of the front-end framework, when we write related use cases for form operations, select elements and perform operations, we often find that there is a strong regularity, so we have written corresponding Cypress functions for most table operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main table operation functions.

2
docs/en/test/3-3-E2E-detail-operation.md
View File

@ -1,4 +1,4 @@
English | [简体中文](/docs/zh/test/3-3-E2E-detail-operation.md) English | [简体中文](../../zh/test/3-3-E2E-detail-operation.md)
Because of the consistency of the front-end framework, we often find that there is a strong regularity when we write related use cases for detailed operations, select elements and perform operations, so we have written corresponding Cypress functions for most detailed operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main table operation functions. Because of the consistency of the front-end framework, we often find that there is a strong regularity when we write related use cases for detailed operations, select elements and perform operations, so we have written corresponding Cypress functions for most detailed operations. It greatly reduces the difficulty of writing test cases. The following will give a detailed description of the main table operation functions.

2
docs/en/test/3-4-E2E-resource-operation.md
View File

@ -1,4 +1,4 @@
English | [简体中文]](/docs/zh/test/3-4-E2E-resource-operation.md) English | [简体中文]](../../zh/test/3-4-E2E-resource-operation.md)
In the E2E process, when creating a resource, it is often necessary to create the associated resource first, and after deleting the resource, the related resource also needs to be deleted. Therefore, the operation of the related resource is encapsulated based on the principle of complete creation/deletion. In the E2E process, when creating a resource, it is often necessary to create the associated resource first, and after deleting the resource, the related resource also needs to be deleted. Therefore, the operation of the related resource is encapsulated based on the principle of complete creation/deletion.

2
docs/zh/develop/1-ready-to-work.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/develop/1-ready-to-work.md) 简体中文 | [English](../../en/develop/1-ready-to-work.md)
# 开发前准备 # 开发前准备

4
docs/zh/develop/2-catalog-introduction.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/develop/2-catalog-introduction.md) 简体中文 | [English](../../en/develop/2-catalog-introduction.md)
# 一级目录简介 # 一级目录简介
@ -90,7 +90,7 @@
# test 目录介绍 # test 目录介绍
[简体中文](/docs/zh/test/2-catalog-introduction.md) | [English](/docs/en/test/2-catalog-introduction.md) [简体中文](../../zh/test/2-catalog-introduction.md) | [English](../../en/test/2-catalog-introduction.md)
# 目录简介-图像版 # 目录简介-图像版

2
docs/zh/develop/3-0-how-to-develop.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/develop/3-0-how-to-develop.md) 简体中文 | [English](../../en/develop/3-0-how-to-develop.md)
# 开发一个新的资源列表页 # 开发一个新的资源列表页

20
docs/zh/develop/3-1-BaseList-introduction.md
View File

@ -1,38 +1,38 @@
简体中文 | [English](/docs/en/develop/3-1-BaseList-introduction.md) 简体中文 | [English](../../en/develop/3-1-BaseList-introduction.md)
# 用途 # 用途
- 各资源列表页的基类 - 各资源列表页的基类
![列表页](/docs/zh/develop/images/list/volumes.png) ![列表页](../../zh/develop/images/list/volumes.png)
- 支持数据分页 - 支持数据分页
![列表页分页](/docs/zh/develop/images/list/pagination.png) ![列表页分页](../../zh/develop/images/list/pagination.png)
- 支持搜索 - 支持搜索
![列表页搜索](/docs/zh/develop/images/list/search.png) ![列表页搜索](../../zh/develop/images/list/search.png)
- 支持手动刷新数据 - 支持手动刷新数据
![列表页刷新](/docs/zh/develop/images/list/fresh.png) ![列表页刷新](../../zh/develop/images/list/fresh.png)
- 支持数据下载 - 支持数据下载
![列表页下载](/docs/zh/develop/images/list/download.png) ![列表页下载](../../zh/develop/images/list/download.png)
- 支持批量操作 - 支持批量操作
![列表页批量](/docs/zh/develop/images/list/batch.png) ![列表页批量](../../zh/develop/images/list/batch.png)
- 具有自动刷新数据的功能(每隔 60 秒自动刷新列表数据，用户无操作的情况下，30 分钟后不再自动刷新，可暂停自动刷新功能) - 具有自动刷新数据的功能(每隔 60 秒自动刷新列表数据，用户无操作的情况下，30 分钟后不再自动刷新，可暂停自动刷新功能)
![列表页自动刷新](/docs/zh/develop/images/list/stop-auto-refresh.png) ![列表页自动刷新](../../zh/develop/images/list/stop-auto-refresh.png)
- 可配置列表表头 - 可配置列表表头
![列表页表头隐藏/展示](/docs/zh/develop/images/list/hide.png) ![列表页表头隐藏/展示](../../zh/develop/images/list/hide.png)
- 各资源列表页通过复写函数即可完成 - 各资源列表页通过复写函数即可完成
@ -299,7 +299,7 @@
} }
``` ```
![列表页Tab](/docs/zh/develop/images/list/tab-service.png) ![列表页Tab](../../zh/develop/images/list/tab-service.png)
- `hideCustom` - `hideCustom`
- 是否显示表头配置图标 - 是否显示表头配置图标

80
docs/zh/develop/3-10-FormItem-introduction.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/develop/3-10-FormItem-introduction.md) 简体中文 | [English](../../en/develop/3-10-FormItem-introduction.md)
# 用途 # 用途
@ -29,7 +29,7 @@
} }
``` ```
![extra](/docs/zh/develop/images/form/form-extra.png) ![extra](../../zh/develop/images/form/form-extra.png)
- `tip`，表单项左侧标签旁边的问号悬停时显示的内容 - `tip`，表单项左侧标签旁边的问号悬停时显示的内容
- 以创建云主机`src/pages/compute/containers/Instance/actions/StepCreate/BaseStep/index.jsx`为例 - 以创建云主机`src/pages/compute/containers/Instance/actions/StepCreate/BaseStep/index.jsx`为例
@ -49,7 +49,7 @@
} }
``` ```
![tip](/docs/zh/develop/images/form/form-tip.png) ![tip](../../zh/develop/images/form/form-tip.png)
- `validator`，验证表单的数值是否符合要求 - `validator`，验证表单的数值是否符合要求
- 返回`Promise` - 返回`Promise`
@ -108,7 +108,7 @@
} }
``` ```
![labelCol](/docs/zh/develop/images/form/label-col.png) ![labelCol](../../zh/develop/images/form/label-col.png)
- `wrapperCol`，调整表单项右侧的布局，默认使用`Form`下定义的布局 - `wrapperCol`，调整表单项右侧的布局，默认使用`Form`下定义的布局
- 以云主机修改配置`src/pages/compute/containers/Instance/actions/Resize.jsx`为例 - 以云主机修改配置`src/pages/compute/containers/Instance/actions/Resize.jsx`为例
@ -133,7 +133,7 @@
} }
``` ```
![wrapperCol](/docs/zh/develop/images/form/wrapper-col.png) ![wrapperCol](../../zh/develop/images/form/wrapper-col.png)
- `style`，定义表单项的样式 - `style`，定义表单项的样式
- 以创建虚拟网卡`src/pages/network/containers/VirtualAdapter/actions/Create.jsx`为例 - 以创建虚拟网卡`src/pages/network/containers/VirtualAdapter/actions/Create.jsx`为例
@ -210,7 +210,7 @@
}, },
``` ```
![label](/docs/zh/develop/images/form/form-label.png) ![label](../../zh/develop/images/form/form-label.png)
- `content`属性，默认是基于`name`属性展示内容，如果具有`content`属性，则依照`content`展示内容 - `content`属性，默认是基于`name`属性展示内容，如果具有`content`属性，则依照`content`展示内容
- `content`可以是字符串，也可以是 ReactNode - `content`可以是字符串，也可以是 ReactNode
@ -240,7 +240,7 @@
}, },
``` ```
![input](/docs/zh/develop/images/form/input.png) ![input](../../zh/develop/images/form/input.png)
- `select` - `select`
- 选择 - 选择
@ -273,7 +273,7 @@
}, },
``` ```
![select](/docs/zh/develop/images/form/select.png) ![select](../../zh/develop/images/form/select.png)
- `isWrappedValue`，表示表单项的值中是否要包含`option`信息 - `isWrappedValue`，表示表单项的值中是否要包含`option`信息
- 默认值为`false`，值为选中的`option`中的`value` - 默认值为`false`，值为选中的`option`中的`value`
@ -288,7 +288,7 @@
} }
``` ```
![divider](/docs/zh/develop/images/form/form-divider.png) ![divider](../../zh/develop/images/form/form-divider.png)
- `radio` - `radio`
- 单选 - 单选
@ -321,7 +321,7 @@
}, },
``` ```
![radio](/docs/zh/develop/images/form/radio.png) ![radio](../../zh/develop/images/form/radio.png)
- `isWrappedValue`，表示表单项的值中是否要包含`option`信息 - `isWrappedValue`，表示表单项的值中是否要包含`option`信息
- 默认值为`false`，值为选中的`option`中的`value` - 默认值为`false`，值为选中的`option`中的`value`
@ -388,7 +388,7 @@
}, },
``` ```
![select-table](/docs/zh/develop/images/form/select-table.png) ![select-table](../../zh/develop/images/form/select-table.png)
- 以创建云硬盘选择镜像`src/pages/storage/containers/Volume/actions/Create/index.jsx`为例 - 以创建云硬盘选择镜像`src/pages/storage/containers/Volume/actions/Create/index.jsx`为例
- 这是带有 Tab 标签的表格，默认展示第一个 tab，tab 切换时会更新数据源 - 这是带有 Tab 标签的表格，默认展示第一个 tab，tab 切换时会更新数据源
@ -419,7 +419,7 @@
} }
``` ```
![select-table-tabs](/docs/zh/develop/images/form/select-table-tabs.png) ![select-table-tabs](../../zh/develop/images/form/select-table-tabs.png)
- `input-number` - `input-number`
- 数字输入框 - 数字输入框
@ -439,7 +439,7 @@
}, },
``` ```
![input-number](/docs/zh/develop/images/form/input-number.png) ![input-number](../../zh/develop/images/form/input-number.png)
- `input-int` - `input-int`
- 整数输入框 - 整数输入框
@ -458,7 +458,7 @@
} }
``` ```
![input-int](/docs/zh/develop/images/form/input-int.png) ![input-int](../../zh/develop/images/form/input-int.png)
- `instance-volume` - `instance-volume`
- 云主机硬盘配置组件 - 云主机硬盘配置组件
@ -481,7 +481,7 @@
} }
``` ```
![instance-volume](/docs/zh/develop/images/form/instance-volume.png) ![instance-volume](../../zh/develop/images/form/instance-volume.png)
- `input-password` - `input-password`
- 密码输入框 - 密码输入框
@ -507,7 +507,7 @@
}, },
``` ```
![input-password](/docs/zh/develop/images/form/input-password.png) ![input-password](../../zh/develop/images/form/input-password.png)
- `input-name` - `input-name`
- 带有格式验证的名称输入框 - 带有格式验证的名称输入框
@ -530,7 +530,7 @@
} }
``` ```
![input-name](/docs/zh/develop/images/form/input-name.png) ![input-name](../../zh/develop/images/form/input-name.png)
- `port-range` - `port-range`
- 带有验证的 port 输入框 - 带有验证的 port 输入框
@ -546,7 +546,7 @@
} }
``` ```
![port-range](/docs/zh/develop/images/form/port-range.png) ![port-range](../../zh/develop/images/form/port-range.png)
- `more` - `more`
- 隐藏/展示更多配置项按钮 - 隐藏/展示更多配置项按钮
@ -560,7 +560,7 @@
} }
``` ```
![more](/docs/zh/develop/images/form/more.png) ![more](../../zh/develop/images/form/more.png)
- `textarea` - `textarea`
- 多行文本输入框 - 多行文本输入框
@ -574,7 +574,7 @@
} }
``` ```
![textarea](/docs/zh/develop/images/form/textarea.png) ![textarea](../../zh/develop/images/form/textarea.png)
- `upload` - `upload`
- 上传文件输入框 - 上传文件输入框
@ -589,7 +589,7 @@
} }
``` ```
![upload](/docs/zh/develop/images/form/upload.png) ![upload](../../zh/develop/images/form/upload.png)
- `add-select` - `add-select`
- 可以添加、删除条目的表单项 - 可以添加、删除条目的表单项
@ -620,7 +620,7 @@
}, },
``` ```
![add-select](/docs/zh/develop/images/form/add-select.png) ![add-select](../../zh/develop/images/form/add-select.png)
- `ip-input` - `ip-input`
- 带有验证功能的 IP 输入框 - 带有验证功能的 IP 输入框
@ -641,7 +641,7 @@
} }
``` ```
![ip-input](/docs/zh/develop/images/form/ip-input.png) ![ip-input](../../zh/develop/images/form/ip-input.png)
- `member-allocator` - `member-allocator`
- 负载均衡器中使用的成员选择表单 - 负载均衡器中使用的成员选择表单
@ -656,7 +656,7 @@
} }
``` ```
![member-allocator](/docs/zh/develop/images/form/member-allocator.png) ![member-allocator](../../zh/develop/images/form/member-allocator.png)
- `descriptions` - `descriptions`
- 展示多种信息的表单项 - 展示多种信息的表单项
@ -710,7 +710,7 @@
} }
``` ```
![descriptions](/docs/zh/develop/images/form/descriptions.png) ![descriptions](../../zh/develop/images/form/descriptions.png)
- `slider-input` - `slider-input`
- 滑动与输入联动的表单项 - 滑动与输入联动的表单项
@ -733,7 +733,7 @@
}, },
``` ```
![slider-input](/docs/zh/develop/images/form/slider-input.png) ![slider-input](../../zh/develop/images/form/slider-input.png)
- `title` - `title`
- 展示标题 - 展示标题
@ -746,7 +746,7 @@
} }
``` ```
![title](/docs/zh/develop/images/form/title.png) ![title](../../zh/develop/images/form/title.png)
- `switch` - `switch`
- 开关 - 开关
@ -768,7 +768,7 @@
} }
``` ```
![switch](/docs/zh/develop/images/form/switch.png) ![switch](../../zh/develop/images/form/switch.png)
- `check` - `check`
- checkbox - checkbox
@ -785,7 +785,7 @@
}, },
``` ```
![check](/docs/zh/develop/images/form/check.png) ![check](../../zh/develop/images/form/check.png)
- `transfer` - `transfer`
- 穿梭框 - 穿梭框
@ -815,7 +815,7 @@
} }
``` ```
![transfer](/docs/zh/develop/images/form/transfer.png) ![transfer](../../zh/develop/images/form/transfer.png)
- `check-group` - `check-group`
- checkbox 组 - checkbox 组
@ -837,7 +837,7 @@
} }
``` ```
![check-group](/docs/zh/develop/images/form/check-group.png) ![check-group](../../zh/develop/images/form/check-group.png)
- `textarea-from-file` - `textarea-from-file`
- 带有读取文件功能的多行文本输入框 - 带有读取文件功能的多行文本输入框
@ -854,7 +854,7 @@
} }
``` ```
![textarea-from-file](/docs/zh/develop/images/form/textarea-from-file.png) ![textarea-from-file](../../zh/develop/images/form/textarea-from-file.png)
- `ip-distributer` - `ip-distributer`
- IP 输入框 - IP 输入框
@ -874,7 +874,7 @@
} }
``` ```
![ip-distributer](/docs/zh/develop/images/form/ip-distributer.png) ![ip-distributer](../../zh/develop/images/form/ip-distributer.png)
- `mac-address` - `mac-address`
- mac 地址输入框 - mac 地址输入框
@ -891,7 +891,7 @@
} }
``` ```
![mac-address](/docs/zh/develop/images/form/mac-address.png) ![mac-address](../../zh/develop/images/form/mac-address.png)
- `network-select-table` - `network-select-table`
- 选择网络的表单项 - 选择网络的表单项
@ -908,7 +908,7 @@
}, },
``` ```
![network-select-table](/docs/zh/develop/images/form/network-select-table.png) ![network-select-table](../../zh/develop/images/form/network-select-table.png)
- `volume-select-table` - `volume-select-table`
- 选择硬盘的表单项 - 选择硬盘的表单项
@ -935,7 +935,7 @@
} }
``` ```
![volume-select-table](/docs/zh/develop/images/form/volume-select-table.png) ![volume-select-table](../../zh/develop/images/form/volume-select-table.png)
- `tab-select-table` - `tab-select-table`
- 带有 Tab 的表格型选择表单项 - 带有 Tab 的表格型选择表单项
@ -955,7 +955,7 @@
} }
``` ```
![tab-select-table](/docs/zh/develop/images/form/tab-select-table.png) ![tab-select-table](../../zh/develop/images/form/tab-select-table.png)
- `metadata-transfer` - `metadata-transfer`
- 编辑元数据的表单项 - 编辑元数据的表单项
@ -976,7 +976,7 @@
} }
``` ```
![metadata-transfer](/docs/zh/develop/images/form/metadata-transfer.png) ![metadata-transfer](../../zh/develop/images/form/metadata-transfer.png)
- `aceEditor` - `aceEditor`
- aceEditor - aceEditor
@ -1012,7 +1012,7 @@
} }
``` ```
![aceEditor](/docs/zh/develop/images/form/ace-editor.png) ![aceEditor](../../zh/develop/images/form/ace-editor.png)
- `input-json` - `input-json`
- 带有 json 格式验证的输入框 - 带有 json 格式验证的输入框
@ -1042,4 +1042,4 @@
}; };
``` ```
![input-json](/docs/zh/develop/images/form/input-json.png) ![input-json](../../zh/develop/images/form/input-json.png)

8
docs/zh/develop/3-11-Action-introduction.md
View File

@ -1,10 +1,10 @@
简体中文 | [English](/docs/en/develop/3-11-Action-introduction.md) 简体中文 | [English](../../en/develop/3-11-Action-introduction.md)
# 用途 # 用途
- 配置资源对应的所有操作 - 配置资源对应的所有操作
![操作](/docs/zh/develop/images/form/action.png) ![操作](../../zh/develop/images/form/action.png)
- 按照相应的配置编写后，会在资源列表页相应的位置展示相应的操作按钮 - 按照相应的配置编写后，会在资源列表页相应的位置展示相应的操作按钮
@ -107,11 +107,11 @@
- 支持两种格式的配置，对应了不同的展示方案 - 支持两种格式的配置，对应了不同的展示方案
- 每个元素是个含有`action`属性的对象 - 每个元素是个含有`action`属性的对象
![云硬盘操作](/docs/zh/develop/images/form/volume-action.png) ![云硬盘操作](../../zh/develop/images/form/volume-action.png)
- 每个元素是个含有`title`、`actions`属性的对象 - 每个元素是个含有`title`、`actions`属性的对象
![云主机操作](/docs/zh/develop/images/form/instance-action.png) ![云主机操作](../../zh/develop/images/form/instance-action.png)
- 以云主机`src/pages/compute/containers/Instance/actions/index.jsx`为例 - 以云主机`src/pages/compute/containers/Instance/actions/index.jsx`为例

6
docs/zh/develop/3-12-Menu-introduction.md
View File

@ -1,15 +1,15 @@
简体中文 | [English](/docs/en/develop/3-12-Menu-introduction.md) 简体中文 | [English](../../en/develop/3-12-Menu-introduction.md)
# 用途 # 用途
- 点击后直接跳转到相应页面 - 点击后直接跳转到相应页面
- 配置控制台的左侧菜单项 - 配置控制台的左侧菜单项
![控制台](/docs/zh/develop/images/menu/console-menu.png) ![控制台](../../zh/develop/images/menu/console-menu.png)
- 配置管理平台的左侧菜单项 - 配置管理平台的左侧菜单项
![管理平台](/docs/zh/develop/images/menu/admin-menu.png) ![管理平台](../../zh/develop/images/menu/admin-menu.png)
- 支持一级菜单带图标 - 支持一级菜单带图标
- 支持二级菜单展开 - 支持二级菜单展开

2
docs/zh/develop/3-13-Route-introduction.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/develop/3-13-Route-introduction.md) 简体中文 | [English](../../en/develop/3-13-Route-introduction.md)
# 用途 # 用途

6
docs/zh/develop/3-14-I18n-introduction.md
View File

@ -1,12 +1,12 @@
简体中文 | [English](/docs/en/develop/3-14-I18n-introduction.md) 简体中文 | [English](../../en/develop/3-14-I18n-introduction.md)
# 用途 # 用途
- 框架支持国际化，默认支持英文、中文 - 框架支持国际化，默认支持英文、中文
![i18n](/docs/zh/develop/images/i18n/i18n.png) ![i18n](../../zh/develop/images/i18n/i18n.png)
![english](/docs/zh/develop/images/i18n/english.png) ![english](../../zh/develop/images/i18n/english.png)
# 代码位置 # 代码位置

4
docs/zh/develop/3-2-BaseTabList-introduction.md
View File

@ -1,10 +1,10 @@
简体中文 | [English](/docs/en/develop/3-2-BaseTabList-introduction.md) 简体中文 | [English](../../en/develop/3-2-BaseTabList-introduction.md)
# 用途 # 用途
- 各可切换列表页的基类 - 各可切换列表页的基类
![Tab列表页](/docs/zh/develop/images/list/tab-list.png) ![Tab列表页](../../zh/develop/images/list/tab-list.png)
- 支持切换时自动处理数据展示 - 支持切换时自动处理数据展示

4
docs/zh/develop/3-3-BaseDetail-introduction.md
View File

@ -1,8 +1,8 @@
简体中文 | [English](/docs/en/develop/3-3-BaseDetail-introduction.md) 简体中文 | [English](../../en/develop/3-3-BaseDetail-introduction.md)
# 用途 # 用途
![详情页](/docs/zh/develop/images/detail/volume.png) ![详情页](../../zh/develop/images/detail/volume.png)
- 各资源详情页的基类 - 各资源详情页的基类
- 支持返回列表页 - 支持返回列表页

4
docs/zh/develop/3-4-BaseDetailInfo-introduction.md
View File

@ -1,8 +1,8 @@
简体中文 | [English](/docs/en/develop/3-4-BaseDetailInfo-introduction.md) 简体中文 | [English](../../en/develop/3-4-BaseDetailInfo-introduction.md)
# 用途 # 用途
![详情信息页](/docs/zh/develop/images/detail/image-detail-info.png) ![详情信息页](../../zh/develop/images/detail/image-detail-info.png)
- 各资源详情页中详情 Tab 中组件的基类 - 各资源详情页中详情 Tab 中组件的基类
- 左右结构展示 - 左右结构展示

4
docs/zh/develop/3-5-BaseStore-introduction.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/develop/3-5-BaseStore-introduction.md) 简体中文 | [English](../../en/develop/3-5-BaseStore-introduction.md)
# 用途 # 用途
@ -82,7 +82,7 @@
} }
``` ```
![请求](/docs/zh/develop/images/store/response-key.png) ![请求](../../zh/develop/images/store/response-key.png)
## 按需复写的属性与函数 ## 按需复写的属性与函数

6
docs/zh/develop/3-6-FormAction-introduction.md
View File

@ -1,8 +1,8 @@
简体中文 | [English](/docs/en/develop/3-6-FormAction-introduction.md) 简体中文 | [English](../../en/develop/3-6-FormAction-introduction.md)
# 用途 # 用途
![Form单页](/docs/zh/develop/images/form/page.png) ![Form单页](../../zh/develop/images/form/page.png)
- 操作按钮点击后，单页显示 Form 表单 - 操作按钮点击后，单页显示 Form 表单
- 有独立的路由可供访问 - 有独立的路由可供访问
@ -11,7 +11,7 @@
- 点击`取消`按钮后，会自动跳转到相应的资源列表页 - 点击`取消`按钮后，会自动跳转到相应的资源列表页
- 如果请求发送成功，会在右上角展示操作成功的提示信息，该提示信息几秒后可自动消失 - 如果请求发送成功，会在右上角展示操作成功的提示信息，该提示信息几秒后可自动消失
![Form单页](/docs/zh/develop/images/form/create-success.png) ![Form单页](../../zh/develop/images/form/create-success.png)
- 如果请求发送失败，会在表单页的右上角展示错误信息，该提示信息只有点击关闭按钮后才可消失 - 如果请求发送失败，会在表单页的右上角展示错误信息，该提示信息只有点击关闭按钮后才可消失

4
docs/zh/develop/3-7-ModalAction-introduction.md
View File

@ -1,8 +1,8 @@
简体中文 | [English](/docs/en/develop/3-7-ModalAction-introduction.md) 简体中文 | [English](../../en/develop/3-7-ModalAction-introduction.md)
# 用途 # 用途
![弹窗型表单](/docs/zh/develop/images/form/modal.png) ![弹窗型表单](../../zh/develop/images/form/modal.png)
- 操作按钮点击后，弹窗显示表单 - 操作按钮点击后，弹窗显示表单
- 点击`确认`按钮后，会根据请求的发送情况，展示`loading`状态 - 点击`确认`按钮后，会根据请求的发送情况，展示`loading`状态

4
docs/zh/develop/3-8-ConfirmAction-introduction.md
View File

@ -1,8 +1,8 @@
简体中文 | [English](/docs/en/develop/3-8-ConfirmAction-introduction.md) 简体中文 | [English](../../en/develop/3-8-ConfirmAction-introduction.md)
# 用途 # 用途
![确认型](/docs/zh/develop/images/form/confirm.png) ![确认型](../../zh/develop/images/form/confirm.png)
- 操作按钮点击后，显示确认类型的表单 - 操作按钮点击后，显示确认类型的表单
- 点击`确认`按钮后，会根据请求的发送情况，展示`loading`状态 - 点击`确认`按钮后，会根据请求的发送情况，展示`loading`状态

6
docs/zh/develop/3-9-StepAction-introduction.md
View File

@ -1,8 +1,8 @@
简体中文 | [English](/docs/en/develop/3-9-StepAction-introduction.md) 简体中文 | [English](../../en/develop/3-9-StepAction-introduction.md)
# 用途 # 用途
![分步Form](/docs/zh/develop/images/form/step.png) ![分步Form](../../zh/develop/images/form/step.png)
- 操作按钮点击后，单页显示分步操作的表单 - 操作按钮点击后，单页显示分步操作的表单
- 有独立的路由可供访问 - 有独立的路由可供访问
@ -11,7 +11,7 @@
- 点击`取消`按钮后，会自动跳转到相应的资源列表页 - 点击`取消`按钮后，会自动跳转到相应的资源列表页
- 如果请求发送成功，会在右上角展示操作成功的提示信息，该提示信息几秒后可自动消失 - 如果请求发送成功，会在右上角展示操作成功的提示信息，该提示信息几秒后可自动消失
![Form单页](/docs/zh/develop/images/form/create-success.png) ![Form单页](../../zh/develop/images/form/create-success.png)
- 如果请求发送失败，会在表单页的右上角展示错误信息，该提示信息只有点击关闭按钮后才可消失 - 如果请求发送失败，会在表单页的右上角展示错误信息，该提示信息只有点击关闭按钮后才可消失

2
docs/zh/test/1-ready-to-work.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/1-ready-to-work.md) 简体中文 | [English](../../en/test/1-ready-to-work.md)
# 两种测试 # 两种测试

2
docs/zh/test/2-catalog-introduction.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/2-catalog-introduction.md) 简体中文 | [English](../../en/test/2-catalog-introduction.md)
``` ```
test test

2
docs/zh/test/3-0-how-to-edit-e2e-case.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/3-0-how-to-edit-e2e-case.md) 简体中文 | [English](../../en/test/3-0-how-to-edit-e2e-case.md)
关于 Cypress 的具体介绍及使用方法，请参考[官方文档](https://docs.cypress.io/guides/overview/why-cypress) 关于 Cypress 的具体介绍及使用方法，请参考[官方文档](https://docs.cypress.io/guides/overview/why-cypress)

2
docs/zh/test/3-1-E2E-form-operation.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/3-1-E2E-form-operation.md) 简体中文 | [English](../../en/test/3-1-E2E-form-operation.md)
因为前端框架使用的一致性，我们在编写表单操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数表单操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表单操作函数做出详细的说明。 因为前端框架使用的一致性，我们在编写表单操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数表单操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表单操作函数做出详细的说明。

2
docs/zh/test/3-2-E2E-table-operation.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/3-2-E2E-table-operation.md) 简体中文 | [English](../../en/test/3-2-E2E-table-operation.md)
因为前端框架使用的一致性，我们在编写表单操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数表格操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表格操作函数做出详细的说明。 因为前端框架使用的一致性，我们在编写表单操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数表格操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表格操作函数做出详细的说明。

2
docs/zh/test/3-3-E2E-detail-operation.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/3-3-E2E-detail-operation.md) 简体中文 | [English](../../en/test/3-3-E2E-detail-operation.md)
因为前端框架使用的一致性，我们在编写详情操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数详情操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表格操作函数做出详细的说明。 因为前端框架使用的一致性，我们在编写详情操作的相关用例，选取元素并进行操作时，往往会发现有很强的规律性，所以我们对大多数详情操作都编写了相应的 Cypress 函数，极大的减少了编写测试用例的难度，以下会对主要使用的表格操作函数做出详细的说明。

2
docs/zh/test/3-4-E2E-resource-operation.md
View File

@ -1,4 +1,4 @@
简体中文 | [English](/docs/en/test/3-4-E2E-resource-operation.md) 简体中文 | [English](../../en/test/3-4-E2E-resource-operation.md)
在E2E的过程中，创建资源的时候，往往需要先创建关联资源，而删除资源后，也需要删除掉相关资源，所以以完整创建/删除为原则，封装了对相关资源的操作。 在E2E的过程中，创建资源的时候，往往需要先创建关联资源，而删除资源后，也需要删除掉相关资源，所以以完整创建/删除为原则，封装了对相关资源的操作。