@cmstops/pro-compo 0.3.35 → 0.3.37

package/lib/selectResourceModal/components/ListContentLocal/components/Upload.js

@@ -38,18 +38,7 @@ const _sfc_main = vue.defineComponent({
             ]),
             _: 1
           }),
-          vue.createVNode(vue.unref(webVue.Button), { type: "primary" }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(" \u626B\u7801\u4E0A\u4F20 ")
-            ]),
-            _: 1
-          }),
-          vue.createVNode(vue.unref(webVue.Button), { type: "primary" }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(" \u5206\u4EAB\u4E0A\u4F20 ")
-            ]),
-            _: 1
-          })
+          vue.createCommentVNode(' <a-button type="primary"> \u626B\u7801\u4E0A\u4F20 </a-button>\n      <a-button type="primary"> \u5206\u4EAB\u4E0A\u4F20 </a-button> ')
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(webVue.Upload), {

package/lib/selectResourceModal/components/ListContentLocal/index.js

@@ -71,10 +71,13 @@ const _sfc_main = vue.defineComponent({
                     thumb: item.url,
                     catalog: item.catalog,
                     meta: item,
+                    options: {
+                      fit: item.catalog === "image" ? "contain" : "cover"
+                    },
                     "use-mask": true,
                     "handlers-key": handlersKey.value,
                     onHandle: handleOption
-                  }, null, 8, ["url", "thumb", "catalog", "meta", "handlers-key"])
+                  }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"])
                 ]),
                 _: 2
               }, 1032, ["item", "select-keys", "disable", "onSelect"]);

package/lib/selectResourceModal/components/ListFilter/index.js

@@ -95,7 +95,7 @@ const _sfc_main = vue.defineComponent({
     });
     const isEmpty = vue.computed(() => {
       return Object.keys(filter.value).every((key) => {
-        return !filter.value[key];
+        return filter.value[key] === originFilter[key];
       });
     });
     vue.watch(
@@ -110,13 +110,14 @@ const _sfc_main = vue.defineComponent({
         });
         emits("change", result);
       },
-      { deep: true }
+      { deep: true, immediate: true }
     );
     vue.onMounted(() => {
       var _a;
       load();
       if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
         filter.value.catalog = props.filterOptions.mediaType;
+        originFilter.catalog = props.filterOptions.mediaType;
       }
     });
     return (_ctx, _cache) => {

package/lib/selectResourceModal/style/index.css

@@ -175,7 +175,7 @@
   padding: 0 40px;
 }
 .resource-select-container .resource-select-header {
-  padding: 10px 24px 0;
+  padding: 10px 24px 0 24px;
 }
 .resource-select-container .resource-select-header .arco-tabs-nav::before {
   display: none;

package/lib/selectResourceModal/style/index.less

@@ -31,7 +31,7 @@
   }
 
   .resource-select-header {
-    padding: 10px 24px 0;
+    padding: 10px 24px 0 24px;
 
     .arco-tabs-nav::before {
       display: none;

package/lib/thumbCard/component.js

@@ -4,12 +4,15 @@ var icon = require("@arco-design/web-vue/es/icon");
 var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
 var webVue = require("@arco-design/web-vue");
 var magic = require("./assets/magic.js");
+var config = require("../config.js");
+var index = require("../utils/index.js");
 const _hoisted_1 = {
   key: 0,
   class: "thumb-upload-loading"
 };
 const _hoisted_2 = { class: "thumb-handler-list" };
 const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "thumb-select-tag" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "thumbCard" },
   __name: "component",
@@ -28,12 +31,18 @@ const _sfc_main = vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
     const WATER_BG_URL = magic;
     const isUploading = vue.computed(() => {
       var _a;
       return ((_a = props.meta) == null ? void 0 : _a.progress) != null;
     });
-    const thumb = vue.computed(() => props.thumb || props.url || "");
+    const thumb = vue.computed(() => {
+      if (["image", "video"].includes(props.catalog || "")) {
+        return props.thumb || props.url || "";
+      }
+      return `${BASE_API}/static/img/music.2ee269c.png`;
+    });
     const styleObject = vue.computed(() => {
       const style = {};
       if (props.useMask) {
@@ -107,21 +116,13 @@ const _sfc_main = vue.defineComponent({
             _: 1
           })
         ], 64)) : _ctx.catalog && _ctx.url ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          vue.createCommentVNode(" \u6709\u7C7B\u578B\u7684\u5C01\u9762 "),
           vue.createCommentVNode(" \u56FE\u7247 "),
-          _ctx.catalog === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), vue.mergeProps({
+          _ctx.catalog ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), vue.mergeProps({
             key: 0,
             class: "thumb-image",
             src: thumb.value
-          }, aImageAttr.value), null, 16, ["src"])) : _ctx.catalog === "video" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createCommentVNode(" \u89C6\u9891 "),
-            vue.createVNode(vue.unref(webVue.Image), vue.mergeProps({
-              class: "thumb-image",
-              src: thumb.value
-            }, aImageAttr.value), null, 16, ["src"])
-          ], 64)) : _ctx.catalog === "audio" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.createCommentVNode(" \u97F3\u9891 "),
-            vue.createTextVNode(" \u97F3\u9891 ")
-          ], 64)) : vue.createCommentVNode("v-if", true),
+          }, aImageAttr.value), null, 16, ["src"])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u5C55\u793A\u6A21\u5F0F "),
           vue.createElementVNode("div", _hoisted_2, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.handlersKey, (item) => {
@@ -132,9 +133,8 @@ const _sfc_main = vue.defineComponent({
               }, vue.toDisplayString(item.label), 9, _hoisted_3);
             }), 128))
           ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-          vue.createTextVNode(" \u7F3A\u7701\u56FE ")
-        ], 64))
+        ], 64)) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(vue.unref(index.mediaTime)(_ctx.meta.length)), 1)
       ], 6);
     };
   }

package/lib/thumbCard/style/index.css

@@ -57,11 +57,26 @@
 .thumb-select-wrapper:hover .thumb-handler-list {
   opacity: 1;
 }
+.thumb-select-wrapper:hover .thumb-select-tag {
+  opacity: 0;
+}
 .thumb-select-wrapper.thumb-no-mask {
   background-color: #f2f3f5;
   border: 1px dashed #e5e6eb !important;
 }
-.arco-dropdown-option-content {
+.thumb-select-wrapper .thumb-select-tag {
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  padding: 2px 10px;
+  color: #fff;
+  font-size: 12px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 16px;
+  opacity: 1;
+  transition: all 0.3s ease-in-out;
+}
+.thumb-select-wrapper .arco-dropdown-option-content {
   display: flex;
   gap: 8px;
   align-items: center;

package/lib/thumbCard/style/index.less

@@ -73,6 +73,10 @@
     .thumb-handler-list {
       opacity: 1;
     }
+
+    .thumb-select-tag {
+      opacity: 0;
+    }
   }
 
   // 非马赛克模式
@@ -80,12 +84,25 @@
     background-color: #f2f3f5;
     border: 1px dashed #e5e6eb !important;
   }
-}
 
-// 素材选择
-.arco-dropdown-option-content {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: 14px;
+  .thumb-select-tag {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    padding: 2px 10px;
+    color: #fff;
+    font-size: 12px;
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 16px;
+    opacity: 1;
+    transition: all 0.3s ease-in-out;
+  }
+
+  // 素材选择
+  .arco-dropdown-option-content {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    font-size: 14px;
+  }
 }

package/lib/utils/index.js

@@ -114,10 +114,51 @@ function getThemeColor(BASE_API, src) {
     });
   });
 }
+async function copyContent(content) {
+  try {
+    if (typeof content === "string") {
+      const input = document.createElement("input");
+      input.setAttribute("value", content);
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("copy");
+      document.body.removeChild(input);
+      return true;
+    }
+    if (window.__POWERED_BY_WUJIE__) {
+      await window.parent.navigator.clipboard.write([
+        new ClipboardItem({
+          "image/png": content
+        })
+      ]);
+    } else {
+      await navigator.clipboard.write([
+        new ClipboardItem({
+          "image/png": content
+        })
+      ]);
+    }
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+function mediaTime(v) {
+  const h = Math.floor(v / (60 * 60));
+  const m = Math.floor((v - h) / 60);
+  const s = Math.floor(v - h * 360 - m * 60);
+  let ret = "";
+  ret += `${h < 10 ? `0${h}` : h}:`;
+  ret += `${m < 10 ? `0${m}` : m}:`;
+  ret += s < 10 ? `0${s}` : s;
+  return ret;
+}
+exports.copyContent = copyContent;
 exports.dateYYYYDDMMHHmm = dateYYYYDDMMHHmm;
 exports.generateUUID = generateUUID;
 exports.getRealUrl = getRealUrl;
 exports.getThemeColor = getThemeColor;
+exports.mediaTime = mediaTime;
 exports.noCoverText = noCoverText;
 exports.replaceSuffix = replaceSuffix;
 exports.timeFormat = timeFormat;

package/lib/utils/typeMap.js

@@ -100,7 +100,8 @@ const kongo_source_map = {
   document: "\u7A3F\u4EF6",
   category_list: "\u9891\u9053",
   service: "\u670D\u52A1",
-  political: "\u653F\u60C5"
+  political: "\u653F\u60C5",
+  applet: "\u5C0F\u7A0B\u5E8F"
 };
 const calcApprovingUser = (data) => {
   if (data.current_processes[0] && data.current_processes[0].users && data.current_processes[0].users[0]) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.35",
+  "version": "0.3.37",
   "description": "",
   "keywords": [
     "vue",