@cmstops/pro-compo 0.1.10 → 0.1.12

package/dist/index.css

@@ -211,6 +211,119 @@
   height: auto;
   padding: 20px;
 }
+.table_wrp {
+  height: 50vh;
+}
+/** 上传列表面板 */
+.panel_wrp {
+  position: relative;
+}
+.panel_wrp.global {
+  position: absolute;
+  right: 20px;
+  bottom: 20px;
+}
+.panel_wrp .panel_card .panel_header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.panel_wrp .panel_card .panel_header .opt {
+  display: flex;
+  flex-direction: row;
+  gap: 15px;
+}
+.panel_wrp .panel_card .panel_list {
+  display: flex;
+  flex-direction: column;
+}
+.panel_wrp .panel_card .panel_list .panel_item {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column.percent {
+  justify-content: end;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column.flex-1 {
+  flex: 1;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column.flex-3 {
+  flex: 3;
+}
+.panel_wrp {
+  width: auto;
+  overflow: hidden;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+.panel_wrp *::selection {
+  display: none;
+}
+.panel_wrp .panel_card {
+  width: 350px;
+  transition: all 0.3s;
+}
+.panel_wrp .panel_card.expend {
+  width: 420px;
+}
+.panel_wrp .panel_card .panel_header {
+  width: 90%;
+  height: 50px;
+  padding: 0 5%;
+  color: white;
+  background-color: rgb(var(--arcoblue-5));
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.panel_wrp .panel_card .panel_header .title {
+  white-space: nowrap;
+}
+.panel_wrp .panel_card .panel_header .opt {
+  font-size: 18px;
+}
+.panel_wrp .panel_card .panel_header .opt::selection {
+  display: none;
+}
+.panel_wrp .panel_card .panel_header .opt .bar {
+  cursor: pointer;
+}
+.panel_wrp .panel_card .panel_list {
+  width: 100%;
+  height: 120px;
+  overflow-y: scroll;
+  transition: all 0.3s;
+}
+.panel_wrp .panel_card .panel_list::-webkit-scrollbar {
+  display: none;
+}
+.panel_wrp .panel_card .panel_list.un_expend {
+  height: 0;
+  overflow: hidden;
+}
+.panel_wrp .panel_card .panel_list .panel_item {
+  height: 35px;
+  padding: 5px 15px;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column {
+  white-space: nowrap;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column .media_alias {
+  width: 160px;
+  cursor: pointer;
+}
+/** 公用 */
+.ellips {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 .column-selection-container {
   padding: 0px 15px;
 }
@@ -1180,3 +1293,925 @@
 .add-category-modal-wrapper .arco-modal-footer {
   border-top: 0;
 }
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.table_wrp {
+  height: 50vh;
+}
+/** 上传列表面板 */
+.panel_wrp {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+}
+.panel_wrp .panel_card .panel_header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.panel_wrp .panel_card .panel_header .opt {
+  display: flex;
+  flex-direction: row;
+  gap: 15px;
+}
+.panel_wrp .panel_card .panel_list {
+  display: flex;
+  flex-direction: column;
+}
+.panel_wrp .panel_card .panel_list .panel_item {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column.flex-1 {
+  flex: 1;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column.flex-3 {
+  flex: 3;
+}
+.panel_wrp {
+  width: auto;
+  overflow: hidden;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+.panel_wrp *::selection {
+  display: none;
+}
+.panel_wrp .panel_card {
+  width: 350px;
+  transition: all 0.3s;
+}
+.panel_wrp .panel_card.expend {
+  width: 420px;
+}
+.panel_wrp .panel_card .panel_header {
+  width: 90%;
+  height: 50px;
+  padding: 0 5%;
+  color: white;
+  background-color: rgb(var(--arcoblue-5));
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
+.panel_wrp .panel_card .panel_header .title {
+  white-space: nowrap;
+}
+.panel_wrp .panel_card .panel_header .opt {
+  font-size: 18px;
+}
+.panel_wrp .panel_card .panel_header .opt::selection {
+  display: none;
+}
+.panel_wrp .panel_card .panel_header .opt .bar {
+  cursor: pointer;
+}
+.panel_wrp .panel_card .panel_list {
+  width: 100%;
+  height: 120px;
+  overflow-y: scroll;
+  transition: all 0.3s;
+}
+.panel_wrp .panel_card .panel_list::-webkit-scrollbar {
+  display: none;
+}
+.panel_wrp .panel_card .panel_list.un_expend {
+  height: 0;
+  overflow: hidden;
+}
+.panel_wrp .panel_card .panel_list .panel_item {
+  height: 35px;
+  padding: 5px 15px;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column {
+  white-space: nowrap;
+}
+.panel_wrp .panel_card .panel_list .panel_item .panel_column .media_alias {
+  width: 160px;
+  cursor: pointer;
+}
+/** 公用 */
+.ellips {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.content-common-detail-list-container *::selection {
+  display: none;
+}
+.content-common-detail-list-container .fix_position {
+  position: relative;
+  margin-right: 10px;
+  color: #4886ff;
+}
+.content-common-detail-list-container .fix_position .doc-fixed-num {
+  position: absolute;
+  right: -7px;
+  bottom: 0;
+  color: #bababa;
+  font-size: 12px;
+}
+.content-common-detail-list-container .index {
+  display: inline-block;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  min-width: 15px;
+  height: 15px;
+  margin-right: 10px;
+  padding: 4px;
+  color: #4886ff;
+  font-size: 12px;
+  line-height: 0.6;
+  text-align: center;
+  background: #edf3ff;
+  border-radius: 3px;
+}
+.content-common-detail-list-container .d_time,
+.content-common-detail-list-container .add_new {
+  margin: 0;
+  margin-right: 10px;
+  font-size: 14px;
+  vertical-align: middle;
+}
+.content-common-detail-list-container .d_time {
+  color: #7da8ff;
+}
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+.medialist-component-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-component-item-view:hover {
+  background: #fafafa;
+}
+.medialist-component-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-component-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-component-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-component-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-component-item-view .info-view .title {
+  display: -webkit-box;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 1.5;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-component-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-component-item-view .info-view .abttrite-v .left {
+  display: flex;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-component-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 130px;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.medialist-component-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 240px;
+}
+.medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: inline-block;
+  width: 175px;
+}
+.medialist-component-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+.medialist-component-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-component-item-view:hover {
+  background: #fafafa;
+}
+.medialist-component-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-component-item-view .cover-view .arco-image-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-component-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-component-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-component-item-view .info-view .title {
+  display: -webkit-box;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 1.5;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-component-item-view .info-view .title:hover .title_i {
+  color: #4886ff;
+  text-decoration: underline;
+}
+.medialist-component-item-view .info-view .title .title_i {
+  margin-right: 10px;
+}
+.medialist-component-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-component-item-view .info-view .abttrite-v .left {
+  display: flex;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-component-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 130px;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.medialist-component-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 240px;
+}
+.medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: inline-block;
+  width: 175px;
+}
+.medialist-component-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.lbs_tips {
+  color: #a3a3a3;
+  font-size: 8px;
+}
+.lbs_tips .icon-xiangqing1 {
+  margin-right: 3px;
+  font-size: 10px;
+}
+.lbs_tips.red {
+  color: red;
+}
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+.medialist-kongo-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-kongo-item-view:hover {
+  background: #fafafa;
+}
+.medialist-kongo-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-kongo-item-view .cover-view .arco-image-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-kongo-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-kongo-item-view .info-view {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(100% - 130px);
+  padding: 2px 0;
+}
+.medialist-kongo-item-view .info-view .title {
+  display: -webkit-box;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 1.5;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-kongo-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-kongo-item-view .info-view .abttrite-v .left {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 160px);
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-kongo-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-kongo-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 120px;
+}
+.medialist-kongo-item-view .info-view .abttrite-v .left .abttr {
+  width: 35%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-kongo-item-view .info-view .abttrite-v .left .abttr.value {
+  margin-left: 10px;
+}
+.medialist-kongo-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.no-margin span {
+  margin-right: 0 !important;
+}
+.doc-tags-container .a-tag {
+  font-weight: 600;
+  border: none;
+}
+.doc-tags-container .yuanchuang {
+  color: #4886ff;
+  background: #edf3ff;
+}
+.doc-tags-container .star {
+  color: #4a8457;
+  background: #e6f8ea;
+}
+.doc-tags-container .waring {
+  color: #ff7d00;
+  background: #fff2e6;
+}
+.doc-tags-container .thumb {
+  color: #86909c;
+  background: #f3f4f5;
+}
+.doc-tags-container .disabled {
+  color: #bababa !important;
+  background: #ecebeb !important;
+}
+.doc-tags-thumb-popver {
+  min-width: unset;
+  padding: 0;
+  overflow: hidden;
+  line-height: unset;
+  border: none;
+  border-radius: 8px;
+}
+.doc-tags-thumb-popver .popper__arrow {
+  display: none;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul {
+  height: 110px;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img {
+  height: 100%;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
+  margin-left: 2px;
+}
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+.medialist-ilive-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-ilive-item-view:hover {
+  background: #fafafa;
+}
+.medialist-ilive-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-ilive-item-view .cover-view .arco-image-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-ilive-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-ilive-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-ilive-item-view .info-view .title {
+  display: -webkit-box;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 1.5;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-ilive-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 20%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 250px;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: inline-block;
+  width: 160px;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .left .abttr.type {
+  display: inline-block;
+  width: 160px;
+}
+.medialist-ilive-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+.medialist-account-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-account-item-view:hover {
+  background: #fafafa;
+}
+.medialist-account-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 70px;
+  height: 70px;
+  margin-right: 20px;
+  overflow: hidden;
+  background: #edf3ff;
+  border-radius: 50%;
+}
+.medialist-account-item-view .cover-view .arco-image-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-account-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-account-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-account-item-view .info-view .title {
+  display: -webkit-box;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 1.5;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-account-item-view .info-view .title:hover {
+  color: #4886ff;
+  text-decoration: underline;
+}
+.medialist-account-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-account-item-view .info-view .abttrite-v .left {
+  display: flex;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-account-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-account-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 130px;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-account-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 240px;
+}
+.medialist-account-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: inline-block;
+  width: 175px;
+}
+.medialist-account-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.media-common-detail-list-container {
+  width: 100%;
+  border: 1px solid #f0f0f0;
+}
+.media-common-detail-list-container .data-ul {
+  height: 100%;
+}
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+.medialist-doc-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-doc-item-view:hover {
+  background: #fafafa;
+}
+.medialist-doc-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-doc-item-view .cover-view .batch-select {
+  position: absolute;
+  top: 3px;
+  left: 5px;
+}
+.medialist-doc-item-view .cover-view .arco-image-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-doc-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-doc-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-doc-item-view .info-view .title {
+  display: -webkit-box;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 17px;
+  line-height: 1.5;
+  word-break: break-all;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-doc-item-view .info-view .title:hover {
+  color: #4886ff;
+  text-decoration: underline;
+}
+.medialist-doc-item-view .info-view .title:hover .index {
+  text-decoration: unset;
+}
+.medialist-doc-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  color: #4e5969;
+  font-size: 12px;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 160px;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 20%;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .abttr.btn {
+  padding: 0;
+  text-align: left;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .abttr.btn:hover,
+.medialist-doc-item-view .info-view .abttrite-v .left .abttr.btn:active {
+  background: transparent;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .abttr .btn {
+  padding: 0;
+  text-align: left;
+}
+.medialist-doc-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 30%;
+}
+.medialist-doc-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.popper-categories {
+  max-width: 600px;
+}
+.empty-data-container {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: block;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 220px;
+  transform: translate(-50%, -50%);
+}
+.empty-data-container.small {
+  width: 160px;
+}
+.empty-data-container img {
+  width: 100%;
+}
+.empty-data-container .tip {
+  margin-top: 16px;
+  color: #999eaa;
+  font-size: 14px;
+}
+.empty-data-container .slot-view {
+  margin-top: 16px;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.dop.active {
+  color: #165dff;
+}
+.dop .label {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-view-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+.filter-search {
+  display: flex;
+  gap: 10px;
+  width: 180px;
+  margin-right: 10px;
+}
+.filter-content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+}
+.left {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.right {
+  position: absolute;
+  right: 0;
+  z-index: 1;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: 100%;
+  padding-left: 20px;
+  background: white;
+}
+.more-btn {
+  margin-right: 10px;
+}
+.right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-pannel {
+  display: flex;
+  gap: 10px;
+  padding: 10px;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+.filter-item-view {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+}
+.filter-item-view .show-view {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  pointer-events: none;
+}
+.filter-item-view .select-view {
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+}
+.hasvalue-btn {
+  color: #165dff;
+  background-color: #e8f3ff;
+  border-right: none !important;
+}
+.right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.large {
+  width: 40px !important;
+  height: 40px !important;
+}
+.user-select-content {
+  height: 60vh;
+}
+.user-select-content .user-select-left,
+.user-select-content .user-select-right {
+  width: 50%;
+  height: 100%;
+}