@cmstops/pro-compo 0.1.31 → 0.1.33

package/lib/contentModal/style/storeBox.less

@@ -1,45 +1,55 @@
 .selected-store-box-popover-content {
   padding: 0;
+
   .batch-section-popover-main {
     .item {
-      height: 35px;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 5px 10px;
       box-sizing: border-box;
+      height: 42px;
+      padding: 5px 10px;
+
       .icon {
+        display: inline-block;
         width: 20px;
         height: 25px;
         margin-right: 8px;
         font-size: 18px;
-        vertical-align: middle;
-        display: inline-block;
         text-align: center;
+        vertical-align: middle;
       }
+
       .left {
-        width: 90%;
         display: inline-block;
         align-items: center;
-        text-overflow: ellipsis;
+        width: 90%;
         overflow: hidden;
         white-space: nowrap;
+        text-overflow: ellipsis;
       }
+
       .close-btn {
         display: none;
       }
+
       &:hover,
       &:active {
         background-color: #f6f6f6;
+
         .close-btn {
           display: block;
         }
       }
     }
   }
+
   .options {
     display: flex;
     align-items: center;
     justify-content: flex-end;
+    height: 42px;
+    border-top: 1px solid #f2f3f5;
+    //background-color: red;
   }
 }

package/lib/editMetaInfo/components/metaInfoForm.js

@@ -159,10 +159,10 @@ const _sfc_main = vue.defineComponent({
       data.duty_editor = data.duty_editor && data.duty_editor.join(",");
       data.extra_attrs = data.extra_attrs && data.extra_attrs.join(",");
       data.relation_news = data.relation_news && JSON.stringify(data.relation_news);
-      data.comment_available = data.comment_available ? "true" : "false";
-      data.statement = data.statement ? "true" : "false";
-      data.is_recommend = data.is_recommend ? "true" : "false";
-      data.album_status = data.album_status ? 1 : 0;
+      data.comment_available = !!data.comment_available;
+      data.statement = !!data.statement;
+      data.is_recommend = !!data.is_recommend;
+      data.album_status = !!data.album_status;
       delete data.line_time;
       delete data.ori_count;
       delete data.aiRelated;
@@ -240,9 +240,9 @@ const _sfc_main = vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(webVue.Form), {
         ref_key: "metaInfoFormRef",
         ref: metaInfoFormRef,
+        model: form.value,
         rules,
-        class: "meta-info-form",
-        model: form.value
+        class: "meta-info-form"
       }, {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(webVue.FormItem), {
@@ -254,27 +254,27 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.title,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.title = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u4E3B\u6807\u9898",
                 "max-length": "100",
-                "allow-clear": ""
+                placeholder: "\u4E3B\u6807\u9898"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }),
           vue.withDirectives(vue.createVNode(vue.unref(webVue.FormItem), {
             key: "brief",
-            field: "brief",
-            label: `${docBrief.value}\u63CF\u8FF0`
+            label: `${docBrief.value}\u63CF\u8FF0`,
+            field: "brief"
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.brief,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.brief = $event),
-                class: "input-w",
                 placeholder: `\u586B\u5199${docBrief.value}\u63CF\u8FF0`,
-                "max-length": "300",
-                "allow-clear": ""
+                "allow-clear": "",
+                class: "input-w",
+                "max-length": "300"
               }, null, 8, ["modelValue", "placeholder"])
             ]),
             _: 1
@@ -283,14 +283,15 @@ const _sfc_main = vue.defineComponent({
           ]),
           vue.createVNode(vue.unref(webVue.FormItem), {
             key: "style",
+            "content-class": "style-form-item",
             field: "style",
-            "hide-label": "",
-            "content-class": "style-form-item"
+            "hide-label": ""
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(component, {
                 dataValue: form.value.style,
                 "onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
+                "media-use-type": 1,
                 series: series.value,
                 class: "select-thumb-wrap",
                 mode: "doc"
@@ -307,9 +308,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.sub_title,
                 "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.sub_title = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u586B\u5199\u526F\u6807\u9898",
-                "allow-clear": ""
+                placeholder: "\u586B\u5199\u526F\u6807\u9898"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -323,9 +324,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.head_title,
                 "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.head_title = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u586B\u5199\u5F15\u6807\u9898",
-                "allow-clear": ""
+                placeholder: "\u586B\u5199\u5F15\u6807\u9898"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -339,9 +340,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.summary,
                 "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.summary = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u586B\u5199\u6458\u8981",
-                "allow-clear": ""
+                placeholder: "\u586B\u5199\u6458\u8981"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -355,9 +356,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.guide,
                 "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.guide = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u586B\u5199\u5BFC\u8BFB",
-                "allow-clear": ""
+                placeholder: "\u586B\u5199\u5BFC\u8BFB"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -371,9 +372,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.InputTag), {
                 modelValue: form.value.keywords,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.keywords = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u8BBE\u7F6E\u5173\u952E\u8BCD",
-                "allow-clear": ""
+                placeholder: "\u8BBE\u7F6E\u5173\u952E\u8BCD"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -394,9 +395,9 @@ const _sfc_main = vue.defineComponent({
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(SourceInfo), (item) => {
                     return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
                       key: item.value,
-                      value: item.value,
-                      label: item.value
-                    }, null, 8, ["value", "label"]);
+                      label: item.value,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
                   }), 128))
                 ]),
                 _: 1
@@ -413,9 +414,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.source_url,
                 "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.value.source_url = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u586B\u5199\u6765\u6E90URL",
-                "allow-clear": ""
+                placeholder: "\u586B\u5199\u6765\u6E90URL"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -429,9 +430,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Input), {
                 modelValue: form.value.author,
                 "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.author = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u586B\u5199\u4F5C\u8005",
-                "allow-clear": ""
+                placeholder: "\u586B\u5199\u4F5C\u8005"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -445,17 +446,17 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.Select), {
                 modelValue: form.value.duty_editor,
                 "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.duty_editor = $event),
-                multiple: "",
                 class: "input-w",
+                multiple: "",
                 placeholder: "\u8BBE\u7F6E\u7F16\u8F91"
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dutyEditorOptions.value, (item) => {
                     return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
                       key: item.value,
-                      value: item.value,
-                      label: item.label
-                    }, null, 8, ["value", "label"]);
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
                   }), 128))
                 ]),
                 _: 1
@@ -472,9 +473,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.InputTag), {
                 modelValue: form.value.extra_attrs,
                 "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => form.value.extra_attrs = $event),
+                "allow-clear": "",
                 class: "input-w",
-                placeholder: "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u5C5E\u6027",
-                "allow-clear": ""
+                placeholder: "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u5C5E\u6027"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -489,9 +490,9 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.DatePicker), {
                 modelValue: form.value.self_publish_time,
                 "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => form.value.self_publish_time = $event),
-                "show-time": "",
-                placeholder: "\u9009\u62E9\u81EA\u5B9A\u4E49\u53D1\u5E03\u65F6\u95F4",
                 "time-picker-props": { defaultValue: "12:00:00" },
+                placeholder: "\u9009\u62E9\u81EA\u5B9A\u4E49\u53D1\u5E03\u65F6\u95F4",
+                "show-time": "",
                 "value-format": "timestamp"
               }, null, 8, ["modelValue"])
             ]),
@@ -512,44 +513,46 @@ const _sfc_main = vue.defineComponent({
             ]),
             _: 1
           }),
-          vue.createVNode(vue.unref(webVue.FormItem), {
-            key: "online_time",
-            class: "horizontal",
-            field: "online_time",
-            label: "\u4E0A\u7EBF\u65F6\u95F4"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.DatePicker), {
-                modelValue: form.value.online_time,
-                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => form.value.online_time = $event),
-                "show-time": "",
-                placeholder: "\u9009\u62E9\u4E0A\u7EBF\u65F6\u95F4",
-                "time-picker-props": { defaultValue: "12:00:00" },
-                "value-format": "timestamp",
-                "disabled-date": disabledStartTime
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
-          vue.createVNode(vue.unref(webVue.FormItem), {
-            key: "offline_time",
-            class: "horizontal",
-            field: "offline_time",
-            label: "\u4E0B\u7EBF\u65F6\u95F4"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.DatePicker), {
-                modelValue: form.value.offline_time,
-                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.offline_time = $event),
-                "show-time": "",
-                placeholder: "\u9009\u62E9\u4E0B\u7EBF\u65F6\u95F4",
-                "time-picker-props": { defaultValue: "12:00:00" },
-                "value-format": "timestamp",
-                "disabled-date": disabledEndTime
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
+          form.value.line_time ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createVNode(vue.unref(webVue.FormItem), {
+              key: "online_time",
+              class: "horizontal",
+              field: "online_time",
+              label: "\u4E0A\u7EBF\u65F6\u95F4"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.DatePicker), {
+                  modelValue: form.value.online_time,
+                  "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => form.value.online_time = $event),
+                  "disabled-date": disabledStartTime,
+                  "time-picker-props": { defaultValue: "12:00:00" },
+                  placeholder: "\u9009\u62E9\u4E0A\u7EBF\u65F6\u95F4",
+                  "show-time": "",
+                  "value-format": "timestamp"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(webVue.FormItem), {
+              key: "offline_time",
+              class: "horizontal",
+              field: "offline_time",
+              label: "\u4E0B\u7EBF\u65F6\u95F4"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.DatePicker), {
+                  modelValue: form.value.offline_time,
+                  "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.offline_time = $event),
+                  "disabled-date": disabledEndTime,
+                  "time-picker-props": { defaultValue: "12:00:00" },
+                  placeholder: "\u9009\u62E9\u4E0B\u7EBF\u65F6\u95F4",
+                  "show-time": "",
+                  "value-format": "timestamp"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ], 64)) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.unref(webVue.FormItem), {
             key: "statement",
             class: "horizontal",
@@ -689,10 +692,10 @@ const _sfc_main = vue.defineComponent({
                 }, 8, ["modelValue"]),
                 form.value.mourn_style == 1 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, [
                   vue.createVNode(vue.unref(icon.IconInfoCircle)),
-                  vue.createTextVNode(vue.toDisplayString(tips.value[0]), 1)
+                  vue.createTextVNode(" " + vue.toDisplayString(tips.value[0]), 1)
                 ])) : form.value.mourn_style == 2 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, [
                   vue.createVNode(vue.unref(icon.IconInfoCircle)),
-                  vue.createTextVNode(vue.toDisplayString(tips.value[1]), 1)
+                  vue.createTextVNode(" " + vue.toDisplayString(tips.value[1]), 1)
                 ])) : vue.createCommentVNode("v-if", true)
               ])) : vue.createCommentVNode("v-if", true)
             ]),

package/lib/index.css

@@ -326,49 +326,84 @@
   text-overflow: ellipsis;
 }
 .column-selection-container {
-  padding: 0px 15px;
+  padding: 0 15px;
 }
-.column-selection-popover-content {
-  padding: 0;
+.column-selection-popover-content .search-column {
+  margin-bottom: 4px;
+  padding: 4px 8px;
+}
+.column-selection-popover-content .last-search-key {
+  height: 32px;
+  margin-left: 22px;
+  padding-left: 4px;
+  color: #165dff;
+  line-height: 32px;
+  border-radius: var(--border-radius-small);
+}
+.column-selection-popover-content .last-search-key:hover {
+  color: var(--color-text-1);
+  background-color: var(--color-fill-2);
+  cursor: pointer;
 }
 .column-selection-popover-content .column-outer-scrollbar {
   height: 100%;
 }
 .media-filter-container {
-  padding: 10px 15px;
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
 }
 .media-filter-container .filter-item {
   width: auto;
 }
+.media-filter-container .reset-button {
+  width: 74px;
+  padding: 9px 12px;
+  font-size: 14px;
+}
+.media-filter-container .reset-button .reset-icon {
+  margin-right: 8px;
+}
+.media-filter-container .sort-button {
+  color: #4e5969;
+}
+.media-filter-container .sort-button .filter-item {
+  width: 102px;
+}
+.media-filter-container .sort-button .filter-item .arco-select-view-suffix {
+  padding-left: 0;
+}
+.media-filter-container .sort-button:hover {
+  cursor: pointer;
+}
 .selected-store-box-popover-content {
   padding: 0;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item {
-  height: 35px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 5px 10px;
   box-sizing: border-box;
+  height: 42px;
+  padding: 5px 10px;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .icon {
+  display: inline-block;
   width: 20px;
   height: 25px;
   margin-right: 8px;
   font-size: 18px;
-  vertical-align: middle;
-  display: inline-block;
   text-align: center;
+  vertical-align: middle;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .left {
-  width: 90%;
   display: inline-block;
   align-items: center;
-  text-overflow: ellipsis;
+  width: 90%;
   overflow: hidden;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
   display: none;
@@ -385,12 +420,22 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  height: 42px;
+  border-top: 1px solid #f2f3f5;
 }
 .view-all-column-container {
   height: 100%;
 }
 .view-all-column-container .content-table-view {
   height: calc(100% - 110px);
+  padding: 0 20px;
+}
+.view-all-column-container .content-table-view .arco-checkbox {
+  padding: 0;
+}
+.view-all-column-container .content-table-view .pic-thumb-img {
+  width: 60px;
+  height: 45px;
 }
 .view-all-column-container .content-table-view .title-span,
 .view-all-column-container .content-table-view .mp_title-span {
@@ -526,11 +571,11 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
-  border: solid 3px transparent;
+  border: solid 1px transparent;
   border-radius: 4px;
 }
 .doc-ai-media-selected .arco-scrollbar .doc-ai-media-selected-scrollbar .thumb-list .thumb-wrap .thumb-item .pic.active {
-  border: solid 3px #4886ff;
+  border: solid 1px #4886ff;
   border-radius: 4px;
 }
 .doc-ai-media-selected .arco-scrollbar .doc-ai-media-selected-scrollbar .thumb-list .thumb-wrap .thumb-item .pic img {
@@ -555,6 +600,14 @@
   width: auto;
   margin-right: 10px;
 }
+.toolbar-search-container .top-container .filter-content .filter-right .arco-btn-size-medium.arco-btn-only-icon {
+  width: 48px;
+  color: #2f6ffb;
+  background-color: #e8f3ff;
+}
+.toolbar-search-container .top-container .filter-content .filter-right .arco-btn-size-medium.arco-btn-only-icon:hover {
+  background-color: #d3e6ff;
+}
 .keywordsSelection {
   display: flex;
   justify-content: space-between;
@@ -613,7 +666,7 @@
   font-size: 0;
   background: url('../assets/selection/folder.png') no-repeat 13px center;
   background-size: 17px auto;
-  border: solid 2px transparent;
+  border: solid 1px transparent;
   border-radius: 4px;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-item .wrap h4 {
@@ -640,13 +693,14 @@
   padding: 14px 16px;
   line-height: 24px;
   background: #f7f8fa;
-  border: 1px solid #ebeef5;
+  border: 1px solid transparent;
   border-radius: 4px;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button .folder-more-wrap:hover {
   color: #165dff;
   background: #f2f3f5;
-  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+  border: 1px solid #4886ff;
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
   cursor: pointer;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list {
@@ -970,6 +1024,127 @@
   color: #fff;
   font-size: 18px;
 }
+.sys-resource-dialog {
+  padding: 10px 20px;
+}
+.sys-resource-dialog .scen-module {
+  margin-bottom: 20px;
+}
+.sys-resource-dialog .scen-module .title {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin-bottom: 12px;
+  font-size: 14px;
+}
+.sys-resource-dialog .scen-module .title .line {
+  width: 2px;
+  height: 14px;
+  background-color: #4886ff;
+}
+.sys-resource-dialog .null-file {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 300px;
+}
+.sys-resource-dialog .null-file .null-pic {
+  display: block;
+  width: 10%;
+  margin: 20px auto;
+}
+.sys-resource-dialog .null-file p {
+  color: #a2a3a7;
+  font-size: 14px;
+  text-align: center;
+}
+.sysfile-filter-container {
+  padding: 12px 0;
+}
+.sys-res-file-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+.sys-res-file-list .item-load-more {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  color: #9a9a9a;
+  font-size: 12px;
+  cursor: pointer;
+}
+.sys-res-file-list .item-load-more img {
+  width: 72px;
+}
+.sys-res-file-list .item {
+  position: relative;
+  width: calc(20% - 20px);
+  overflow: hidden;
+  cursor: pointer;
+}
+.sys-res-file-list .item .move-action {
+  opacity: 0.5;
+}
+.sys-res-file-list .item .shadow-wrap {
+  position: relative;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+}
+.sys-res-file-list .item .shadow-wrap:hover {
+  border: 1px solid #4886ff;
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+}
+.sys-res-file-list .item .shadow-wrap .thumb-wrap {
+  position: relative;
+  width: 100%;
+  background: url('../assets/selection/picBg.png');
+}
+.sys-res-file-list .item .shadow-wrap h4,
+.sys-res-file-list .item .shadow-wrap p {
+  margin-top: 4px;
+  margin-bottom: 2px;
+  padding: 0 10px;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-wrap: normal;
+}
+.sys-res-file-list .item .shadow-wrap h4 i,
+.sys-res-file-list .item .shadow-wrap p i,
+.sys-res-file-list .item .shadow-wrap h4 svg,
+.sys-res-file-list .item .shadow-wrap p svg {
+  margin-right: 4px;
+  color: #e75258;
+  font-size: 16px;
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap h4 svg,
+.sys-res-file-list .item .shadow-wrap p svg {
+  margin-right: 4px;
+  font-size: 16px;
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap h4 span,
+.sys-res-file-list .item .shadow-wrap p span {
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap p {
+  margin-bottom: 4px;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 1em;
+  opacity: 0.65;
+}
+.sys-res-file-list::after {
+  height: 50px;
+}
 .select-resources-modal-wrapper .arco-modal-header {
   border-bottom: none;
 }