@cmstops/pro-compo 0.1.9 → 0.1.11

package/es/contentDetailList/style/ContentListItem.less

@@ -0,0 +1,131 @@
+.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;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .arco-image-img {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+
+      &:hover {
+        .title_i {
+          color: #4886ff;
+          text-decoration: underline;
+        }
+      }
+
+      .title_i {
+        margin-right: 10px;
+      }
+      // .title_i:hover {
+      //   text-decoration: underline;
+      //   color: #4886ff;
+      // }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+        color: #808692;
+        font-size: 12px;
+
+        .abttr {
+          display: inline-block;
+          width: 130px;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+
+          &.time {
+            width: 240px;
+          }
+
+          &.tags {
+            display: inline-block;
+            width: 175px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}
+
+.lbs_tips {
+  color: #a3a3a3;
+  font-size: 8px;
+
+  .icon-xiangqing1 {
+    margin-right: 3px;
+    font-size: 10px;
+  }
+
+  &.red {
+    color: red;
+  }
+}

package/es/contentDetailList/style/Doc.less

@@ -0,0 +1,8 @@
+.media-common-detail-list-container {
+  width: 100%;
+  border: 1px solid #f0f0f0;
+
+  .data-ul {
+    height: 100%;
+  }
+}

package/es/contentDetailList/style/DocItem.less

@@ -0,0 +1,145 @@
+.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;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .batch-select {
+      position: absolute;
+      top: 3px;
+      left: 5px;
+    }
+
+    .arco-image-img {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: -webkit-box;
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 17px;
+      line-height: 1.5;
+      word-break: break-all;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+
+      &:hover {
+        color: #4886ff;
+        text-decoration: underline;
+
+        .index {
+          text-decoration: unset;
+        }
+      }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        color: #4e5969;
+        font-size: 12px;
+
+        .icon {
+          margin-right: 8px;
+        }
+
+        .tags {
+          display: inline-block;
+          width: 160px;
+        }
+
+        .abttr {
+          display: inline-block;
+          width: 20%;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          cursor: pointer;
+
+          &.btn {
+            padding: 0;
+            text-align: left;
+
+            &:hover,
+            &:active {
+              background: transparent;
+            }
+          }
+
+          .btn {
+            padding: 0;
+            text-align: left;
+          }
+
+          &.time {
+            width: 30%;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}
+
+.popper-categories {
+  max-width: 600px;
+}

package/es/contentDetailList/style/DocTags.less

@@ -0,0 +1,63 @@
+.no-margin {
+  span {
+    margin-right: 0 !important;
+  }
+}
+
+.doc-tags-container {
+  .a-tag {
+    font-weight: 600;
+    border: none;
+  }
+
+  .yuanchuang {
+    color: #4886ff;
+    background: #edf3ff;
+  }
+
+  .star {
+    color: #4a8457;
+    background: #e6f8ea;
+  }
+
+  .waring {
+    color: #ff7d00;
+    background: #fff2e6;
+  }
+
+  .thumb {
+    color: #86909c;
+    background: #f3f4f5;
+  }
+
+  .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;
+
+  .popper__arrow {
+    display: none;
+  }
+
+  .doc-tags-thumb-ul {
+    // background: #000000;
+    height: 110px;
+
+    img {
+      height: 100%;
+    }
+
+    img + img {
+      margin-left: 2px;
+    }
+  }
+}

package/es/contentDetailList/style/KongoNavItem.less

@@ -0,0 +1,110 @@
+.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;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .arco-image-img {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: calc(100% - 130px);
+    padding: 2px 0;
+
+    .title {
+      display: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      // &:hover {
+      //   text-decoration: underline;
+      //   color: #4886ff;
+      // }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+        width: calc(100% - 160px);
+        color: #808692;
+        font-size: 12px;
+
+        .icon {
+          margin-right: 8px;
+        }
+
+        .tags {
+          display: inline-block;
+          width: 120px;
+        }
+
+        .abttr {
+          width: 35%;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          cursor: pointer;
+
+          &.value {
+            margin-left: 10px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}

package/es/contentDetailList/style/LiveItem.less

@@ -0,0 +1,115 @@
+.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;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .arco-image-img {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      // &:hover {
+      //   text-decoration: underline;
+      //   color: #4886ff;
+      // }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        color: #808692;
+        font-size: 12px;
+
+        .icon {
+          margin-right: 8px;
+        }
+
+        .abttr {
+          display: inline-block;
+          width: 20%;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+
+          &.time {
+            width: 250px;
+          }
+
+          &.tags {
+            display: inline-block;
+            width: 160px;
+          }
+
+          &.type {
+            display: inline-block;
+            width: 160px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}

package/es/contentDetailList/style/MaccountItem.less

@@ -0,0 +1,114 @@
+.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;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 70px;
+    height: 70px;
+    margin-right: 20px;
+    overflow: hidden;
+    background: #edf3ff;
+    border-radius: 50%;
+
+    .arco-image-img {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+
+      &:hover {
+        color: #4886ff;
+        text-decoration: underline;
+      }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+        color: #808692;
+        font-size: 12px;
+
+        .icon {
+          margin-right: 8px;
+        }
+
+        .abttr {
+          display: inline-block;
+          width: 130px;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          cursor: pointer;
+
+          &.time {
+            width: 240px;
+          }
+
+          &.tags {
+            display: inline-block;
+            width: 175px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}

package/es/contentDetailList/style/css.js

@@ -0,0 +1 @@
+import "./index.css";