🌀(ie): 移除 ie 兼容 css

更新文档

package/component/src/component/carousel/index.vue

@@ -6,7 +6,17 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
-import { withDefaults, provide, useSlots, ref, computed, VNode, Ref, Component, watch } from "vue";
+import {
+  withDefaults,
+  provide,
+  useSlots,
+  ref,
+  computed,
+  VNode,
+  Ref,
+  Component,
+  watch,
+} from "vue";
 import CarouselItem from "../carouselItem/index.vue";
 
 const slot = useSlots() as any;

package/component/src/component/colorPicker/index.less

@@ -8,7 +8,6 @@
   padding: 8px;
 }
 
-/* 饱和度和亮度 */
 .saturation-value {
   cursor: pointer;
   width: 100%;
@@ -26,7 +25,6 @@
   height: 100%;
 }
 
-/* 圆圈 */
 .point {
   box-sizing: border-box;
   width: 6px;
@@ -47,14 +45,12 @@
   background: linear-gradient(to top, black, #ffffff00);
 }
 
-/* 色调 透明度 */
 .layui-color-picker-middle {
   width: 100%;
   display: flex;
   margin-bottom: 10px;
 }
 
-/* 色调滑块条 */
 .hue-slider {
   position: relative;
   margin-bottom: 6px;
@@ -72,7 +68,6 @@
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 
-/* 透明度滑块条 */
 .alpha-slider {
   position: relative;
   height: 10px;
@@ -82,7 +77,6 @@
   background-size: 10px 10px;
 }
 
-/* 滑块 */
 .slider {
   position: absolute;
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
@@ -92,7 +86,6 @@
   background-color: #fff;
 }
 
-/* 颜色方块 */
 .color-diamond {
   position: relative;
   margin-left: 5px;
@@ -113,7 +106,6 @@
   background-size: 10px 10px;
 }
 
-/* 颜色的值 hex rgba */
 .color-value {
   width: 100%;
   display: flex;
@@ -157,7 +149,6 @@
   height: 24px;
 }
 
-/* 预设颜色  */
 .preset {
   width: 100%;
   padding: 0;

package/component/src/component/form/index.less

@@ -1,7 +1,6 @@
 .layui-form-item {
   margin-bottom: 20px;
   clear: both;
-  *zoom: 1;
 }
 
 .layui-form-item-right .layui-form-label {
@@ -24,7 +23,6 @@
 .layui-form-item:after {
   content: "\20";
   clear: both;
-  *zoom: 1;
   display: block;
   height: 0;
 }

package/component/src/component/fullscreen/index.less

@@ -1,9 +1,9 @@
 .layui-fullscreen {
-  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 10;
+  position: fixed;
   overflow: auto;
+  z-index: 10;
 }

package/component/src/component/inputNumber/index.less

@@ -85,13 +85,13 @@
       padding: 0px;
     }
   }
-  /* 谷歌--去掉自带的控制按钮 */
+  /* google */
   input.layui-input::-webkit-outer-spin-button,
   input.layui-input::-webkit-inner-spin-button {
     -webkit-appearance: none;
   }
 
-  /* 火狐--去掉自带的控制按钮 */
+  /* firefox */
   input.layui-input[type="number"] {
     -moz-appearance: textfield;
   }

package/component/src/component/menu/index.less

@@ -39,8 +39,6 @@
 .layui-nav .layui-nav-item {
   position: relative;
   display: inline-block;
-  *display: inline;
-  *zoom: 1;
   vertical-align: middle;
   line-height: 60px;
 }

package/component/src/component/page/index.less

@@ -1,7 +1,5 @@
 .layui-laypage {
   display: inline-block;
-  *display: inline;
-  *zoom: 1;
   vertical-align: middle;
   margin: 10px 0;
   font-size: 0;
@@ -36,8 +34,6 @@
 .layui-laypage a,
 .layui-laypage span {
   display: inline-block;
-  *display: inline;
-  *zoom: 1;
   vertical-align: middle;
   padding: 0 15px;
   height: 28px;
@@ -117,6 +113,7 @@
 .layui-laypage select {
   height: 22px;
   padding: 3px;
+  margin-top: 4px;
   border-radius: 2px;
   cursor: pointer;
 }

package/component/src/component/progress/index.less

@@ -37,4 +37,4 @@
   position: static;
   padding: 0 10px;
   color: #fff;
-}
+}

package/component/src/component/row/index.less

@@ -5,7 +5,6 @@
   clear: both;
 }
 
-/** generate space */
 .generate-space(@a) {
   .layui-col-space@{a} {
     margin: -0.5px * @a;
@@ -23,8 +22,6 @@
 
 .loop-generate-space(1);
 
-/** generate col xs */
-
 .generate-col-xs(@a) {
   .layui-col-xs@{a} {
     float: left;

package/component/src/component/slider/index.less

@@ -17,7 +17,6 @@
 .layui-slider-btn-v {
   width: 12px;
   height: 12px;
-  // background-color: @global-back-color;
   background-color: white;
   position: absolute;
   border: 2px solid var(--global-primary-color);

package/component/src/component/tab/index.less

@@ -41,8 +41,6 @@
 
 .layui-tab-title li {
   display: inline-block;
-  *display: inline;
-  *zoom: 1;
   vertical-align: middle;
   font-size: 14px;
   transition: all 0.2s;
@@ -291,15 +289,10 @@
 
 .layui-tab-more .layui-tab-bar .layui-icon {
   top: -2px;
-  top: 3px\9;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
-:root .layui-tab-more .layui-tab-bar .layui-icon {
-  top: -2px\0 / IE9;
-}
-
 .layui-tab-title li .layui-tab-close {
   position: relative;
   display: inline-block;

package/component/src/theme/public.less

@@ -118,7 +118,6 @@ a:hover {
 
 a cite {
   font-style: normal;
-  *cursor: pointer;
 }
 
 .layui-border-box,

package/document/src/document/zh-CN/guide/changelog.md

@@ -16,9 +16,9 @@
       <li> 
         <h3>1.1.8 <span class="layui-badge-rim">2022-06-18</span></h3> 
         <ul>
+          <li>[新增] checkbox 组件 is-indeterminate 属性, 用于展示半选状态</li>
           <li>[新增] layui-vue-helper 插件, 用于 Visual Studio Code 辅助开发</li>
-          <li>[新增] checkbox 组件 is-indeterminate 属性, 用于展示半选状态, 默认为 false</li>
+          <li>[新增] textarea 组件 show-count 属性, 用于展示输入长度与 max-length</li>
-          <li>[新增] textarea 组件 show-count 属性, 用于展示输入长度与 max-length, 默认为 false</li>
           <li>[修复] carousel 组件加载时无法获取 carousel-item 轮播项</li>
           <li>[修复] input-number 组件 modelValue 属性类型错误</li>
         </ul>

package/layer/src/theme/index.css

@@ -16,7 +16,6 @@ html #layuicss-layer {
 .layui-layer,
 .layui-layer-shade {
     position: fixed;
-    _position: absolute;
     pointer-events: auto
 }
 
@@ -26,7 +25,6 @@ html #layuicss-layer {
     width: 100%;
     height: 100%;
     background-color: rgb(0, 0, 0);
-    _height: expression(document.body.offsetHeight+"px")
 }
 
 .layui-layer {
@@ -66,15 +64,12 @@ html #layuicss-layer {
 .layui-layer-dialog .layui-layer-ico,
 .layui-layer-setwin a {
     display: inline-block;
-    *display: inline;
-    *zoom: 1;
     vertical-align: top
 }
 
 .layui-layer-move {
     display: none;
     position: fixed;
-    *position: absolute;
     left: 0;
     top: 0;
     width: 100%;
@@ -675,7 +670,6 @@ html #layuicss-layer {
 .layui-layer-setwin {
     position: absolute;
     right: 15px;
-    *right: 0;
     top: 17px;
     font-size: 0;
     line-height: initial
@@ -687,7 +681,6 @@ html #layuicss-layer {
     height: 16px;
     margin-left: 10px;
     font-size: 12px;
-    _overflow: hidden
 }
 
 .layui-layer-setwin .layui-layer-min cite {
@@ -699,7 +692,6 @@ html #layuicss-layer {
     margin-top: -1px;
     background-color: #2E2D3C;
     cursor: pointer;
-    _overflow: hidden
 }
 
 .layui-layer-setwin .layui-layer-min:hover cite {
@@ -739,8 +731,6 @@ html #layuicss-layer {
     height: 30px;
     margin-left: 0;
     background-position: -149px -31px;
-    *right: -18px;
-    _display: none
 }
 
 .layui-layer-setwin .layui-layer-close2:hover {
@@ -934,7 +924,6 @@ html #layuicss-layer {
     min-width: 12px;
     padding: 8px 15px;
     font-size: 12px;
-    _float: left;
     border-radius: 2px;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
     background-color: #000;
@@ -953,7 +942,6 @@ html #layuicss-layer {
     border-width: 8px;
     border-color: transparent;
     border-style: dashed;
-    *overflow: hidden
 }
 
 .layui-layer-tips i.layui-layer-TipsB,
@@ -1116,8 +1104,6 @@ html #layuicss-layer {
     position: relative;
     width: 100%;
     display: inline-block;
-    *display: inline;
-    *zoom: 1;
     vertical-align: top
 }
 
@@ -1126,34 +1112,27 @@ html #layuicss-layer {
     position: fixed;
     top: 50%;
     width: 27px;
-    _width: 44px;
     height: 44px;
     margin-top: -22px;
     outline: 0;
-    blr: expression(this.onFocus=this.blur())
 }
 
 .layui-layer-imgprev {
     left: 30px;
     background-position: -5px -5px;
-    _background-position: -70px -5px
 }
 
 .layui-layer-imgprev:hover {
     background-position: -33px -5px;
-    _background-position: -120px -5px
 }
 
 .layui-layer-imgnext {
     right: 30px;
-    _right: 8px;
     background-position: -5px -50px;
-    _background-position: -70px -50px
 }
 
 .layui-layer-imgnext:hover {
     background-position: -33px -50px;
-    _background-position: -120px -50px
 }
 
 .layui-layer-imgbar {
@@ -1164,7 +1143,6 @@ html #layuicss-layer {
     width: 100%;
     height: 40px;
     line-height: 40px;
-    background-color: #000\9;
     filter: Alpha(opacity=60);
     background-color: rgba(2, 0, 0, .35);
     color: #fff;
@@ -1174,8 +1152,6 @@ html #layuicss-layer {
 
 .layui-layer-imgtit * {
     display: inline-block;
-    *display: inline;
-    *zoom: 1;
     vertical-align: top;
     font-size: 12px
 }