@cmstops/pro-compo 0.3.8 → 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 from "html2canvas";
 import QRCode from "qrcodejs2-fix";
 import { getSpaceDate } from "../../../../utils/date.js";
 import { generateDocPreviewLink } from "../../../script/api.js";
@@ -86,33 +85,59 @@ const _sfc_main = defineComponent({
       return flag;
     });
     const clip = (data) => {
-      const clipboard = typeof data === "string" ? navigator.clipboard.writeText(data) : navigator.clipboard.write(data);
-      clipboard.then(
-        () => {
-          Message.success({
-            content: "\u5DF2\u4FDD\u5B58\u5230\u7C98\u8D34\u677F"
-          });
-        },
-        () => {
-          Message.success({
-            content: "\u4FDD\u5B58\u5931\u8D25"
-          });
-        }
-      );
+      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 = (type) => {
+    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`);
-        html2canvas(img).then((canvas) => {
-          canvas.toBlob((blob) => {
-            const data = [new ClipboardItem({ [blob.type]: blob })];
-            clip(data);
-          }, "image/png");
-        });
+        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) => {
@@ -201,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))
                 ]),
@@ -213,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,
@@ -222,7 +247,7 @@ 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 }, [
@@ -232,7 +257,7 @@ const _sfc_main = defineComponent({
                 onClick: _cache[2] || (_cache[2] = ($event) => clipUrl("img"))
               }, {
                 default: withCtx(() => [
-                  createTextVNode("\u590D\u5236\u4E8C\u7EF4\u7801")
+                  createTextVNode(" \u590D\u5236\u4E8C\u7EF4\u7801 ")
                 ]),
                 _: 1
               }),

package/es/selectThumb/component.js

@@ -87,7 +87,6 @@ const _sfc_main = defineComponent({
     const emit = __emit;
     const props = __props;
     const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    ref(props.cropper || false);
     const oldData = ref(null);
     const styleData = ref({});
     const thumbBannerModel = ref("banner");
@@ -219,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);
@@ -315,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() {
@@ -329,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);
@@ -360,10 +374,12 @@ const _sfc_main = defineComponent({
                   key: index,
                   id: `thumb-card-${index}`,
                   data: thumbList.value[index],
+                  "onUpdate:data": ($event) => thumbList.value[index] = $event,
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
+                  onUploadLocal: _cache[0] || (_cache[0] = (cb) => _ctx.$emit("upload", cb)),
                   onOpen: ($event) => openDialogMediaSelection($event, index)
-                }, null, 8, ["id", "data", "preview-list", "onOpen"]);
+                }, null, 8, ["id", "data", "onUpdate:data", "preview-list", "onOpen"]);
               }), 128))
             ])) : currentModel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createCommentVNode(" \u5C01\u9762\u56FEcard "),
@@ -373,11 +389,13 @@ const _sfc_main = defineComponent({
                     key: index,
                     id: `thumb-card-${index}`,
                     data: thumbList.value[index],
+                    "onUpdate:data": ($event) => thumbList.value[index] = $event,
                     model: model.value,
                     "preview-list": previewList.value,
                     "thumb-model": "thumb",
+                    onUploadLocal: _cache[1] || (_cache[1] = (cb) => _ctx.$emit("upload", cb)),
                     onOpen: ($event) => openDialogMediaSelection($event, index)
-                  }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
+                  }, null, 8, ["id", "data", "onUpdate:data", "model", "preview-list", "onOpen"]);
                 }), 128))
               ])
             ], 2112)) : createCommentVNode("v-if", true),
@@ -389,7 +407,7 @@ const _sfc_main = defineComponent({
               createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
               createVNode(unref(RadioGroup), {
                 modelValue: model.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => model.value = $event),
                 size: "small",
                 type: "button",
                 style: { "margin-top": "10px" },
@@ -427,7 +445,7 @@ const _sfc_main = defineComponent({
               !_ctx.flex ? (openBlock(), createBlock(unref(Switch), {
                 key: 0,
                 modelValue: hasBanner.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => hasBanner.value = $event),
                 size: "small"
               }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
             ], 4),
@@ -436,7 +454,7 @@ const _sfc_main = defineComponent({
               _ctx.flex ? (openBlock(), createBlock(unref(Switch), {
                 key: 0,
                 modelValue: hasBanner.value,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasBanner.value = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => hasBanner.value = $event),
                 style: { "margin-bottom": "10px" },
                 size: "small"
               }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
@@ -444,8 +462,10 @@ const _sfc_main = defineComponent({
                 key: 1,
                 id: `banner-card`,
                 data: banner.value,
+                "onUpdate:data": _cache[5] || (_cache[5] = ($event) => banner.value = $event),
                 "preview-list": previewList.value,
                 "thumb-model": "banner",
+                onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "preview-list"])) : createCommentVNode("v-if", true),
               hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_13)) : createCommentVNode("v-if", true),
@@ -476,8 +496,10 @@ const _sfc_main = defineComponent({
               createVNode(_sfc_main$1, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
+                "onUpdate:data": _cache[7] || (_cache[7] = ($event) => pcBanner.value = $event),
                 previewList: previewList.value,
                 thumbModel: "pcBanner",
+                onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "previewList"]),
               _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
@@ -493,18 +515,18 @@ const _sfc_main = defineComponent({
         ], 64)) : createCommentVNode("v-if", true),
         createVNode(_sfc_main$3, {
           dialogVisible: dialogMediaSelectionShow.value,
-          "onUpdate:dialogVisible": _cache[3] || (_cache[3] = ($event) => dialogMediaSelectionShow.value = $event),
+          "onUpdate:dialogVisible": _cache[9] || (_cache[9] = ($event) => dialogMediaSelectionShow.value = $event),
           preview: false,
           "catalog-props": "image",
           ai_static_covers: _ctx.aiImages,
           BASE_API: unref(BASE_API),
           onSubmit: submitCallback,
-          onUpload: _cache[4] || (_cache[4] = (cb) => _ctx.$emit("upload", cb))
+          onUpload: _cache[10] || (_cache[10] = (cb) => _ctx.$emit("upload", cb))
         }, null, 8, ["dialogVisible", "ai_static_covers", "BASE_API"]),
         refreshCrop.value ? (openBlock(), createBlock(_sfc_main$4, {
           key: 1,
           visible: dialogCropperShow.value,
-          "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => dialogCropperShow.value = $event),
+          "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => dialogCropperShow.value = $event),
           "aspect-ratio-prop": aspectRatioProp.value,
           BASE_API: unref(BASE_API),
           "corp-data": cropperData.value,

package/es/selectThumb/components/card.js

@@ -1,5 +1,5 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createVNode, unref, Transition, withCtx, createElementVNode, withModifiers, createCommentVNode, normalizeStyle } from "vue";
-import { Image } from "@arco-design/web-vue";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createVNode, Transition, withModifiers, createCommentVNode } from "vue";
+import { Popover, Image } from "@arco-design/web-vue";
 import { IconEdit, IconDelete, IconPlus } from "@arco-design/web-vue/es/icon";
 import { DEFAULT_BASE_API } from "../../config.js";
 const _hoisted_1 = {
@@ -14,9 +14,16 @@ const _sfc_main = defineComponent({
     previewList: {},
     thumbModel: {},
     along: { type: Boolean },
-    model: {}
+    model: {},
+    changeThumbModel: { type: Function }
   },
-  emits: ["open", "remove"],
+  emits: [
+    "open",
+    "remove",
+    "change",
+    "uploadLocal",
+    "update:data"
+  ],
   setup(__props, { emit: __emit }) {
     const waterBg = `${DEFAULT_BASE_API}/static/images/waterBg.png`;
     const props = __props;
@@ -29,9 +36,27 @@ const _sfc_main = defineComponent({
         [`model-${props.model}`]: ((_a = props.data) == null ? void 0 : _a.url) && props.model
       };
     });
+    const btnStyle = computed(() => {
+      return {
+        padding: "5px 10px",
+        cursor: "pointer"
+      };
+    });
     const clickMask = () => {
       props.along && openDialogMediaSelection();
     };
+    const loaclUpload = () => {
+      emit("uploadLocal", (file) => {
+        let { data } = props;
+        if (!file)
+          return;
+        if (!data) {
+          data = {};
+        }
+        data.url = file.url;
+        emit("update:data", data);
+      });
+    };
     const openDialogMediaSelection = () => {
       emit("open", props.thumbModel);
     };
@@ -39,48 +64,68 @@ const _sfc_main = defineComponent({
       emit("remove");
     };
     return (_ctx, _cache) => {
-      var _a, _b;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["thumb-card-container", classObj.value])
-      }, [
-        ((_a = props.data) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(Image), {
-            class: "item",
-            fit: "cover",
-            src: (_b = props.data) == null ? void 0 : _b.url
-          }, null, 8, ["src"]),
-          createVNode(Transition, { name: "fade" }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: "mask",
-                onClick: clickMask
+      return openBlock(), createBlock(unref(Popover), {
+        trigger: "hover",
+        "content-style": { padding: 0 }
+      }, {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            style: normalizeStyle(btnStyle.value),
+            onClick: openDialogMediaSelection
+          }, "\u7D20\u6750\u5E93\u9009\u62E9", 4),
+          createElementVNode("div", {
+            style: normalizeStyle(btnStyle.value),
+            onClick: loaclUpload
+          }, "\u672C\u5730\u4E0A\u4F20", 4)
+        ]),
+        default: withCtx(() => {
+          var _a;
+          return [
+            createElementVNode("div", {
+              class: normalizeClass(["thumb-card-container", classObj.value])
+            }, [
+              ((_a = props.data) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                createVNode(unref(Image), {
+                  class: "item",
+                  fit: "cover",
+                  src: props.data.url,
+                  "show-loader": ""
+                }, null, 8, ["src"]),
+                createVNode(Transition, { name: "fade" }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", {
+                      class: "mask",
+                      onClick: clickMask
+                    }, [
+                      createElementVNode("span", {
+                        class: "half",
+                        onClick: withModifiers(openDialogMediaSelection, ["stop"])
+                      }, [
+                        createVNode(unref(IconEdit))
+                      ]),
+                      _ctx.along ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "half",
+                        onClick: withModifiers(remove, ["stop"])
+                      }, [
+                        createVNode(unref(IconDelete))
+                      ])) : createCommentVNode("v-if", true)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "item add-thumb",
+                style: normalizeStyle({ backgroundImage: `url(${waterBg})` })
               }, [
-                createElementVNode("span", {
-                  class: "half",
-                  onClick: withModifiers(openDialogMediaSelection, ["stop"])
-                }, [
-                  createVNode(unref(IconEdit))
-                ]),
-                _ctx.along ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: "half",
-                  onClick: withModifiers(remove, ["stop"])
-                }, [
-                  createVNode(unref(IconDelete))
-                ])) : createCommentVNode("v-if", true)
-              ])
-            ]),
-            _: 1
-          })
-        ])) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "item add-thumb",
-          style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
-          onClick: withModifiers(openDialogMediaSelection, ["stop"])
-        }, [
-          createVNode(unref(IconPlus))
-        ], 4))
-      ], 2);
+                createVNode(unref(IconPlus))
+              ], 4))
+            ], 2)
+          ];
+        }),
+        _: 1
+      });
     };
   }
 });

package/es/style/index.less

@@ -1 +1 @@
-// Global Style
+// Global Style

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,14 +2,12 @@
 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-fix");
 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" };
@@ -92,33 +90,59 @@ const _sfc_main = vue.defineComponent({
       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"
-          });
-        }
-      );
+      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 = (type) => {
+    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`);
-        html2canvas__default["default"](img).then((canvas) => {
-          canvas.toBlob((blob) => {
-            const data = [new ClipboardItem({ [blob.type]: blob })];
-            clip(data);
-          }, "image/png");
-        });
+        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) => {
@@ -207,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))
                 ]),
@@ -219,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,
@@ -228,7 +252,7 @@ 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 }, [
@@ -238,7 +262,7 @@ const _sfc_main = vue.defineComponent({
                 onClick: _cache[2] || (_cache[2] = ($event) => clipUrl("img"))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("\u590D\u5236\u4E8C\u7EF4\u7801")
+                  vue.createTextVNode(" \u590D\u5236\u4E8C\u7EF4\u7801 ")
                 ]),
                 _: 1
               }),

package/lib/selectThumb/component.js

@@ -88,7 +88,6 @@ const _sfc_main = vue.defineComponent({
     const emit = __emit;
     const props = __props;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-    vue.ref(props.cropper || false);
     const oldData = vue.ref(null);
     const styleData = vue.ref({});
     const thumbBannerModel = vue.ref("banner");
@@ -220,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);
@@ -316,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() {
@@ -330,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);
@@ -361,10 +375,12 @@ const _sfc_main = vue.defineComponent({
                   key: index,
                   id: `thumb-card-${index}`,
                   data: thumbList.value[index],
+                  "onUpdate:data": ($event) => thumbList.value[index] = $event,
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
+                  onUploadLocal: _cache[0] || (_cache[0] = (cb) => _ctx.$emit("upload", cb)),
                   onOpen: ($event) => openDialogMediaSelection($event, index)
-                }, null, 8, ["id", "data", "preview-list", "onOpen"]);
+                }, null, 8, ["id", "data", "onUpdate:data", "preview-list", "onOpen"]);
               }), 128))
             ])) : currentModel.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
@@ -374,11 +390,13 @@ const _sfc_main = vue.defineComponent({
                     key: index,
                     id: `thumb-card-${index}`,
                     data: thumbList.value[index],
+                    "onUpdate:data": ($event) => thumbList.value[index] = $event,
                     model: model.value,
                     "preview-list": previewList.value,
                     "thumb-model": "thumb",
+                    onUploadLocal: _cache[1] || (_cache[1] = (cb) => _ctx.$emit("upload", cb)),
                     onOpen: ($event) => openDialogMediaSelection($event, index)
-                  }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
+                  }, null, 8, ["id", "data", "onUpdate:data", "model", "preview-list", "onOpen"]);
                 }), 128))
               ])
             ], 2112)) : vue.createCommentVNode("v-if", true),
@@ -390,7 +408,7 @@ const _sfc_main = vue.defineComponent({
               vue.createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
               vue.createVNode(vue.unref(webVue.RadioGroup), {
                 modelValue: model.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => model.value = $event),
                 size: "small",
                 type: "button",
                 style: { "margin-top": "10px" },
@@ -428,7 +446,7 @@ const _sfc_main = vue.defineComponent({
               !_ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
                 key: 0,
                 modelValue: hasBanner.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => hasBanner.value = $event),
                 size: "small"
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
             ], 4),
@@ -437,7 +455,7 @@ const _sfc_main = vue.defineComponent({
               _ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
                 key: 0,
                 modelValue: hasBanner.value,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasBanner.value = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => hasBanner.value = $event),
                 style: { "margin-bottom": "10px" },
                 size: "small"
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
@@ -445,8 +463,10 @@ const _sfc_main = vue.defineComponent({
                 key: 1,
                 id: `banner-card`,
                 data: banner.value,
+                "onUpdate:data": _cache[5] || (_cache[5] = ($event) => banner.value = $event),
                 "preview-list": previewList.value,
                 "thumb-model": "banner",
+                onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "preview-list"])) : vue.createCommentVNode("v-if", true),
               hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, _hoisted_13)) : vue.createCommentVNode("v-if", true),
@@ -477,8 +497,10 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(card, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
+                "onUpdate:data": _cache[7] || (_cache[7] = ($event) => pcBanner.value = $event),
                 previewList: previewList.value,
                 thumbModel: "pcBanner",
+                onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "previewList"]),
               _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
@@ -494,18 +516,18 @@ const _sfc_main = vue.defineComponent({
         ], 64)) : vue.createCommentVNode("v-if", true),
         vue.createVNode(component, {
           dialogVisible: dialogMediaSelectionShow.value,
-          "onUpdate:dialogVisible": _cache[3] || (_cache[3] = ($event) => dialogMediaSelectionShow.value = $event),
+          "onUpdate:dialogVisible": _cache[9] || (_cache[9] = ($event) => dialogMediaSelectionShow.value = $event),
           preview: false,
           "catalog-props": "image",
           ai_static_covers: _ctx.aiImages,
           BASE_API: vue.unref(BASE_API),
           onSubmit: submitCallback,
-          onUpload: _cache[4] || (_cache[4] = (cb) => _ctx.$emit("upload", cb))
+          onUpload: _cache[10] || (_cache[10] = (cb) => _ctx.$emit("upload", cb))
         }, null, 8, ["dialogVisible", "ai_static_covers", "BASE_API"]),
         refreshCrop.value ? (vue.openBlock(), vue.createBlock(component$1, {
           key: 1,
           visible: dialogCropperShow.value,
-          "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => dialogCropperShow.value = $event),
+          "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => dialogCropperShow.value = $event),
           "aspect-ratio-prop": aspectRatioProp.value,
           BASE_API: vue.unref(BASE_API),
           "corp-data": cropperData.value,

package/lib/selectThumb/components/card.js

@@ -15,9 +15,16 @@ const _sfc_main = vue.defineComponent({
     previewList: {},
     thumbModel: {},
     along: { type: Boolean },
-    model: {}
+    model: {},
+    changeThumbModel: { type: Function }
   },
-  emits: ["open", "remove"],
+  emits: [
+    "open",
+    "remove",
+    "change",
+    "uploadLocal",
+    "update:data"
+  ],
   setup(__props, { emit: __emit }) {
     const waterBg = `${config.DEFAULT_BASE_API}/static/images/waterBg.png`;
     const props = __props;
@@ -30,9 +37,27 @@ const _sfc_main = vue.defineComponent({
         [`model-${props.model}`]: ((_a = props.data) == null ? void 0 : _a.url) && props.model
       };
     });
+    const btnStyle = vue.computed(() => {
+      return {
+        padding: "5px 10px",
+        cursor: "pointer"
+      };
+    });
     const clickMask = () => {
       props.along && openDialogMediaSelection();
     };
+    const loaclUpload = () => {
+      emit("uploadLocal", (file) => {
+        let { data } = props;
+        if (!file)
+          return;
+        if (!data) {
+          data = {};
+        }
+        data.url = file.url;
+        emit("update:data", data);
+      });
+    };
     const openDialogMediaSelection = () => {
       emit("open", props.thumbModel);
     };
@@ -40,48 +65,68 @@ const _sfc_main = vue.defineComponent({
       emit("remove");
     };
     return (_ctx, _cache) => {
-      var _a, _b;
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["thumb-card-container", classObj.value])
-      }, [
-        ((_a = props.data) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createVNode(vue.unref(webVue.Image), {
-            class: "item",
-            fit: "cover",
-            src: (_b = props.data) == null ? void 0 : _b.url
-          }, null, 8, ["src"]),
-          vue.createVNode(vue.Transition, { name: "fade" }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", {
-                class: "mask",
-                onClick: clickMask
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
+        trigger: "hover",
+        "content-style": { padding: 0 }
+      }, {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(btnStyle.value),
+            onClick: openDialogMediaSelection
+          }, "\u7D20\u6750\u5E93\u9009\u62E9", 4),
+          vue.createElementVNode("div", {
+            style: vue.normalizeStyle(btnStyle.value),
+            onClick: loaclUpload
+          }, "\u672C\u5730\u4E0A\u4F20", 4)
+        ]),
+        default: vue.withCtx(() => {
+          var _a;
+          return [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["thumb-card-container", classObj.value])
+            }, [
+              ((_a = props.data) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                vue.createVNode(vue.unref(webVue.Image), {
+                  class: "item",
+                  fit: "cover",
+                  src: props.data.url,
+                  "show-loader": ""
+                }, null, 8, ["src"]),
+                vue.createVNode(vue.Transition, { name: "fade" }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      class: "mask",
+                      onClick: clickMask
+                    }, [
+                      vue.createElementVNode("span", {
+                        class: "half",
+                        onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
+                      }, [
+                        vue.createVNode(vue.unref(icon.IconEdit))
+                      ]),
+                      _ctx.along ? (vue.openBlock(), vue.createElementBlock("span", {
+                        key: 0,
+                        class: "half",
+                        onClick: vue.withModifiers(remove, ["stop"])
+                      }, [
+                        vue.createVNode(vue.unref(icon.IconDelete))
+                      ])) : vue.createCommentVNode("v-if", true)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])) : (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: "item add-thumb",
+                style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` })
               }, [
-                vue.createElementVNode("span", {
-                  class: "half",
-                  onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
-                }, [
-                  vue.createVNode(vue.unref(icon.IconEdit))
-                ]),
-                _ctx.along ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  class: "half",
-                  onClick: vue.withModifiers(remove, ["stop"])
-                }, [
-                  vue.createVNode(vue.unref(icon.IconDelete))
-                ])) : vue.createCommentVNode("v-if", true)
-              ])
-            ]),
-            _: 1
-          })
-        ])) : (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: "item add-thumb",
-          style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` }),
-          onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
-        }, [
-          vue.createVNode(vue.unref(icon.IconPlus))
-        ], 4))
-      ], 2);
+                vue.createVNode(vue.unref(icon.IconPlus))
+              ], 4))
+            ], 2)
+          ];
+        }),
+        _: 1
+      });
     };
   }
 });

package/lib/style/index.less

@@ -1 +1 @@
-// Global Style
+// Global Style

package/package.json

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