@cmstops/pro-compo 0.3.3 → 0.3.4

package/es/utils/date.js

@@ -0,0 +1,27 @@
+function tow(n) {
+  return n >= 0 && n < 10 ? `0${n}` : `${n}`;
+}
+function need(value, label) {
+  if (!value)
+    return "";
+  return tow(value) + label;
+}
+function getSpaceDate(date) {
+  const oDate = new Date();
+  const oldTime = oDate.getTime();
+  const newDate = new Date(date);
+  const newTime = newDate.getTime();
+  let second = Math.floor((newTime - oldTime) / 1e3);
+  if (second <= 0) {
+    return 0;
+  }
+  const day = Math.floor(second / 86400);
+  second %= 86400;
+  const hour = Math.floor(second / 3600);
+  second %= 3600;
+  const minute = Math.floor(second / 60);
+  second %= 60;
+  const str = `${need(day, "\u5929") + need(hour, "\u5C0F\u65F6") + need(minute, "\u5206\u949F") + tow(second)}\u79D2`;
+  return str;
+}
+export { getSpaceDate };

package/lib/contentDetailList/component.js

@@ -2,6 +2,7 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var draggable = require("vuedraggable");
+var config = require("../config.js");
 var index = require("./components/Content/index.js");
 var index$1 = require("./components/Doc/index.js");
 var index$2 = require("./components/Records/index.js");
@@ -22,7 +23,8 @@ const _sfc_main = vue.defineComponent({
     parmas: {},
     dragalbe: { type: Boolean },
     abttrites: {},
-    extraAttrs: {}
+    extraAttrs: {},
+    BASE_API: {}
   },
   emits: [
     "sortChange",
@@ -40,6 +42,7 @@ const _sfc_main = vue.defineComponent({
     const parmasProps = props.parmas || {};
     const dragalbeProps = props.dragalbe || false;
     const abttritesProps = props.abttrites || [];
+    const BASE_API_R = props.BASE_API || config.DEFAULT_BASE_API;
     const outerStyle = vue.computed(() => {
       return {
         height: props.height || "100%",
@@ -101,6 +104,7 @@ const _sfc_main = vue.defineComponent({
                     parmas: vue.unref(parmasProps),
                     abttrites: vue.unref(abttritesProps),
                     extraAttrs: _ctx.extraAttrs,
+                    BASE_API: vue.unref(BASE_API_R),
                     onClickTitle: clickTitle,
                     onCellMouseEnter: tableCellMouseEnter,
                     onCellMouseLeave: tableCellMouseLeave
@@ -118,12 +122,13 @@ const _sfc_main = vue.defineComponent({
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs", "BASE_API"])) : props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
                     key: index$4,
                     item: element,
                     index: index$4,
                     abttrites: vue.unref(abttritesProps),
                     extraAttrs: _ctx.extraAttrs,
+                    BASE_API: vue.unref(BASE_API_R),
                     onClickTitle: clickTitle,
                     onCellMouseEnter: tableCellMouseEnter,
                     onCellMouseLeave: tableCellMouseLeave
@@ -147,7 +152,7 @@ const _sfc_main = vue.defineComponent({
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
+                  }, 1032, ["item", "index", "abttrites", "extraAttrs", "BASE_API"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
                     key: index$4,
                     item: element,
                     index: index$4,
@@ -213,6 +218,7 @@ const _sfc_main = vue.defineComponent({
                   parmas: vue.unref(parmasProps),
                   abttrites: vue.unref(abttritesProps),
                   extraAttrs: _ctx.extraAttrs,
+                  BASE_API: vue.unref(BASE_API_R),
                   onClickTitle: clickTitle,
                   onCellMouseEnter: tableCellMouseEnter,
                   onCellMouseLeave: tableCellMouseLeave
@@ -230,12 +236,13 @@ const _sfc_main = vue.defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs", "BASE_API"])) : props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
                   key: index$4,
                   item,
                   index: index$4,
                   abttrites: vue.unref(abttritesProps),
                   extraAttrs: _ctx.extraAttrs,
+                  BASE_API: vue.unref(BASE_API_R),
                   onClickTitle: clickTitle,
                   onCellMouseEnter: tableCellMouseEnter,
                   onCellMouseLeave: tableCellMouseLeave
@@ -259,7 +266,7 @@ const _sfc_main = vue.defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
+                }, 1032, ["item", "index", "abttrites", "extraAttrs", "BASE_API"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
                   key: index$4,
                   item,
                   index: index$4,

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

@@ -4,9 +4,10 @@ var webVue = require("@arco-design/web-vue");
 var index = require("../../../../utils/index.js");
 var doc = require("../../../../utils/doc.js");
 var typeMap = require("../../../../utils/typeMap.js");
+var index$1 = require("../../ShowQRCode/index.js");
 var component = require("../../../../typeIcons/component.js");
 var component$1 = require("../../../../dataTags/component.js");
-var index$1 = require("./ApprovalStateMap/index.js");
+var index$2 = require("./ApprovalStateMap/index.js");
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
@@ -33,6 +34,7 @@ const _sfc_main = vue.defineComponent({
   props: {
     item: {},
     abttrites: {},
+    BASE_API: {},
     extraAttrs: {}
   },
   emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
@@ -119,8 +121,12 @@ const _sfc_main = vue.defineComponent({
             class: "title",
             onClick: clickTitle
           }, [
+            vue.createVNode(index$1, {
+              item: _ctx.item,
+              BASE_API: _ctx.BASE_API
+            }, null, 8, ["item", "BASE_API"]),
             vue.renderSlot(_ctx.$slots, "index"),
-            vue.createTextVNode(vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+            vue.createTextVNode(" " + vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
           ]),
           vue.createElementVNode("div", _hoisted_5, [
             vue.createElementVNode("div", _hoisted_6, [
@@ -141,7 +147,7 @@ const _sfc_main = vue.defineComponent({
                   vue.createCommentVNode(" \u5BA1\u6838\u72B6\u6001 "),
                   column.key === "approval_status" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
                     _hoisted_9,
-                    vue.unref(doc.approvalItem)(_ctx.item) ? (vue.openBlock(), vue.createBlock(index$1, {
+                    vue.unref(doc.approvalItem)(_ctx.item) ? (vue.openBlock(), vue.createBlock(index$2, {
                       key: 0,
                       item: vue.unref(doc.approvalItem)(_ctx.item)
                     }, null, 8, ["item"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "--"))

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

@@ -98,7 +98,8 @@ const _sfc_main = vue.defineComponent({
     index: {},
     abttrites: {},
     extraAttrs: {},
-    parmas: {}
+    parmas: {},
+    BASE_API: {}
   },
   emits: [
     "cellMouseEnter",
@@ -128,6 +129,7 @@ const _sfc_main = vue.defineComponent({
           item: { ..._ctx.item, index: _ctx.index },
           abttrites: _ctx.abttrites,
           extraAttrs: _ctx.extraAttrs,
+          BASE_API: _ctx.BASE_API,
           onClickTitle: clickTitle,
           onCellMouseEnter: cellMouseEnter,
           onCellMouseLeave: cellMouseLeave
@@ -164,7 +166,7 @@ const _sfc_main = vue.defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["item", "abttrites", "extraAttrs"])) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 7 && _ctx.item.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        }, 8, ["item", "abttrites", "extraAttrs", "BASE_API"])) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 7 && _ctx.item.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.createCommentVNode(" \u7EC4\u4EF6 "),
           (vue.openBlock(), vue.createBlock(index$1, {
             key: `compo-${_ctx.item.post_id}`,

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

@@ -7,7 +7,8 @@ const _sfc_main = vue.defineComponent({
     abttrites: {},
     extraAttrs: {},
     item: {},
-    index: {}
+    index: {},
+    BASE_API: {}
   },
   emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
   setup(__props, { emit: __emit }) {
@@ -26,6 +27,7 @@ const _sfc_main = vue.defineComponent({
         item: _ctx.item,
         abttrites: _ctx.abttrites,
         extraAttrs: _ctx.extraAttrs,
+        BASE_API: _ctx.BASE_API,
         onClickTitle: clickTitle,
         onCellMouseEnter: cellMouseEnter,
         onCellMouseLeave: cellMouseLeave
@@ -49,7 +51,7 @@ const _sfc_main = vue.defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["item", "abttrites", "extraAttrs"]);
+      }, 8, ["item", "abttrites", "extraAttrs", "BASE_API"]);
     };
   }
 });

package/lib/contentDetailList/components/ShowQRCode/QrcodeView/index.js

@@ -0,0 +1,271 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var html2canvas = require("html2canvas");
+var QRCode = require("qrcodejs2");
+var date = require("../../../../utils/date.js");
+var api = require("../../../script/api.js");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var html2canvas__default = /* @__PURE__ */ _interopDefaultLegacy(html2canvas);
+var QRCode__default = /* @__PURE__ */ _interopDefaultLegacy(QRCode);
+const _hoisted_1 = { class: "preview-qrcode-iframe-container-v" };
+const _hoisted_2 = { class: "doc-qrcode-preview-container-v" };
+const _hoisted_3 = ["id"];
+const _hoisted_4 = {
+  key: 0,
+  class: "qrcode"
+};
+const _hoisted_5 = { class: "no-pub" };
+const _hoisted_6 = {
+  key: 1,
+  class: "qrcode"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "qrcode-hint"
+};
+const _hoisted_8 = {
+  key: 3,
+  class: "setting"
+};
+const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", { class: "label" }, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1);
+const _hoisted_10 = {
+  key: 4,
+  class: "time-go"
+};
+const _hoisted_11 = {
+  key: 5,
+  class: "time-go"
+};
+const _hoisted_12 = { class: "btns" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    docData: {},
+    BASE_API: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const qrcode = vue.ref();
+    const dataInfo = vue.ref(null);
+    const expirationOptions = vue.ref([
+      { label: "1\u5C0F\u65F6", value: 60 * 60 },
+      { label: "6\u5C0F\u65F6", value: 60 * 60 * 6 },
+      { label: "12\u5C0F\u65F6", value: 60 * 60 * 12 },
+      { label: "24\u5C0F\u65F6", value: 60 * 60 * 24 },
+      { label: "3\u5929", value: 60 * 60 * 24 * 3 },
+      { label: "7\u5929", value: 60 * 60 * 24 * 7 },
+      { label: "15\u5929", value: 60 * 60 * 24 * 15 },
+      { label: "30\u5929", value: 60 * 60 * 24 * 30 }
+    ]);
+    const expiration = vue.ref(60 * 60 * 24);
+    const loading = vue.ref(false);
+    const interval = vue.ref(null);
+    const time = vue.ref("");
+    const local_url = vue.ref("");
+    const is_publish = vue.computed(() => {
+      var _a;
+      return dataInfo.value && [14, 15, 19].includes((_a = dataInfo.value) == null ? void 0 : _a.state);
+    });
+    const is_share = vue.computed(() => {
+      var _a;
+      return (_a = dataInfo == null ? void 0 : dataInfo.value) == null ? void 0 : _a.share;
+    });
+    const dynamicQRId = vue.computed(() => {
+      var _a;
+      return `qrcode-${(_a = dataInfo.value) == null ? void 0 : _a.id}`;
+    });
+    const showGetLink = vue.computed(() => {
+      return !is_share.value || !is_publish.value && is_share.value && !is_share.value.expired_at;
+    });
+    const needLoadQR = vue.computed(() => {
+      var _a;
+      const flag = false;
+      if (is_publish.value)
+        return true;
+      if (is_share.value && ((_a = is_share.value) == null ? void 0 : _a.expired_at))
+        return true;
+      return flag;
+    });
+    const clip = (data) => {
+      const clipboard = typeof data === "string" ? navigator.clipboard.writeText(data) : navigator.clipboard.write(data);
+      clipboard.then(
+        () => {
+          webVue.Message.success({
+            content: "\u5DF2\u4FDD\u5B58\u5230\u7C98\u8D34\u677F"
+          });
+        },
+        () => {
+          webVue.Message.success({
+            content: "\u4FDD\u5B58\u5931\u8D25"
+          });
+        }
+      );
+    };
+    const clipUrl = (type) => {
+      if (!dataInfo.value.share.share_url)
+        return;
+      if (type === "text") {
+        clip(dataInfo.value.share.share_url);
+      } else {
+        const img = document.querySelector(`#${dynamicQRId.value} img`);
+        html2canvas__default["default"](img).then((canvas) => {
+          canvas.toBlob((blob) => {
+            const data = [new ClipboardItem({ [blob.type]: blob })];
+            clip(data);
+          }, "image/png");
+        });
+      }
+    };
+    const genTimeLink = async (expiration2, force = true, tip = true) => {
+      loading.value = true;
+      const data = {
+        force,
+        hash_id: dataInfo.value.hash_id || dataInfo.value.hashid
+      };
+      if (expiration2) {
+        data.expiration = expiration2;
+      }
+      const { code, message } = await api.generateDocPreviewLink(props.BASE_API, data);
+      if (code === 0) {
+        if (expiration2 || !force) {
+          tip && webVue.Message.success("\u94FE\u63A5\u751F\u6210\u6210\u529F");
+          dataInfo.value.share = message;
+          const reqTime = `${new Date().getTime()}`;
+          local_url.value = `${message.inner_url}?reqTime=${reqTime}`;
+          vue.nextTick(() => {
+            loadQrcode(`${message.inner_url}?reqTime=${reqTime}`);
+            setTimeout(() => {
+              loading.value = false;
+            }, 500);
+          });
+        } else {
+          webVue.Message.success("\u5DF2\u53D6\u6D88\u9884\u89C8\u94FE\u63A5");
+          dataInfo.value.share = null;
+          qrcode.value.innerHTML = "";
+          clearInterval(interval.value);
+          interval.value = null;
+          time.value = 0;
+        }
+      } else {
+        webVue.Message.error(message);
+      }
+    };
+    const loadQrcode = (url) => {
+      new QRCode__default["default"](dynamicQRId.value, {
+        width: 200,
+        height: 200,
+        text: url
+      });
+      if (dataInfo.value.share.expired_at) {
+        interval.value = setInterval(() => {
+          time.value = date.getSpaceDate(dataInfo.value.share.expired_at);
+        }, 1e3);
+      }
+    };
+    vue.onMounted(() => {
+      dataInfo.value = props.docData;
+      console.log(1111, dataInfo.value);
+      if (needLoadQR.value) {
+        genTimeLink(60 * 60 * 24, false, false);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      if (interval.value) {
+        clearInterval(interval.value);
+        interval.value = null;
+        time.value = "";
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" \u9884\u89C8\u624B\u673A\u626B\u7801 "),
+        vue.createVNode(vue.unref(webVue.Spin), {
+          loading: loading.value,
+          style: { "width": "100%", "height": "100%" }
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              is_share.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                id: dynamicQRId.value,
+                ref_key: "qrcode",
+                ref: qrcode,
+                class: "qrcode"
+              }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                !is_publish.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createVNode(vue.unref(icon.IconQrcode), { size: 200 })
+                  ])
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, "\u6682\u65E0\u4E8C\u7EF4\u7801"))
+              ], 64)),
+              is_share.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                _hoisted_9,
+                vue.createElementVNode("span", null, [
+                  vue.createVNode(vue.unref(webVue.Select), {
+                    modelValue: expiration.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => expiration.value = $event),
+                    size: "mini",
+                    placeholder: "\u8BF7\u9009\u62E9"
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(expirationOptions.value, (time2, index) => {
+                        return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                          key: index,
+                          label: time2.label,
+                          value: time2.value
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])
+              ])),
+              is_share.value && time.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, "\u94FE\u63A5\u5269\u4F59\u65F6\u95F4: " + vue.toDisplayString(time.value), 1)) : is_share.value && time.value === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, "\u94FE\u63A5\u5DF2\u8FC7\u671F")) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", _hoisted_12, [
+                showGetLink.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+                  key: 0,
+                  type: "primary",
+                  light: "",
+                  onClick: _cache[1] || (_cache[1] = ($event) => genTimeLink(expiration.value))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("\u751F\u6210\u9884\u89C8\u94FE\u63A5")
+                  ]),
+                  _: 1
+                })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createVNode(vue.unref(webVue.Button), {
+                    class: "auto",
+                    light: "",
+                    onClick: _cache[2] || (_cache[2] = ($event) => clipUrl("img"))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u590D\u5236\u4E8C\u7EF4\u7801")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(vue.unref(webVue.Button), {
+                    class: "auto",
+                    type: "primary",
+                    light: "",
+                    onClick: _cache[3] || (_cache[3] = ($event) => clipUrl("text"))
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(time.value ? "\u590D\u5236\u9884\u89C8\u5730\u5740" : "\u590D\u5236\u8BBF\u95EE\u5730\u5740"), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 64))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["loading"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,67 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var api = require("../../script/api.js");
+var index = require("./QrcodeView/index.js");
+const _hoisted_1 = { class: "qr-code" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    item: {},
+    BASE_API: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const docData = vue.ref(null);
+    const showQR = vue.ref(false);
+    const getDocDetail = async () => {
+      const { code, message } = await api.getDocDetailsNew(props.BASE_API, {
+        hashid: props.item.hashid || props.item.hash_id
+      });
+      if (code === 0 && message) {
+        docData.value = { ...props.item, share: message.preview };
+      }
+    };
+    const openPopover = () => {
+      getDocDetail();
+      setTimeout(() => {
+        showQR.value = true;
+      }, 500);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
+        position: "bottom",
+        trigger: "hover",
+        onShow: openPopover,
+        onHide: _cache[1] || (_cache[1] = ($event) => showQR.value = false)
+      }, {
+        content: vue.withCtx(() => [
+          showQR.value ? (vue.openBlock(), vue.createBlock(index, {
+            key: 0,
+            BASE_API: _ctx.BASE_API,
+            docData: docData.value || props.item,
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"]))
+          }, null, 8, ["BASE_API", "docData"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("section", _hoisted_1, [
+            vue.createVNode(vue.unref(webVue.Tooltip), {
+              effect: "dark",
+              content: "\u70B9\u51FB\u53EF\u67E5\u770B\u5185\u5BB9\u5206\u4EAB\u4E8C\u7EF4\u7801",
+              position: "top"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icon.IconQrcode))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/contentDetailList/script/api.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var request = require("../../utils/request.js");
+function generateDocPreviewLink(BASE_API, query) {
+  return request(BASE_API, {
+    url: "/poplar/v3/preview/document/generate",
+    method: "post",
+    data: query
+  });
+}
+function getDocDetailsNew(BASE_API, query) {
+  const url = `/poplar/v3/document/${query == null ? void 0 : query.hashid}`;
+  return request(BASE_API, {
+    url,
+    method: "get"
+  });
+}
+exports.generateDocPreviewLink = generateDocPreviewLink;
+exports.getDocDetailsNew = getDocDetailsNew;

package/lib/contentDetailList/style/QrCodeView.less

@@ -0,0 +1,93 @@
+.doc-qrcode-preview-container-v {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+  color: #4e5969;
+  font-size: 14px;
+  background: white;
+  border-radius: 6px;
+
+  .qrcode {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 200px;
+    height: 200px;
+    color: #4886ff;
+    background: #edf3ff;
+
+    .no-pub {
+      position: relative;
+      width: 100%;
+      height: 100%;
+
+      &::after {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: calc(100% - 40px);
+        height: 100%;
+        padding: 0 20px;
+        color: #fff;
+        background-color: rgba(0, 0, 0, 0.5);
+        content: '内容暂未发布，如需链接预览请在下方生成临时预览链接';
+        // z-index: 2;
+      }
+    }
+  }
+
+  .qrcode-hint {
+    opacity: 0.6;
+  }
+
+  .setting {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+
+    .label {
+      font-weight: 500;
+    }
+
+    .a-select {
+      width: 100px;
+
+      .a-input__inner {
+        color: #86909c;
+        text-align: center;
+        background: #f3f4f5;
+        border: none;
+      }
+    }
+  }
+
+  .btns {
+    display: flex;
+    gap: 10px;
+    justify-content: space-between;
+    width: 100%;
+
+    .arco-btn {
+      width: 100%;
+      margin-left: 0;
+      padding: 10px 5px;
+      font-size: 14px;
+
+      &.auto {
+        flex: 1;
+        width: auto;
+      }
+    }
+  }
+
+  .time-go {
+    font-size: 12px;
+  }
+}

package/lib/contentDetailList/style/ShowQRCode.less

@@ -0,0 +1,3 @@
+.qr-code {
+  margin-right: 5px;
+}