perf: publish version 0.2.2

docs/docs/zh-CN/components/container.md

@@ -26,7 +26,7 @@ export default {
         width:100%;
         height: 300px;
         background: #79C48C;
-        border-radius: 4px;
+        border-radius: 2px;
     }
 </style>
 

docs/docs/zh-CN/components/layer.md

@@ -4,10 +4,10 @@
 ::: demo
 
 <template>
-  <lay-button @click="changeVisible1" type="primary">简单使用</lay-button>
+  <lay-button @click="changeVisible1" type="primary">基础使用</lay-button>
-  <lay-layer title="身如不系之舟" v-model:visible="visible1">
+  <lay-layer title="基础使用" v-model:visible="visible1">
     <div style="padding: 20px;">
-        忘了是怎么开始, 也许就是对你
+        这是一个基础弹窗
     </div>
   </lay-layer>
 </template>
@@ -40,9 +40,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible2" type="primary">允许拖动</lay-button>
-  <lay-layer title="身如不系之舟" v-model:visible="visible2" move="true">
+  <lay-layer title="允许拖动" v-model:visible="visible2" move="true">
     <div style="padding: 20px;">
-        忘了是怎么开始, 也许就是对你
+        这是一个可以拖拽的弹窗
     </div>
   </lay-layer>
 </template>
@@ -75,9 +75,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible3" type="primary">放大缩小</lay-button>
-  <lay-layer title="平胸女子" v-model:visible="visible3" move="true" maxmin="true">
+  <lay-layer title="放大缩小" v-model:visible="visible3" move="true" maxmin="true">
     <div style="padding: 20px;">
-        她是照相只照半边的女子
+        该弹窗支持放大缩小
     </div>
   </lay-layer>
 </template>
@@ -110,9 +110,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible4" type="primary">指定位置</lay-button>
-  <lay-layer title="亦是此间少年" v-model:visible="visible4" move="true" :offset="['100px','100px']">
+  <lay-layer title="指定位置" v-model:visible="visible4" move="true" :offset="['100px','100px']">
     <div style="padding: 20px;">
-        暗恋是一个人的事
+        指定弹窗显示的默认位置
     </div>
   </lay-layer>
 </template>
@@ -145,7 +145,7 @@ export default {
 
 <template>
   <lay-button @click="changeVisible5" type="primary">远程窗体</lay-button>
-  <lay-layer title="亦是此间少年" width="500px" height="400px" maxmin="true" v-model:visible="visible5" move="true" :type="type5" content="http://www.pearadmin.com"></lay-layer>
+  <lay-layer title="加载 Iframe 内容" width="500px" height="400px" maxmin="true" v-model:visible="visible5" move="true" :type="type5" content="http://www.pearadmin.com"></lay-layer>
 </template>
 
 <script>
@@ -178,9 +178,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible6" type="primary">定义操作</lay-button>
-  <lay-layer title="亦是此间少年" v-model:visible="visible6" move="true" :btn="btn6">
+  <lay-layer title="定义操作" v-model:visible="visible6" move="true" :btn="btn6">
     <div style="padding: 20px;">
-        你喜欢我吗？
+        定义一组弹窗操作按钮
     </div>
   </lay-layer>
 </template>
@@ -218,9 +218,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button>
-  <lay-layer title="身如不系之舟" move="true" shade="true" v-model:visible="visible7">
+  <lay-layer title="开启遮盖" move="true" shade="true" v-model:visible="visible7">
     <div style="padding: 20px;">
-        忘了是怎么开始, 也许就是对你
+        允许点击遮盖层关闭弹窗
     </div>
   </lay-layer>
 </template>
@@ -261,3 +261,4 @@ export default {
 | content         | 内容          | --      |
 | shade           | 开启遮盖      | --      |
 | shadeClose      | 遮盖点击关闭  | --      |
+| zIndex          | 自定义层级  | --      |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "a component library for Vue 3 base on layui-vue",
   "main": "lib/layui-vue.umd.js",
   "module": "lib/layui-vue.es.js",

src/module/layer/index.vue

@@ -18,14 +18,14 @@
       left: left,
       width: width,
       height: height,
-      zIndex: zIndex
+      zIndex: zIndex,
     }"
   >
     <div class="layui-layer-title" style="cursor: move">
       {{ title }}
     </div>
     <div class="layui-layer-content" :style="{ height: contentHeight }">
-      <div v-if="type === 1"  style="height:100%">
+      <div v-if="type === 1" style="height: 100%">
         <slot v-if="slot.default"></slot>
         <template v-else>
           {{ content }}
@@ -37,7 +37,7 @@
         allowtransparency="true"
         frameborder="0"
         :src="content"
-        style="width: 100%;height:100%;"
+        style="width: 100%; height: 100%"
       ></iframe>
     </div>
     <span class="layui-layer-setwin"
@@ -138,9 +138,7 @@ const contentHeight = ref(
 watch(max, function () {
   if (max.value) {
     contentHeight.value =
-      props.btn.length > 0
+      props.btn.length > 0 ? 'calc(100% - 100px)' : 'calc(100% - 50px)'
-        ? 'calc(100% - 100px)'
-        : 'calc(100% - 50px)'
   } else {
     contentHeight.value =
       props.btn.length > 0