@cmstops/pro-compo 0.3.23 → 0.3.25

package/es/editMetaInfo/components/metaInfoForm.js

@@ -40,6 +40,8 @@ const _sfc_main = defineComponent({
     const form = ref({
       title: "",
       style: "",
+      app_link_title: "",
+      pc_link_title: "",
       sub_title: "",
       head_title: "",
       summary: "",
@@ -346,6 +348,38 @@ const _sfc_main = defineComponent({
             ]),
             _: 1
           }),
+          createVNode(unref(FormItem), {
+            key: "app_link_title",
+            field: "app_link_title",
+            label: "APP \u94FE\u63A5\u6807\u9898"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Input), {
+                modelValue: form.value.app_link_title,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.app_link_title = $event),
+                "allow-clear": "",
+                class: "input-w",
+                placeholder: "\u586B\u5199APP\u94FE\u63A5\u6807\u9898"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(FormItem), {
+            key: "pc_link_title",
+            field: "pc_link_title",
+            label: "PC \u94FE\u63A5\u6807\u9898"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Input), {
+                modelValue: form.value.pc_link_title,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.pc_link_title = $event),
+                "allow-clear": "",
+                class: "input-w",
+                placeholder: "\u586B\u5199PC\u94FE\u63A5\u6807\u9898"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
           createVNode(unref(FormItem), {
             key: "sub_title",
             field: "sub_title",
@@ -354,7 +388,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Input), {
                 modelValue: form.value.sub_title,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.sub_title = $event),
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.sub_title = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u586B\u5199\u526F\u6807\u9898"
@@ -370,7 +404,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Input), {
                 modelValue: form.value.head_title,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.head_title = $event),
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.head_title = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u586B\u5199\u5F15\u6807\u9898"
@@ -386,7 +420,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Input), {
                 modelValue: form.value.summary,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.summary = $event),
+                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.summary = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u586B\u5199\u6458\u8981"
@@ -402,7 +436,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Input), {
                 modelValue: form.value.guide,
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.guide = $event),
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.value.guide = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u586B\u5199\u5BFC\u8BFB"
@@ -418,7 +452,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(InputTag), {
                 modelValue: form.value.keywords,
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.keywords = $event),
+                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.keywords = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u8BBE\u7F6E\u5173\u952E\u8BCD"
@@ -434,7 +468,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Select), {
                 modelValue: form.value.source,
-                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.value.source = $event),
+                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.source = $event),
                 class: "input-w",
                 placeholder: "\u8BF7\u9009\u62E9"
               }, {
@@ -461,7 +495,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: form.value.statement,
-                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.statement = $event),
+                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => form.value.statement = $event),
                 onChange: changeStatement
               }, null, 8, ["modelValue"])
             ]),
@@ -475,7 +509,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Input), {
                 modelValue: form.value.source_url,
-                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.source_url = $event),
+                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => form.value.source_url = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u586B\u5199\u6765\u6E90URL"
@@ -491,7 +525,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Input), {
                 modelValue: form.value.author,
-                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => form.value.author = $event),
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => form.value.author = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u586B\u5199\u4F5C\u8005"
@@ -507,7 +541,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Select), {
                 modelValue: form.value.duty_editor,
-                "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => form.value.duty_editor = $event),
+                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => form.value.duty_editor = $event),
                 class: "input-w",
                 multiple: "",
                 placeholder: "\u8BBE\u7F6E\u7F16\u8F91"
@@ -534,7 +568,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(InputTag), {
                 modelValue: form.value.extra_attrs,
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => form.value.extra_attrs = $event),
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.extra_attrs = $event),
                 "allow-clear": "",
                 class: "input-w",
                 placeholder: "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u5C5E\u6027"
@@ -551,7 +585,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(DatePicker), {
                 modelValue: form.value.self_publish_time,
-                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => form.value.self_publish_time = $event),
+                "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => form.value.self_publish_time = $event),
                 "time-picker-props": { defaultValue: "12:00:00" },
                 placeholder: "\u9009\u62E9\u81EA\u5B9A\u4E49\u53D1\u5E03\u65F6\u95F4",
                 "show-time": "",
@@ -569,7 +603,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: form.value.line_time,
-                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.line_time = $event),
+                "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => form.value.line_time = $event),
                 onChange: lineTimeChange
               }, null, 8, ["modelValue"])
             ]),
@@ -585,7 +619,7 @@ const _sfc_main = defineComponent({
               default: withCtx(() => [
                 createVNode(unref(DatePicker), {
                   modelValue: form.value.online_time,
-                  "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => form.value.online_time = $event),
+                  "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => form.value.online_time = $event),
                   "disabled-date": disabledStartTime,
                   "time-picker-props": { defaultValue: "12:00:00" },
                   disabled: disabledDatePickerOnlineTime.value,
@@ -605,7 +639,7 @@ const _sfc_main = defineComponent({
               default: withCtx(() => [
                 createVNode(unref(DatePicker), {
                   modelValue: form.value.offline_time,
-                  "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => form.value.offline_time = $event),
+                  "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => form.value.offline_time = $event),
                   "disabled-date": disabledEndTime,
                   "time-picker-props": { defaultValue: "12:00:00" },
                   placeholder: "\u9009\u62E9\u4E0B\u7EBF\u65F6\u95F4",
@@ -625,7 +659,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: form.value.ori_count,
-                "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => form.value.ori_count = $event)
+                "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => form.value.ori_count = $event)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -639,7 +673,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(InputNumber), {
                 modelValue: form.value.ori_read_count,
-                "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => form.value.ori_read_count = $event),
+                "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => form.value.ori_read_count = $event),
                 style: { width: "240px" }
               }, null, 8, ["modelValue"])
             ]),
@@ -656,7 +690,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(InputNumber), {
                 modelValue: form.value.ori_thumbup_count,
-                "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => form.value.ori_thumbup_count = $event),
+                "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => form.value.ori_thumbup_count = $event),
                 style: { width: "240px" }
               }, null, 8, ["modelValue"])
             ]),
@@ -673,7 +707,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: form.value.comment_available,
-                "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => form.value.comment_available = $event)
+                "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => form.value.comment_available = $event)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -687,7 +721,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: form.value.is_recommend,
-                "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => form.value.is_recommend = $event)
+                "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => form.value.is_recommend = $event)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -701,7 +735,7 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: form.value.album_status,
-                "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => form.value.album_status = $event)
+                "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => form.value.album_status = $event)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -716,12 +750,12 @@ const _sfc_main = defineComponent({
             default: withCtx(() => [
               createVNode(unref(Switch), {
                 modelValue: silenceOptions.value,
-                "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => silenceOptions.value = $event)
+                "onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => silenceOptions.value = $event)
               }, null, 8, ["modelValue"]),
               silenceOptions.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
                 createVNode(unref(RadioGroup), {
                   modelValue: form.value.mourn_style,
-                  "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => form.value.mourn_style = $event)
+                  "onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => form.value.mourn_style = $event)
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(Radio), { value: 1 }, {

package/es/index.css

@@ -887,8 +887,9 @@
 }
 .file-type-thumb .tag {
   position: absolute;
-  top: 8px;
-  left: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   padding: 2px 8px;
   color: white;
   font-size: 12px;
@@ -3894,14 +3895,14 @@
   padding: 0 2px;
   border: none;
 }
-.file-type-thumb {
+.resource-grid-file-type-thumb {
   position: relative;
   width: 100%;
 }
-.file-type-thumb:hover .mask {
+.resource-grid-file-type-thumb:hover .mask {
   display: flex;
 }
-.file-type-thumb .mask {
+.resource-grid-file-type-thumb .mask {
   position: absolute;
   top: 0;
   display: none;
@@ -3913,56 +3914,57 @@
   font-size: 18px;
   background: rgba(0, 0, 0, 0.3);
 }
-.file-type-thumb .mask i {
+.resource-grid-file-type-thumb .mask i {
   display: inline-block;
   cursor: pointer;
 }
-.file-type-thumb .mask i:active {
+.resource-grid-file-type-thumb .mask i:active {
   opacity: 0.4;
 }
-.file-type-thumb .mask .half {
+.resource-grid-file-type-thumb .mask .half {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48%;
   height: 100%;
 }
-.file-type-thumb .mask .half:hover {
+.resource-grid-file-type-thumb .mask .half:hover {
   cursor: pointer;
   opacity: 0.7;
 }
-.file-type-thumb .mask .el-divider {
+.resource-grid-file-type-thumb .mask .el-divider {
   margin: 0;
   opacity: 0.4;
 }
-.file-type-thumb .transparent {
+.resource-grid-file-type-thumb .transparent {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
 }
-.file-type-thumb .transparent:hover {
+.resource-grid-file-type-thumb .transparent:hover {
   cursor: pointer;
 }
-.file-type-thumb .tag {
+.resource-grid-file-type-thumb .tag {
   position: absolute;
-  top: 8px;
-  left: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   padding: 2px 8px;
   color: white;
   font-size: 12px;
-  background-color: rgba(#000, #000, #000, 0.4);
+  background-color: rgba(0, 0, 0, 0.2);
   border-radius: 12px;
 }
-.file-type-thumb .rate-info-tag {
+.resource-grid-file-type-thumb .rate-info-tag {
   top: 8px;
   left: 5px;
 }
-.file-type-thumb .ai-tag {
+.resource-grid-file-type-thumb .ai-tag {
   top: 8px;
   right: 5px;
 }
-.file-type-thumb .pic {
+.resource-grid-file-type-thumb .pic {
   width: 100%;
   padding-top: 56.25%;
   background-color: #fff;
@@ -3972,83 +3974,83 @@
   background-position: top;
   background-size: cover;
 }
-.file-type-thumb .pic:hover {
+.resource-grid-file-type-thumb .pic:hover {
   transform: scale(1.02);
   transition: ease-out 0.4s;
 }
-.file-type-thumb .audio {
+.resource-grid-file-type-thumb .audio {
   background-image: url('../assets/images/music.png') !important;
 }
-.file-type-thumb .audio.doc {
+.resource-grid-file-type-thumb .audio.doc {
   background-image: url('../assets/images/draf.png') !important;
 }
-.file-type-thumb .project {
+.resource-grid-file-type-thumb .project {
   background-image: url('../assets/images/project1.png') !important;
 }
-.file-type-thumb .doc {
+.resource-grid-file-type-thumb .doc {
   background-image: url('../assets/images/draf.png');
 }
-.file-type-thumb .link {
+.resource-grid-file-type-thumb .link {
   background-image: url('../assets/images/link.png');
 }
-.file-type-thumb .sp_topic {
+.resource-grid-file-type-thumb .sp_topic {
   background-image: url('../assets/images/link.png');
 }
-.file-type-thumb .live {
+.resource-grid-file-type-thumb .live {
   background-image: url('../assets/images/live.png');
 }
-.file-type-thumb .pdf {
+.resource-grid-file-type-thumb .pdf {
   background-image: url('../assets/images/pdf.png') !important;
 }
-.file-type-thumb .officeexcel {
+.resource-grid-file-type-thumb .officeexcel {
   background-image: url('../assets/images/excel.png') !important;
 }
-.file-type-thumb .officeppt {
+.resource-grid-file-type-thumb .officeppt {
   background-image: url('../assets/images/ppt.png') !important;
 }
-.file-type-thumb .zip {
+.resource-grid-file-type-thumb .zip {
   background-image: url('../assets/images/zip.png') !important;
 }
-.file-type-thumb .rar {
+.resource-grid-file-type-thumb .rar {
   background-image: url('../assets/images/rar.png') !important;
 }
-.file-type-thumb .txt {
+.resource-grid-file-type-thumb .txt {
   background-image: url('../assets/images/txt.png') !important;
 }
-.file-type-thumb .exe {
+.resource-grid-file-type-thumb .exe {
   background-image: url('../assets/images/exe.png') !important;
 }
-.file-type-thumb .html {
+.resource-grid-file-type-thumb .html {
   background-image: url('../assets/images/html.png') !important;
 }
-.file-type-thumb .officedoc {
+.resource-grid-file-type-thumb .officedoc {
   background-image: url('../assets/images/word.png') !important;
 }
-.file-type-thumb .wechat {
+.resource-grid-file-type-thumb .wechat {
   background-image: url('../assets/images/wechat.png') !important;
 }
-.file-type-thumb .h5 {
+.resource-grid-file-type-thumb .h5 {
   background-image: url('../assets/images/h5.png') !important;
 }
-.file-type-thumb .ad {
+.resource-grid-file-type-thumb .ad {
   background-image: url('../assets/images/ad.png') !important;
 }
-.file-type-thumb .booklink {
+.resource-grid-file-type-thumb .booklink {
   background-image: url('../assets/images/booklink.png') !important;
 }
-.file-type-thumb .activity {
+.resource-grid-file-type-thumb .activity {
   background-image: url('../assets/images/activity.png') !important;
 }
-.file-type-thumb .svideo {
+.resource-grid-file-type-thumb .svideo {
   background-image: url('../assets/images/svideo.png') !important;
 }
-.file-type-thumb .cloud_lottery {
+.resource-grid-file-type-thumb .cloud_lottery {
   background-image: url('../assets/images/cloud_lottery.png') !important;
 }
-.file-type-thumb .cloud_form {
+.resource-grid-file-type-thumb .cloud_form {
   background-image: url('../assets/images/cloud_form.png') !important;
 }
-.file-type-thumb .illegal-media-warning {
+.resource-grid-file-type-thumb .illegal-media-warning {
   position: absolute;
   top: 0;
   width: 100%;
@@ -4228,6 +4230,11 @@
   line-height: 1em;
   opacity: 0.65;
 }
+.media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap .menu-wrap {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+}
 .media-grid-list-scroll .file-wrap .file-list::after {
   height: 50px;
 }

package/es/index.d.ts

@@ -20,5 +20,5 @@ export { default as editMetaInfo } from './editMetaInfo';
 export { default as baseFilter } from './baseFilter';
 export { default as dataTags } from './dataTags';
 export { default as colorPalette } from './colorPalette';
-export { default as mediaGridList } from './mediaGridList';
+export { default as resourceGridList } from './resourceGridList';
 export { default as mediaView } from './mediaView';

package/es/index.js

@@ -20,5 +20,5 @@ export { default as editMetaInfo } from "./editMetaInfo/index.js";
 export { default as baseFilter } from "./baseFilter/index.js";
 export { default as dataTags } from "./dataTags/index.js";
 export { default as colorPalette } from "./colorPalette/index.js";
-export { default as mediaGridList } from "./mediaGridList/index.js";
+export { default as resourceGridList } from "./resourceGridList/index.js";
 export { default as mediaView } from "./mediaView/index.js";

package/es/index.less

@@ -20,5 +20,5 @@
 @import './baseFilter/style/index.less';
 @import './dataTags/style/index.less';
 @import './colorPalette/style/index.less';
-@import './mediaGridList/style/index.less';
+@import './resourceGridList/style/index.less';
 @import './mediaView/style/index.less';

package/es/{mediaGridList → resourceGridList}/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createCommentVNode, withDirectives, createElementBlock, Fragment, renderList, createVNode, toDisplayString, createTextVNode, vShow, normalizeClass } from "vue";
+import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createCommentVNode, withDirectives, createElementBlock, Fragment, renderList, createVNode, toDisplayString, createTextVNode, vShow, normalizeClass, renderSlot } from "vue";
 import { Scrollbar, Tooltip, Button } from "@arco-design/web-vue";
 import { IconDoubleDown, IconDoubleUp } from "@arco-iconbox/vue-cmstop-icons";
 import _sfc_main$2 from "../typeIcons/component.js";
@@ -17,28 +17,30 @@ const _hoisted_7 = { class: "wrap" };
 const _hoisted_8 = { class: "thumb" };
 const _hoisted_9 = { class: "folder-more-wrap" };
 const _hoisted_10 = { class: "file-list clearfix" };
-const _hoisted_11 = { class: "thumb-wrap" };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "thumb-wrap" };
+const _hoisted_13 = { class: "menu-wrap" };
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
 ], -1);
-const _hoisted_13 = {
+const _hoisted_15 = {
   key: 1,
   class: "load_more_title"
 };
-const _hoisted_14 = {
+const _hoisted_16 = {
   key: 1,
   class: "nomore_tips"
 };
-const _hoisted_15 = {
+const _hoisted_17 = {
   key: 2,
   class: "null-file"
 };
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
-const _hoisted_17 = [
-  _hoisted_16
+const _hoisted_18 = /* @__PURE__ */ createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_19 = [
+  _hoisted_18
 ];
 const _sfc_main = defineComponent({
-  ...{ name: "mediaGridList" },
+  ...{ name: "resourceGridList" },
   __name: "component",
   props: {
     folderList: {},
@@ -46,11 +48,9 @@ const _sfc_main = defineComponent({
     fileListCount: {},
     isOver: { type: Boolean },
     showFolder: { type: Boolean },
-    preview: { type: Boolean },
-    changeDirectory: { type: Function },
-    loadFileMore: { type: Function }
+    preview: { type: Boolean }
   },
-  emits: ["confirm"],
+  emits: ["confirm", "clickDir", "clickItem", "loadMore"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const isFold = ref(true);
@@ -70,6 +70,15 @@ const _sfc_main = defineComponent({
       emit("confirm", selectedData.value);
     };
     const selectedData = ref([]);
+    const _changeDirectory = (item) => {
+      emit("clickDir", item);
+    };
+    const _clickFileItem = (item) => {
+      emit("clickItem", item);
+    };
+    const _loadFileMore = () => {
+      emit("loadMore");
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Scrollbar), { class: "media-grid-list-scroll" }, {
         default: withCtx(() => {
@@ -83,7 +92,7 @@ const _sfc_main = defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: index,
                     class: "item folder-item",
-                    onClick: ($event) => _ctx.changeDirectory(item)
+                    onClick: ($event) => _changeDirectory(item)
                   }, [
                     createElementVNode("div", _hoisted_4, [
                       createVNode(unref(Tooltip), {
@@ -108,7 +117,7 @@ const _sfc_main = defineComponent({
                     return openBlock(), createElementBlock("div", {
                       key: index,
                       class: "item folder-item",
-                      onClick: ($event) => _ctx.changeDirectory(item)
+                      onClick: ($event) => _changeDirectory(item)
                     }, [
                       createElementVNode("div", _hoisted_7, [
                         createVNode(unref(Tooltip), {
@@ -150,9 +159,10 @@ const _sfc_main = defineComponent({
                     class: "item"
                   }, [
                     createElementVNode("div", {
-                      class: normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"])
+                      class: normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"]),
+                      onClick: ($event) => _clickFileItem(item)
                     }, [
-                      createElementVNode("div", _hoisted_11, [
+                      createElementVNode("div", _hoisted_12, [
                         createVNode(_sfc_main$1, {
                           "item-data": item,
                           preview: _ctx.preview,
@@ -179,6 +189,10 @@ const _sfc_main = defineComponent({
                         }, 1032, ["content"])
                       ]),
                       createElementVNode("p", null, toDisplayString(unref(timeFormat)(item.updated_at)), 1),
+                      createCommentVNode(" \u83DC\u5355\u63D2\u69FD "),
+                      createElementVNode("div", _hoisted_13, [
+                        renderSlot(_ctx.$slots, "menu", { item })
+                      ]),
                       createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
                       item.task ? (openBlock(), createBlock(unref(Tooltip), {
                         key: 0,
@@ -188,33 +202,33 @@ const _sfc_main = defineComponent({
                         placement: "bottom"
                       }, {
                         default: withCtx(() => [
-                          _hoisted_12
+                          _hoisted_14
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
-                    ], 2)
+                    ], 10, _hoisted_11)
                   ]);
                 }), 128))
               ]),
-              _ctx.fileListCount ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              _ctx.fileListCount ? (openBlock(), createElementBlock("div", _hoisted_15, [
                 !_ctx.isOver ? (openBlock(), createBlock(unref(Button), {
                   key: 0,
                   class: "loadmore_tips",
                   size: "small",
                   type: "text",
-                  onClick: _ctx.loadFileMore
+                  onClick: _loadFileMore
                 }, {
                   default: withCtx(() => [
                     createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
                   ]),
                   _: 1
-                }, 8, ["onClick"])) : (openBlock(), createElementBlock("div", _hoisted_14, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+                })) : (openBlock(), createElementBlock("div", _hoisted_16, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
               ])) : createCommentVNode("v-if", true),
-              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_15, _hoisted_17)) : createCommentVNode("v-if", true)
+              !((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_17, _hoisted_19)) : createCommentVNode("v-if", true)
             ])
           ];
         }),
-        _: 1
+        _: 3
       });
     };
   }

package/es/{mediaGridList → resourceGridList}/components/FileTypeThumb/index.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment
 import { Divider } from "@arco-design/web-vue";
 import { IconEye, IconPlus } from "@arco-design/web-vue/es/icon";
 import _sfc_main$1 from "../../../mediaView/component.js";
-const _hoisted_1 = { class: "file-type-thumb" };
+const _hoisted_1 = { class: "resource-grid-file-type-thumb" };
 const _hoisted_2 = {
   key: 0,
   class: "rate-info-tag tag"

package/es/resourceGridList/index.d.ts

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