ls-pro-common 3.0.60 → 3.0.62

package/dist/common.css

@@ -1,6 +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);
@@ -9,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;
@@ -37,7 +37,7 @@ 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;
 }
@@ -118,13 +118,13 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
 .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-layout .dtl-header {
   display: flex;
@@ -133,17 +133,17 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
   background: #fff;
 }
 .dtl-layout .dtl-header .dtl-title {
-  font-size: 16px;
-  font-weight: 700;
   position: relative;
+  font-weight: 700;
+  font-size: 16px;
 }
 .dtl-layout .dtl-header .dtl-btns {
   flex: 1;
   text-align: right;
 }
 .dtl-layout .dtl-body {
-  height: 0;
   flex: 1;
+  height: 0;
   overflow: auto;
 }
 .dtl-layout .dtl-flex {
@@ -170,37 +170,37 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
 .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;
 }
 .page404 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);
 }
 #myloading .load-text {
   padding: 4px 20px;
@@ -225,17 +225,17 @@ a:hover {
 .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);
+  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);
 }
 .image-selector .ant-upload-select .img-wrapper:hover .clear-btn,
 .icon-selector .ant-upload-select .img-wrapper:hover .clear-btn {
@@ -256,12 +256,12 @@ a:hover {
 }
 .image-selector .ant-modal-body,
 .icon-selector .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;
 }
 .description-card.ant-pro-card {
   box-shadow: none;
@@ -269,8 +269,8 @@ a:hover {
 .description-card .btn-expand {
   margin: auto;
   margin-left: 20px;
+  color: #8c8c8c;
   font-size: 13px;
-  color: #8C8C8C;
 }
 .description-card .btn-expand :hover {
   color: var(--ant-primary-color);
@@ -278,14 +278,14 @@ a:hover {
 .description-card .ant-pro-card-header {
   height: 38px;
   padding: 12px;
-  background-color: #F4F7FD;
+  background-color: #f4f7fd;
   border-radius: 8px 8px 0 0;
 }
 .description-card .ant-pro-card-body {
   padding: 20px 12px;
 }
 .description-card .ant-pro-card-header-border {
-  border-bottom: 1px solid #EAEEF2;
+  border-bottom: 1px solid #eaeef2;
 }
 .description-card .ant-descriptions-row > td,
 .description-card .ant-descriptions-row > th {
@@ -295,21 +295,21 @@ a:hover {
   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-tip .ls-group-divider {
   height: 14px;
   border-right: 2px solid var(--ant-primary-color);
 }
 .ls-group-tip .ls-group-text {
-  font-size: 14px;
-  color: #181818;
   padding-left: 8px;
+  color: #181818;
+  font-size: 14px;
 }
 .tag-check {
   display: flex;
@@ -317,63 +317,76 @@ a:hover {
   gap: 5px;
 }
 .tag-check .ant-tag-checkable {
+  position: relative;
+  margin-right: 0px;
   background-color: #efefef;
   border-color: #efefef;
-  margin-right: 0px;
-  position: relative;
 }
 .tag-check .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);
 }
 .tag-check .ant-tag-checkable-checked::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: '';
 }
 .ant-pro-table-list-toolbar-title .ls-group-tip {
   padding-bottom: 0;
 }
 .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;
 }
 .ls-input-table .ant-pro-table-list-toolbar {
-  padding-top: 0px;
-  min-height: 30px;
+  min-height: 35px;
+  padding: 0 !important;
+  line-height: 35px;
+}
+.ls-input-table .ant-pro-table-list-toolbar .ant-pro-table-list-toolbar-container {
+  padding-bottom: 0 !important;
+}
+.ls-input-table .ant-pro-table-list-toolbar .ant-pro-table-list-toolbar-title {
+  font-size: 14px !important;
+}
+.ls-input-table .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-box .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-area-cascaded-box .ls-area-cascaded-header .ls-word-box-display {
   margin: 0 10px;
-  font-size: 14px;
   font-weight: 100;
+  font-size: 14px;
 }
 .ls-area-cascaded-box .ls-area-cascaded-header .ls-word-box-display button {
-  border: none;
   background-color: var(--ant-primary-2, #f0f9ff);
+  border: none;
 }
 .ls-area-cascaded-box .ls-area-cascaded-header .ls-word-box-display button[disabled] {
   background-color: #fafafa !important;
@@ -384,8 +397,8 @@ a:hover {
 }
 .ls-area-cascaded-box .ls-area-cascaded-header .ls-word-box-display .ls-myself-select-title-style {
   color: var(--ant-primary-color, #459adc);
-  font-size: 14px;
   font-weight: 600;
+  font-size: 14px;
   transition: all 0.3s;
 }
 .ls-area-cascaded-box .ls-area-cascaded-header .ls-icon-box-display {
@@ -393,24 +406,24 @@ a:hover {
   align-items: center;
 }
 .ls-area-cascaded-box .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-box .ls-area-cascaded-body .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-cascaded-box .ls-area-cascaded-body .ls-area-cascaded-span.ls-area-selected,
@@ -551,13 +564,13 @@ a:hover {
 }
 .ant-btn-dangerous {
   color: #f5222d;
-  background-color: #ffccc7;
+  background-color: #fff1f0;
   border-color: transparent;
 }
 .ant-btn-dangerous:hover,
 .ant-btn-dangerous:focus {
   color: #f5222d;
-  background-color: #fff1f0;
+  background-color: #ffccc7;
   border-color: transparent;
 }
 .ant-btn-dangerous:active {
@@ -819,16 +832,19 @@ a:hover {
 .ant-pro-table .ant-card-body {
   padding: 6px 20px;
 }
+.cell-selected {
+  background-color: #f9e4c9 !important;
+}
 .ant-pro-table-srcoll {
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  width: 100%;
+  height: 100%;
 }
 .ant-pro-table-srcoll .ant-checkbox-checked::after {
-  content: none;
   animation: none !important;
   animation-fill-mode: none !important;
+  content: none;
 }
 .ant-pro-table-srcoll .ant-checkbox-inner,
 .ant-pro-table-srcoll .ant-checkbox-inner::after,
@@ -839,21 +855,21 @@ a:hover {
   transition: none !important;
 }
 .ant-pro-table-srcoll .ant-table-summary .total-cell-label {
-  padding-left: 0 !important;
   padding-right: 0 !important;
+  padding-left: 0 !important;
   text-align: right;
 }
 .ant-pro-table-srcoll .ant-card {
   flex: 1;
   height: 0;
-  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
-  border-radius: 8px;
   overflow: visible;
+  border-radius: 8px;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
 }
 .ant-pro-table-srcoll .ant-card .ant-card-body {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
   overflow: visible;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper {
@@ -876,16 +892,16 @@ a:hover {
   height: 0;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
   border-radius: 4px 4px 0 0;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container div.ant-table-body {
-  flex: 1;
   position: relative;
+  flex: 1;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::before,
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::after {
@@ -903,22 +919,22 @@ a:hover {
 }
 .ant-pro-table-srcoll .resizable-th-handle,
 .ant-pro-table-srcoll .react-resizable-handle {
-  cursor: col-resize;
-  border-left: solid 2px rgba(0, 0, 0, 0.12);
-  height: 1.6em;
   position: absolute;
-  right: 0px;
   top: 50%;
+  right: 0px;
+  width: 3px;
+  height: 1.6em;
+  border-left: solid 2px rgba(0, 0, 0, 0.12);
   transform: translateY(-50%);
+  cursor: col-resize;
   transition: background-color 0.3s;
-  width: 3px;
 }
 .ant-pro-table-srcoll .resizable-th .resizable-th-handle {
   visibility: hidden;
 }
 .ant-pro-table-srcoll .resizable-th:hover .resizable-th-handle {
-  visibility: visible;
   z-index: 10;
+  visibility: visible;
 }
 .ant-pro-table-srcoll .ant-table-cell.ant-table-selection-column {
   text-overflow: inherit !important;
@@ -991,7 +1007,7 @@ a:hover {
   text-overflow: unset;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th {
-  background-color: #F4F7FD;
+  background-color: #f4f7fd;
   border-bottom: none;
   transition: none;
 }
@@ -1001,8 +1017,8 @@ 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: 5px 10px;
   height: 32px;
+  padding: 5px 10px;
   font-size: 13px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title .total-label,
@@ -1052,9 +1068,9 @@ a:hover {
   margin: 8px 0;
 }
 .ls-pro-table-mini .ant-pagination-item-active {
-  background: #E4EEFA;
-  border-radius: 4px;
+  background: #e4eefa;
   border-color: transparent;
+  border-radius: 4px;
 }
 .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #f7fafc;
@@ -1079,7 +1095,7 @@ a:hover {
 .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;
+  background-color: #e6f5ff;
 }
 .ls-pro-table .ant-table-tbody .ant-table-column-sort {
   background: inherit;
@@ -1101,16 +1117,19 @@ a:hover {
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
 }
+.theme-yellow .cell-selected {
+  background-color: #e6f4ff !important;
+}
 .ant-pro-card-body .ant-pro-table .ant-card {
-  box-shadow: none;
   border-radius: 0;
+  box-shadow: none;
 }
 .ant-pro-card-body .ant-pro-table .ant-card-body {
   padding: 0 !important;
 }
 .ant-modal-body .ant-pro-table .ant-card {
-  box-shadow: none;
   padding: 0;
+  box-shadow: none;
 }
 .ant-modal-body .ant-pro-table .ant-card-body {
   padding: 0;
@@ -2829,10 +2848,31 @@ html {
 .search-setting .ant-tree-treenode:hover {
   background-color: #f5f5f5;
 }
+.search-modal-share {
+  display: flex;
+  min-height: 250px;
+  max-height: 400px;
+  overflow: auto;
+}
+.search-modal-share .modal-share-list {
+  width: 200px;
+  padding-top: 10px;
+  line-height: 35px;
+  border-right: 1px solid #eeeeee;
+}
+.search-modal-share .modal-share-item {
+  padding-left: 20px;
+}
+.search-modal-share .modal-share-user {
+  flex: 1;
+  width: 0;
+  padding: 10px 0 0 10px;
+  line-height: 35px;
+}
 .search-modal-body {
   display: flex;
-  min-height: 45vh;
-  max-height: 73vh;
+  min-height: 200px;
+  max-height: 400px;
 }
 .search-modal-body .body-left {
   width: 200px;
@@ -2959,6 +2999,7 @@ html {
 
 .ant-pro-table-alert {
   margin-left: 16px;
+  white-space: nowrap;
 }
 .ant-pro-table-alert .ant-alert.ant-alert-no-icon {
   height: 32px;
@@ -2974,15 +3015,24 @@ html {
 .ant-pro-table-alert-info-content {
   flex: 1;
 }
-.ant-pro-table-alert-info-content a {
+.ant-pro-table-alert-info-content .number {
   display: inline-block;
-  width: 35px;
+  width: 32px;
   text-align: center;
 }
 .ant-pro-table-alert-info-option {
   min-width: 48px;
   padding-left: 16px;
 }
+.ant-table-selected-tag {
+  justify-content: flex-start;
+  width: 450px;
+  height: 240px;
+  overflow: auto;
+}
+.ant-table-selected-tag .ant-tag {
+  margin-bottom: 8px;
+}
 
 .pro-table-tooltip-text span {
   color: #fff;
@@ -3020,16 +3070,19 @@ html {
 .ant-pro-table .ant-card-body {
   padding: 6px 20px;
 }
+.cell-selected {
+  background-color: #f9e4c9 !important;
+}
 .ant-pro-table-srcoll {
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  width: 100%;
+  height: 100%;
 }
 .ant-pro-table-srcoll .ant-checkbox-checked::after {
-  content: none;
   animation: none !important;
   animation-fill-mode: none !important;
+  content: none;
 }
 .ant-pro-table-srcoll .ant-checkbox-inner,
 .ant-pro-table-srcoll .ant-checkbox-inner::after,
@@ -3040,21 +3093,21 @@ html {
   transition: none !important;
 }
 .ant-pro-table-srcoll .ant-table-summary .total-cell-label {
-  padding-left: 0 !important;
   padding-right: 0 !important;
+  padding-left: 0 !important;
   text-align: right;
 }
 .ant-pro-table-srcoll .ant-card {
   flex: 1;
   height: 0;
-  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
-  border-radius: 8px;
   overflow: visible;
+  border-radius: 8px;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
 }
 .ant-pro-table-srcoll .ant-card .ant-card-body {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
   overflow: visible;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper {
@@ -3077,16 +3130,16 @@ html {
   height: 0;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container {
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
   border-radius: 4px 4px 0 0;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container div.ant-table-body {
-  flex: 1;
   position: relative;
+  flex: 1;
 }
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::before,
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::after {
@@ -3104,22 +3157,22 @@ html {
 }
 .ant-pro-table-srcoll .resizable-th-handle,
 .ant-pro-table-srcoll .react-resizable-handle {
-  cursor: col-resize;
-  border-left: solid 2px rgba(0, 0, 0, 0.12);
-  height: 1.6em;
   position: absolute;
-  right: 0px;
   top: 50%;
+  right: 0px;
+  width: 3px;
+  height: 1.6em;
+  border-left: solid 2px rgba(0, 0, 0, 0.12);
   transform: translateY(-50%);
+  cursor: col-resize;
   transition: background-color 0.3s;
-  width: 3px;
 }
 .ant-pro-table-srcoll .resizable-th .resizable-th-handle {
   visibility: hidden;
 }
 .ant-pro-table-srcoll .resizable-th:hover .resizable-th-handle {
-  visibility: visible;
   z-index: 10;
+  visibility: visible;
 }
 .ant-pro-table-srcoll .ant-table-cell.ant-table-selection-column {
   text-overflow: inherit !important;
@@ -3192,7 +3245,7 @@ html {
   text-overflow: unset;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th {
-  background-color: #F4F7FD;
+  background-color: #f4f7fd;
   border-bottom: none;
   transition: none;
 }
@@ -3202,8 +3255,8 @@ 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: 5px 10px;
   height: 32px;
+  padding: 5px 10px;
   font-size: 13px;
 }
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title .total-label,
@@ -3253,9 +3306,9 @@ html {
   margin: 8px 0;
 }
 .ls-pro-table-mini .ant-pagination-item-active {
-  background: #E4EEFA;
-  border-radius: 4px;
+  background: #e4eefa;
   border-color: transparent;
+  border-radius: 4px;
 }
 .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #f7fafc;
@@ -3280,7 +3333,7 @@ html {
 .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;
+  background-color: #e6f5ff;
 }
 .ls-pro-table .ant-table-tbody .ant-table-column-sort {
   background: inherit;
@@ -3302,16 +3355,19 @@ html {
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
 }
+.theme-yellow .cell-selected {
+  background-color: #e6f4ff !important;
+}
 .ant-pro-card-body .ant-pro-table .ant-card {
-  box-shadow: none;
   border-radius: 0;
+  box-shadow: none;
 }
 .ant-pro-card-body .ant-pro-table .ant-card-body {
   padding: 0 !important;
 }
 .ant-modal-body .ant-pro-table .ant-card {
-  box-shadow: none;
   padding: 0;
+  box-shadow: none;
 }
 .ant-modal-body .ant-pro-table .ant-card-body {
   padding: 0;
@@ -3408,6 +3464,9 @@ html {
   justify-content: space-between;
   height: 32px;
 }
+.ant-pro-table-column-setting-overlay {
+  position: relative;
+}
 .ant-pro-table-column-setting-overlay .ant-popover-inner-content {
   display: flex;
   width: 500px;
@@ -3454,6 +3513,43 @@ html {
 .ant-pro-table-column-setting-overlay .my-icon-remove:hover {
   color: var(--ant-error-color, #ff4d4f);
 }
+.ant-pro-table-column-setting-overlay .column-setting-share {
+  position: absolute;
+  top: 10px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+.ant-pro-table-column-setting-overlay .column-setting-share .share-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 40px;
+}
+.ant-pro-table-column-setting-overlay .column-setting-share .share-body {
+  display: flex;
+  flex: 1;
+  padding: 0 20px;
+  overflow: auto;
+}
+.ant-pro-table-column-setting-overlay .column-setting-share .share-body .share-list {
+  width: 200px;
+  padding-top: 10px;
+  line-height: 35px;
+  border-right: 1px solid #eeeeee;
+}
+.ant-pro-table-column-setting-overlay .column-setting-share .share-body .share-item {
+  padding-left: 20px;
+}
+.ant-pro-table-column-setting-overlay .column-setting-share .share-body .share-user {
+  flex: 1;
+  width: 0;
+  padding: 10px 0 0 10px;
+  line-height: 35px;
+}
 .ant-pro-table-column-setting-nosave .ant-popover-inner-content {
   width: 300px;
 }