@cmstops/pro-compo 0.3.55 → 0.3.57

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,9 +23,6 @@ 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: {
@@ -97,7 +94,7 @@ const _sfc_main = defineComponent({
                     "stroke-width": 6,
                     size: 20
                   })
-                ], 8, _hoisted_7),
+                ]),
                 createVNode(unref(Divider), { direction: "vertical" }),
                 createElementVNode("span", {
                   class: "half",
@@ -107,12 +104,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/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, normalizeStyle, createTextVNode } from "vue";
+import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, createTextVNode } from "vue";
 import _imports_0 from "../../../../assets/images/sys_load_more.js";
 import { Tooltip } from "@arco-design/web-vue";
 import _sfc_main$1 from "../../MainContent/FileTypeThumb/index.js";
@@ -89,12 +89,12 @@ const _sfc_main = defineComponent({
           showMore.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "item-load-more",
-            style: normalizeStyle({ width: "calc(20% - 20px)" }),
+            style: { width: "calc(20% - 20px)" },
             onClick: loadMore
           }, [
             _hoisted_3,
             createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
-          ], 4)) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
         ])
       ], 2112);
     };

package/es/resourceModal/index.d.ts

@@ -0,0 +1,2 @@
+declare const resourceModal: any;
+export default resourceModal;

package/es/resourceModal/script/api.d.ts

@@ -0,0 +1,25 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getAttachmentsAll(BASE_API: string, query?: Params): import("axios").AxiosPromise<any>;
+export declare function getAttachmentsMy(BASE_API: string, query?: Params): import("axios").AxiosPromise<any>;
+export declare function getDirectories(BASE_API: string, query?: Params): import("axios").AxiosPromise<any>;
+export declare function getAccountList(BASE_API: string, id: number, query: Params): import("axios").AxiosPromise<any>;
+/** @description 系统内置素材部分接口 --- */
+/**
+ * ps：
+ * 1. 内置素材分类 type：
+ *    thumb：稿件素材
+ *    compoIcon：组件 icon
+ *    pushIcon：品宣 icon
+ *    navBg：导航背景
+ *    navIcon：导航 icon
+ */
+export declare function addSysRs(BASE_API: string, data: any, params: any): import("axios").AxiosPromise<any>;
+export declare function setSysRsClassifyName(BASE_API: string, params: any): import("axios").AxiosPromise<any>;
+export declare function getSysRsClassifyList(BASE_API: string, sys_tag: number): import("axios").AxiosPromise<any>;
+export declare function addSysRsClassify(BASE_API: string, params: any): import("axios").AxiosPromise<any>;
+export declare function delSySRsClassify(BASE_API: string, params: any): import("axios").AxiosPromise<any>;
+export declare function getSysRsByTag(BASE_API: string, params: any): import("axios").AxiosPromise<any>;
+export declare function getSysRsPage(BASE_API: string, params: any): import("axios").AxiosPromise<any>;
+export {};

package/es/resourceModal/script/mediaSelection.d.ts

@@ -0,0 +1,14 @@
+export declare type BreadCrumbsType = {
+    directory_id: number;
+    alias: string;
+};
+export declare type FilesQueryParamType = {
+    directory_id: number;
+    limit: number;
+    offset: number;
+    catalog: string;
+};
+export declare type MediaUseType = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export declare const mediaUseEnum: {
+    [key: string]: MediaUseType;
+};