@cmstops/pro-compo 0.1.32 → 0.1.34

package/es/editMetaInfo/components/metaInfoForm.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, toRaw } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString, toRaw } from "vue";
 import { Form, FormItem, Input, InputTag, Select, Option, DatePicker, Switch, InputNumber, RadioGroup, Radio, Message } from "@arco-design/web-vue";
 import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
 import { docSeries } from "../../utils/doc.js";
@@ -158,10 +158,10 @@ const _sfc_main = 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;
@@ -239,9 +239,9 @@ const _sfc_main = defineComponent({
       return openBlock(), createBlock(unref(Form), {
         ref_key: "metaInfoFormRef",
         ref: metaInfoFormRef,
+        model: form.value,
         rules,
-        class: "meta-info-form",
-        model: form.value
+        class: "meta-info-form"
       }, {
         default: withCtx(() => [
           createVNode(unref(FormItem), {
@@ -253,27 +253,27 @@ const _sfc_main = defineComponent({
               createVNode(unref(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
           }),
           withDirectives(createVNode(unref(FormItem), {
             key: "brief",
-            field: "brief",
-            label: `${docBrief.value}\u63CF\u8FF0`
+            label: `${docBrief.value}\u63CF\u8FF0`,
+            field: "brief"
           }, {
             default: withCtx(() => [
               createVNode(unref(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
@@ -282,9 +282,9 @@ const _sfc_main = defineComponent({
           ]),
           createVNode(unref(FormItem), {
             key: "style",
+            "content-class": "style-form-item",
             field: "style",
-            "hide-label": "",
-            "content-class": "style-form-item"
+            "hide-label": ""
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1, {
@@ -307,9 +307,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +323,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +339,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +355,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +371,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +394,9 @@ const _sfc_main = defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(SourceInfo), (item) => {
                     return openBlock(), createBlock(unref(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 +413,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +429,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +445,17 @@ const _sfc_main = defineComponent({
               createVNode(unref(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: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(dutyEditorOptions.value, (item) => {
                     return openBlock(), createBlock(unref(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 +472,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +489,9 @@ const _sfc_main = defineComponent({
               createVNode(unref(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 +512,46 @@ const _sfc_main = defineComponent({
             ]),
             _: 1
           }),
-          createVNode(unref(FormItem), {
-            key: "online_time",
-            class: "horizontal",
-            field: "online_time",
-            label: "\u4E0A\u7EBF\u65F6\u95F4"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(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
-          }),
-          createVNode(unref(FormItem), {
-            key: "offline_time",
-            class: "horizontal",
-            field: "offline_time",
-            label: "\u4E0B\u7EBF\u65F6\u95F4"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(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 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(unref(FormItem), {
+              key: "online_time",
+              class: "horizontal",
+              field: "online_time",
+              label: "\u4E0A\u7EBF\u65F6\u95F4"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(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
+            }),
+            createVNode(unref(FormItem), {
+              key: "offline_time",
+              class: "horizontal",
+              field: "offline_time",
+              label: "\u4E0B\u7EBF\u65F6\u95F4"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(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)) : createCommentVNode("v-if", true),
           createVNode(unref(FormItem), {
             key: "statement",
             class: "horizontal",
@@ -689,10 +691,10 @@ const _sfc_main = defineComponent({
                 }, 8, ["modelValue"]),
                 form.value.mourn_style == 1 ? (openBlock(), createElementBlock("p", _hoisted_2, [
                   createVNode(unref(IconInfoCircle)),
-                  createTextVNode(toDisplayString(tips.value[0]), 1)
+                  createTextVNode(" " + toDisplayString(tips.value[0]), 1)
                 ])) : form.value.mourn_style == 2 ? (openBlock(), createElementBlock("p", _hoisted_3, [
                   createVNode(unref(IconInfoCircle)),
-                  createTextVNode(toDisplayString(tips.value[1]), 1)
+                  createTextVNode(" " + toDisplayString(tips.value[1]), 1)
                 ])) : createCommentVNode("v-if", true)
               ])) : createCommentVNode("v-if", true)
             ]),

package/es/index.css

@@ -571,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 {
@@ -600,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;
@@ -658,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 {
@@ -685,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 {

package/es/resourceModal/component.js

@@ -12,7 +12,7 @@ const _sfc_main = defineComponent({
     ai_static_covers: {},
     ai_gif_covers: {},
     preview: { type: Boolean },
-    base_api: {},
+    BASE_API: {},
     mediaUseType: {}
   },
   emits: ["update:dialogVisible", "submit"],
@@ -22,8 +22,8 @@ const _sfc_main = defineComponent({
     if (!injectMediaUseType && props.mediaUseType) {
       provide("mediaUseType", props.mediaUseType || mediaUseEnum.THUMB);
     }
-    provide("baseAPI", props.base_api || DEFAULT_BASE_API);
-    const BASE_API = props.base_api || DEFAULT_BASE_API;
+    provide("baseAPI", props.BASE_API || DEFAULT_BASE_API);
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const selectedMax = ref(1);
     const emit = __emit;
     const submit = (itemData) => {
@@ -66,12 +66,12 @@ const _sfc_main = defineComponent({
           createVNode(_sfc_main$1, {
             "selected-max": selectedMax.value,
             "catalog-props": _ctx.catalogProps,
-            base_api: unref(BASE_API),
+            "b-a-s-e-a-p-i": unref(BASE_API),
             ai_static_covers: _ctx.ai_static_covers,
             ai_gif_covers: _ctx.ai_gif_covers,
             preview: _ctx.preview,
             onConfirm: submit
-          }, null, 8, ["selected-max", "catalog-props", "base_api", "ai_static_covers", "ai_gif_covers", "preview"])
+          }, null, 8, ["selected-max", "catalog-props", "b-a-s-e-a-p-i", "ai_static_covers", "ai_gif_covers", "preview"])
         ]),
         _: 1
       }, 8, ["visible"]);

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createCommentVNode, withDirectives, createElementBlock, Fragment, renderList, createVNode, toDisplayString, createTextVNode, vShow, normalizeClass } from "vue";
 import _imports_0 from "../../../assets/selection/null.js";
 import { Scrollbar, Tooltip, Button } from "@arco-design/web-vue";
-import { IconDoubleDown, IconDoubleUp } from "@arco-design/web-vue/es/icon";
+import { IconDoubleDown, IconDoubleUp } from "@arco-iconbox/vue-cmstop-icons";
 import _sfc_main$2 from "../../../../typeIcons/component.js";
 import _sfc_main$1 from "./FileTypeThumb/index.js";
 import { timeFormat } from "../../../script/filter.js";

package/es/resourceModal/components/MediaSelection/ToolbarSearch/index.js

@@ -15,7 +15,7 @@ const _sfc_main = defineComponent({
   __name: "index",
   props: {
     activeMediaType: {},
-    base_api: {}
+    BASE_API: {}
   },
   emits: ["search"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -38,7 +38,7 @@ const _sfc_main = defineComponent({
         limit: limit.value,
         offset: peopleOptions.value.length
       };
-      const res = await getAccountList(props.base_api, 1, query);
+      const res = await getAccountList(props.BASE_API, 1, query);
       if (res && res.code !== 0)
         return;
       if (res && res.message) {

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

@@ -18,7 +18,7 @@ const _sfc_main = defineComponent({
   __name: "index",
   props: {
     selectedMax: {},
-    base_api: {},
+    BASE_API: {},
     catalogProps: {},
     preview: { type: Boolean },
     ai_static_covers: {},
@@ -120,9 +120,9 @@ const _sfc_main = defineComponent({
         query = Object.assign(query, filter.value);
         folderList.value = [];
       }
-      const promise = filter.value ? [API(props.base_api, query)] : [
-        API(props.base_api, query),
-        getDirectories(props.base_api, { parent_id: query.directory_id })
+      const promise = filter.value ? [API(props.BASE_API, query)] : [
+        API(props.BASE_API, query),
+        getDirectories(props.BASE_API, { parent_id: query.directory_id })
       ];
       Promise.all(promise).then((res) => {
         const files = res[0].code === 0 ? res[0].message.data || [] : [];
@@ -176,7 +176,7 @@ const _sfc_main = defineComponent({
                 })) : createCommentVNode("v-if", true),
                 unref(mediaUseType) ? (openBlock(), createBlock(unref(TabPane), {
                   key: "system",
-                  title: "\u5185\u7F6E\u8D44\u6E90"
+                  title: "\u5185\u7F6E\u7D20\u6750"
                 })) : createCommentVNode("v-if", true),
                 createVNode(unref(TabPane), {
                   key: "all",
@@ -203,7 +203,7 @@ const _sfc_main = defineComponent({
               preview: _ctx.preview,
               onConfirm: confirm
             }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : activeMediaType.value === "system" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createCommentVNode(" \u5185\u7F6E\u8D44\u6E90 "),
+              createCommentVNode(" \u5185\u7F6E\u7D20\u6750 "),
               createVNode(_sfc_main$2, { onConfirm: confirm })
             ], 2112)) : createCommentVNode("v-if", true),
             createCommentVNode(" \u7D20\u6750\u5E93\u7D20\u6750 "),
@@ -215,7 +215,7 @@ const _sfc_main = defineComponent({
                   ref: getMoreData,
                   class: "tool-search-box",
                   "active-media-type": activeMediaType.value,
-                  base_api: _ctx.base_api,
+                  "b-a-s-e-a-p-i": _ctx.BASE_API,
                   onSearch: search
                 }, {
                   other: withCtx(() => [
@@ -233,7 +233,7 @@ const _sfc_main = defineComponent({
                     })) : createCommentVNode("v-if", true)
                   ]),
                   _: 1
-                }, 8, ["active-media-type", "base_api"])
+                }, 8, ["active-media-type", "b-a-s-e-a-p-i"])
               ]),
               breadCrumbs.value.length > 1 ? (openBlock(), createBlock(unref(Breadcrumb), {
                 key: 0,

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

@@ -5,10 +5,10 @@ export declare function getAttachmentsAll(BASE_API: string, query?: Params): imp
 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 系统内置资源部分接口 --- */
+/** @description 系统内置素材部分接口 --- */
 /**
  * ps：
- * 1. 内置资源分类 type：
+ * 1. 内置素材分类 type：
  *    thumb：稿件素材
  *    compoIcon：组件 icon
  *    pushIcon：品宣 icon

package/es/resourceModal/style/DocAiMediaSelected.less

@@ -32,12 +32,11 @@
               width: 100%;
               height: 100%;
               overflow: hidden;
-              overflow: hidden;
-              border: solid 3px transparent;
+              border: solid 1px transparent;
               border-radius: 4px;
 
               &.active {
-                border: solid 3px #4886ff;
+                border: solid 1px #4886ff;
                 border-radius: 4px;
               }
 

package/es/resourceModal/style/MainContent.less

@@ -43,7 +43,7 @@
                 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;
               }
 
@@ -74,13 +74,15 @@
               padding: 14px 16px;
               line-height: 24px;
               background: #f7f8fa;
-              border: 1px solid #ebeef5;
+              //border: 1px solid #ebeef5;
+              border: 1px solid transparent;
               border-radius: 4px;
 
               &: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;
               }
             }

package/es/resourceModal/style/ToolbarSearch.less

@@ -14,6 +14,19 @@
         width: auto;
         margin-right: 10px;
       }
+
+      .filter-right {
+        .arco-btn-size-medium.arco-btn-only-icon {
+          width: 48px;
+          color: #2f6ffb;
+          background-color: #e8f3ff;
+
+          &:hover {
+            background-color: #d3e6ff;
+            //background-color: red;
+          }
+        }
+      }
     }
   }
 }

package/es/resourceModal/style/index.css

@@ -77,11 +77,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 {
@@ -106,6 +106,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;
@@ -164,7 +172,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 {
@@ -191,13 +199,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 {