@cmstops/pro-compo 3.9.2 → 3.10.5-stable.2

package/es/docPreview/scripts/hook.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
-export declare function generateDocPreviewLink(BASE_API: string, params: any): Promise<import("axios").AxiosResponse<any, any>>;
+export declare function generateDocPreviewLink(BASE_API: string, params: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
+export declare function generateDocPreviewLinkPC(BASE_API: string, params: any): Promise<import("axios").AxiosResponse<any, any, {}>>;
 export declare const EXPIRE_TIME_OPTIONS: {
     label: string;
     value: number;
@@ -14,6 +15,7 @@ export declare function useDocPreview(BASE_API: string, hashid: Ref<string>): {
     generate: (cancel?: boolean | undefined) => Promise<boolean>;
     cancel: (update?: boolean | undefined) => Promise<void>;
     copy: () => Promise<void>;
+    copyPC: () => Promise<void>;
     qrCode: Ref<string, string>;
     isPublish: Ref<boolean, boolean>;
     loading: Ref<boolean, boolean>;
@@ -28,6 +30,14 @@ export declare function useDocPreview(BASE_API: string, hashid: Ref<string>): {
         shareUrl: string;
         expiredAt: number;
     } | null>;
+    pcShareData: Ref<any, any>;
     intervalTime: Ref<string, string>;
+    pcIntervalTime: Ref<string, string>;
+    numpc: Ref<number, number>;
+    btn_device: (device: string) => void;
+    pcInnerUrl: Ref<string, string>;
+    generatePC: (cancel?: boolean) => Promise<boolean>;
+    previewSite: () => void;
+    cancelPc: () => Promise<void>;
 };
 export {};

package/es/docPreview/scripts/hook.js

@@ -10,6 +10,13 @@ function generateDocPreviewLink(BASE_API, params) {
     data: params
   });
 }
+function generateDocPreviewLinkPC(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/preview/document/generate/pc",
+    method: "post",
+    data: params
+  });
+}
 function getTimeToNow(second) {
   second = parseInt((second / 1e3).toFixed(0), 10);
   function need(value, label) {
@@ -41,22 +48,54 @@ const EXPIRE_TIME_OPTIONS = [
 function useDocPreview(BASE_API, hashid) {
   const isPublish = ref(false);
   const innerUrl = ref("");
+  const pcInnerUrl = ref("");
   const shareData = ref(null);
+  const pcShareData = ref(null);
   const expireTime = ref(60 * 60 * 24);
+  const numpc = ref(0);
   const loading = ref(false);
   const qrCode = ref("");
   const intervalTime = ref("");
+  const pcIntervalTime = ref("");
   let interval = null;
+  let pcInterval = null;
   function startInterval() {
     var _a;
     if (!((_a = shareData.value) == null ? void 0 : _a.expiredAt)) {
       clearInterval(interval);
       interval = null;
+      intervalTime.value = "";
       return;
     }
     const now = new Date().getTime();
     const expire = new Date(shareData.value.expiredAt).getTime();
-    intervalTime.value = getTimeToNow(expire - now);
+    const remaining = expire - now;
+    if (remaining <= 0) {
+      intervalTime.value = "\u5DF2\u8FC7\u671F";
+      clearInterval(interval);
+      interval = null;
+      return;
+    }
+    intervalTime.value = getTimeToNow(remaining);
+  }
+  function startPCInterval() {
+    var _a;
+    if (!((_a = pcShareData.value) == null ? void 0 : _a.expired_at)) {
+      clearInterval(pcInterval);
+      pcInterval = null;
+      pcIntervalTime.value = "";
+      return;
+    }
+    const now = new Date().getTime();
+    const expire = new Date(pcShareData.value.expired_at).getTime();
+    const remaining = expire - now;
+    if (remaining <= 0) {
+      pcIntervalTime.value = "\u5DF2\u8FC7\u671F";
+      clearInterval(pcInterval);
+      pcInterval = null;
+      return;
+    }
+    pcIntervalTime.value = getTimeToNow(remaining);
   }
   function genQrCode(shareUrl, selector) {
     innerUrl.value = shareUrl;
@@ -97,7 +136,8 @@ function useDocPreview(BASE_API, hashid) {
         };
         qrCode.value = base64;
         innerUrl.value = `${inner_url}?reqTime=${+new Date()}`;
-        setInterval(startInterval, 1e3);
+        interval = setInterval(startInterval, 1e3);
+        startInterval();
       }
       return true;
     } catch (e) {
@@ -107,6 +147,50 @@ function useDocPreview(BASE_API, hashid) {
       loading.value = false;
     }
   }
+  async function generatePC(cancel2 = false) {
+    loading.value = true;
+    const params = {
+      force: true,
+      hash_id: hashid.value,
+      expiration: expireTime.value
+    };
+    if (cancel2)
+      params.expiration = 0;
+    try {
+      const { code, message } = await generateDocPreviewLinkPC(
+        BASE_API,
+        params
+      );
+      if (code !== 0)
+        return false;
+      const { expired_at, share_url, inner_url } = message;
+      if (cancel2) {
+        pcShareData.value = null;
+        pcInnerUrl.value = "";
+        clearInterval(pcInterval);
+        pcInterval = null;
+        pcIntervalTime.value = "";
+      } else {
+        pcShareData.value = message;
+        pcInnerUrl.value = `${inner_url}?reqTime=${+new Date()}`;
+        pcInterval = setInterval(startPCInterval, 1e3);
+        startPCInterval();
+      }
+      return true;
+    } catch (e) {
+      console.log("\u751F\u6210PC\u9884\u89C8\u94FE\u63A5\u5931\u8D25", e);
+      return false;
+    } finally {
+      loading.value = false;
+    }
+  }
+  function previewSite() {
+    if (isPublish.value) {
+      window.open(pcInnerUrl.value, "_blank");
+    } else {
+      window.open(pcInnerUrl.value, "_blank");
+    }
+  }
   async function cancel(update) {
     const flag = await generate(true);
     if (!flag)
@@ -114,6 +198,12 @@ function useDocPreview(BASE_API, hashid) {
     const text = update ? "\u5DF2\u53D6\u6D88\u9884\u89C8\uFF0C\u8BF7\u66F4\u65B0\u6709\u6548\u671F\u91CD\u65B0\u751F\u6210\u9884\u89C8\u94FE\u63A5" : "\u5DF2\u53D6\u6D88\u9884\u89C8\u94FE\u63A5";
     Message.warning(text);
   }
+  async function cancelPc() {
+    const flag = await generatePC(true);
+    if (!flag)
+      return;
+    Message.warning("\u5DF2\u53D6\u6D88\u9884\u89C8\u94FE\u63A5");
+  }
   async function copy() {
     var _a;
     if (!((_a = shareData.value) == null ? void 0 : _a.shareUrl))
@@ -123,18 +213,39 @@ function useDocPreview(BASE_API, hashid) {
       Message.success("\u590D\u5236\u6210\u529F");
     }
   }
+  async function copyPC() {
+    var _a;
+    if (!((_a = pcShareData.value) == null ? void 0 : _a.shareUrl))
+      return;
+    const res = await copyContent(pcShareData.value.shareUrl);
+    if (res) {
+      Message.success("\u590D\u5236\u6210\u529F");
+    }
+  }
+  function btn_device(device) {
+    numpc.value = device === "pc" ? 1 : 0;
+  }
   return {
     genQrCode,
     generate,
     cancel,
     copy,
+    copyPC,
     qrCode,
     isPublish,
     loading,
     expireTime,
     innerUrl,
     shareData,
-    intervalTime
+    pcShareData,
+    intervalTime,
+    pcIntervalTime,
+    numpc,
+    btn_device,
+    pcInnerUrl,
+    generatePC,
+    previewSite,
+    cancelPc
   };
 }
-export { EXPIRE_TIME_OPTIONS, generateDocPreviewLink, useDocPreview };
+export { EXPIRE_TIME_OPTIONS, generateDocPreviewLink, generateDocPreviewLinkPC, useDocPreview };

package/es/docPreview/style/index.css

@@ -30,6 +30,33 @@
   border: none;
   outline: none;
 }
+.iframe-container-pc {
+  position: relative;
+  height: 95vh;
+  overflow: hidden;
+  aspect-ratio: 1920 / 1080;
+}
+.iframe-container-pc img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.iframe-container-pc .iframe-content-pc {
+  position: absolute;
+  top: 70px;
+  left: 56px;
+  width: calc(100% - 106px);
+  height: calc(100% - 140px);
+  overflow: hidden;
+  background-color: white;
+  border-radius: 15px;
+}
+.iframe-container-pc iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  outline: none;
+}
 .doc-preview-container {
   position: fixed;
   top: 0;
@@ -147,3 +174,24 @@
   font-size: 20px;
   cursor: pointer;
 }
+.v-bottom {
+  position: absolute;
+  bottom: 24px;
+  left: 100%;
+  z-index: 999;
+  width: 100%;
+  color: #fff;
+  font-size: 12px;
+  transform: translateX(-60%);
+}
+.v-bottom span {
+  width: 120px;
+  height: 42px;
+  margin-right: 16px;
+  padding: 10px 16px;
+  font-size: 12px;
+  background: rgba(216, 216, 216, 0.05);
+  background-color: #00000068;
+  border-radius: 6px;
+  opacity: 1;
+}

package/es/docPreview/style/index.less

@@ -138,3 +138,26 @@
     cursor: pointer;
   }
 }
+
+.v-bottom {
+  position: absolute;
+  bottom: 24px;
+  left: 100%;
+  z-index: 999;
+  width: 100%;
+  color: #fff;
+  font-size: 12px;
+  transform: translateX(-60%);
+
+  span {
+    width: 120px;
+    height: 42px;
+    margin-right: 16px;
+    padding: 10px 16px;
+    font-size: 12px;
+    background: rgba(216, 216, 216, 0.05);
+    background-color: #00000068;
+    border-radius: 6px;
+    opacity: 1;
+  }
+}

package/es/docPreview/style/previewIframe.less

@@ -34,3 +34,34 @@
     }
   }
 }
+
+.iframe-container-pc {
+  position: relative;
+  height: 95vh;
+  overflow: hidden;
+  aspect-ratio: 1920 / 1080;
+
+  img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+
+  .iframe-content-pc {
+    position: absolute;
+    top: 70px;
+    left: 56px;
+    width: calc(100% - 106px);
+    height: calc(100% - 140px);
+    overflow: hidden;
+    background-color: white;
+    border-radius: 15px;
+  }
+
+  iframe {
+    width: 100%;
+    height: 100%;
+    border: none;
+    outline: none;
+  }
+}

package/es/editMetaInfo/component.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, reactive, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from "vue";
 import { Modal, Spin, Scrollbar } from "@arco-design/web-vue";
-import { getDocDetailsNew } from "./script/api.js";
+import { getDocDetailsNew, getEnabledExtendedFields } from "./script/api.js";
 import useDialogVisible from "../hooks/dialogVisible.js";
 import { DEFAULT_BASE_API } from "../config.js";
 import _sfc_main$1 from "./components/metaInfoForm.js";
@@ -12,7 +12,8 @@ const _sfc_main = defineComponent({
   props: {
     BASE_API: {},
     visible: { type: Boolean },
-    hashId: {}
+    hashId: {},
+    domainId: {}
   },
   emits: ["update:visible", "submit", "upload"],
   setup(__props, { emit: __emit }) {
@@ -21,6 +22,7 @@ const _sfc_main = defineComponent({
     const metaInfoFormRef = ref();
     const isLoading = ref(false);
     const editorDataPubInfo = ref(null);
+    const extendedFieldsConfig = ref([]);
     const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const extra = reactive({
       title: "\u5C01\u9762",
@@ -49,9 +51,24 @@ const _sfc_main = defineComponent({
         extra.topImageTitleValid = true;
       }
     }
+    const loadExtendedFields = async () => {
+      try {
+        const { code, message } = await getEnabledExtendedFields(BASE_API);
+        if (code === 0 && (message == null ? void 0 : message.items)) {
+          extendedFieldsConfig.value = message.items.filter(
+            (item) => item.enabled
+          );
+          console.log("\u6269\u5C55\u5B57\u6BB5\u914D\u7F6E\u52A0\u8F7D\u6210\u529F:", extendedFieldsConfig.value);
+        }
+      } catch (error) {
+        console.error("\u52A0\u8F7D\u6269\u5C55\u5B57\u6BB5\u914D\u7F6E\u5931\u8D25:", error);
+      }
+    };
     const handleOpen = async () => {
+      var _a, _b;
       if (props.hashId) {
         isLoading.value = true;
+        await loadExtendedFields();
         const { code, message } = await getDocDetailsNew(BASE_API, {
           hashid: props.hashId
         });
@@ -64,7 +81,8 @@ const _sfc_main = defineComponent({
             series: message.series,
             state: message.state,
             payload: message.payload,
-            ...message.meta
+            ...message.meta,
+            ext_meta: ((_a = message.object_meta) == null ? void 0 : _a.ext_meta) || ((_b = message.meta) == null ? void 0 : _b.ext_meta) || {}
           };
         }
       }
@@ -116,8 +134,10 @@ const _sfc_main = defineComponent({
                         "title-valid": extra.titleValid,
                         "top-image-title-valid": extra.topImageTitleValid,
                         "init-data": editorDataPubInfo.value,
+                        "extended-fields-config": extendedFieldsConfig.value,
+                        "domain-id": props.domainId,
                         onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e))
-                      }, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
+                      }, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data", "extended-fields-config", "domain-id"])
                     ])
                   ]),
                   _: 1