@cmstops/pro-compo 0.3.52 → 0.3.55

package/es/resourceGridList/style/index.less

@@ -1,233 +1,233 @@
-@import './FileTypeThumb.less';
-
-.media-grid-list-scroll {
-  height: 100%;
-  overflow: auto;
-
-  .file-wrap {
-    .folder-list {
-      display: flex;
-      flex-wrap: wrap;
-      padding-left: 20px;
-
-      .folder-item {
-        width: 20%;
-        cursor: pointer;
-
-        .wrap {
-          margin: 0 20px 10px 0;
-          background: #fff;
-          border: 1px solid #ebeef5;
-          border-radius: 4px;
-
-          &:hover,
-          &.active {
-            background: #ecf2ff;
-
-            .thumb {
-              border-color: #4886ff;
-              transition: ease-out 0.3s;
-            }
-
-            h4 {
-              color: #1a67d2;
-            }
-          }
-
-          .thumb {
-            height: 46px;
-            overflow: hidden;
-            font-size: 0;
-            background-size: 17px auto;
-            border: solid 1px transparent;
-            border-radius: 4px;
-          }
-
-          h4 {
-            margin: 0;
-            padding-left: 43px;
-            overflow: hidden;
-            color: #000;
-            font-weight: normal;
-            font-size: 14px;
-            line-height: 42px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            word-wrap: normal;
-            opacity: 0.85;
-          }
-        }
-      }
-
-      .folder-more-button {
-        width: 20%;
-        overflow: hidden;
-
-        .folder-more-wrap {
-          box-sizing: border-box;
-          height: 52px;
-          margin-right: 20px;
-          padding: 14px 16px;
-          line-height: 24px;
-          background: #f7f8fa;
-          //border: 1px solid #ebeef5;
-          border: 1px solid transparent;
-          border-radius: 4px;
-
-          &:hover {
-            color: #165dff;
-            background: #f2f3f5;
-            border: 1px solid #4886ff;
-            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-            cursor: pointer;
-          }
-        }
-      }
-    }
-
-    .file-list {
-      display: flex;
-      flex-wrap: wrap;
-      padding-left: 20px;
-
-      .item {
-        position: relative;
-        width: 20%;
-        overflow: hidden;
-        cursor: pointer;
-
-        .move-action {
-          opacity: 0.5;
-        }
-
-        .shadow-wrap {
-          position: relative;
-          margin: 0 20px 18px 0;
-          overflow: hidden;
-          background: #fff;
-          border: 1px solid #ebeef5;
-          border-radius: 4px;
-
-          &::after {
-            position: absolute;
-            top: 0;
-            left: 0;
-            box-sizing: border-box;
-            width: 100%;
-            height: 100%;
-            border: 2px solid #4886ff;
-            opacity: 0;
-            transition: all 0.3s;
-            content: '';
-            pointer-events: none;
-          }
-
-          &:hover {
-            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-
-            &::after {
-              opacity: 1;
-            }
-          }
-
-          .transcoding-in-progress {
-            position: absolute;
-            top: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-            color: floralwhite;
-            background: rgba(0, 0, 0, 0.3);
-          }
-
-          .thumb-wrap {
-            position: relative;
-            width: 100%;
-          }
-
-          h4,
-          p {
-            margin-top: 10px;
-            margin-bottom: 10px;
-            padding: 0 10px;
-            overflow: hidden;
-            color: rgba(0, 0, 0, 0.85);
-            font-size: 14px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            word-wrap: normal;
-
-            i,
-            svg {
-              margin-right: 4px;
-              color: #e75258;
-              font-size: 16px;
-              vertical-align: middle;
-            }
-
-            svg {
-              margin-right: 4px;
-              font-size: 16px;
-              vertical-align: middle;
-            }
-
-            span {
-              vertical-align: middle;
-            }
-          }
-
-          p {
-            font-weight: normal;
-            font-size: 12px;
-            line-height: 1em;
-            opacity: 0.65;
-          }
-
-          .menu-wrap {
-            position: absolute;
-            right: 10px;
-            bottom: 10px;
-          }
-        }
-      }
-
-      &::after {
-        height: 50px;
-      }
-    }
-
-    .load_more_title {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 40px;
-
-      .loadmore_tips,
-      .nomore_tips {
-        color: #949494;
-      }
-    }
-
-    .null-file {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -70%);
-
-      .null-pic {
-        display: block;
-        width: 30%;
-        margin: 20px auto;
-      }
-
-      p {
-        color: #a2a3a7;
-        font-size: 14px;
-        text-align: center;
-      }
-    }
-  }
-}
+@import './FileTypeThumb.less';
+
+.media-grid-list-scroll {
+  height: 100%;
+  overflow: auto;
+
+  .file-wrap {
+    .folder-list {
+      display: flex;
+      flex-wrap: wrap;
+      padding-left: 20px;
+
+      .folder-item {
+        width: 20%;
+        cursor: pointer;
+
+        .wrap {
+          margin: 0 20px 10px 0;
+          background: #fff;
+          border: 1px solid #ebeef5;
+          border-radius: 4px;
+
+          &:hover,
+          &.active {
+            background: #ecf2ff;
+
+            .thumb {
+              border-color: #4886ff;
+              transition: ease-out 0.3s;
+            }
+
+            h4 {
+              color: #1a67d2;
+            }
+          }
+
+          .thumb {
+            height: 46px;
+            overflow: hidden;
+            font-size: 0;
+            background-size: 17px auto;
+            border: solid 1px transparent;
+            border-radius: 4px;
+          }
+
+          h4 {
+            margin: 0;
+            padding-left: 43px;
+            overflow: hidden;
+            color: #000;
+            font-weight: normal;
+            font-size: 14px;
+            line-height: 42px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            word-wrap: normal;
+            opacity: 0.85;
+          }
+        }
+      }
+
+      .folder-more-button {
+        width: 20%;
+        overflow: hidden;
+
+        .folder-more-wrap {
+          box-sizing: border-box;
+          height: 52px;
+          margin-right: 20px;
+          padding: 14px 16px;
+          line-height: 24px;
+          background: #f7f8fa;
+          //border: 1px solid #ebeef5;
+          border: 1px solid transparent;
+          border-radius: 4px;
+
+          &:hover {
+            color: #165dff;
+            background: #f2f3f5;
+            border: 1px solid #4886ff;
+            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+            cursor: pointer;
+          }
+        }
+      }
+    }
+
+    .file-list {
+      display: flex;
+      flex-wrap: wrap;
+      padding-left: 20px;
+
+      .item {
+        position: relative;
+        width: 20%;
+        overflow: hidden;
+        cursor: pointer;
+
+        .move-action {
+          opacity: 0.5;
+        }
+
+        .shadow-wrap {
+          position: relative;
+          margin: 0 20px 18px 0;
+          overflow: hidden;
+          background: #fff;
+          border: 1px solid #ebeef5;
+          border-radius: 4px;
+
+          &::after {
+            position: absolute;
+            top: 0;
+            left: 0;
+            box-sizing: border-box;
+            width: 100%;
+            height: 100%;
+            border: 2px solid #4886ff;
+            opacity: 0;
+            transition: all 0.3s;
+            content: '';
+            pointer-events: none;
+          }
+
+          &:hover {
+            box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+
+            &::after {
+              opacity: 1;
+            }
+          }
+
+          .transcoding-in-progress {
+            position: absolute;
+            top: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 100%;
+            color: floralwhite;
+            background: rgba(0, 0, 0, 0.3);
+          }
+
+          .thumb-wrap {
+            position: relative;
+            width: 100%;
+          }
+
+          h4,
+          p {
+            margin-top: 10px;
+            margin-bottom: 10px;
+            padding: 0 10px;
+            overflow: hidden;
+            color: rgba(0, 0, 0, 0.85);
+            font-size: 14px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            word-wrap: normal;
+
+            i,
+            svg {
+              margin-right: 4px;
+              color: #e75258;
+              font-size: 16px;
+              vertical-align: middle;
+            }
+
+            svg {
+              margin-right: 4px;
+              font-size: 16px;
+              vertical-align: middle;
+            }
+
+            span {
+              vertical-align: middle;
+            }
+          }
+
+          p {
+            font-weight: normal;
+            font-size: 12px;
+            line-height: 1em;
+            opacity: 0.65;
+          }
+
+          .menu-wrap {
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+          }
+        }
+      }
+
+      &::after {
+        height: 50px;
+      }
+    }
+
+    .load_more_title {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 40px;
+
+      .loadmore_tips,
+      .nomore_tips {
+        color: #949494;
+      }
+    }
+
+    .null-file {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -70%);
+
+      .null-pic {
+        display: block;
+        width: 30%;
+        margin: 20px auto;
+      }
+
+      p {
+        color: #a2a3a7;
+        font-size: 14px;
+        text-align: center;
+      }
+    }
+  }
+}

package/es/resourceModal/components/MediaSelection/MainContent/FileTypeThumb/index.js

@@ -23,6 +23,9 @@ const _hoisted_6 = {
   key: 0,
   class: "mask"
 };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["onClick"];
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
@@ -94,7 +97,7 @@ const _sfc_main = defineComponent({
                     "stroke-width": 6,
                     size: 20
                   })
-                ]),
+                ], 8, _hoisted_7),
                 createVNode(unref(Divider), { direction: "vertical" }),
                 createElementVNode("span", {
                   class: "half",
@@ -104,12 +107,12 @@ const _sfc_main = defineComponent({
                     "stroke-width": 6,
                     size: 20
                   })
-                ])
+                ], 8, _hoisted_8)
               ])) : (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: "transparent",
                 onClick: withModifiers(add, ["stop"])
-              }))
+              }, null, 8, _hoisted_9))
             ]),
             _: 1
           })

package/es/resourceModal/style/DocAiMediaSelected.less

@@ -1,55 +1,55 @@
-.doc-ai-media-selected {
-  height: 100%;
-
-  .arco-scrollbar {
-    height: 100%;
-
-    .doc-ai-media-selected-scrollbar {
-      height: 100%;
-      overflow: auto;
-
-      .thumb_type {
-        margin: 20px 0 10px 20px;
-      }
-
-      .thumb-list {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        margin-left: 18px;
-
-        .thumb-wrap {
-          width: 20%;
-          height: 100px;
-          margin-bottom: 20px;
-
-          .thumb-item {
-            height: 100%;
-            margin-right: 20px;
-
-            .pic {
-              position: relative;
-              width: 100%;
-              height: 100%;
-              overflow: hidden;
-              border: solid 1px transparent;
-              border-radius: 4px;
-
-              &.active {
-                border: solid 1px #4886ff;
-                border-radius: 4px;
-              }
-
-              img {
-                display: block;
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
+.doc-ai-media-selected {
+  height: 100%;
+
+  .arco-scrollbar {
+    height: 100%;
+
+    .doc-ai-media-selected-scrollbar {
+      height: 100%;
+      overflow: auto;
+
+      .thumb_type {
+        margin: 20px 0 10px 20px;
+      }
+
+      .thumb-list {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        margin-left: 18px;
+
+        .thumb-wrap {
+          width: 20%;
+          height: 100px;
+          margin-bottom: 20px;
+
+          .thumb-item {
+            height: 100%;
+            margin-right: 20px;
+
+            .pic {
+              position: relative;
+              width: 100%;
+              height: 100%;
+              overflow: hidden;
+              border: solid 1px transparent;
+              border-radius: 4px;
+
+              &.active {
+                border: solid 1px #4886ff;
+                border-radius: 4px;
+              }
+
+              img {
+                display: block;
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}