@cmstops/pro-compo 0.3.23 → 0.3.25

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./component.js";
-const mediaGridList = Object.assign(_sfc_main, {
+const resourceGridList = Object.assign(_sfc_main, {
   install: (app) => {
     app.component(_sfc_main.name, _sfc_main);
   }
 });
-export { mediaGridList as default };
+export { resourceGridList as default };

package/es/{mediaGridList → resourceGridList}/style/FileTypeThumb.less

@@ -1,4 +1,4 @@
-.file-type-thumb {
+.resource-grid-file-type-thumb {
   position: relative;
   width: 100%;
 
@@ -59,12 +59,13 @@
 
   .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;
   }
 

package/es/{mediaGridList → resourceGridList}/style/index.css

@@ -1,11 +1,11 @@
-.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;
@@ -17,56 +17,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;
@@ -76,83 +77,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%;
@@ -332,6 +333,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/{mediaGridList → resourceGridList}/style/index.less

@@ -187,6 +187,12 @@
             line-height: 1em;
             opacity: 0.65;
           }
+
+          .menu-wrap {
+            position: absolute;
+            right: 10px;
+            bottom: 10px;
+          }
         }
       }
 

package/es/resourceModal/style/FileTypeThumb.less

@@ -59,8 +59,9 @@
 
   .tag {
     position: absolute;
-    top: 8px;
-    left: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding: 2px 8px;
     color: white;
     font-size: 12px;

package/es/resourceModal/style/index.css

@@ -379,8 +379,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;

package/lib/contentDetailList/components/Content/index.js

@@ -92,6 +92,7 @@ const _hoisted_33 = { class: "doc-fixed-icon" };
 const _hoisted_34 = { class: "doc-fixed-num" };
 const _hoisted_35 = { class: "index" };
 const _hoisted_36 = { class: "index" };
+const _hoisted_37 = { class: "index" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -471,7 +472,9 @@ const _sfc_main = vue.defineComponent({
             onCellMouseLeave: cellMouseLeave
           }, {
             batch: vue.withCtx(() => []),
-            index: vue.withCtx(() => []),
+            index: vue.withCtx(() => [
+              vue.createElementVNode("span", _hoisted_37, vue.toDisplayString(_ctx.index + 1), 1)
+            ]),
             tip: vue.withCtx(() => []),
             option: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "option", {

package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js

@@ -5,7 +5,11 @@ var icon = require("@arco-design/web-vue/es/icon");
 var doc = require("../../../../utils/doc.js");
 var index = require("../columnTree/index.js");
 const _hoisted_1 = { class: "media-filter-container" };
-const _hoisted_2 = { class: "sort-button" };
+const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "5px" } };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u7CBE\u51C6\u641C", -1);
+const _hoisted_4 = { style: { "display": "flex", "align-items": "center", "gap": "5px" } };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u6A21\u7CCA\u641C", -1);
+const _hoisted_6 = { class: "sort-button" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "MediaFilter" },
   __name: "index",
@@ -149,56 +153,78 @@ const _sfc_main = vue.defineComponent({
           default: vue.withCtx(() => [
             vue.createVNode(vue.unref(webVue.Input), {
               modelValue: filter.value.keywords,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keywords = $event),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.keywords = $event),
               "allow-clear": "",
               class: "filter-item keyword",
               placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
               onPressEnter: handleSearch
             }, {
-              prefix: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.DropdownButton), { onSelect: checkout }, {
-                  icon: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(icon.IconDown))
-                  ]),
-                  content: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Doption), { value: "precision" }, {
+              prepend: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.Select), {
+                  modelValue: filter.value.wordState,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wordState = $event),
+                  placeholder: "\u8BF7\u9009\u62E9",
+                  onSelect: checkout
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(webVue.Option), {
+                      value: "precision",
+                      label: "\u7CBE\u51C6\u641C"
+                    }, {
                       default: vue.withCtx(() => [
-                        vue.createTextVNode("\u7CBE\u51C6\u641C")
+                        vue.createElementVNode("div", _hoisted_2, [
+                          _hoisted_3,
+                          vue.createVNode(vue.unref(webVue.Tooltip), {
+                            effect: "dark",
+                            content: "\u4F1A\u4EE5\u8F93\u5165\u7684\u5B8C\u6574\u5173\u952E\u8BCD\u201C\u6210\u957F\u201D\u8FDB\u884C\u641C\u7D22\uFF0C\u641C\u7D22\u7ED3\u679C\u5173\u8054\u6027\u66F4\u9AD8\uFF0C\u4F46\u641C\u7D22\u7ED3\u679C\u66F4\u5C11",
+                            position: "right"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(icon.IconInfoCircle))
+                            ]),
+                            _: 1
+                          })
+                        ])
                       ]),
                       _: 1
                     }),
-                    vue.createVNode(vue.unref(webVue.Doption), { value: "blur" }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode("\u6A21\u7CCA\u641C")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Tooltip), {
-                      content: `${filter.value.wordState === "precision" ? "\u4F1A\u4EE5\u8F93\u5165\u7684\u5B8C\u6574\u5173\u952E\u8BCD\u201C\u6210\u957F\u201D\u8FDB\u884C\u641C\u7D22\uFF0C\u641C\u7D22\u7ED3\u679C\u5173\u8054\u6027\u66F4\u9AD8\uFF0C\u4F46\u641C\u7D22\u7ED3\u679C\u66F4\u5C11" : "\u4F1A\u5C06\u8F93\u5165\u5185\u5BB9\u5206\u8BCD\uFF0C\u4F8B\u5982\u201C\u6210\u957F\u201D\u4F1A\u5206\u4E3A\u201C\u6210\u201D\u3001\u201C\u957F\u201D\u3001\u201C\u6210\u957F\u201D\uFF0C\u5185\u5BB9\u5305\u542B\u4E09\u4E2A\u8BCD\u4E2D\u4EFB\u610F\u4E00\u4E2A\u5747\u4F1A\u663E\u793A\u51FA\u6765\uFF0C\u641C\u7D22\u5185\u5BB9\u66F4\u52A0\u4E30\u5BCC"}`
+                    vue.createVNode(vue.unref(webVue.Option), {
+                      value: "blur",
+                      label: "\u6A21\u7CCA\u641C"
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createElementVNode("span", null, vue.toDisplayString(filter.value.wordState === "precision" ? "\u7CBE\u51C6\u641C" : "\u6A21\u7CCA\u641C"), 1)
+                        vue.createElementVNode("div", _hoisted_4, [
+                          _hoisted_5,
+                          vue.createVNode(vue.unref(webVue.Tooltip), {
+                            effect: "dark",
+                            content: "\u4F1A\u5C06\u8F93\u5165\u5185\u5BB9\u5206\u8BCD\uFF0C\u4F8B\u5982\u201C\u6210\u957F\u201D\u4F1A\u5206\u4E3A\u201C\u6210\u201D\u3001\u201C\u957F\u201D\u3001\u201C\u6210\u957F\u201D\uFF0C\u5185\u5BB9\u5305\u542B\u4E09\u4E2A\u8BCD\u4E2D\u4EFB\u610F\u4E00\u4E2A\u5747\u4F1A\u663E\u793A\u51FA\u6765\uFF0C\u641C\u7D22\u5185\u5BB9\u66F4\u52A0\u4E30\u5BCC",
+                            position: "right"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(icon.IconInfoCircle))
+                            ]),
+                            _: 1
+                          })
+                        ])
                       ]),
                       _: 1
-                    }, 8, ["content"])
+                    })
                   ]),
                   _: 1
-                })
+                }, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["modelValue"]),
             vue.createVNode(index, {
               column_id: column_id.value,
-              "onUpdate:column_id": _cache[1] || (_cache[1] = ($event) => column_id.value = $event),
+              "onUpdate:column_id": _cache[2] || (_cache[2] = ($event) => column_id.value = $event),
               height: props.height,
               tree: props.tree,
               "user-info": props.userInfo
             }, null, 8, ["column_id", "height", "tree", "user-info"]),
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.type,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.type = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.type = $event),
               style: { width: "96px" },
               "trigger-props": { autoFitPopupMinWidth: true },
               "allow-clear": "",
@@ -218,7 +244,7 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["modelValue"]),
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.cover_type,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.cover_type = $event),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.cover_type = $event),
               style: { width: "96px" },
               "trigger-props": { autoFitPopupMinWidth: true },
               "allow-clear": "",
@@ -238,7 +264,7 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["modelValue"]),
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.banner,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.banner = $event),
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.banner = $event),
               style: { width: "124px" },
               "trigger-props": { autoFitPopupMinWidth: true },
               "allow-clear": "",
@@ -274,10 +300,10 @@ const _sfc_main = vue.defineComponent({
           ]),
           _: 1
         }),
-        vue.createElementVNode("div", _hoisted_2, [
+        vue.createElementVNode("div", _hoisted_6, [
           vue.createVNode(vue.unref(webVue.Select), {
             modelValue: filter.value.order,
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.order = $event),
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => filter.value.order = $event),
             class: "filter-item",
             placeholder: "\u53D1\u5E03\u65F6\u95F4"
           }, {