diff --git a/semantic/ctrl/calendar-exp-bar.md b/semantic/ctrl/calendar-exp-bar.md index 958c54a5287e00087c3f8135240b0975bf82050e..185e8890ba558d168a3a877479f89945a47098ab 100644 --- a/semantic/ctrl/calendar-exp-bar.md +++ b/semantic/ctrl/calendar-exp-bar.md @@ -1,11 +1,11 @@ --- name: calendar-exp-bar semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-calendarexpbar`),包含标题栏,搜索栏,快速搜索,日历等内容 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-calendarexpbar__content`),包含日历 -- title(`semantic-mark-title`): 标题栏容器(`ibiz-control-calendarexpbar-caption`),包含导航栏图标和标题 -- search(`semantic-mark-search`): 快速搜索(`ibiz-control-calendarexpbar-quick-search`),包含快速搜索输入框 -- searchbar(`semantic-mark-searchbar`): 搜索栏容器(`ibiz-control-calendarexpbar-searchbar`),包含搜索栏 +- root(`ibiz-control-calendarexpbar`): 根容器元素(`ibiz-control-calendarexpbar`),包含标题栏,搜索栏,快速搜索,日历等内容 +- content(`ibiz-control-calendarexpbar__content`): 内容区域容器(`ibiz-control-calendarexpbar__content`),包含日历 +- title(`ibiz-control-calendarexpbar-caption`): 标题栏容器(`ibiz-control-calendarexpbar-caption`),包含导航栏图标和标题 +- search(`ibiz-control-calendarexpbar-quick-search`): 快速搜索(`ibiz-control-calendarexpbar-quick-search`),包含快速搜索输入框 +- searchbar(`ibiz-control-calendarexpbar-searchbar`): 搜索栏容器(`ibiz-control-calendarexpbar-searchbar`),包含搜索栏 --- ## 使用案例 diff --git a/semantic/ctrl/calendar.md b/semantic/ctrl/calendar.md new file mode 100644 index 0000000000000000000000000000000000000000..690ae98ddda7bc52a49c02713eb35d29e478415e --- /dev/null +++ b/semantic/ctrl/calendar.md @@ -0,0 +1,22 @@ +--- +name: calendar +semantic-parts: +- root(`ibiz-control-calendar`): 日历根节点(`ibiz-control-calendar`)包含日,周,月,时间轴,年周,范围月等日历组件 +- content(`ibiz-control-calendar-content`): 日历内容区(`ibiz-control-calendar-content`),包含日历内容 +- month(`ibiz-control-calendar-month`): 月日历(`ibiz-control-calendar-month`),是el-calendar组件的根组件 +- month.title(`ibiz-control-calendar-content-title`): 月日历标题栏(`ibiz-control-calendar-content-title`),包含月日历标题 +- month.actions(`ibiz-control-calendar-content-header`): 月日历标题栏(`ibiz-control-calendar-content-header`),包含月日历操作项 + +--- + +## 使用案例 + +```tsx + +``` \ No newline at end of file diff --git a/semantic/ctrl/chart-exp-bar.md b/semantic/ctrl/chart-exp-bar.md index 8f9a0912bb78bdffc20c5148986c18e65ebd5239..1178f64e260fcf8a2b71b30b79bff3d803bd6b25 100644 --- a/semantic/ctrl/chart-exp-bar.md +++ b/semantic/ctrl/chart-exp-bar.md @@ -1,11 +1,11 @@ --- name: chart-exp-bar semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-chartexpbar`),包含标题栏,搜索栏,快速搜索,图表等内容 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-chartexpbar__content`),包含图表 -- title(`semantic-mark-title`): 标题栏容器(`ibiz-control-chartexpbar-caption`),包含导航栏图标和标题 -- search(`semantic-mark-search`): 快速搜索(`ibiz-control-chartexpbar-quick-search`),包含快速搜索输入框 -- searchbar(`semantic-mark-searchbar`): 搜索栏容器(`ibiz-control-chartexpbar-searchbar`),包含搜索栏 +- root(`ibiz-control-chartexpbar`): 根容器元素(`ibiz-control-chartexpbar`),包含标题栏,搜索栏,快速搜索,图表等内容 +- content(`ibiz-control-chartexpbar__content`): 内容区域容器(`ibiz-control-chartexpbar__content`),包含图表 +- title(`ibiz-control-chartexpbar-caption`): 标题栏容器(`ibiz-control-chartexpbar-caption`),包含导航栏图标和标题 +- search(`ibiz-control-chartexpbar-quick-search`): 快速搜索(`ibiz-control-chartexpbar-quick-search`),包含快速搜索输入框 +- searchbar(`ibiz-control-chartexpbar-searchbar`): 搜索栏容器(`ibiz-control-chartexpbar-searchbar`),包含搜索栏 --- ## 使用案例 diff --git a/semantic/ctrl/data-view-exp-bar.md b/semantic/ctrl/data-view-exp-bar.md index 02737b1a54b600e10ced22fd577a2d285aa83a8f..19404643a7c8031c0ec4a3ce93f49fd1f25c5c02 100644 --- a/semantic/ctrl/data-view-exp-bar.md +++ b/semantic/ctrl/data-view-exp-bar.md @@ -1,11 +1,11 @@ --- name: data-view-exp-bar semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-dataviewexpbar`),包含标题栏,搜索栏,快速搜索,数据卡片等内容 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-dataviewexpbar__content`),包含数据卡片 -- title(`semantic-mark-title`): 标题栏容器(`ibiz-control-dataviewexpbar-caption`),包含导航栏图标和标题 -- search(`semantic-mark-search`): 快速搜索(`ibiz-control-dataviewexpbar-quick-search`),包含快速搜索输入框 -- searchbar(`semantic-mark-searchbar`): 搜索栏容器(`ibiz-control-dataviewexpbar-searchbar`),包含搜索栏 +- root(`ibiz-control-dataviewexpbar`): 根容器元素(`ibiz-control-dataviewexpbar`),包含标题栏,搜索栏,快速搜索,数据卡片等内容 +- content(`ibiz-control-dataviewexpbar__content`): 内容区域容器(`ibiz-control-dataviewexpbar__content`),包含数据卡片 +- title(`ibiz-control-dataviewexpbar-caption`): 标题栏容器(`ibiz-control-dataviewexpbar-caption`),包含导航栏图标和标题 +- search(`ibiz-control-dataviewexpbar-quick-search`): 快速搜索(`ibiz-control-dataviewexpbar-quick-search`),包含快速搜索输入框 +- searchbar(`ibiz-control-dataviewexpbar-searchbar`): 搜索栏容器(`ibiz-control-dataviewexpbar-searchbar`),包含搜索栏 --- ## 使用案例 diff --git a/semantic/ctrl/data-view.md b/semantic/ctrl/data-view.md index be17ad3f3ddbd65ad0f2c84722d0e5b351df1e59..58fefcd23f485e81a6dc878c2244fbea668b4ce6 100644 --- a/semantic/ctrl/data-view.md +++ b/semantic/ctrl/data-view.md @@ -1,16 +1,17 @@ --- name: data-view semantic-parts: -- root(`semantic-mark-root`): 根容器元素,包含 ibiz-control-dataview 样式的主控组件,显示排序栏、内容区域和分页栏等组件 -- sort(`semantic-mark-sort`): 排序栏容器,包含 ibiz-sort-bar 样式的排序栏容器,显示多个排序选项按钮 -- sort.item(`semantic-mark-sort-item`): 单个排序选项,包含 ibiz-sort-bar-item 样式的排序项元素,显示排序文本和升降序图标 -- content(`semantic-mark-content`): 数据内容区域容器,包含 ibiz-control-dataview__content 样式的滚动容器,显示所有的数据项成员 -- group(`semantic-mark-group`): 卡片分组容器,包含 ibiz-control-dataview-group-content__item 样式的容器,显示分组的数据项 -- group.action(`semantic-mark-group`): 卡片分组行为组容器,包含 ibiz-control-dataview-group-content__item-action 样式的容器,显示分组行为 -- item(`semantic-mark-item`): 单个数据项卡片,包含 ibiz-control-dataview-scroll-item 的项容器,显示项数据内容 -- item.action(`semantic-mark-item-action`): 卡片项行为容器,包含 ibiz-control-dataview-item-content__bottom--actions 样式的容器,显示列表项行为 -- pagination(`semantic-mark-pagination`): 分页栏容器,包含 ibiz-control-dataview__pagination 样式的分页区域,显示分页按钮、页码和每页条数选择器 -- pagination.item(`semantic-mark-pagination-item`): 分页数字项,包含 number 样式的页码按钮 +- root(`semantic-mark-root`): 根容器元素(`ibiz-control-dataview`),包含排序栏、内容区域和分页栏等组件 +- sort(`semantic-mark-sort`): 排序栏容器(`ibiz-sort-bar`),包含多个排序选项按钮 +- sort.item(`semantic-mark-sort-item`): 单个排序选项(`ibiz-sort-bar-item`),包含排序文本和升降序图标 +- content(`semantic-mark-content`): 数据内容区域容器(`ibiz-control-dataview__content`),包含所有数据卡片 +- group(`semantic-mark-group`): 卡片分组容器(`ibiz-control-dataview-group-content__item`),包含数据分组 +- group.action(`semantic-mark-group`): 卡片分组行为组容器(`ibiz-control-dataview-group-content__item-action`),包含数据分组标题和分组界面行为 +- item(`semantic-mark-item`): 单个数据项卡片(`ibiz-control-dataview-scroll-item`),包含卡片内容 +- item.action(`semantic-mark-item-action`): 卡片项行为容器(`ibiz-control-dataview-item-content__bottom--actions`),包含卡片项行为 +- pagination(`semantic-mark-pagination`): 分页栏容器(`ibiz-control-dataview__pagination`),包含页码、跳页、页大小选择等分页控件样式 +- pagination.item(`semantic-mark-pagination-item`): 分页页码数字按钮, el-pagination分页组件下的li页面按钮 +- pagination.refresh(`semantic-mark-pagination-refresh`): 分页组件最左侧刷新按钮,点击后刷新卡片数据 --- ## 使用案例 diff --git a/semantic/ctrl/grid-exp-bar.md b/semantic/ctrl/grid-exp-bar.md index 8fb6a012d60e843e6641b9df5c0e0463b5dd577c..682f5e5c11c4ee2c2ff6db35990aedcf4f9b7459 100644 --- a/semantic/ctrl/grid-exp-bar.md +++ b/semantic/ctrl/grid-exp-bar.md @@ -1,11 +1,11 @@ --- name: grid-exp-bar semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-gridexpbar`),包含标题栏,搜索栏,快速搜索,数据表格等内容 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-gridexpbar__content`),包含数据表格 -- title(`semantic-mark-title`): 标题栏容器(`ibiz-control-gridexpbar-caption`),包含导航栏图标和标题 -- search(`semantic-mark-search`): 快速搜索(`ibiz-control-gridexpbar-quick-search`),包含快速搜索输入框 -- searchbar(`semantic-mark-searchbar`): 搜索栏容器(`ibiz-control-gridexpbar-searchbar`),包含搜索栏 +- root(`ibiz-control-gridexpbar`): 根容器元素(`ibiz-control-gridexpbar`),包含标题栏,搜索栏,快速搜索,数据表格等内容 +- content(`ibiz-control-gridexpbar__content`): 内容区域容器(`ibiz-control-gridexpbar__content`),包含数据表格 +- title(`ibiz-control-gridexpbar-caption`): 标题栏容器(`ibiz-control-gridexpbar-caption`),包含导航栏图标和标题 +- search(`ibiz-control-gridexpbar-quick-search`): 快速搜索(`ibiz-control-gridexpbar-quick-search`),包含快速搜索输入框 +- searchbar(`ibiz-control-gridexpbar-searchbar`): 搜索栏容器(`ibiz-control-gridexpbar-searchbar`),包含搜索栏 --- ## 使用案例 diff --git a/semantic/ctrl/list-exp-bar.md b/semantic/ctrl/list-exp-bar.md index 8fe1df2a021c8efd0af90db1288321368a8ef792..caa4f487e9cd1491af3344da6fc28a88ddf3d95e 100644 --- a/semantic/ctrl/list-exp-bar.md +++ b/semantic/ctrl/list-exp-bar.md @@ -1,11 +1,11 @@ --- name: list-exp-bar semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-listexpbar`),包含标题栏,搜索栏,快速搜索,数据列表等内容 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-listexpbar__content`),包含数据列表 -- title(`semantic-mark-title`): 标题栏容器(`ibiz-control-listexpbar-caption`),包含导航栏图标和标题 -- search(`semantic-mark-search`): 快速搜索(`ibiz-control-listexpbar-quick-search`),包含快速搜索输入框 -- searchbar(`semantic-mark-searchbar`): 搜索栏容器(`ibiz-control-listexpbar-searchbar`),包含搜索栏 +- root(`ibiz-control-listexpbar`): 根容器元素(`ibiz-control-listexpbar`),包含标题栏,搜索栏,快速搜索,数据列表等内容 +- content(`ibiz-control-listexpbar__content`): 内容区域容器(`ibiz-control-listexpbar__content`),包含数据列表 +- title(`ibiz-control-listexpbar-caption`): 标题栏容器(`ibiz-control-listexpbar-caption`),包含导航栏图标和标题 +- search(`ibiz-control-listexpbar-quick-search`): 快速搜索(`ibiz-control-listexpbar-quick-search`),包含快速搜索输入框 +- searchbar(`ibiz-control-listexpbar-searchbar`): 搜索栏容器(`ibiz-control-listexpbar-searchbar`),包含搜索栏 --- ## 使用案例 diff --git a/semantic/ctrl/list.md b/semantic/ctrl/list.md index dfd887fe2375a970eafde588bb9b0b26924abbc5..ffab12662a2ae9fbf16241d063b2e23149c622dd 100644 --- a/semantic/ctrl/list.md +++ b/semantic/ctrl/list.md @@ -1,15 +1,16 @@ --- name: list semantic-parts: -- root(`semantic-mark-root`): 部件根容器,包含 ibiz-control-list 样式的主控组件,显示内容区域和分页栏等组件 -- content(`semantic-mark-content`): 部件主内容区域,包含 ibiz-control-list-content 样式的滚动容器,显示所有的列表项成员 -- group(`semantic-mark-group`): 列表分组容器,包含 ibiz-control-list-group 样式的容器,显示分组的数据项 -- group.action(`semantic-mark-group`): 列表分组行为组容器,包含 ibiz-control-list-group-content__item-action 样式的容器,显示分组行为 -- group.style2(`semantic-mark-group-style2`): 列表分组容器样式2,包含 ibiz-control-list-group-style2 样式的容器,显示分组的数据项 -- item(`semantic-mark-item`): 列表项容器,包含 ibiz-control-list-scroll-item 样式的单个列表元素,显示列表项数据 -- item.action(`semantic-mark-item-action`): 列表项行为容器,包含 ibiz-control-list-item__right--actions 样式的容器,显示列表项行为 -- pagination(`semantic-mark-pagination`): 分页容器,包含 ibiz-control-list__pagination 样式的分页区域,显示分页按钮、页码和每页条数选择器 -- pagination.item(`semantic-mark-pagination-item`): 分页数字项,包含 number 样式的页码按钮 +- root(`semantic-mark-root`): 部件根容器(`ibiz-control-list`),包含内容区域和分页栏等组件 +- content(`semantic-mark-content`): 部件主内容区域(`ibiz-control-list-content`),包含所有的列表项 +- group(`semantic-mark-group`): 列表分组容器(`ibiz-control-list-group`),包含列表分组 +- group.action(`semantic-mark-group`): 列表分组行为组容器(`ibiz-control-list-group-content__item-action`),包含列表分组标题和分组界面行为 +- group.style2(`semantic-mark-group-style2`): 列表分组容器样式2(`ibiz-control-list-group-style2`),包含列表分组 +- item(`semantic-mark-item`): 列表项容器(`ibiz-control-list-scroll-item`),包含列表内容 +- item.action(`semantic-mark-item-action`): 列表项行为容器(`ibiz-control-list-item__right--actions`),包含列表项行为 +- pagination(`semantic-mark-pagination`): 分页栏容器(`ibiz-control-list__pagination`),包含页码、跳页、页大小选择等分页控件样式 +- pagination.item(`semantic-mark-pagination-item`): 分页页码数字按钮, el-pagination分页组件下的li页面按钮 +- pagination.refresh(`semantic-mark-pagination-refresh`): 分页组件最左侧刷新按钮,点击后刷新卡片数据 --- ## 使用案例 diff --git a/semantic/ctrl/map.md b/semantic/ctrl/map.md index 00df828d6de1f97ca1be25b5434ba83365b079d9..2e4eb6a7cc75f8851e7f5bb99789e426a3dbe925 100644 --- a/semantic/ctrl/map.md +++ b/semantic/ctrl/map.md @@ -1,10 +1,10 @@ --- name: map semantic-parts: -- root(`semantic-mark-root`): 根容器元素,包含 ibiz-control-map 样式的主控组件 -- content(`semantic-mark-content`): 部件主内容区域,包含 ibiz-control-map__map 样式的地图容器,显示地图 -- goback(`semantic-mark-goback`): 返回上级按钮,包含 ibiz-map-chart-user__goback,ibiz-map-chart__goback 样式的返回按钮,点击返回地图上级区域 -- fullscreen(`semantic-mark-fullscreen`): 全屏按钮,包含 ibiz-map-chart-user__fullscreen 样式的全屏切换按钮,点击时切换地图全屏状态 +- root(`ibiz-control-map`): 根容器元素(`ibiz-control-map`),包含地图,返回上级,全屏等组件 +- content(`ibiz-control-map__map`): 部件主内容区域(`ibiz-control-map__map`),包含echarts地图 +- goback(`ibiz-map-chart__goback`): 返回上级(`ibiz-map-chart-user__goback,ibiz-map-chart__goback`),包含返回按钮 +- fullscreen(`ibiz-map-chart-user__fullscreen`): 全屏(`ibiz-map-chart-user__fullscreen`),包含全屏切换按钮 --- ## 使用案例 diff --git a/semantic/ctrl/medit-view-panel.md b/semantic/ctrl/medit-view-panel.md index ed41db321cfa8f206116bd60192c832abc37cf6b..32057f4f5b2ad8818f98c987f5d8e42308be4519 100644 --- a/semantic/ctrl/medit-view-panel.md +++ b/semantic/ctrl/medit-view-panel.md @@ -1,12 +1,12 @@ --- name: medit-view-panel semantic-parts: -- root(`semantic-mark-root`): 根容器元素,包含 ibiz-control-multieditviewpanel 样式的主控组件 -- content(`semantic-mark-content`): 部件主内容区域,包含 ibiz-control-multieditviewpanel-content 样式的滚动容器,显示所有编辑项 -- item(`semantic-mark-item`): 编辑项容器,包含 ibiz-control-multieditviewpanel-item 样式的单个列表元素,显示列表项数据 -- tab(`semantic-mark-tab`): 标签分页容器,包含 ibiz-control-multieditviewpanel-tabs 样式的元素,显示所有编辑项的标签 -- tab.button(`semantic-mark-tab-button`): 标签新增按钮,包含 ibiz-control-multieditviewpanel-tabs__button 样式的按钮元素,点击可新增编辑项 -- tab.item(`semantic-mark-tab-item`): 标签项容器,包含 ibiz-control-multieditviewpanel-tab-label 样式的项元素,显示标签标题和图标 +- root(`ibiz-control-multieditviewpanel`): 根容器元素(`ibiz-control-multieditviewpanel`),包含内容区容器,标签分页,编辑视图项等组件 +- content(`biz-control-multieditviewpanel-content`): 部件主内容区域(`ibiz-control-multieditviewpanel-content`),包含所有编辑视图项的滚动容器 +- item(`ibiz-control-multieditviewpanel-item`): 编辑项容器(`ibiz-control-multieditviewpanel-item`),包含编辑视图 +- tab(`ibiz-control-multieditviewpanel-tabs`): 标签分页容器(`ibiz-control-multieditviewpanel-tabs`),包含标签分页 +- tab.button(`ibiz-control-multieditviewpanel-tabs__button`): 标签新增(`ibiz-control-multieditviewpanel-tabs__button`),包含新增编辑项按钮 +- tab.item(`ibiz-control-multieditviewpanel-tab-label`): 标签项容器(`ibiz-control-multieditviewpanel-tab-label`),包含标签页标题和图标 --- ## 使用案例 diff --git a/semantic/ctrl/tab-exp-panel.md b/semantic/ctrl/tab-exp-panel.md index 0b586d6946296a1b1bfdaabc726163d8cb7896a3..8ae23cfe3b97640adefbfcce7420bcfd22a15669 100644 --- a/semantic/ctrl/tab-exp-panel.md +++ b/semantic/ctrl/tab-exp-panel.md @@ -1,10 +1,10 @@ --- name: tab-exp-panel semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-tabexppanel`),包含标签分页组件 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-tabexppanel__tabs`),是el-tabs组件的根组件 -- item(`semantic-mark-title`): 标签页项(`ibiz-control-tabexppanel__item`),包含标签页标题和图标 -- item.counter(`semantic-mark-search`): 标签页项计数器(`ibiz-control-tabexppanel__counter`),包含该标签关联的数据数量 +- root(`ibiz-control-tabexppanel`): 根容器元素(`ibiz-control-tabexppanel`),包含标签分页组件 +- content(`ibiz-control-tabexppanel__tabs`): 内容区域容器(`ibiz-control-tabexppanel__tabs`),是el-tabs组件的根组件 +- item(`ibiz-control-tabexppanel__item`): 标签页项(`ibiz-control-tabexppanel__item`),包含标签页标题和图标 +- item.counter(`ibiz-control-tabexppanel__counter`): 标签页项计数器(`ibiz-control-tabexppanel__counter`),包含该标签关联的数据数量 --- ## 使用案例 diff --git a/semantic/ctrl/tree-exp-bar.md b/semantic/ctrl/tree-exp-bar.md index ef834a3d669ff9d1568aa4cdfae0543d219f2af3..7fb31718844535cc0f8cfe04934384ce07d4cc5f 100644 --- a/semantic/ctrl/tree-exp-bar.md +++ b/semantic/ctrl/tree-exp-bar.md @@ -1,11 +1,11 @@ --- name: tree-exp-bar semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-treeexpbar`),包含标题栏,搜索栏,快速搜索,树等内容 -- content(`semantic-mark-content`): 内容区域容器(`ibiz-control-treeexpbar__content`),包含树 -- title(`semantic-mark-title`): 标题栏容器(`ibiz-control-treeexpbar-caption`),包含导航栏图标和标题 -- search(`semantic-mark-search`): 快速搜索(`ibiz-control-treeexpbar-quick-search`),包含快速搜索输入框 -- searchbar(`semantic-mark-searchbar`): 搜索栏容器(`ibiz-control-treeexpbar-searchbar`),包含搜索栏 +- root(`ibiz-control-treeexpbar`): 根容器元素(`ibiz-control-treeexpbar`),包含标题栏,搜索栏,快速搜索,树等内容 +- content(`ibiz-control-treeexpbar__content`): 内容区域容器(`ibiz-control-treeexpbar__content`),包含树 +- title(`ibiz-control-treeexpbar-caption`): 标题栏容器(`ibiz-control-treeexpbar-caption`),包含导航栏图标和标题 +- search(`ibiz-control-treeexpbar-quick-search`): 快速搜索(`ibiz-control-treeexpbar-quick-search`),包含快速搜索输入框 +- searchbar(`ibiz-control-treeexpbar-searchbar`): 搜索栏容器(`ibiz-control-treeexpbar-searchbar`),包含搜索栏 --- ## 使用案例 diff --git a/semantic/ctrl/wizard-panel.md b/semantic/ctrl/wizard-panel.md index 0370e60e5700b28a48e11d839c3c5d3169e2b7be..a91bf7218f9b375e05aa3ca71b21b59aa71c902c 100644 --- a/semantic/ctrl/wizard-panel.md +++ b/semantic/ctrl/wizard-panel.md @@ -1,12 +1,12 @@ --- name: wizard-panel semantic-parts: -- root(`semantic-mark-root`): 根容器元素(`ibiz-control-wizardpanel`),包含向导步骤,向导表单,向导行为按钮 -- step(`semantic-mark-step`): 向导步骤栏(`ibiz-control-wizardpanel__step`),包含向导步骤栏 -- step.item(`semantic-mark-step-item`): 向导步骤(`ibiz-control-wizardpanel__step--item`),包含向导步骤,显示步骤图标和标题 -- form(`semantic-mark-form`): 向导表单(`ibiz-control-wizardpanel__form`),包含当前步骤的向导编辑表单 -- footer(`semantic-mark-footer`): 向导底部容器(`ibiz-control-wizardpanel-footer`),包含当前步骤的可操作按钮 -- footer.button(`semantic-mark-footer-button`): 向导操作按钮(`ibiz-control-wizardpanel-footer__button`),包含向导行为 +- root(`ibiz-control-wizardpanel`): 根容器元素(`ibiz-control-wizardpanel`),包含向导步骤,向导表单,向导行为按钮 +- step(`ibiz-control-wizardpanel__step`): 向导步骤栏(`ibiz-control-wizardpanel__step`),包含向导步骤栏 +- step.item(`ibiz-control-wizardpanel__step--item`): 向导步骤(`ibiz-control-wizardpanel__step--item`),包含向导步骤,显示步骤图标和标题 +- form(`ibiz-control-wizardpanel__form`): 向导表单(`ibiz-control-wizardpanel__form`),包含当前步骤的向导编辑表单 +- footer(`ibiz-control-wizardpanel-footer`): 向导底部容器(`ibiz-control-wizardpanel-footer`),包含当前步骤的可操作按钮 +- footer.button(`ibiz-control-wizardpanel-footer__button`): 向导操作按钮(`ibiz-control-wizardpanel-footer__button`),包含向导行为 --- ## 使用案例