ls-pro-common 3.0.60 → 3.0.62

package/lib/components/common.less

@@ -1,7 +1,6 @@
 body {
-
-  --bg-color: #F9FAFB;
-  --ant-primary-color: #1869ED;
+  --bg-color: #f9fafb;
+  --ant-primary-color: #1869ed;
   --ant-primary-color-hover: #418efa;
   --ant-primary-color-active: #0a4cc7;
   --ant-primary-color-outline: rgba(24, 105, 237, 0.4);
@@ -10,7 +9,7 @@ body {
   --ant-primary-3: #94c8ff;
   --ant-primary-4: #6baeff;
   --ant-primary-5: #418efa;
-  --ant-primary-6: #1869ED;
+  --ant-primary-6: #1869ed;
   --ant-primary-7: #0a4cc7;
   --ant-primary-color-deprecated-pure: #bed5fa;
   --ant-primary-color-deprecated-l-35: #bed5fa;
@@ -38,10 +37,9 @@ body {
   --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
   --ant-warning-color-deprecated-bg: #fffbe6;
   --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1869ED;
+  --ant-info-color: #1869ed;
   --ant-info-color-deprecated-bg: #e6f4ff;
   --ant-info-color-deprecated-border: #94c8ff;
-
 }
 
 * ::-webkit-scrollbar-thumb {
@@ -64,7 +62,6 @@ body {
   scrollbar-width: thin;
 }
 
-
 body.theme-yellow {
   --ant-primary-color: #fa8500;
   --ant-primary-color-hover: #ffa229;
@@ -130,13 +127,13 @@ body.theme-yellow {
 .dtl-layout {
   position: absolute;
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
-  background: var(--bg-color, #f9fafb);
+  left: 0;
+  z-index: 50;
   display: flex;
   flex-direction: column;
-  z-index: 50;
+  background: var(--bg-color, #f9fafb);
 
   .dtl-header {
     display: flex;
@@ -144,11 +141,10 @@ body.theme-yellow {
     padding: 8px 20px;
     background: #fff;
 
-
     .dtl-title {
-      font-size: 16px;
-      font-weight: 700;
       position: relative;
+      font-weight: 700;
+      font-size: 16px;
     }
 
     .dtl-btns {
@@ -158,8 +154,8 @@ body.theme-yellow {
   }
 
   .dtl-body {
-    height: 0;
     flex: 1;
+    height: 0;
     overflow: auto;
   }
 
@@ -194,40 +190,40 @@ body.theme-yellow {
 .page404 {
   width: 100%;
   height: 100%;
-  text-align: center;
   padding-top: 10%;
-  font-size: 15px;
-  font-weight: 600;
   color: gray;
+  font-weight: 600;
+  font-size: 15px;
+  text-align: center;
   background-color: #fff;
 
   img {
-    vertical-align: bottom;
     padding-right: 5px;
+    vertical-align: bottom;
   }
 }
 
 .loading {
-  height: 100%;
-  width: 100%;
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 100%;
+  height: 100%;
   background: #fff;
 }
 
 #myloading {
   position: fixed;
   top: 0;
-  left: 0;
-  bottom: 0;
   right: 0;
+  bottom: 0;
+  left: 0;
   z-index: 9999;
   display: flex;
   align-items: center;
-  background-color: rgba(226, 227, 231, 0.35);
   justify-content: center;
+  background-color: rgba(226, 227, 231, 0.35);
 
   .load-text {
     padding: 4px 20px;
@@ -236,7 +232,6 @@ body.theme-yellow {
   }
 }
 
-
 a {
   color: var(--ant-primary-color);
 }
@@ -253,23 +248,22 @@ a:hover {
   }
 
   .ant-upload-select {
-
     .img-wrapper {
       position: relative;
 
       .clear-btn {
         position: absolute;
-        left: 0;
         top: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(199, 202, 212, 0.9);
+        left: 0;
         display: flex;
+        display: none;
         align-items: flex-start;
+        justify-content: end;
+        width: 100%;
+        height: 100%;
         padding: 4px;
         color: #1f4265;
-        justify-content: end;
-        display: none;
+        background: rgba(199, 202, 212, 0.9);
       }
 
       &:hover {
@@ -285,27 +279,23 @@ a:hover {
     }
   }
 
-
-
   .img-choose {
     margin: 8px 0;
   }
 
   .img-desc {
-    color: rgba(69, 77, 100, 0.7)
+    color: rgba(69, 77, 100, 0.7);
   }
 
   .ant-modal-body {
-    padding: 8px;
     max-height: calc(100vh - 180px);
+    padding: 8px;
     overflow-y: auto;
   }
 }
 
-
 .description-card {
-
-  border: solid 1px #EAEEF2;
+  border: solid 1px #eaeef2;
 
   &.ant-pro-card {
     box-shadow: none;
@@ -314,18 +304,18 @@ a:hover {
   .btn-expand {
     margin: auto;
     margin-left: 20px;
+    color: #8c8c8c;
     font-size: 13px;
-    color: #8C8C8C;
 
     :hover {
-      color: var(--ant-primary-color)
+      color: var(--ant-primary-color);
     }
   }
 
   .ant-pro-card-header {
     height: 38px;
     padding: 12px;
-    background-color: #F4F7FD;
+    background-color: #f4f7fd;
     border-radius: 8px 8px 0 0;
   }
 
@@ -334,28 +324,26 @@ a:hover {
   }
 
   .ant-pro-card-header-border {
-    border-bottom: 1px solid #EAEEF2;
+    border-bottom: 1px solid #eaeef2;
   }
 
-  .ant-descriptions-row>td,
-  .ant-descriptions-row>th {
-    padding-bottom: 12px
+  .ant-descriptions-row > td,
+  .ant-descriptions-row > th {
+    padding-bottom: 12px;
   }
-
 }
 
 .has-background {
   background: #f6fafe;
 }
 
-
 .ls-group-tip {
-  display: flex;
   position: relative;
-  width: 100%;
+  display: flex;
   align-items: center;
-  background: #fff;
+  width: 100%;
   padding-bottom: 12px;
+  background: #fff;
 
   .ls-group-divider {
     height: 14px;
@@ -363,9 +351,9 @@ a:hover {
   }
 
   .ls-group-text {
-    font-size: 14px;
-    color: #181818;
     padding-left: 8px;
+    color: #181818;
+    font-size: 14px;
   }
 }
 
@@ -375,29 +363,29 @@ a:hover {
   gap: 5px;
 
   .ant-tag-checkable {
+    position: relative;
+    margin-right: 0px;
     background-color: #efefef;
     border-color: #efefef;
-    margin-right: 0px;
-    position: relative;
   }
 
   .ant-tag-checkable-checked {
-    border-color: var(--ant-primary-color);
     color: var(--ant-primary-color);
     background-color: var(--ant-primary-1);
+    border-color: var(--ant-primary-color);
 
     &::after {
-      content: '';
       position: absolute;
-      width: 0;
-      height: 0;
       right: 0;
       bottom: 0;
-      border-width: 4px;
-      border-style: solid;
+      width: 0;
+      height: 0;
       border-color: transparent;
+      border-style: solid;
+      border-width: 4px;
       border-right-color: var(--ant-primary-color);
       border-bottom-color: var(--ant-primary-color);
+      content: '';
     }
   }
 }
@@ -410,42 +398,54 @@ a:hover {
 
 .ls-input-table {
   .ant-pro-table-search {
-    box-shadow: none !important;
+    margin-bottom: 0 !important;
     padding: 0 !important;
+    border-bottom: 1px solid #e7e8e9;
+    border-radius: 0px !important;
+    box-shadow: none !important;
   }
 
   .ant-pro-table-list-toolbar {
-    padding-top: 0px;
-    min-height: 30px;
+    min-height: 35px;
+    padding: 0 !important;
+    line-height: 35px;
+    .ant-pro-table-list-toolbar-container {
+      padding-bottom: 0 !important;
+    }
+    .ant-pro-table-list-toolbar-title {
+      font-size: 14px !important;
+    }
+  }
+  .ant-form:not(.ant-form-large, .ant-form-sm) .ant-form-item {
+    margin-bottom: 6px !important;
   }
 }
 
-
 //-------------------省市区组件样式-----------
 //最外层盒子
 .ls-area-cascaded-box {
-  width: 600px;
   display: flex;
   flex-direction: column;
+  width: 600px;
   transition: all 0.3s;
 
   .ls-area-cascaded-header {
-    width: 100%;
-    padding: 2px 0 6px;
-    border-bottom: 1px solid #f0f0f0;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     justify-content: center;
+    width: 100%;
+    padding: 2px 0 6px;
+    border-bottom: 1px solid #f0f0f0;
 
     .ls-word-box-display {
       margin: 0 10px;
-      font-size: 14px;
       font-weight: 100;
+      font-size: 14px;
 
       button {
-        border: none;
         background-color: var(--ant-primary-2, #f0f9ff);
+        border: none;
 
         &[disabled] {
           background-color: #fafafa !important;
@@ -459,8 +459,8 @@ a:hover {
 
       .ls-myself-select-title-style {
         color: var(--ant-primary-color, rgb(69, 154, 220));
-        font-size: 14px;
         font-weight: 600;
+        font-size: 14px;
         transition: all 0.3s;
       }
     }
@@ -472,26 +472,26 @@ a:hover {
   }
 
   .ls-area-cascaded-body {
-    width: 100%;
-    min-height: 100px;
-    max-height: 350px;
-    overflow: auto;
-    padding: 8px 12px 4px;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 4px;
-    justify-content: start;
     align-content: flex-start;
     align-items: center;
+    justify-content: start;
+    width: 100%;
+    min-height: 100px;
+    max-height: 350px;
+    padding: 8px 12px 4px;
+    overflow: auto;
 
     .ls-area-cascaded-span {
-      text-align: center;
       padding: 6px 10px;
 
       //文字不换行，超出省略
       overflow: hidden;
-      text-overflow: ellipsis;
       white-space: nowrap;
+      text-align: center;
+      text-overflow: ellipsis;
       cursor: pointer;
 
       &.ls-area-selected,
@@ -510,7 +510,6 @@ a:hover {
   }
 }
 
-
 @import url('./antd-custom.less');
 
-//-------------------省市区组件样式-----------
+//-------------------省市区组件样式-----------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ls-pro-common",
-  "version": "3.0.60",
+  "version": "3.0.62",
   "description": "ls-pro-common",
   "license": "MIT",
   "sideEffects": [
@@ -21,8 +21,8 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^4.3.0",
-    "ls-pro-table": "^3.0.42",
-    "ls-pro-form": "^3.0.16",
+    "ls-pro-table": "^3.0.44",
+    "ls-pro-form": "^3.0.18",
     "ls-pro-field": "^3.0.6",
     "ls-pro-descriptions": "^3.0.1",
     "ls-pro-card": "^3.0.3",