ls-pro-common 3.0.11 → 3.0.13

package/README.md

@@ -1,22 +1,22 @@
-# ls-pro-common
-
-> ls-pro-common.
-
-
-ls-pro-common 基于 ant-design/pro-component 进行封装的业务功能及组件，主要包括通用的页面布局组件，CRUD,导入导出 功能 hooks封装， http请求封装等。
-
-
-
-## Install
-
-Using npm:
-
-```bash
-$ npm install --save  ls-pro-common
-```
-
-or using yarn:
-
-```bash
-$ yarn add ls-pro-common
-```
+# ls-pro-common
+
+> ls-pro-common.
+
+
+ls-pro-common 基于 ant-design/pro-component 进行封装的业务功能及组件，主要包括通用的页面布局组件，CRUD,导入导出 功能 hooks封装， http请求封装等。
+
+
+
+## Install
+
+Using npm:
+
+```bash
+$ npm install --save  ls-pro-common
+```
+
+or using yarn:
+
+```bash
+$ yarn add ls-pro-common
+```

package/dist/common.css

@@ -135,6 +135,7 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
 .dtl-layout .dtl-header .dtl-title {
   font-size: 16px;
   font-weight: 700;
+  position: relative;
 }
 .dtl-layout .dtl-header .dtl-btns {
   flex: 1;
@@ -292,6 +293,14 @@ a:hover {
   color: #181818;
   padding-left: 8px;
 }
+.ls-input-table .ant-pro-table-search {
+  box-shadow: none !important;
+  padding: 0 !important;
+}
+.ls-input-table .ant-pro-table-list-toolbar {
+  padding-top: 0px;
+  min-height: 30px;
+}
 .ls-area-cascaded-box {
   width: 600px;
   display: flex;
@@ -362,9 +371,6 @@ a:hover {
 .ls-area-box-position .ls-ant-select-dropdown {
   top: 36px !important;
 }
-.ls-input-table .ant-pro-table-list-toolbar {
-  padding-top: 0px;
-}
 .ant-timeline-item-tail {
   border-left: 2px dotted var(--ant-primary-color);
 }
@@ -407,7 +413,7 @@ a:hover {
   padding: 0 2px !important;
 }
 .ant-picker-range-separator .ant-picker-separator {
-  font-size: 14px;
+  font-size: 13px;
 }
 .ant-btn {
   height: 32px;
@@ -462,6 +468,26 @@ a:hover {
   border-color: transparent;
   color: #fff;
 }
+.ant-btn-gray {
+  background-color: #F1F4F6;
+  color: #1B1F2A;
+}
+.ant-btn-gray:hover,
+.ant-btn-gray:focus {
+  background-color: #D2D6DD;
+  color: #1B1F2A;
+}
+.ant-btn-gray:active {
+  background-color: #B5BBC5;
+  color: #1B1F2A;
+}
+.ant-btn-gray[disabled],
+.ant-btn-gray[disabled]:hover,
+.ant-btn-gray[disabled]:focus,
+.ant-btn-gray[disabled]:active {
+  background-color: #F1F4F6;
+  color: #818999;
+}
 .ant-btn-dangerous {
   background-color: #FFCCC7;
   border-color: transparent;
@@ -575,6 +601,59 @@ a:hover {
   text-overflow: ellipsis;
   width: 200px;
 }
+.ant-picker,
+.ant-form-item-label > label,
+.ant-form-item,
+.ant-input,
+.ant-select,
+.ant-pagination,
+.ant-badge-status-text {
+  font-size: 13px !important;
+}
+.ant-btn,
+.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,
+.ant-form-item-label > label {
+  height: 28px !important;
+  min-height: 28px !important;
+}
+.ant-form-item-control-input {
+  min-height: 28px !important;
+}
+.ant-form-item {
+  margin-bottom: 12px !important;
+}
+.ant-select-single .ant-select-selector .ant-select-selection-item,
+.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+  line-height: 26px !important;
+}
+.ant-select-multiple .ant-select-selection-item {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+.ant-select-multiple .ant-select-selector::after {
+  line-height: 20px !important;
+}
+.ant-btn,
+.ant-picker,
+.ant-input-affix-wrapper {
+  padding-top: 2px !important;
+  padding-bottom: 2px !important;
+}
+.ant-picker-range {
+  padding: 2px 4px !important;
+}
+.ant-picker-range .ant-picker-range-separator {
+  font-size: 12px !important;
+}
+.ant-picker-range .ant-picker-active-bar {
+  margin-left: 4px !important;
+}
+.ant-picker-range .ant-picker-clear {
+  right: 3px !important;
+}
+.ant-picker-range .ant-picker-input > input {
+  letter-spacing: -0.8px !important;
+}
 
 .pro-table-tooltip-text span {
   color: #fff;
@@ -595,7 +674,7 @@ a:hover {
   animation: turn 1s linear infinite;
 }
 .ant-pro-table td.ant-table-cell > a {
-  font-size: 14px;
+  font-size: 13px;
 }
 .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
   margin: 0;
@@ -784,7 +863,9 @@ a:hover {
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td {
-  padding: 7px 10px;
+  padding: 5px 10px;
+  height: 32px;
+  font-size: 13px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title .total-label,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer .total-label,
@@ -800,7 +881,7 @@ a:hover {
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td:first-child {
-  padding: 7px 10px 7px 16px;
+  padding: 5px 10px 5px 16px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title:last-child,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer:last-child,
@@ -808,7 +889,7 @@ a:hover {
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td:last-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th:last-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td:last-child {
-  padding: 7px 16px 7px 10px;
+  padding: 5px 16px 5px 10px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title.ant-table-cell-fix-right-first,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer.ant-table-cell-fix-right-first,
@@ -826,6 +907,9 @@ a:hover {
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td.ant-table-cell-fix-left-last {
   padding-right: 15px;
 }
+.ls-pro-table-mini .ant-table-tbody > tr.ant-table-row-current > td {
+  background: var(--ant-primary-1);
+}
 .ls-pro-table-mini .ant-pagination {
   margin: 8px 0;
 }
@@ -848,10 +932,13 @@ a:hover {
 .ls-pro-table .ant-table-tbody > tr > td {
   border-bottom: none;
 }
+.ls-pro-table .ant-table-tbody > tr.ant-table-row-current .ant-table-cell-fix-left,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-left,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
+.ls-pro-table .ant-table-tbody > tr.ant-table-row-current .ant-table-cell-fix-right,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-right,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
+.ls-pro-table .ant-table-tbody > tr.ant-table-row-current > td,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected > td,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #E6F5FF;
@@ -865,10 +952,13 @@ a:hover {
 .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #fcfaf7;
 }
+.theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-current .ant-table-cell-fix-left,
 .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-left,
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
+.theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-current .ant-table-cell-fix-right,
 .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-right,
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
+.theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-current > td,
 .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected > td,
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
@@ -1015,7 +1105,7 @@ a:hover {
   margin-left: 8px;
   color: rgba(0, 0, 0, 0.45);
   font-weight: normal;
-  font-size: 14px;
+  font-size: 13px;
   white-space: nowrap;
 }
 .ant-pro-core-label-tip-title-ellipsis {
@@ -1094,7 +1184,7 @@ a:hover {
   display: inline-block;
   height: 30px;
   padding: 0 4px;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 30px;
   border-radius: 2px;
   cursor: pointer;
@@ -1288,8 +1378,8 @@ a:hover {
 }
 
 .ant-pro-table-search {
-  margin-bottom: 16px;
-  padding: 20px 20px;
+  margin-bottom: 12px;
+  padding: 12px 20px;
   padding-bottom: 0;
   background: #fff;
   border-radius: 0px 8px 8px 8px;
@@ -1314,7 +1404,7 @@ a:hover {
 }
 .ant-pro-table-search-light {
   margin-bottom: 0;
-  padding: 16px 0;
+  padding: 12px 0;
 }
 .ant-pro-table-search-form-option .ant-form-item {
   margin: 0;
@@ -2721,7 +2811,7 @@ html {
   animation: turn 1s linear infinite;
 }
 .ant-pro-table td.ant-table-cell > a {
-  font-size: 14px;
+  font-size: 13px;
 }
 .ant-pro-table .ant-table .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
   margin: 0;
@@ -2910,7 +3000,9 @@ html {
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td {
-  padding: 7px 10px;
+  padding: 5px 10px;
+  height: 32px;
+  font-size: 13px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title .total-label,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer .total-label,
@@ -2926,7 +3018,7 @@ html {
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td:first-child {
-  padding: 7px 10px 7px 16px;
+  padding: 5px 10px 5px 16px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title:last-child,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer:last-child,
@@ -2934,7 +3026,7 @@ html {
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td:last-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th:last-child,
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td:last-child {
-  padding: 7px 16px 7px 10px;
+  padding: 5px 16px 5px 10px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title.ant-table-cell-fix-right-first,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer.ant-table-cell-fix-right-first,
@@ -2952,6 +3044,9 @@ html {
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td.ant-table-cell-fix-left-last {
   padding-right: 15px;
 }
+.ls-pro-table-mini .ant-table-tbody > tr.ant-table-row-current > td {
+  background: var(--ant-primary-1);
+}
 .ls-pro-table-mini .ant-pagination {
   margin: 8px 0;
 }
@@ -2974,10 +3069,13 @@ html {
 .ls-pro-table .ant-table-tbody > tr > td {
   border-bottom: none;
 }
+.ls-pro-table .ant-table-tbody > tr.ant-table-row-current .ant-table-cell-fix-left,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-left,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
+.ls-pro-table .ant-table-tbody > tr.ant-table-row-current .ant-table-cell-fix-right,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected .ant-table-cell-fix-right,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
+.ls-pro-table .ant-table-tbody > tr.ant-table-row-current > td,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row-selected > td,
 .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #E6F5FF;
@@ -2991,10 +3089,13 @@ html {
 .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #fcfaf7;
 }
+.theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-current .ant-table-cell-fix-left,
 .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-left,
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-left,
+.theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-current .ant-table-cell-fix-right,
 .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected .ant-table-cell-fix-right,
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover .ant-table-cell-fix-right,
+.theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-current > td,
 .theme-yellow .ls-pro-table .ant-table-tbody tr.ant-table-row-selected > td,
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
@@ -3168,7 +3269,7 @@ html {
 .ant-pro-table-list-toolbar {
   line-height: 1;
   min-height: 44px;
-  padding-top: 20px;
+  padding-top: 12px;
 }
 .ant-pro-table-list-toolbar .select-tip {
   color: #222;
@@ -3422,7 +3523,7 @@ html {
   padding: 0;
   background-color: #fff;
   border-radius: 8px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
 }
 .ant-pro-card-bottom-radius-only {
@@ -3477,7 +3578,7 @@ html {
   font-size: 14px;
 }
 .ant-pro-card-size-small .ant-pro-card-body {
-  padding: 20px;
+  padding: 12px 20px;
 }
 .ant-pro-card-ghost {
   background-color: transparent;
@@ -3746,7 +3847,7 @@ html {
   position: relative;
   display: block;
   min-width: 32px;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 1.5715;
   cursor: pointer;
 }