From db2ffefd4a41713f11c29c01806a149f63b613bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Thu, 21 Apr 2022 17:47:55 +0800
Subject: [PATCH] style: compress index.less

---
 .../src/component/iconPicker/index.vue        |   2 +-
 .../component/src/component/page/index.vue    |   2 +-
 package/component/src/resolver/index.ts       |  12 +-
 package/component/src/theme/index.less        | 610 +-----------------
 4 files changed, 11 insertions(+), 615 deletions(-)

diff --git a/package/component/src/component/iconPicker/index.vue b/package/component/src/component/iconPicker/index.vue
index 546c12bb..29f4e9ea 100644
--- a/package/component/src/component/iconPicker/index.vue
+++ b/package/component/src/component/iconPicker/index.vue
@@ -170,7 +170,7 @@ const searchList = function (str: string, container: any) {
         <div v-if="page" class="layui-iconpicker-page">
           <div
             id="layui-laypage-1"
-            class="layui-box layui-laypage layui-laypage-default"
+            class="layui-laypage layui-laypage-default"
           >
             <span class="layui-laypage-count">共 {{ total }} 个</span
             ><a
diff --git a/package/component/src/component/page/index.vue b/package/component/src/component/page/index.vue
index 236a9e18..06a06d60 100644
--- a/package/component/src/component/page/index.vue
+++ b/package/component/src/component/page/index.vue
@@ -112,7 +112,7 @@ watch(currentPage, function () {
 </script>
 
 <template>
-  <div class="layui-box layui-laypage layui-laypage-default">
+  <div class="layui-laypage layui-laypage-default">
     <span v-if="showCount" class="layui-laypage-count"
       >共 {{ total }} 条 {{ maxPage }} 页</span
     >
diff --git a/package/component/src/resolver/index.ts b/package/component/src/resolver/index.ts
index 31f95693..3b703472 100644
--- a/package/component/src/resolver/index.ts
+++ b/package/component/src/resolver/index.ts
@@ -91,6 +91,14 @@ const matchComponents = [
     pattern: /^LayResult$/,
     styleDir: "result",
   },
+  {
+    pattern: /^LayNoticeBar$/,
+    styleDir: "noticeBar",
+  },
+  {
+    pattern: /^LayLine$/,
+    styleDir: "line",
+  },
   // ....
   {
     pattern: /^(LayCarousel|LayCarouselItem)$/,
@@ -118,10 +126,6 @@ const matchComponents = [
     pattern: /^(LayForm|LayFormItem)$/,
     styleDir: "formItem",
   },
-  {
-    pattern: /^LayLine$/,
-    styleDir: "",
-  },
   {
     pattern: /^(LayMenuItem|LaySubMenu)$/,
     styleDir: "menu",
diff --git a/package/component/src/theme/index.less b/package/component/src/theme/index.less
index ef9481c2..6f78755a 100644
--- a/package/component/src/theme/index.less
+++ b/package/component/src/theme/index.less
@@ -173,11 +173,6 @@ a cite {
   box-sizing: border-box;
 }
 
-.layui-box,
-.layui-box * {
-  box-sizing: content-box;
-}
-
 .layui-clear {
   clear: both;
   *zoom: 1;
@@ -748,11 +743,6 @@ a cite {
   margin-top: 10px;
 }
 
-
-[lay-radio] {
-  display: none;
-}
-
 .layui-form-pane .layui-form-label {
   width: 110px;
   padding: 8px 15px;
@@ -875,143 +865,6 @@ a cite {
   }
 }
 
-.layui-layedit {
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 2px;
-}
-
-.layui-layedit-tool {
-  padding: 3px 5px;
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  font-size: 0;
-}
-
-.layedit-tool-fixed {
-  position: fixed;
-  top: 0;
-  border-top: 1px solid @global-neutral-color-3;
-}
-
-.layui-layedit-tool .layedit-tool-mid,
-.layui-layedit-tool .layui-icon {
-  display: inline-block;
-  vertical-align: middle;
-  text-align: center;
-  font-size: 14px;
-}
-
-.layui-layedit-tool .layui-icon {
-  position: relative;
-  width: 32px;
-  height: 30px;
-  line-height: 30px;
-  margin: 3px 5px;
-  color: #777;
-  cursor: pointer;
-  border-radius: 2px;
-}
-
-.layui-layedit-tool .layui-icon:hover {
-  color: #393d49;
-}
-
-.layui-layedit-tool .layui-icon:active {
-  color: #000;
-}
-
-.layui-layedit-tool .layedit-tool-active {
-  background-color: @global-neutral-color-3;
-  color: #000;
-}
-
-.layui-layedit-tool .layui-disabled,
-.layui-layedit-tool .layui-disabled:hover {
-  color: @global-neutral-color-6;
-  cursor: not-allowed;
-}
-
-.layui-layedit-tool .layedit-tool-mid {
-  width: 1px;
-  height: 18px;
-  margin: 0 10px;
-  background-color: @global-neutral-color-6;
-}
-
-.layedit-tool-html {
-  width: 50px !important;
-  font-size: 30px !important;
-}
-
-.layedit-tool-b,
-.layedit-tool-code,
-.layedit-tool-help {
-  font-size: 16px !important;
-}
-
-.layedit-tool-d,
-.layedit-tool-face,
-.layedit-tool-image,
-.layedit-tool-unlink {
-  font-size: 18px !important;
-}
-
-.layedit-tool-image input {
-  position: absolute;
-  font-size: 0;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.01;
-  filter: Alpha(opacity=1);
-  cursor: pointer;
-}
-
-.layui-layedit-iframe iframe {
-  display: block;
-  width: 100%;
-}
-
-#LAY_layedit_code {
-  overflow: hidden;
-}
-
-.layui-flow-more {
-  margin: 10px 0;
-  text-align: center;
-  color: #999;
-  font-size: 14px;
-}
-
-.layui-flow-more a {
-  height: 32px;
-  line-height: 32px;
-}
-
-.layui-flow-more a * {
-  display: inline-block;
-  vertical-align: top;
-}
-
-.layui-flow-more a cite {
-  padding: 0 20px;
-  border-radius: 3px;
-  background-color: @global-neutral-color-3;
-  color: #333;
-  font-style: normal;
-}
-
-.layui-flow-more a cite:hover {
-  opacity: 0.8;
-}
-
-.layui-flow-more a i {
-  font-size: 30px;
-  color: #737383;
-}
-
 .layui-iconpicker-list li,
 .layui-keyboard-list li,
 .layui-menu li,
@@ -1216,468 +1069,7 @@ a cite {
   margin: 0 15px;
 }
 
-.layui-fixbar {
-  position: fixed;
-  right: 15px;
-  bottom: 15px;
-  z-index: 999999;
-}
-
-.layui-fixbar li {
-  width: 50px;
-  height: 50px;
-  line-height: 50px;
-  margin-bottom: 1px;
-  text-align: center;
-  cursor: pointer;
-  font-size: 30px;
-  background-color: #9f9f9f;
-  color: #fff;
-  border-radius: 2px;
-  opacity: 0.95;
-}
-
-.layui-fixbar li:hover {
-  opacity: 0.85;
-}
-
-.layui-fixbar li:active {
-  opacity: 1;
-}
-
-.layui-fixbar .layui-fixbar-top {
-  display: none;
-  font-size: 40px;
-}
-
-body .layui-util-face {
-  border: none;
-  background: 0 0;
-}
-
-body .layui-util-face .layui-layer-content {
-  padding: 0;
-  background-color: #fff;
-  color: #666;
-  box-shadow: none;
-}
-
-.layui-util-face .layui-layer-TipsG {
-  display: none;
-}
-
-.layui-util-face ul {
-  position: relative;
-  width: 372px;
-  padding: 10px;
-  border: 1px solid #d9d9d9;
-  background-color: #fff;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-}
-
-.layui-util-face ul li {
-  cursor: pointer;
-  float: left;
-  border: 1px solid #e8e8e8;
-  height: 22px;
-  width: 26px;
-  overflow: hidden;
-  margin: -1px 0 0 -1px;
-  padding: 4px 2px;
-  text-align: center;
-}
-
-.layui-util-face ul li:hover {
-  position: relative;
-  z-index: 2;
-  border: 1px solid #eb7350;
-  background: #fff9ec;
-}
-
-.layui-code {
-  position: relative;
-  margin: 10px 0;
-  padding: 15px;
-  line-height: 20px;
-  border: 1px solid @global-neutral-color-3;
-  border-left-width: 6px;
-  background-color: @global-neutral-color-1;
-  color: #333;
-  font-family: Courier New;
-  font-size: 12px;
-}
-
-.layui-slider {
-  height: 4px;
-  background: @global-neutral-color-3;
-  border-radius: 3px;
-  position: relative;
-  cursor: pointer;
-}
-
-.layui-slider-bar {
-  border-radius: 3px;
-  position: absolute;
-  height: 100%;
-}
-
-.layui-slider-step {
-  position: absolute;
-  top: 0;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: #fff;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-}
-
-.layui-slider-wrap {
-  width: 36px;
-  height: 36px;
-  position: absolute;
-  top: -16px;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-  z-index: 10;
-  text-align: center;
-}
-
-.layui-slider-wrap-btn {
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  background: #fff;
-  display: inline-block;
-  vertical-align: middle;
-  cursor: pointer;
-  transition: 0.3s;
-}
-
-.layui-slider-wrap:after {
-  content: "";
-  height: 100%;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.layui-slider-wrap-btn.layui-slider-hover,
-.layui-slider-wrap-btn:hover {
-  transform: scale(1.2);
-}
-
-.layui-slider-wrap-btn.layui-disabled:hover {
-  transform: scale(1) !important;
-}
-
-.layui-slider-tips {
-  position: absolute;
-  top: -42px;
-  z-index: 66666666;
-  white-space: nowrap;
-  display: none;
-  -webkit-transform: translateX(-50%);
-  transform: translateX(-50%);
-  color: #fff;
-  background: #000;
-  border-radius: 3px;
-  height: 25px;
-  line-height: 25px;
-  padding: 0 10px;
-}
-
-.layui-slider-tips:after {
-  content: "";
-  position: absolute;
-  bottom: -12px;
-  left: 50%;
-  margin-left: -6px;
-  width: 0;
-  height: 0;
-  border-width: 6px;
-  border-style: solid;
-  border-color: #000 transparent transparent;
-}
-
-.layui-slider-input {
-  width: 70px;
-  height: 32px;
-  border: 1px solid @global-neutral-color-3;
-  border-radius: 3px;
-  font-size: 16px;
-  line-height: 32px;
-  position: absolute;
-  right: 0;
-  top: -14px;
-}
-
-.layui-slider-input-btn {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 20px;
-  height: 100%;
-  border-left: 1px solid @global-neutral-color-3;
-}
-
-.layui-slider-input-btn i {
-  cursor: pointer;
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 20px;
-  height: 50%;
-  font-size: 12px;
-  line-height: 16px;
-  text-align: center;
-  color: #999;
-}
-
-.layui-slider-input-btn i:first-child {
-  top: 0;
-  border-bottom: 1px solid @global-neutral-color-3;
-}
-
-.layui-slider-input-txt {
-  height: 100%;
-  font-size: 14px;
-}
-
-.layui-slider-input-txt input {
-  height: 100%;
-  border: none;
-}
-
-.layui-slider-input-btn i:hover {
-  color: @global-primary-color;
-}
-
-.layui-slider-vertical {
-  width: 4px;
-  margin-left: 33px;
-}
-
-.layui-slider-vertical .layui-slider-bar {
-  width: 4px;
-}
-
-.layui-slider-vertical .layui-slider-step {
-  top: auto;
-  left: 0;
-  -webkit-transform: translateY(50%);
-  transform: translateY(50%);
-}
-
-.layui-slider-vertical .layui-slider-wrap {
-  top: auto;
-  left: -16px;
-  -webkit-transform: translateY(50%);
-  transform: translateY(50%);
-}
-
-.layui-slider-vertical .layui-slider-tips {
-  top: auto;
-  left: 2px;
-}
-
-@media \0screen {
-  .layui-slider-wrap-btn {
-    margin-left: -20px;
-  }
-
-  .layui-slider-vertical .layui-slider-wrap-btn {
-    margin-left: 0;
-    margin-bottom: -20px;
-  }
-
-  .layui-slider-vertical .layui-slider-tips {
-    margin-left: -8px;
-  }
-
-  .layui-slider > span {
-    margin-left: 8px;
-  }
-}
-
-.layui-tree {
-  line-height: 22px;
-}
-
-.layui-tree .layui-form-checkbox {
-  margin: 0 !important;
-}
-
-.layui-tree-set {
-  width: 100%;
-  position: relative;
-}
-
-.layui-tree-pack {
-  display: none;
-  padding-left: 20px;
-  position: relative;
-}
-
-.layui-tree-iconClick,
-.layui-tree-main {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.layui-tree-line .layui-tree-pack {
-  padding-left: 27px;
-}
-
-.layui-tree-line .layui-tree-set .layui-tree-set:after {
-  content: "";
-  position: absolute;
-  top: 14px;
-  left: -9px;
-  width: 17px;
-  height: 0;
-  border-top: 1px dotted #c0c4cc;
-}
-
-.layui-tree-entry {
-  position: relative;
-  padding: 3px 0;
-  height: 20px;
-  white-space: nowrap;
-}
-
-.layui-tree-entry:hover {
-  background-color: @global-neutral-color-3;
-}
-
-.layui-tree-line .layui-tree-entry:hover {
-  background-color: rgba(0, 0, 0, 0);
-}
-
-.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
-  color: #999;
-  text-decoration: underline;
-  transition: 0.3s;
-}
-
-.layui-tree-main {
-  cursor: pointer;
-  padding-right: 10px;
-}
-
-.layui-tree-line .layui-tree-set:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: -9px;
-  width: 0;
-  height: 100%;
-  border-left: 1px dotted #c0c4cc;
-}
-
-.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before {
-  height: 13px;
-}
-
-.layui-tree-line .layui-tree-set.layui-tree-setHide:before {
-  height: 0;
-}
-
-.layui-tree-iconClick {
-  position: relative;
-  height: 20px;
-  line-height: 20px;
-  margin: 0 10px;
-  color: #c0c4cc;
-}
-
-.layui-tree-icon {
-  height: 12px;
-  line-height: 12px;
-  width: 12px;
-  text-align: center;
-  border: 1px solid #c0c4cc;
-}
-
-.layui-tree-iconClick .layui-icon {
-  font-size: 18px;
-}
-
-.layui-tree-icon .layui-icon {
-  font-size: 12px;
-  color: #666;
-}
-
-.layui-tree-iconArrow {
-  padding: 0 5px;
-}
-
-.layui-tree-iconArrow:after {
-  content: "";
-  position: absolute;
-  left: 4px;
-  top: 3px;
-  z-index: 100;
-  width: 0;
-  height: 0;
-  border-width: 5px;
-  border-style: solid;
-  border-color: transparent transparent transparent #c0c4cc;
-  transition: 0.5s;
-}
-
-.layui-tree-btnGroup,
-.layui-tree-editInput {
-  position: relative;
-  vertical-align: middle;
-  display: inline-block;
-}
-
-.layui-tree-spread
-  > .layui-tree-entry
-  > .layui-tree-iconClick
-  > .layui-tree-iconArrow:after {
-  transform: rotate(90deg) translate(3px, 4px);
-}
-
-.layui-tree-txt {
-  display: inline-block;
-  vertical-align: middle;
-  color: #555;
-}
-
-.layui-tree-search {
-  margin-bottom: 15px;
-  color: #666;
-}
-
-.layui-tree-btnGroup .layui-icon {
-  display: inline-block;
-  vertical-align: middle;
-  padding: 0 2px;
-  cursor: pointer;
-}
-
-.layui-tree-btnGroup .layui-icon:hover {
-  color: #999;
-  transition: 0.3s;
-}
-
-.layui-tree-entry:hover .layui-tree-btnGroup {
-  visibility: visible;
-}
-
-.layui-tree-editInput {
-  height: 20px;
-  line-height: 20px;
-  padding: 0 3px;
-  border: none;
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-.layui-tree-emptyText {
-  text-align: center;
-  color: #999;
-}
+/// anim.css
 
 .layui-anim {
   -webkit-animation-duration: 0.3s;