@cmstops/pro-compo 0.3.55 → 0.3.57

package/lib/docPreview/style/index.less

@@ -1,129 +1,129 @@
-@import './previewIframe.less';
-
-// 变量
-@qrCodeWidth: 300px;
-
-.doc-preview-container {
-  position: fixed;
-  // 遮罩层
-  top: 0;
-  left: 0;
-  z-index: 10;
-  display: flex;
-  gap: 40px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  user-select: none;
-
-  .loading-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-  }
-
-  .doc-preview-share {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: @qrCodeWidth;
-    overflow: hidden;
-    background-color: #fff;
-    border-radius: 12px;
-
-    &-img {
-      width: @qrCodeWidth;
-      height: @qrCodeWidth;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-
-      &-hint {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: calc(100% - 40px);
-        height: calc(100% - 40px);
-        margin-top: 20px;
-        margin-left: 20px;
-        color: #4886ff;
-        background-color: #edf3ff;
-        border-radius: 6px;
-      }
-    }
-
-    &-tips,
-    &-header,
-    &-link,
-    &-action {
-      box-sizing: border-box;
-      width: 100%;
-      padding: 0 20px;
-    }
-
-    // 备注
-    &-tips {
-      color: #333;
-      font-size: 14px;
-      text-align: center;
-    }
-
-    // header 控件
-    &-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: 10px 0 5px;
-    }
-
-    // 链接展示
-    &-link {
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-
-      &-value {
-        display: -webkit-box;
-        box-sizing: border-box;
-        padding: 6px 10px;
-        overflow: hidden;
-        color: #86909c;
-        line-height: 25px;
-        word-break: break-all;
-        background: #f2f2f2;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-
-      &-hint {
-        margin-top: 10px;
-        color: #86909c;
-        font-size: 12px;
-        text-align: center;
-      }
-    }
-
-    &-action {
-      display: flex;
-      gap: 10px;
-      align-items: center;
-      justify-content: center;
-      margin: 20px 0;
-    }
-  }
-
-  .preview-close {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    color: #fff;
-    font-size: 20px;
-    cursor: pointer;
-  }
-}
+@import './previewIframe.less';
+
+// 变量
+@qrCodeWidth: 300px;
+
+.doc-preview-container {
+  position: fixed;
+  // 遮罩层
+  top: 0;
+  left: 0;
+  z-index: 10;
+  display: flex;
+  gap: 40px;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  user-select: none;
+
+  .loading-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  .doc-preview-share {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: @qrCodeWidth;
+    overflow: hidden;
+    background-color: #fff;
+    border-radius: 12px;
+
+    &-img {
+      width: @qrCodeWidth;
+      height: @qrCodeWidth;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+
+      &-hint {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: calc(100% - 40px);
+        height: calc(100% - 40px);
+        margin-top: 20px;
+        margin-left: 20px;
+        color: #4886ff;
+        background-color: #edf3ff;
+        border-radius: 6px;
+      }
+    }
+
+    &-tips,
+    &-header,
+    &-link,
+    &-action {
+      box-sizing: border-box;
+      width: 100%;
+      padding: 0 20px;
+    }
+
+    // 备注
+    &-tips {
+      color: #333;
+      font-size: 14px;
+      text-align: center;
+    }
+
+    // header 控件
+    &-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: 10px 0 5px;
+    }
+
+    // 链接展示
+    &-link {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+
+      &-value {
+        display: -webkit-box;
+        box-sizing: border-box;
+        padding: 6px 10px;
+        overflow: hidden;
+        color: #86909c;
+        line-height: 25px;
+        word-break: break-all;
+        background: #f2f2f2;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+      }
+
+      &-hint {
+        margin-top: 10px;
+        color: #86909c;
+        font-size: 12px;
+        text-align: center;
+      }
+    }
+
+    &-action {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      justify-content: center;
+      margin: 20px 0;
+    }
+  }
+
+  .preview-close {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    color: #fff;
+    font-size: 20px;
+    cursor: pointer;
+  }
+}

package/lib/docPreview/style/previewIframe.less

@@ -1,36 +1,36 @@
-.iframe-container {
-  position: relative;
-  height: 95vh;
-  max-height: 750px;
-  overflow: hidden;
-  aspect-ratio: 390 / 750;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  img {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-  }
-
-  .iframe-content {
-    position: absolute;
-    top: calc(100% / 8);
-    left: 19px;
-    z-index: 1000;
-    width: calc(100% - 38px);
-    height: calc(100% - 100% / 8 - 16px);
-    overflow: hidden;
-    border-bottom-right-radius: 40px;
-    border-bottom-left-radius: 40px;
-
-    iframe {
-      width: calc(100% + 20px);
-      height: 100%;
-      border: none;
-      outline: none;
-    }
-  }
-}
+.iframe-container {
+  position: relative;
+  height: 95vh;
+  max-height: 750px;
+  overflow: hidden;
+  aspect-ratio: 390 / 750;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+
+  .iframe-content {
+    position: absolute;
+    top: calc(100% / 8);
+    left: 19px;
+    z-index: 1000;
+    width: calc(100% - 38px);
+    height: calc(100% - 100% / 8 - 16px);
+    overflow: hidden;
+    border-bottom-right-radius: 40px;
+    border-bottom-left-radius: 40px;
+
+    iframe {
+      width: calc(100% + 20px);
+      height: 100%;
+      border: none;
+      outline: none;
+    }
+  }
+}

package/lib/editMetaInfo/components/metaInfoForm.js

@@ -186,7 +186,6 @@ const _sfc_main = vue.defineComponent({
       data.online_time = data.online_time && Math.floor(data.online_time / 1e3);
       data.offline_time = data.offline_time && Math.floor(data.offline_time / 1e3);
       data.keywords = data.keywords && data.keywords.join(",");
-      data.author = data.author && data.author.join(",");
       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);
@@ -216,7 +215,6 @@ const _sfc_main = vue.defineComponent({
       data.online_time = data.online_time && parseInt(data.online_time, 10) * 1e3 || "";
       data.offline_time = data.offline_time && parseInt(data.offline_time, 10) * 1e3 || "";
       data.keywords = data.keywords && data.keywords.split(",");
-      data.author = data.author && data.author.split(",");
       data.duty_editor = data.duty_editor && data.duty_editor.split(",") || "";
       data.extra_attrs = data.extra_attrs && data.extra_attrs.split(",") || "";
       data.relation_news = data.relation_news && JSON.parse(data.relation_news) || [];
@@ -227,7 +225,7 @@ const _sfc_main = vue.defineComponent({
       data.comment_available = data.comment_available !== "false";
       data.statement = data.statement !== "false";
       data.is_recommend = data.is_recommend !== "false";
-      data.album_status = Number(data.album_status);
+      data.album_status = data.album_status !== "0";
       Object.assign(form.value, data);
     };
     vue.watch(silenceOptions, (newVal, oldVal) => {

package/lib/editMetaInfo/style/index.less

@@ -1,60 +1,60 @@
-.edit-meta-info-dialog-body {
-  padding: 0;
-
-  .style-form-item {
-    position: relative;
-    top: -10px;
-
-    .title {
-      max-width: 100%;
-      color: var(--color-text-2);
-      font-weight: 400;
-      font-size: 14px;
-      white-space: normal;
-    }
-  }
-
-  .select-thumb-wrap {
-    margin-left: 20.8%;
-  }
-
-  .horizontal {
-    // display: flex;
-    // align-items: center;
-    // flex-direction: row !important;
-    // .arco-form-item-label-col {
-    //   margin-bottom: 0;
-    //   padding-right: 16px;
-    //   text-align: right;
-    // }
-  }
-
-  .input-w {
-    width: 450px;
-  }
-
-  .silence {
-    .arco-form-item-wrapper-col {
-      .arco-form-item-content {
-        display: block;
-
-        .arco-switch {
-          margin: 4px 0;
-        }
-
-        .silence-options {
-          margin-top: 20px;
-          margin-left: -75px;
-
-          .info {
-            margin-top: 12px;
-            padding-left: 5px;
-            color: #878e96;
-            font-size: 14px;
-            line-height: 1.5;
-          }
-        }
-      }
-    }
-  }
-}
+.edit-meta-info-dialog-body {
+  padding: 0;
+
+  .style-form-item {
+    position: relative;
+    top: -10px;
+
+    .title {
+      max-width: 100%;
+      color: var(--color-text-2);
+      font-weight: 400;
+      font-size: 14px;
+      white-space: normal;
+    }
+  }
+
+  .select-thumb-wrap {
+    margin-left: 20.8%;
+  }
+
+  .horizontal {
+    // display: flex;
+    // align-items: center;
+    // flex-direction: row !important;
+    // .arco-form-item-label-col {
+    //   margin-bottom: 0;
+    //   padding-right: 16px;
+    //   text-align: right;
+    // }
+  }
+
+  .input-w {
+    width: 450px;
+  }
+
+  .silence {
+    .arco-form-item-wrapper-col {
+      .arco-form-item-content {
+        display: block;
+
+        .arco-switch {
+          margin: 4px 0;
+        }
+
+        .silence-options {
+          margin-top: 20px;
+          margin-left: -75px;
+
+          .info {
+            margin-top: 12px;
+            padding-left: 5px;
+            color: #878e96;
+            font-size: 14px;
+            line-height: 1.5;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/emptyData/style/index.less

@@ -1,34 +1,34 @@
-.empty-data-container {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  display: block;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 220px;
-  transform: translate(-50%, -50%);
-
-  &.small {
-    width: 160px;
-  }
-
-  img {
-    width: 100%;
-  }
-
-  .custom-icon {
-    width: 100%;
-  }
-
-  .tip {
-    margin-top: 16px;
-    color: #999eaa;
-    font-size: 14px;
-  }
-
-  .slot-view {
-    margin-top: 16px;
-  }
-}
+.empty-data-container {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: block;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 220px;
+  transform: translate(-50%, -50%);
+
+  &.small {
+    width: 160px;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  .custom-icon {
+    width: 100%;
+  }
+
+  .tip {
+    margin-top: 16px;
+    color: #999eaa;
+    font-size: 14px;
+  }
+
+  .slot-view {
+    margin-top: 16px;
+  }
+}

package/lib/hooks/useLocalStorage.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const LOCALSTORAGE_KEYS = {
-  LOCAL_RESOURCES: "cmstop-local-resources"
+  LOCAL_RESOURCES: "cmstop-local-resources",
+  LOCAL_UPLOAD_CONFIG: "cmstop-local-upload-config"
 };
 function useLocalstorage(key) {
   function get() {

package/lib/hooks/useUpload.js

@@ -6,6 +6,17 @@ var tusUpload = require("../utils/tusUpload.js");
 var request = require("../utils/request.js");
 var transcodeMedia = require("../utils/transcodeMedia.js");
 var useLocalStorage = require("./useLocalStorage.js");
+function getSize(value) {
+  if (!value)
+    return "";
+  let i = -1;
+  const byteUnits = [" KB", " MB", " GB", " TB", " PB", " EB", " ZB", " YB"];
+  do {
+    value /= 1024;
+    i++;
+  } while (value > 1024);
+  return value.toFixed(2) + byteUnits[i];
+}
 function addMedia(BASE_API, params) {
   return request(BASE_API, {
     url: "/poplar/v2/media/add",
@@ -20,7 +31,7 @@ function reTranscodeMedia(BASE_API, media_id) {
     data: { media_id }
   });
 }
-function useUpload() {
+function useUpload(options) {
   const { get, set, remove } = useLocalStorage["default"]("LOCAL_RESOURCES");
   const list = vue.ref(get() || []);
   function uploadSuccess(file) {
@@ -78,6 +89,11 @@ function useUpload() {
     };
     const uploading = upload.start(progress);
     uploading.then(async (url) => {
+      if (options == null ? void 0 : options.noAddMedia) {
+        recordTaskStatusChange({ ...newFile, status: 0, url }, 1);
+        callback && callback({ ...newFile, url }, "success");
+        return;
+      }
       const { code, message } = await addMedia(BASE_API, {
         url,
         size: newFile.size,
@@ -152,7 +168,7 @@ function useUpload() {
     }
   };
   vue.watch(() => list.value, set, { deep: true });
-  window.onbeforeunload = remove;
+  window.addEventListener("beforeunload", remove, false);
   return {
     list,
     uploadFile,
@@ -162,6 +178,73 @@ function useUpload() {
     removeRecord
   };
 }
+function getConfiguration(BASE_API, params) {
+  return request(BASE_API, {
+    url: `poplar/v2/settings`,
+    method: "get",
+    params
+  });
+}
+function useUploadConfig() {
+  const { get, set, remove } = useLocalStorage["default"]("LOCAL_UPLOAD_CONFIG");
+  const config = vue.ref(get() || {});
+  async function initUploadConfig(BASE_API, domainId) {
+    if (config.value.size_config_enabled != null)
+      return;
+    try {
+      const { code, message } = await getConfiguration(BASE_API, {
+        domain_id: domainId,
+        module: "platform",
+        key: "size",
+        cloud: true
+      });
+      if (code !== 0)
+        return;
+      const [{ value }] = message;
+      config.value = JSON.parse(value);
+      set(value);
+    } catch (e) {
+      console.log("\u4E0A\u4F20\u914D\u7F6E\u83B7\u53D6\u5931\u8D25", e);
+    }
+  }
+  function checkFileSizeOutLimit(file, callback) {
+    if (!file)
+      return true;
+    const { type, size, name } = file;
+    const { file_size, image_size, video_size, audio_size, enable } = config.value;
+    let typeCN = "";
+    let limitSize = file_size;
+    if (!enable)
+      return true;
+    if (type.startsWith("image")) {
+      typeCN = "\u56FE\u7247";
+      limitSize = image_size;
+    } else if (type.startsWith("video")) {
+      typeCN = "\u89C6\u9891";
+      limitSize = video_size;
+    } else if (type.startsWith("audio")) {
+      typeCN = "\u97F3\u9891";
+      limitSize = audio_size;
+    } else {
+      limitSize = file_size;
+    }
+    if (size <= limitSize) {
+      return true;
+    }
+    callback(
+      `"${name}" \u592A\u5927\uFF0C\u8BF7\u4E0A\u4F20\u4E0D\u5927\u4E8E ${getSize(limitSize)} \u7684 ${typeCN} \u6587\u4EF6\u3002`
+    );
+    return false;
+  }
+  window.addEventListener("beforeunload", remove, false);
+  return {
+    config,
+    checkFileSizeOutLimit,
+    initUploadConfig
+  };
+}
 exports.addMedia = addMedia;
 exports["default"] = useUpload;
+exports.getSize = getSize;
 exports.reTranscodeMedia = reTranscodeMedia;
+exports.useUploadConfig = useUploadConfig;