style: 优化 layer 样式

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

@@ -82,7 +82,6 @@ export default {
 ::: demo
 
 <template>
-  {{active}}
   <lay-carousel v-model="active" indicator="outside">
     <lay-carousel-item id="1">
       <div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目一</div>

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

@@ -28,7 +28,7 @@ export default {
 
 :::
 
-::: title Collapse attributes
+::: title Collapse 属性
 
 :::
 
@@ -36,7 +36,7 @@ export default {
 | -------- | ----------- | --------------- |
 | openKeys | 打开的目录  | `array`         |
 
-::: title Collapse-item attributes
+::: title Collapse-item 属性
 
 :::
 

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

@@ -6,9 +6,7 @@
 <template>
   <lay-button @click="changeVisible1" type="primary">基础使用</lay-button>
   <lay-layer title="基础使用" v-model:visible="visible1">
-    <div style="padding: 20px;">
     这是一个基础弹窗
-    </div>
   </lay-layer>
 </template>
 
@@ -41,9 +39,7 @@ export default {
 <template>
   <lay-button @click="changeVisible2" type="primary">允许拖动</lay-button>
   <lay-layer title="允许拖动" v-model:visible="visible2" move="true">
-    <div style="padding: 20px;">
     这是一个可以拖拽的弹窗
-    </div>
   </lay-layer>
 </template>
 
@@ -76,9 +72,7 @@ export default {
 <template>
   <lay-button @click="changeVisible3" type="primary">放大缩小</lay-button>
   <lay-layer title="放大缩小" v-model:visible="visible3" move="true" maxmin="true">
-    <div style="padding: 20px;">
         该弹窗支持放大缩小
-    </div>
   </lay-layer>
 </template>
 
@@ -111,9 +105,7 @@ export default {
 <template>
   <lay-button @click="changeVisible4" type="primary">指定位置</lay-button>
   <lay-layer title="指定位置" v-model:visible="visible4" move="true" :offset="['100px','100px']">
-    <div style="padding: 20px;">
         指定弹窗显示的默认位置
-    </div>
   </lay-layer>
 </template>
 
@@ -179,9 +171,7 @@ export default {
 <template>
   <lay-button @click="changeVisible6" type="primary">定义操作</lay-button>
   <lay-layer title="定义操作" v-model:visible="visible6" move="true" :btn="btn6">
-    <div style="padding: 20px;">
     定义一组弹窗操作按钮
-    </div>
   </lay-layer>
 </template>
 
@@ -219,9 +209,7 @@ export default {
 <template>
   <lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button>
   <lay-layer title="开启遮盖" move="true" shade="true" v-model:visible="visible7">
-    <div style="padding: 20px;">
         允许点击遮盖层关闭弹窗
-    </div>
   </lay-layer>
 </template>
 
@@ -262,3 +250,4 @@ export default {
 | shade           | 开启遮盖      | --      |
 | shadeClose      | 遮盖点击关闭  | --      |
 | zIndex          | 自定义层级    | --      |
+| type            | 类型          | `1`,`2`      |

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

@@ -1,4 +1,4 @@
-::: title 基本使用
+::: title 基础使用
 :::
 
 ::: demo

docs/docs/zh-CN/guide/changelog.md

@@ -10,6 +10,9 @@
 ::: demo
 <template>
 <lay-timeline>
+<lay-timeline-item title="0.2.3">
+[新增] useFullScreen 全屏 hooks。<br>
+</lay-timeline-item>
 <lay-timeline-item title="0.2.2">
 [新增] useFullScreen 全屏 hooks。<br>
 [新增] useMove 拖拽 hooks。<br>

docs/src/layouts/Layout.vue

@@ -43,7 +43,7 @@
           </a>
         </li>
         <li class="layui-nav-item">
-          <a href="javascript:void(0)"> 0.2.2 </a>
+          <a href="javascript:void(0)"> 0.2.3 </a>
         </li>
       </ul>
     </lay-header>

docs/src/view/index.vue

@@ -28,7 +28,7 @@
           >
         </div>
         <div class="site-version">
-          <span>当前版本：v<cite class="site-showv">0.2.2</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.2.3</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"

package.json

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

pnpm-lock.yaml

@@ -1172,9 +1172,9 @@ packages:
       '@babel/plugin-transform-unicode-regex': 7.14.5_@babel+core@7.15.8
       '@babel/preset-modules': 0.1.4_@babel+core@7.15.8
       '@babel/types': 7.15.6
-      babel-plugin-polyfill-corejs2: 0.2.2_@babel+core@7.15.8
+      babel-plugin-polyfill-corejs2: 0.2.3_@babel+core@7.15.8
       babel-plugin-polyfill-corejs3: 0.2.5_@babel+core@7.15.8
-      babel-plugin-polyfill-regenerator: 0.2.2_@babel+core@7.15.8
+      babel-plugin-polyfill-regenerator: 0.2.3_@babel+core@7.15.8
       core-js-compat: 3.18.2
       semver: 6.3.0
     transitivePeerDependencies:
@@ -2354,7 +2354,7 @@ packages:
       '@types/babel__traverse': 7.14.2
     dev: true
 
-  /babel-plugin-polyfill-corejs2/0.2.2_@babel+core@7.15.8:
+  /babel-plugin-polyfill-corejs2/0.2.3_@babel+core@7.15.8:
     resolution: {integrity: sha512-kISrENsJ0z5dNPq5eRvcctITNHYXWOA4DUZRFYCz3jYCcvTb/A546LIddmoGNMVYg2U38OyFeNosQwI9ENTqIQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2379,7 +2379,7 @@ packages:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator/0.2.2_@babel+core@7.15.8:
+  /babel-plugin-polyfill-regenerator/0.2.3_@babel+core@7.15.8:
     resolution: {integrity: sha512-Goy5ghsc21HgPDFtzRkSirpZVW35meGoTmTOb2bxqdl60ghub4xOidgNTHaZfQ2FaxQsKmwvXtOAkcIS4SMBWg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -3507,7 +3507,7 @@ packages:
     resolution: {integrity: sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=}
     engines: {node: '>=0.10.0'}
     dependencies:
-      map-cache: 0.2.2
+      map-cache: 0.2.3
     dev: true
 
   /fs-extra/10.0.0:
@@ -4808,7 +4808,7 @@ packages:
       tmpl: 1.0.5
     dev: true
 
-  /map-cache/0.2.2:
+  /map-cache/0.2.3:
     resolution: {integrity: sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=}
     engines: {node: '>=0.10.0'}
     dev: true
@@ -6096,7 +6096,7 @@ packages:
       debug: 2.6.9
       define-property: 0.2.5
       extend-shallow: 2.0.1
-      map-cache: 0.2.2
+      map-cache: 0.2.3
       source-map: 0.5.7
       source-map-resolve: 0.5.3
       use: 3.1.1

src/css/layer.css

@@ -47,8 +47,6 @@ html #layuicss-layer {
 }
 
 .layui-layer-border {
-  border: 1px solid #b2b2b2;
-  border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
 }
 
@@ -570,7 +568,7 @@ html #layuicss-layer {
 .layui-layer-hui {
   min-width: 100px;
   background-color: #000;
-  filter: alpha(opacity=60);
+  opacity: 0.6;
   background-color: rgba(0, 0, 0, 0.6);
   color: #fff;
   border: none;

src/module/layer/index.vue

@@ -11,7 +11,11 @@
   <div
     v-if="visible"
     :id="id"
-    class="layui-layer"
+    class="layui-layer layui-layer-border"
+    :class="{
+      'layui-layer-dialog': type === 1,
+      'layui-layer-iframe': type === 2,
+    }"
     style="position: fixed"
     :style="{
       top: top,
@@ -67,6 +71,7 @@
         }}</a>
       </template>
     </div>
+    <span class="layui-layer-resize"></span>
   </div>
 </template>