@cmstops/pro-compo 3.9.2-alpha.25 → 3.9.2-alpha.27

package/lib/contentModal/component.js

@@ -159,7 +159,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[8] || (_cache[8] = [
-                          vue.createTextVNode("\u6DFB\u52A0 ")
+                          vue.createTextVNode("\u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [8]
@@ -199,7 +199,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[9] || (_cache[9] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [9]
@@ -240,7 +240,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[10] || (_cache[10] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [10]
@@ -280,7 +280,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[11] || (_cache[11] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [11]
@@ -320,7 +320,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [12]
@@ -360,7 +360,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[13] || (_cache[13] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [13]
@@ -400,7 +400,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[14] || (_cache[14] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [14]
@@ -439,7 +439,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[15] || (_cache[15] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
                         ])),
                         _: 1,
                         __: [15]

package/lib/contentModal/components/storeBox/index.js

@@ -82,7 +82,7 @@ const _sfc_main = vue.defineComponent({
                 onClick: clear
               }, {
                 default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                  vue.createTextVNode("\u6E05\u7A7A")
+                  vue.createTextVNode("\u6E05\u7A7A", -1)
                 ])),
                 _: 1,
                 __: [1]
@@ -99,7 +99,7 @@ const _sfc_main = vue.defineComponent({
                   class: "button"
                 }, {
                   default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-                    vue.createTextVNode("\u5DF2\u9009\u6570\u636E")
+                    vue.createTextVNode("\u5DF2\u9009\u6570\u636E", -1)
                   ])),
                   _: 1,
                   __: [0]

package/lib/dataTags/component.js

@@ -132,7 +132,7 @@ const _sfc_main = vue.defineComponent({
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "yuanchuang"])
                 }, {
                   default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                    vue.createTextVNode("\u539F\u521B")
+                    vue.createTextVNode("\u539F\u521B", -1)
                   ])),
                   _: 1,
                   __: [1]
@@ -151,7 +151,7 @@ const _sfc_main = vue.defineComponent({
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "star"])
                 }, {
                   default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                    vue.createTextVNode("\u63A8\u8350")
+                    vue.createTextVNode("\u63A8\u8350", -1)
                   ])),
                   _: 1,
                   __: [2]
@@ -170,7 +170,7 @@ const _sfc_main = vue.defineComponent({
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "waring"])
                 }, {
                   default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                    vue.createTextVNode("\u654F\u611F")
+                    vue.createTextVNode("\u654F\u611F", -1)
                   ])),
                   _: 1,
                   __: [3]
@@ -189,7 +189,7 @@ const _sfc_main = vue.defineComponent({
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "star"])
                 }, {
                   default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                    vue.createTextVNode("\u5DF2\u63A8\u9001")
+                    vue.createTextVNode("\u5DF2\u63A8\u9001", -1)
                   ])),
                   _: 1,
                   __: [4]
@@ -226,7 +226,7 @@ const _sfc_main = vue.defineComponent({
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "matrix"])
                 }, {
                   default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-                    vue.createTextVNode(" \u77E9\u9635\u5206\u53D1 ")
+                    vue.createTextVNode(" \u77E9\u9635\u5206\u53D1 ", -1)
                   ])),
                   _: 1,
                   __: [5]

package/lib/docHistory/component.js

@@ -100,7 +100,7 @@ const _sfc_main = vue.defineComponent({
             onClick: handeRevert
           }, {
             default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-              vue.createTextVNode(" \u8FD8\u539F\u6B64\u7248\u672C ")
+              vue.createTextVNode(" \u8FD8\u539F\u6B64\u7248\u672C ", -1)
             ])),
             _: 1,
             __: [1]

package/lib/docPreview/component.js

@@ -18,6 +18,18 @@ const _hoisted_10 = { class: "doc-preview-share-link" };
 const _hoisted_11 = { class: "doc-preview-share-link-value" };
 const _hoisted_12 = { class: "doc-preview-share-header" };
 const _hoisted_13 = { class: "doc-preview-share-action" };
+const _hoisted_14 = { class: "doc-preview-share-header" };
+const _hoisted_15 = { class: "doc-preview-share-link" };
+const _hoisted_16 = { class: "doc-preview-share-link-value" };
+const _hoisted_17 = { class: "doc-preview-share-link-hint" };
+const _hoisted_18 = { class: "doc-preview-share-action" };
+const _hoisted_19 = { class: "doc-preview-share-header" };
+const _hoisted_20 = { class: "doc-preview-share-link" };
+const _hoisted_21 = { class: "doc-preview-share-link-value" };
+const _hoisted_22 = { class: "doc-preview-share-action" };
+const _hoisted_23 = { class: "doc-preview-share-header" };
+const _hoisted_24 = { class: "doc-preview-share-action" };
+const _hoisted_25 = { class: "v-bottom" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "docPreview" },
   __name: "component",
@@ -36,14 +48,24 @@ const _sfc_main = vue.defineComponent({
       generate,
       cancel,
       copy,
+      copyPC,
       shareData,
+      pcShareData,
       innerUrl,
       expireTime,
       intervalTime,
+      pcIntervalTime,
       loading,
-      isPublish
+      isPublish,
+      numpc,
+      btn_device,
+      generatePC,
+      previewSite,
+      pcInnerUrl,
+      cancelPc
     } = hook.useDocPreview(BASE_API, vue.toRef(props, "hashid"));
     vue.onMounted(() => {
+      generatePC();
       if (props.docInfo && [14, 15].includes(props.docInfo.state)) {
         if (props.docInfo.share_link) {
           genQrCode(props.docInfo.share_link, "qr-code-is-pub");
@@ -55,112 +77,246 @@ const _sfc_main = vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "doc-preview-container",
-        onClick: _cache[7] || (_cache[7] = ($event) => emits("close"))
+        onClick: _cache[15] || (_cache[15] = ($event) => emits("close"))
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           vue.createVNode(vue.unref(icon.IconClose), {
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => emits("close"), ["stop"]))
           })
         ]),
-        _cache[21] || (_cache[21] = vue.createElementVNode("div", { class: "doc-preview-share" }, null, -1)),
+        _cache[42] || (_cache[42] = vue.createElementVNode("div", { class: "doc-preview-share" }, null, -1)),
         vue.createVNode(PreviewIframe, {
           src: vue.unref(innerUrl),
+          numpc: vue.unref(numpc),
+          pcSrc: vue.unref(pcInnerUrl),
+          isPublish: vue.unref(isPublish),
           onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
           }, ["stop"]))
-        }, null, 8, ["src"]),
-        vue.createVNode(vue.unref(webVue.Spin), { loading: vue.unref(loading) }, {
+        }, null, 8, ["src", "numpc", "pcSrc", "isPublish"]),
+        vue.createCommentVNode(" \u624B\u673A\u9884\u89C8\u94FE\u63A5 "),
+        vue.withDirectives(vue.createVNode(vue.unref(webVue.Spin), { loading: vue.unref(loading) }, {
+          default: vue.withCtx(() => {
+            var _a, _b;
+            return [
+              vue.createElementVNode("div", {
+                class: "doc-preview-share",
+                onClick: _cache[6] || (_cache[6] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                vue.unref(shareData) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  vue.createCommentVNode(" \u4E8C\u7EF4\u7801 "),
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createElementVNode("img", {
+                      src: (_a = vue.unref(shareData)) == null ? void 0 : _a.qrCode,
+                      alt: ""
+                    }, null, 8, _hoisted_3)
+                  ]),
+                  vue.createCommentVNode(" \u5907\u6CE8 "),
+                  _cache[20] || (_cache[20] = vue.createElementVNode("div", { class: "doc-preview-share-tips" }, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE", -1)),
+                  vue.createCommentVNode(" \u94FE\u63A5\u524D\u7F6E\u64CD\u4F5C "),
+                  vue.createElementVNode("div", _hoisted_4, [
+                    _cache[17] || (_cache[17] = vue.createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1)),
+                    vue.createVNode(vue.unref(webVue.Link), {
+                      type: "text",
+                      onClick: vue.unref(copy)
+                    }, {
+                      default: vue.withCtx(() => _cache[16] || (_cache[16] = [
+                        vue.createTextVNode(" \u590D\u5236\u94FE\u63A5 ", -1)
+                      ])),
+                      _: 1,
+                      __: [16]
+                    }, 8, ["onClick"])
+                  ]),
+                  vue.createCommentVNode(" \u94FE\u63A5 "),
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createElementVNode("div", _hoisted_6, vue.toDisplayString((_b = vue.unref(shareData)) == null ? void 0 : _b.shareUrl), 1),
+                    vue.createElementVNode("div", _hoisted_7, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + vue.toDisplayString(vue.unref(intervalTime)), 1)
+                  ]),
+                  vue.createCommentVNode(" \u64CD\u4F5C "),
+                  vue.createElementVNode("div", _hoisted_8, [
+                    vue.createVNode(vue.unref(webVue.Button), {
+                      onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(cancel)())
+                    }, {
+                      default: vue.withCtx(() => _cache[18] || (_cache[18] = [
+                        vue.createTextVNode("\u53D6\u6D88\u9884\u89C8\u94FE\u63A5", -1)
+                      ])),
+                      _: 1,
+                      __: [18]
+                    }),
+                    vue.createVNode(vue.unref(webVue.Button), {
+                      type: "primary",
+                      onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(cancel)(true))
+                    }, {
+                      default: vue.withCtx(() => _cache[19] || (_cache[19] = [
+                        vue.createTextVNode(" \u66F4\u65B0\u9884\u89C8\u6709\u6548\u671F ", -1)
+                      ])),
+                      _: 1,
+                      __: [19]
+                    })
+                  ])
+                ], 64)) : vue.unref(isPublish) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createCommentVNode(" \u4E8C\u7EF4\u7801 "),
+                  _cache[23] || (_cache[23] = vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
+                    vue.createElementVNode("div", { id: "qr-code-is-pub" })
+                  ], -1)),
+                  vue.createCommentVNode(" \u5907\u6CE8 "),
+                  _cache[24] || (_cache[24] = vue.createElementVNode("div", { class: "doc-preview-share-tips" }, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE", -1)),
+                  vue.createCommentVNode(" \u94FE\u63A5\u524D\u7F6E\u64CD\u4F5C "),
+                  vue.createElementVNode("div", _hoisted_9, [
+                    _cache[22] || (_cache[22] = vue.createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1)),
+                    vue.createVNode(vue.unref(webVue.Link), {
+                      type: "text",
+                      onClick: vue.unref(copy)
+                    }, {
+                      default: vue.withCtx(() => _cache[21] || (_cache[21] = [
+                        vue.createTextVNode(" \u590D\u5236\u94FE\u63A5 ", -1)
+                      ])),
+                      _: 1,
+                      __: [21]
+                    }, 8, ["onClick"])
+                  ]),
+                  vue.createCommentVNode(" \u94FE\u63A5 "),
+                  vue.createElementVNode("div", _hoisted_10, [
+                    vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(vue.unref(innerUrl)), 1)
+                  ])
+                ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                  _cache[27] || (_cache[27] = vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
+                    vue.createElementVNode("div", { class: "doc-preview-share-img-hint" }, " \u6682\u65E0\u9884\u89C8 ")
+                  ], -1)),
+                  _cache[28] || (_cache[28] = vue.createElementVNode("div", { class: "doc-preview-share-tips" }, " \u5185\u5BB9\u6682\u65E0\u9884\u89C8\u94FE\u63A5\uFF0C\u53EF\u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1)),
+                  vue.createElementVNode("div", _hoisted_12, [
+                    _cache[25] || (_cache[25] = vue.createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1)),
+                    vue.createVNode(vue.unref(webVue.Select), {
+                      modelValue: vue.unref(expireTime),
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(expireTime) ? expireTime.value = $event : null),
+                      size: "mini",
+                      style: { "width": "120px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hook.EXPIRE_TIME_OPTIONS), (t, index) => {
+                          return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                            key: index,
+                            label: t.label,
+                            value: t.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_13, [
+                    vue.createVNode(vue.unref(webVue.Button), {
+                      type: "primary",
+                      onClick: _cache[5] || (_cache[5] = () => vue.unref(generate)())
+                    }, {
+                      default: vue.withCtx(() => _cache[26] || (_cache[26] = [
+                        vue.createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1)
+                      ])),
+                      _: 1,
+                      __: [26]
+                    })
+                  ])
+                ], 64))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["loading"]), [
+          [vue.vShow, vue.unref(numpc) === 0]
+        ]),
+        vue.createCommentVNode(" pc\u9884\u89C8\u94FE\u63A5 "),
+        vue.withDirectives(vue.createVNode(vue.unref(webVue.Spin), { loading: vue.unref(loading) }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
               class: "doc-preview-share",
-              onClick: _cache[6] || (_cache[6] = vue.withModifiers(() => {
+              onClick: _cache[12] || (_cache[12] = vue.withModifiers(() => {
               }, ["stop"]))
             }, [
-              vue.unref(shareData) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createCommentVNode(" \u4E8C\u7EF4\u7801 "),
-                vue.createElementVNode("div", _hoisted_2, [
-                  vue.createElementVNode("img", {
-                    src: vue.unref(shareData).qrCode,
-                    alt: ""
-                  }, null, 8, _hoisted_3)
-                ]),
-                vue.createCommentVNode(" \u5907\u6CE8 "),
-                _cache[12] || (_cache[12] = vue.createElementVNode("div", { class: "doc-preview-share-tips" }, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE", -1)),
+              vue.unref(pcShareData) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 vue.createCommentVNode(" \u94FE\u63A5\u524D\u7F6E\u64CD\u4F5C "),
-                vue.createElementVNode("div", _hoisted_4, [
-                  _cache[9] || (_cache[9] = vue.createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1)),
+                vue.createElementVNode("div", _hoisted_14, [
+                  _cache[30] || (_cache[30] = vue.createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1)),
                   vue.createVNode(vue.unref(webVue.Link), {
                     type: "text",
-                    onClick: vue.unref(copy)
+                    onClick: vue.unref(copyPC)
                   }, {
-                    default: vue.withCtx(() => _cache[8] || (_cache[8] = [
-                      vue.createTextVNode(" \u590D\u5236\u94FE\u63A5 ")
+                    default: vue.withCtx(() => _cache[29] || (_cache[29] = [
+                      vue.createTextVNode(" \u590D\u5236\u94FE\u63A5 ", -1)
                     ])),
                     _: 1,
-                    __: [8]
+                    __: [29]
                   }, 8, ["onClick"])
                 ]),
                 vue.createCommentVNode(" \u94FE\u63A5 "),
-                vue.createElementVNode("div", _hoisted_5, [
-                  vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(vue.unref(shareData).shareUrl), 1),
-                  vue.createElementVNode("div", _hoisted_7, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + vue.toDisplayString(vue.unref(intervalTime)), 1)
+                vue.createElementVNode("div", _hoisted_15, [
+                  vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(vue.unref(pcInnerUrl)), 1),
+                  vue.createElementVNode("div", _hoisted_17, " \u94FE\u63A5\u5269\u4F59\u65F6\u95F4\uFF1A" + vue.toDisplayString(vue.unref(pcIntervalTime)), 1)
                 ]),
                 vue.createCommentVNode(" \u64CD\u4F5C "),
-                vue.createElementVNode("div", _hoisted_8, [
+                vue.createElementVNode("div", _hoisted_18, [
                   vue.createVNode(vue.unref(webVue.Button), {
-                    onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(cancel)())
+                    onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(cancelPc)())
                   }, {
-                    default: vue.withCtx(() => _cache[10] || (_cache[10] = [
-                      vue.createTextVNode("\u53D6\u6D88\u9884\u89C8\u94FE\u63A5")
+                    default: vue.withCtx(() => _cache[31] || (_cache[31] = [
+                      vue.createTextVNode("\u53D6\u6D88\u9884\u89C8\u94FE\u63A5", -1)
                     ])),
                     _: 1,
-                    __: [10]
+                    __: [31]
                   }),
                   vue.createVNode(vue.unref(webVue.Button), {
                     type: "primary",
-                    onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(cancel)(true))
+                    onClick: _cache[8] || (_cache[8] = ($event) => vue.unref(previewSite)())
                   }, {
-                    default: vue.withCtx(() => _cache[11] || (_cache[11] = [
-                      vue.createTextVNode(" \u66F4\u65B0\u9884\u89C8\u6709\u6548\u671F ")
+                    default: vue.withCtx(() => _cache[32] || (_cache[32] = [
+                      vue.createTextVNode("\u7AD9\u70B9\u9884\u89C8", -1)
                     ])),
                     _: 1,
-                    __: [11]
+                    __: [32]
                   })
                 ])
               ], 64)) : vue.unref(isPublish) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                 vue.createCommentVNode(" \u4E8C\u7EF4\u7801 "),
-                _cache[15] || (_cache[15] = vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
+                _cache[36] || (_cache[36] = vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
                   vue.createElementVNode("div", { id: "qr-code-is-pub" })
                 ], -1)),
-                vue.createCommentVNode(" \u5907\u6CE8 "),
-                _cache[16] || (_cache[16] = vue.createElementVNode("div", { class: "doc-preview-share-tips" }, "\u626B\u63CF\u4E8C\u7EF4\u7801\u8BBF\u95EE", -1)),
-                vue.createCommentVNode(" \u94FE\u63A5\u524D\u7F6E\u64CD\u4F5C "),
-                vue.createElementVNode("div", _hoisted_9, [
-                  _cache[14] || (_cache[14] = vue.createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1)),
+                vue.createElementVNode("div", _hoisted_19, [
+                  _cache[34] || (_cache[34] = vue.createElementVNode("span", null, "\u9884\u89C8\u5730\u5740", -1)),
                   vue.createVNode(vue.unref(webVue.Link), {
                     type: "text",
-                    onClick: vue.unref(copy)
+                    onClick: vue.unref(copyPC)
                   }, {
-                    default: vue.withCtx(() => _cache[13] || (_cache[13] = [
-                      vue.createTextVNode(" \u590D\u5236\u94FE\u63A5 ")
+                    default: vue.withCtx(() => _cache[33] || (_cache[33] = [
+                      vue.createTextVNode(" \u590D\u5236\u94FE\u63A5 ", -1)
                     ])),
                     _: 1,
-                    __: [13]
+                    __: [33]
                   }, 8, ["onClick"])
                 ]),
                 vue.createCommentVNode(" \u94FE\u63A5 "),
-                vue.createElementVNode("div", _hoisted_10, [
-                  vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(vue.unref(innerUrl)), 1)
+                vue.createElementVNode("div", _hoisted_20, [
+                  vue.createElementVNode("div", _hoisted_21, vue.toDisplayString(vue.unref(pcInnerUrl)), 1)
+                ]),
+                vue.createElementVNode("div", _hoisted_22, [
+                  vue.createVNode(vue.unref(webVue.Button), {
+                    onClick: _cache[9] || (_cache[9] = ($event) => vue.unref(previewSite)())
+                  }, {
+                    default: vue.withCtx(() => _cache[35] || (_cache[35] = [
+                      vue.createTextVNode("\u7AD9\u70B9\u9884\u89C8", -1)
+                    ])),
+                    _: 1,
+                    __: [35]
+                  })
                 ])
               ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                _cache[19] || (_cache[19] = vue.createElementVNode("div", { class: "doc-preview-share-img" }, [
-                  vue.createElementVNode("div", { class: "doc-preview-share-img-hint" }, " \u6682\u65E0\u9884\u89C8 ")
-                ], -1)),
-                _cache[20] || (_cache[20] = vue.createElementVNode("div", { class: "doc-preview-share-tips" }, " \u5185\u5BB9\u6682\u65E0\u9884\u89C8\u94FE\u63A5\uFF0C\u53EF\u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1)),
-                vue.createElementVNode("div", _hoisted_12, [
-                  _cache[17] || (_cache[17] = vue.createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1)),
+                _cache[39] || (_cache[39] = vue.createElementVNode("div", {
+                  class: "doc-preview-share-tips",
+                  style: { "padding": "40px 0" }
+                }, " \u5185\u5BB9\u6682\u672A\u53D1\u5E03\uFF0C\u53EF\u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1)),
+                vue.createElementVNode("div", _hoisted_23, [
+                  _cache[37] || (_cache[37] = vue.createElementVNode("span", null, "\u94FE\u63A5\u6709\u6548\u65F6\u957F", -1)),
                   vue.createVNode(vue.unref(webVue.Select), {
                     modelValue: vue.unref(expireTime),
-                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(expireTime) ? expireTime.value = $event : null),
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.isRef(expireTime) ? expireTime.value = $event : null),
                     size: "mini",
                     style: { "width": "120px" }
                   }, {
@@ -176,23 +332,41 @@ const _sfc_main = vue.defineComponent({
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                vue.createElementVNode("div", _hoisted_13, [
+                vue.createElementVNode("div", _hoisted_24, [
                   vue.createVNode(vue.unref(webVue.Button), {
                     type: "primary",
-                    onClick: _cache[5] || (_cache[5] = () => vue.unref(generate)())
+                    onClick: _cache[11] || (_cache[11] = () => vue.unref(generatePC)())
                   }, {
-                    default: vue.withCtx(() => _cache[18] || (_cache[18] = [
-                      vue.createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ")
+                    default: vue.withCtx(() => _cache[38] || (_cache[38] = [
+                      vue.createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1)
                     ])),
                     _: 1,
-                    __: [18]
+                    __: [38]
                   })
                 ])
               ], 64))
             ])
           ]),
           _: 1
-        }, 8, ["loading"])
+        }, 8, ["loading"]), [
+          [vue.vShow, vue.unref(numpc) === 1]
+        ]),
+        vue.createElementVNode("div", _hoisted_25, [
+          vue.createElementVNode("span", {
+            style: { "cursor": "pointer" },
+            onClick: _cache[13] || (_cache[13] = vue.withModifiers(($event) => vue.unref(btn_device)("mobile"), ["stop"]))
+          }, _cache[40] || (_cache[40] = [
+            vue.createElementVNode("i", { class: "iconfont icon-a-shouji51" }, null, -1),
+            vue.createTextVNode(" APP\u9884\u89C8 ", -1)
+          ])),
+          vue.createElementVNode("span", {
+            style: { "cursor": "pointer" },
+            onClick: _cache[14] || (_cache[14] = vue.withModifiers(($event) => vue.unref(btn_device)("pc"), ["stop"]))
+          }, _cache[41] || (_cache[41] = [
+            vue.createElementVNode("i", { class: "iconfont icon-a-xianshiqi11111x" }, null, -1),
+            vue.createTextVNode(" PC\u9884\u89C8 ", -1)
+          ]))
+        ])
       ]);
     };
   }

package/lib/docPreview/components/PreviewIframe.js

@@ -1,22 +1,39 @@
 "use strict";
 var vue = require("vue");
 var phone = require("../images/phone.js");
+var pc = require("../images/pc.js");
 var webVue = require("@arco-design/web-vue");
-const _hoisted_1 = { class: "iframe-container" };
+const _hoisted_1 = {
+  key: 0,
+  class: "iframe-container"
+};
 const _hoisted_2 = { class: "iframe-content" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = {
   key: 1,
   class: "loading-wrapper"
 };
+const _hoisted_5 = {
+  key: 1,
+  class: "iframe-container-pc"
+};
+const _hoisted_6 = { class: "iframe-content-pc" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = {
+  key: 1,
+  class: "loading-wrapper"
+};
 const _sfc_main = vue.defineComponent({
   __name: "PreviewIframe",
   props: {
-    src: {}
+    src: {},
+    numpc: {},
+    pcSrc: {},
+    isPublish: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return _ctx.numpc === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         _cache[0] || (_cache[0] = vue.createElementVNode("img", {
           src: phone,
           alt: ""
@@ -30,7 +47,21 @@ const _sfc_main = vue.defineComponent({
             vue.createVNode(vue.unref(webVue.Spin), { loading: true })
           ]))
         ])
-      ]);
+      ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+        _cache[1] || (_cache[1] = vue.createElementVNode("img", {
+          src: pc,
+          alt: ""
+        }, null, -1)),
+        vue.createElementVNode("div", _hoisted_6, [
+          _ctx.pcSrc ? (vue.openBlock(), vue.createElementBlock("iframe", {
+            key: 0,
+            style: { "overflow": "hidden" },
+            src: _ctx.pcSrc
+          }, null, 8, _hoisted_7)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+            vue.createVNode(vue.unref(webVue.Spin), { loading: true })
+          ]))
+        ])
+      ]));
     };
   }
 });