chore: 拆分 dropdown 为 dropdown 与 dropdown-menu

This commit is contained in:
就眠儀式
2022-03-19 13:02:52 +08:00
parent d0f3b9dd70
commit d4b4afcc0e
13 changed files with 98 additions and 39 deletions

View File

@@ -16,9 +16,11 @@
<lay-dropdown>
<lay-button type="primary">下拉菜单</lay-button>
<template #content>
<lay-dropdown-item>选项一</lay-dropdown-item>
<lay-dropdown-item>选项</lay-dropdown-item>
<lay-dropdown-item>选项</lay-dropdown-item>
<lay-dropdown-menu>
<lay-dropdown-menu-item>选项</lay-dropdown-menu-item>
<lay-dropdown-menu-item>选项</lay-dropdown-menu-item>
<lay-dropdown-menu-item>选项三</lay-dropdown-menu-item>
</lay-dropdown-menu>
</template>
</lay-dropdown>
</template>
@@ -46,18 +48,22 @@ export default {
<lay-dropdown trigger="hover">
<lay-button>Hover 触发</lay-button>
<template #content>
<lay-dropdown-item>选项一</lay-dropdown-item>
<lay-dropdown-item>选项</lay-dropdown-item>
<lay-dropdown-item>选项</lay-dropdown-item>
<lay-dropdown-menu>
<lay-dropdown-menu-item>选项</lay-dropdown-menu-item>
<lay-dropdown-menu-item>选项</lay-dropdown-menu-item>
<lay-dropdown-menu-item>选项三</lay-dropdown-menu-item>
</lay-dropdown-menu>
</template>
</lay-dropdown>
&nbsp;&nbsp;
<lay-dropdown>
<lay-button>Click 触发</lay-button>
<template #content>
<lay-dropdown-item>选项一</lay-dropdown-item>
<lay-dropdown-item>选项</lay-dropdown-item>
<lay-dropdown-item>选项</lay-dropdown-item>
<lay-dropdown-menu>
<lay-dropdown-menu-item>选项</lay-dropdown-menu-item>
<lay-dropdown-menu-item>选项</lay-dropdown-menu-item>
<lay-dropdown-menu-item>选项三</lay-dropdown-menu-item>
</lay-dropdown-menu>
</template>
</lay-dropdown>
</template>

View File

@@ -98,6 +98,49 @@ export default {
:::
::: title 海量数据
:::
::: demo
<template>
<lay-select v-model="selected">
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
</lay-select>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const selected = ref('1')
return {
selected
}
}
}
</script>
:::
::: title 多选使用
:::

View File

@@ -21,6 +21,7 @@
<li>[新增] table 表格组件 excel 导出工具栏。</li>
<li>[新增] table column 选项 sort 属性, 开启字段排序。</li>
<li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
<li>[新增] dropdown-menu 与 dropdown-menu-item 下拉菜单组件。</li>
<li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
<li>[新增] transfer 穿梭框组件 showSearch 开启搜索属性。</li>
<li>[修复] carousel-item 轮播项使用 v-for 无法渲染。</li>