@cmstops/pro-compo 0.3.9 → 0.3.10

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

@@ -118,11 +118,11 @@ const _sfc_main = defineComponent({
         ]),
         createElementVNode("div", _hoisted_4, [
           createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "index"),
             createVNode(_sfc_main$1, {
               item: _ctx.item,
               BASE_API: _ctx.BASE_API
             }, null, 8, ["item", "BASE_API"]),
-            renderSlot(_ctx.$slots, "index"),
             createElementVNode("span", {
               class: "text",
               onClick: clickTitle

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

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, createCommentVNode, createElementVNode, Fragment, createVNode, unref, withCtx, renderList, createBlock, toDisplayString, createTextVNode, nextTick } from "vue";
 import { Select, Option, Button, Message } from "@arco-design/web-vue";
 import { IconQrcode } from "@arco-design/web-vue/es/icon";
-import "html2canvas";
 import QRCode from "qrcodejs2-fix";
 import { getSpaceDate } from "../../../../utils/date.js";
 import { generateDocPreviewLink } from "../../../script/api.js";
@@ -85,6 +84,62 @@ const _sfc_main = defineComponent({
         return true;
       return flag;
     });
+    const clip = (data) => {
+      try {
+        const input = document.createElement("input");
+        input.setAttribute("value", data);
+        document.body.appendChild(input);
+        input.select();
+        document.execCommand("copy");
+        document.body.removeChild(input);
+        Message.success({
+          content: "\u5DF2\u4FDD\u5B58\u5230\u7C98\u8D34\u677F"
+        });
+      } catch (e) {
+        console.log(e);
+        Message.success({
+          content: `\u4FDD\u5B58\u5931\u8D25`
+        });
+      }
+    };
+    const clipUrl = async (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`);
+        if (!img)
+          return;
+        const response = await fetch(img.src);
+        const blob = await response.blob();
+        if (!blob)
+          return;
+        try {
+          if (window.__POWERED_BY_WUJIE__) {
+            await window.parent.navigator.clipboard.write([
+              new ClipboardItem({
+                "image/png": blob
+              })
+            ]);
+          } else {
+            await navigator.clipboard.write([
+              new ClipboardItem({
+                "image/png": blob
+              })
+            ]);
+          }
+          Message.success({
+            content: "\u5DF2\u4FDD\u5B58\u5230\u7C98\u8D34\u677F"
+          });
+        } catch (e) {
+          console.log(e);
+          Message.success({
+            content: `\u4FDD\u5B58\u5931\u8D25`
+          });
+        }
+      }
+    };
     const genTimeLink = async (expiration2, force = true, tip = true) => {
       emit("changeLoading", true);
       const data = {
@@ -171,11 +226,11 @@ const _sfc_main = defineComponent({
                 placeholder: "\u8BF7\u9009\u62E9"
               }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(expirationOptions.value, (time2, index) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(expirationOptions.value, (t, index) => {
                     return openBlock(), createBlock(unref(Option), {
                       key: index,
-                      label: time2.label,
-                      value: time2.value
+                      label: t.label,
+                      value: t.value
                     }, null, 8, ["label", "value"]);
                   }), 128))
                 ]),
@@ -183,7 +238,7 @@ const _sfc_main = defineComponent({
               }, 8, ["modelValue"])
             ])
           ])),
-          is_share.value && time.value ? (openBlock(), createElementBlock("div", _hoisted_10, "\u94FE\u63A5\u5269\u4F59\u65F6\u95F4: " + toDisplayString(time.value), 1)) : is_share.value && time.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, "\u94FE\u63A5\u5DF2\u8FC7\u671F")) : createCommentVNode("v-if", true),
+          is_share.value && time.value ? (openBlock(), createElementBlock("div", _hoisted_10, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4: " + toDisplayString(time.value), 1)) : is_share.value && time.value === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, "\u94FE\u63A5\u5DF2\u8FC7\u671F")) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_12, [
             showGetLink.value ? (openBlock(), createBlock(unref(Button), {
               key: 0,
@@ -192,12 +247,31 @@ const _sfc_main = defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => genTimeLink(expiration.value))
             }, {
               default: withCtx(() => [
-                createTextVNode("\u751F\u6210\u9884\u89C8\u94FE\u63A5")
+                createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ")
               ]),
               _: 1
             })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createCommentVNode("v-if", true),
-              createCommentVNode("v-if", true)
+              createVNode(unref(Button), {
+                class: "auto",
+                light: "",
+                onClick: _cache[2] || (_cache[2] = ($event) => clipUrl("img"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u590D\u5236\u4E8C\u7EF4\u7801 ")
+                ]),
+                _: 1
+              }),
+              createVNode(unref(Button), {
+                class: "auto",
+                type: "primary",
+                light: "",
+                onClick: _cache[3] || (_cache[3] = ($event) => clipUrl("text"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(time.value ? "\u590D\u5236\u9884\u89C8\u5730\u5740" : "\u590D\u5236\u8BBF\u95EE\u5730\u5740"), 1)
+                ]),
+                _: 1
+              })
             ], 64))
           ])
         ])

package/es/selectThumb/component.js

@@ -218,9 +218,14 @@ const _sfc_main = defineComponent({
       }
       return modelList.value.find((item) => item.value === model.value);
     });
-    const thumbList = computed(() => {
-      var _a;
-      return ((_a = styleData.value) == null ? void 0 : _a.data) || [];
+    const thumbList = computed({
+      get() {
+        var _a;
+        return ((_a = styleData.value) == null ? void 0 : _a.data) || [];
+      },
+      set(value) {
+        styleData.value.data = value || [];
+      }
     });
     const previewList = computed(() => {
       return thumbList.value.map((item) => item.url);
@@ -314,9 +319,14 @@ const _sfc_main = defineComponent({
       }
       callback(styleData.value);
     };
-    const banner = computed(() => {
-      const { banner: banner2, banner_theme_color, banner_url } = styleData.value;
-      return { banner: banner2, banner_theme_color, url: banner_url };
+    const banner = computed({
+      get() {
+        const { banner: banner2, banner_theme_color, banner_url } = styleData.value;
+        return { banner: banner2, banner_theme_color, url: banner_url };
+      },
+      set(value) {
+        styleData.value.banner_url = value.url;
+      }
     });
     const hasBanner = computed({
       get() {
@@ -328,9 +338,14 @@ const _sfc_main = defineComponent({
         callback(styleData.value);
       }
     });
-    const pcBanner = computed(() => {
-      const { pc_banner_url_info, pc_banner_url } = styleData.value;
-      return { pc_banner_url_info, url: pc_banner_url };
+    const pcBanner = computed({
+      get() {
+        const { pc_banner_url_info, pc_banner_url } = styleData.value;
+        return { pc_banner_url_info, url: pc_banner_url };
+      },
+      set(value) {
+        styleData.value.pc_banner_url = value.url;
+      }
     });
     const colorChange = (styleData2) => {
       callback(styleData2);

package/es/selectThumb/components/card.js

@@ -17,7 +17,13 @@ const _sfc_main = defineComponent({
     model: {},
     changeThumbModel: { type: Function }
   },
-  emits: ["open", "remove", "uploadLocal", "update:data"],
+  emits: [
+    "open",
+    "remove",
+    "change",
+    "uploadLocal",
+    "update:data"
+  ],
   setup(__props, { emit: __emit }) {
     const waterBg = `${DEFAULT_BASE_API}/static/images/waterBg.png`;
     const props = __props;
@@ -41,9 +47,12 @@ const _sfc_main = defineComponent({
     };
     const loaclUpload = () => {
       emit("uploadLocal", (file) => {
-        const { data } = props;
-        if (!data || !file)
+        let { data } = props;
+        if (!file)
           return;
+        if (!data) {
+          data = {};
+        }
         data.url = file.url;
         emit("update:data", data);
       });
@@ -57,7 +66,7 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Popover), {
         trigger: "hover",
-        "content-style": "padding: 0;"
+        "content-style": { padding: 0 }
       }, {
         content: withCtx(() => [
           createElementVNode("div", {
@@ -70,7 +79,7 @@ const _sfc_main = defineComponent({
           }, "\u672C\u5730\u4E0A\u4F20", 4)
         ]),
         default: withCtx(() => {
-          var _a, _b;
+          var _a;
           return [
             createElementVNode("div", {
               class: normalizeClass(["thumb-card-container", classObj.value])
@@ -79,7 +88,8 @@ const _sfc_main = defineComponent({
                 createVNode(unref(Image), {
                   class: "item",
                   fit: "cover",
-                  src: (_b = props.data) == null ? void 0 : _b.url
+                  src: props.data.url,
+                  "show-loader": ""
                 }, null, 8, ["src"]),
                 createVNode(Transition, { name: "fade" }, {
                   default: withCtx(() => [

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

@@ -119,11 +119,11 @@ const _sfc_main = vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_4, [
           vue.createElementVNode("div", _hoisted_5, [
+            vue.renderSlot(_ctx.$slots, "index"),
             vue.createVNode(index$1, {
               item: _ctx.item,
               BASE_API: _ctx.BASE_API
             }, null, 8, ["item", "BASE_API"]),
-            vue.renderSlot(_ctx.$slots, "index"),
             vue.createElementVNode("span", {
               class: "text",
               onClick: clickTitle

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

@@ -2,7 +2,6 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
-require("html2canvas");
 var QRCode = require("qrcodejs2-fix");
 var date = require("../../../../utils/date.js");
 var api = require("../../../script/api.js");
@@ -90,6 +89,62 @@ const _sfc_main = vue.defineComponent({
         return true;
       return flag;
     });
+    const clip = (data) => {
+      try {
+        const input = document.createElement("input");
+        input.setAttribute("value", data);
+        document.body.appendChild(input);
+        input.select();
+        document.execCommand("copy");
+        document.body.removeChild(input);
+        webVue.Message.success({
+          content: "\u5DF2\u4FDD\u5B58\u5230\u7C98\u8D34\u677F"
+        });
+      } catch (e) {
+        console.log(e);
+        webVue.Message.success({
+          content: `\u4FDD\u5B58\u5931\u8D25`
+        });
+      }
+    };
+    const clipUrl = async (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`);
+        if (!img)
+          return;
+        const response = await fetch(img.src);
+        const blob = await response.blob();
+        if (!blob)
+          return;
+        try {
+          if (window.__POWERED_BY_WUJIE__) {
+            await window.parent.navigator.clipboard.write([
+              new ClipboardItem({
+                "image/png": blob
+              })
+            ]);
+          } else {
+            await navigator.clipboard.write([
+              new ClipboardItem({
+                "image/png": blob
+              })
+            ]);
+          }
+          webVue.Message.success({
+            content: "\u5DF2\u4FDD\u5B58\u5230\u7C98\u8D34\u677F"
+          });
+        } catch (e) {
+          console.log(e);
+          webVue.Message.success({
+            content: `\u4FDD\u5B58\u5931\u8D25`
+          });
+        }
+      }
+    };
     const genTimeLink = async (expiration2, force = true, tip = true) => {
       emit("changeLoading", true);
       const data = {
@@ -176,11 +231,11 @@ const _sfc_main = vue.defineComponent({
                 placeholder: "\u8BF7\u9009\u62E9"
               }, {
                 default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(expirationOptions.value, (time2, index) => {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(expirationOptions.value, (t, index) => {
                     return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
                       key: index,
-                      label: time2.label,
-                      value: time2.value
+                      label: t.label,
+                      value: t.value
                     }, null, 8, ["label", "value"]);
                   }), 128))
                 ]),
@@ -188,7 +243,7 @@ const _sfc_main = vue.defineComponent({
               }, 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),
+          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,
@@ -197,12 +252,31 @@ const _sfc_main = vue.defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => genTimeLink(expiration.value))
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("\u751F\u6210\u9884\u89C8\u94FE\u63A5")
+                vue.createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ")
               ]),
               _: 1
             })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createCommentVNode("v-if", true),
-              vue.createCommentVNode("v-if", true)
+              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))
           ])
         ])

package/lib/selectThumb/component.js

@@ -219,9 +219,14 @@ const _sfc_main = vue.defineComponent({
       }
       return modelList.value.find((item) => item.value === model.value);
     });
-    const thumbList = vue.computed(() => {
-      var _a;
-      return ((_a = styleData.value) == null ? void 0 : _a.data) || [];
+    const thumbList = vue.computed({
+      get() {
+        var _a;
+        return ((_a = styleData.value) == null ? void 0 : _a.data) || [];
+      },
+      set(value) {
+        styleData.value.data = value || [];
+      }
     });
     const previewList = vue.computed(() => {
       return thumbList.value.map((item) => item.url);
@@ -315,9 +320,14 @@ const _sfc_main = vue.defineComponent({
       }
       callback(styleData.value);
     };
-    const banner = vue.computed(() => {
-      const { banner: banner2, banner_theme_color, banner_url } = styleData.value;
-      return { banner: banner2, banner_theme_color, url: banner_url };
+    const banner = vue.computed({
+      get() {
+        const { banner: banner2, banner_theme_color, banner_url } = styleData.value;
+        return { banner: banner2, banner_theme_color, url: banner_url };
+      },
+      set(value) {
+        styleData.value.banner_url = value.url;
+      }
     });
     const hasBanner = vue.computed({
       get() {
@@ -329,9 +339,14 @@ const _sfc_main = vue.defineComponent({
         callback(styleData.value);
       }
     });
-    const pcBanner = vue.computed(() => {
-      const { pc_banner_url_info, pc_banner_url } = styleData.value;
-      return { pc_banner_url_info, url: pc_banner_url };
+    const pcBanner = vue.computed({
+      get() {
+        const { pc_banner_url_info, pc_banner_url } = styleData.value;
+        return { pc_banner_url_info, url: pc_banner_url };
+      },
+      set(value) {
+        styleData.value.pc_banner_url = value.url;
+      }
     });
     const colorChange = (styleData2) => {
       callback(styleData2);

package/lib/selectThumb/components/card.js

@@ -18,7 +18,13 @@ const _sfc_main = vue.defineComponent({
     model: {},
     changeThumbModel: { type: Function }
   },
-  emits: ["open", "remove", "uploadLocal", "update:data"],
+  emits: [
+    "open",
+    "remove",
+    "change",
+    "uploadLocal",
+    "update:data"
+  ],
   setup(__props, { emit: __emit }) {
     const waterBg = `${config.DEFAULT_BASE_API}/static/images/waterBg.png`;
     const props = __props;
@@ -42,9 +48,12 @@ const _sfc_main = vue.defineComponent({
     };
     const loaclUpload = () => {
       emit("uploadLocal", (file) => {
-        const { data } = props;
-        if (!data || !file)
+        let { data } = props;
+        if (!file)
           return;
+        if (!data) {
+          data = {};
+        }
         data.url = file.url;
         emit("update:data", data);
       });
@@ -58,7 +67,7 @@ const _sfc_main = vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
         trigger: "hover",
-        "content-style": "padding: 0;"
+        "content-style": { padding: 0 }
       }, {
         content: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -71,7 +80,7 @@ const _sfc_main = vue.defineComponent({
           }, "\u672C\u5730\u4E0A\u4F20", 4)
         ]),
         default: vue.withCtx(() => {
-          var _a, _b;
+          var _a;
           return [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(["thumb-card-container", classObj.value])
@@ -80,7 +89,8 @@ const _sfc_main = vue.defineComponent({
                 vue.createVNode(vue.unref(webVue.Image), {
                   class: "item",
                   fit: "cover",
-                  src: (_b = props.data) == null ? void 0 : _b.url
+                  src: props.data.url,
+                  "show-loader": ""
                 }, null, 8, ["src"]),
                 vue.createVNode(vue.Transition, { name: "fade" }, {
                   default: vue.withCtx(() => [

package/package.json

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