升级 layer 1.1.1 与 icons-vue 1.0.1

This commit is contained in:
就眠儀式 2021-12-09 13:43:58 +08:00
parent 76a11d54a4
commit 574e488f89
5 changed files with 16 additions and 21 deletions

View File

@ -33,7 +33,7 @@ export default {
return { return {
loading0, loading0,
loading1, loading1,
loading2 loading2,
} }
} }
} }

View File

@ -6,7 +6,6 @@
<template> <template>
<lay-button @click="changeVisible1" type="primary">基础使用</lay-button> <lay-button @click="changeVisible1" type="primary">基础使用</lay-button>
<lay-modal title="基础使用" v-model="visible1"> <lay-modal title="基础使用" v-model="visible1">
这是一个基础弹窗
</lay-modal> </lay-modal>
</template> </template>
@ -39,7 +38,6 @@ export default {
<template> <template>
<lay-button @click="changeVisible2" type="primary">允许拖动</lay-button> <lay-button @click="changeVisible2" type="primary">允许拖动</lay-button>
<lay-modal title="允许拖动" v-model="visible2"> <lay-modal title="允许拖动" v-model="visible2">
这是一个可以拖拽的弹窗
</lay-modal> </lay-modal>
</template> </template>
@ -72,7 +70,6 @@ export default {
<template> <template>
<lay-button @click="changeVisible3" type="primary">放大缩小</lay-button> <lay-button @click="changeVisible3" type="primary">放大缩小</lay-button>
<lay-modal title="放大缩小" v-model="visible3" move="true" maxmin="true"> <lay-modal title="放大缩小" v-model="visible3" move="true" maxmin="true">
该弹窗支持放大缩小
</lay-modal> </lay-modal>
</template> </template>
@ -105,7 +102,6 @@ export default {
<template> <template>
<lay-button @click="changeVisible4" type="primary">指定位置</lay-button> <lay-button @click="changeVisible4" type="primary">指定位置</lay-button>
<lay-modal title="指定位置" v-model="visible4" move="true" :offset="['100px','100px']"> <lay-modal title="指定位置" v-model="visible4" move="true" :offset="['100px','100px']">
指定弹窗显示的默认位置
</lay-modal> </lay-modal>
</template> </template>
@ -171,7 +167,6 @@ export default {
<template> <template>
<lay-button @click="changeVisible6" type="primary">定义操作</lay-button> <lay-button @click="changeVisible6" type="primary">定义操作</lay-button>
<lay-modal title="定义操作" v-model="visible6" move="true" :btn="btn6"> <lay-modal title="定义操作" v-model="visible6" move="true" :btn="btn6">
定义一组弹窗操作按钮
</lay-modal> </lay-modal>
</template> </template>
@ -209,7 +204,6 @@ export default {
<template> <template>
<lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button> <lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button>
<lay-modal title="开启遮盖" move="true" shade="false" v-model="visible7"> <lay-modal title="开启遮盖" move="true" shade="false" v-model="visible7">
允许点击遮盖层关闭弹窗
</lay-modal> </lay-modal>
</template> </template>

View File

@ -11,12 +11,14 @@
<template> <template>
<lay-timeline> <lay-timeline>
<lay-timeline-item title="0.2.7"> <lay-timeline-item title="0.2.7">
[完善] rate 评分组件。<br>
[完善] collapse 手风琴组件。<br>
[新增] useState 变量状态管理。<br> [新增] useState 变量状态管理。<br>
[新增] useBoolean 布尔变量状态管理。<br> [新增] useBoolean 布尔变量状态管理。<br>
[新增] rate 评分组件 half 属性, 支持半选状态。<br> [新增] rate 评分组件 half 属性, 支持半选状态。<br>
[新增] rate 评分组件 select 事件, 评分回调事件。<br> [新增] rate 评分组件 select 事件, 评分回调事件。<br>
[新增] layer 对象 load 方法, 通过 type 配置调用不同类型加载层。<br>
[新增] layer 对象 confirm 方法, 函数式调用信息框。<br> [新增] layer 对象 confirm 方法, 函数式调用信息框。<br>
[新增] layer 对象 load 方法, 通过 type 配置调用不同类型加载层。<br>
[修复] layer 对象的函数调用, 导致弹层过渡动画失效的问题。<br> [修复] layer 对象的函数调用, 导致弹层过渡动画失效的问题。<br>
[文档] icons-vue 组件化使用方式。<br> [文档] icons-vue 组件化使用方式。<br>
[文档] hooks-vue 使用文档。<br> [文档] hooks-vue 使用文档。<br>
@ -27,17 +29,16 @@
<lay-timeline-item title="0.2.6"> <lay-timeline-item title="0.2.6">
[依赖] hooks-vue 0.1.2。<br> [依赖] hooks-vue 0.1.2。<br>
[升级] layer-vue 1.0.3。<br> [升级] layer-vue 1.0.3。<br>
[修复] icons-vue 依赖 not found。<br>
</lay-timeline-item> </lay-timeline-item>
<lay-timeline-item title="0.2.5"> <lay-timeline-item title="0.2.5">
[新增] layer 提供 open, close, closeAll 函数式调用。<br>
[新增] icons 组件化调用方式, 使用 class 作为组件名使用组件。<br> [新增] icons 组件化调用方式, 使用 class 作为组件名使用组件。<br>
[新增] layer, 提供 layer.open, layer.close, layer.closeAll 函数式调用。<br>
[修复] layer 的 id 属性不唯一, 调整 Guid 为 Uuid 策略。<br> [修复] layer 的 id 属性不唯一, 调整 Guid 为 Uuid 策略。<br>
[修改] lay-layer 组件为 lay-modal, 使用方式保持不变。<br> [修改] layer 组件 move 默认为 true, 默认提供拖拽支持。<br>
[修改] lay-layer 组件 move 默认为 true, 默认提供拖拽支持。<br>
[修改] layer.css 为 @layui/layui-vue/lib/index.css。<br> [修改] layer.css 为 @layui/layui-vue/lib/index.css。<br>
[独立] layui-vue 项目, layer 与 lay-modal 组件仍内置, 亦支持单独引用。<br> [修改] layer 组件为 lay-modal, 使用方式保持不变。<br>
[独立] icons-vue 项目, lay-icon 与 iconfont.less 仍内置, 亦支持单独引用。<br> [独立] layui-vue 项目, 亦支持单独引用。<br>
[独立] icons-vue 项目, 亦支持单独引用。<br>
</lay-timeline-item> </lay-timeline-item>
<lay-timeline-item title="0.2.4"> <lay-timeline-item title="0.2.4">
[增强] checkbox 组件, v-model 支持 array 数据类型。<br> [增强] checkbox 组件, v-model 支持 array 数据类型。<br>

View File

@ -36,7 +36,7 @@
>更新日志</router-link >更新日志</router-link
></span ></span
> >
<span>下载量<em class="site-showdowns">1824</em></span> <span>下载量<em class="site-showdowns">2324</em></span>
</div> </div>
</div> </div>
<div class="site-banner-other"> <div class="site-banner-other">
@ -46,7 +46,7 @@
rel="nofollow" rel="nofollow"
class="site-star" class="site-star"
> >
<i class="layui-icon"></i> Star <cite id="getStars">257</cite> <i class="layui-icon"></i> Star <cite id="getStars">336</cite>
</a> </a>
<a <a
href="https://gitee.com/layui-vue" href="https://gitee.com/layui-vue"

View File

@ -30,15 +30,15 @@
"peerDependencies": { "peerDependencies": {
"vue": "^3.2.24", "vue": "^3.2.24",
"vue-router": "^4.0.12", "vue-router": "^4.0.12",
"@layui/layer-vue": "^1.1.0", "@layui/layer-vue": "^1.1.1",
"@layui/icons-vue": "^1.0.0", "@layui/icons-vue": "^1.0.1",
"@layui/hooks-vue": "^0.1.6" "@layui/hooks-vue": "^0.1.6"
}, },
"dependencies": { "dependencies": {
"vue": "^3.2.24", "vue": "^3.2.24",
"vue-router": "^4.0.12", "vue-router": "^4.0.12",
"@layui/layer-vue": "^1.1.0", "@layui/layer-vue": "^1.1.1",
"@layui/icons-vue": "^1.0.0", "@layui/icons-vue": "^1.0.1",
"@layui/hooks-vue": "^0.1.6" "@layui/hooks-vue": "^0.1.6"
}, },
"devDependencies": { "devDependencies": {