ls-pro-common 1.0.62 → 1.0.64

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

@@ -138,6 +138,53 @@ a {
 a:hover {
   color: var(--ant-primary-5);
 }
+.image-selector .img-upload,
+.icon-selector .img-upload {
+  width: 40px;
+  height: 40px;
+}
+.image-selector .ant-upload-select .img-wrapper,
+.icon-selector .ant-upload-select .img-wrapper {
+  position: relative;
+}
+.image-selector .ant-upload-select .img-wrapper .clear-btn,
+.icon-selector .ant-upload-select .img-wrapper .clear-btn {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(199, 202, 212, 0.9);
+  display: flex;
+  align-items: flex-start;
+  padding: 4px;
+  color: #1f4265;
+  justify-content: end;
+  display: none;
+}
+.image-selector .ant-upload-select .img-wrapper:hover .clear-btn,
+.icon-selector .ant-upload-select .img-wrapper:hover .clear-btn {
+  display: flex;
+}
+.image-selector .ant-upload-select .img-wrapper .img-preview,
+.icon-selector .ant-upload-select .img-wrapper .img-preview {
+  max-width: 150px;
+  max-height: 150px;
+}
+.image-selector .img-choose,
+.icon-selector .img-choose {
+  margin: 8px 0;
+}
+.image-selector .img-desc,
+.icon-selector .img-desc {
+  color: rgba(69, 77, 100, 0.7);
+}
+.image-selector .ant-modal-body,
+.icon-selector .ant-modal-body {
+  padding: 8px;
+  max-height: calc(100vh - 180px);
+  overflow-y: auto;
+}
 
 .pro-table-tooltip-text span {
   color: #fff;
@@ -229,21 +276,36 @@ a:hover {
 .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #f7fafc;
 }
-.ant-pro-table .ant-table-cell-row-hover,
-.ant-pro-table .ant-table-row-selected td {
+.ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-left,
+.ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-right {
+  background-color: #f7fafc;
+}
+.ls-pro-table .ant-table-tbody .ant-table-cell-fix-left,
+.ls-pro-table .ant-table-tbody .ant-table-cell-fix-right {
+  z-index: 1;
+}
+.ls-pro-table .ant-table-tbody > tr > td {
+  border-bottom: none;
+}
+.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-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-selected > td,
+.ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #E6F5FF;
 }
-.ant-pro-table .ant-table-thead tr th {
+.ls-pro-table .ant-table-thead tr th {
   background-color: #f5f9ff;
 }
-.ant-pro-table .react-resizable {
+.ls-pro-table .react-resizable {
   position: relative;
 }
-.ant-pro-table .react-resizable::before {
+.ls-pro-table .react-resizable::before {
   height: 0 !important;
   width: 0 !important;
 }
-.ant-pro-table .react-resizable-handle {
+.ls-pro-table .react-resizable-handle {
   cursor: col-resize;
   border-left: solid 1px rgba(0, 0, 0, 0.12);
   height: 1.6em;
@@ -257,13 +319,14 @@ a:hover {
 .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #fcfaf7;
 }
-.theme-yellow .ant-pro-table .ant-table-cell-row-hover,
-.theme-yellow .ant-pro-table .ant-table-row-selected td {
+.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-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-selected > td,
+.theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
 }
-.theme-yellow .ant-pro-table .ant-table-thead tr th {
-  background-color: #fffaf5;
-}
 @keyframes turn {
   0% {
     transform: rotate(0deg);
@@ -2103,21 +2166,36 @@ html {
 .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #f7fafc;
 }
-.ant-pro-table .ant-table-cell-row-hover,
-.ant-pro-table .ant-table-row-selected td {
+.ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-left,
+.ls-pro-table .ant-table-tbody tr:nth-of-type(odd) .ant-table-cell-fix-right {
+  background-color: #f7fafc;
+}
+.ls-pro-table .ant-table-tbody .ant-table-cell-fix-left,
+.ls-pro-table .ant-table-tbody .ant-table-cell-fix-right {
+  z-index: 1;
+}
+.ls-pro-table .ant-table-tbody > tr > td {
+  border-bottom: none;
+}
+.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-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-selected > td,
+.ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #E6F5FF;
 }
-.ant-pro-table .ant-table-thead tr th {
+.ls-pro-table .ant-table-thead tr th {
   background-color: #f5f9ff;
 }
-.ant-pro-table .react-resizable {
+.ls-pro-table .react-resizable {
   position: relative;
 }
-.ant-pro-table .react-resizable::before {
+.ls-pro-table .react-resizable::before {
   height: 0 !important;
   width: 0 !important;
 }
-.ant-pro-table .react-resizable-handle {
+.ls-pro-table .react-resizable-handle {
   cursor: col-resize;
   border-left: solid 1px rgba(0, 0, 0, 0.12);
   height: 1.6em;
@@ -2131,13 +2209,14 @@ html {
 .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #fcfaf7;
 }
-.theme-yellow .ant-pro-table .ant-table-cell-row-hover,
-.theme-yellow .ant-pro-table .ant-table-row-selected td {
+.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-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-selected > td,
+.theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
 }
-.theme-yellow .ant-pro-table .ant-table-thead tr th {
-  background-color: #fffaf5;
-}
 @keyframes turn {
   0% {
     transform: rotate(0deg);