zhytech-ui-mobile 1.1.2 → 1.1.3

package/dist/types/components/filePreview/index.d.ts

@@ -1,5 +1,5 @@
 import { default as filePreview } from './index';
-import { previewOption, videoConfigType, pdfOptionType } from './types/filePreviewType';
+import { filePreviewOption, videoConfigType, pdfOptionType } from './types/filePreviewType';
 
 export { filePreview };
-export type { previewOption, videoConfigType, pdfOptionType };
+export type { filePreviewOption, videoConfigType, pdfOptionType };

package/dist/types/components/filePreview/types/filePreviewType.d.ts

@@ -224,7 +224,7 @@ export interface pdfOptionType {
     /**
      * 工具条显示项，默认值: scale（缩放） print download pages（当前页/总页数）
      */
-    tool?: Array<"scale" | "print" | "download" | "pages" | "" | "" | "">;
+    tool?: Array<"scale" | "pages">;
     /**
      * 是否单页显示，默认true
      */
@@ -238,7 +238,7 @@ export interface pdfOptionType {
      */
     onPageChange?: Function;
 }
-export interface previewOption {
+export interface filePreviewOption {
     /**
      * @description: 是否显示全屏按钮p
      */

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 import { ConfigProviderThemeVars } from 'wot-design-uni';
 import { dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, formRenderer as zhyFormRenderer } from './components/dynamicForm/index';
 import { verificationCode as zhyVerificationCode, vcodeConfigOption } from './components/verificationCode/index';
-import { filePreview as zhyFilePreview, previewOption, videoConfigType, pdfOptionType } from './components/filePreview/index';
+import { filePreview as zhyFilePreview, filePreviewOption, videoConfigType, pdfOptionType } from './components/filePreview/index';
 
 interface ZhyConfigOptions {
     /**
@@ -9,7 +9,7 @@ interface ZhyConfigOptions {
      */
     theme: ConfigProviderThemeVars;
 }
-export type { ZhyConfigOptions, ConfigProviderThemeVars, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, vcodeConfigOption, previewOption, videoConfigType, pdfOptionType };
+export type { ZhyConfigOptions, ConfigProviderThemeVars, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, vcodeConfigOption, filePreviewOption, videoConfigType, pdfOptionType };
 declare const setTheme: (options: ConfigProviderThemeVars) => {
     colorTheme?: string;
     colorWhite?: string;

package/dist/zhytech-ui-mobile.es.js

@@ -13050,7 +13050,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 const wdLoading_vue_vue_type_style_index_0_scoped_847be99d_lang = "";
-const wdLoading = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-847be99d"]]);
+const __easycom_1$5 = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-847be99d"]]);
 const transitionProps = {
   ...baseProps,
   /**
@@ -13743,7 +13743,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               class: normalizeClass(rootClass.value)
             }, {
               default: withCtx(() => [
-                iconName.value === "loading" ? (openBlock(), createBlock(wdLoading, {
+                iconName.value === "loading" ? (openBlock(), createBlock(__easycom_1$5, {
                   key: 0,
                   type: loadingType.value,
                   color: loadingColor.value,
@@ -18210,7 +18210,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             class: "wd-picker-view__loading"
           }, {
             default: withCtx(() => [
-              createVNode$1(wdLoading, { color: _ctx.loadingColor }, null, 8, ["color"])
+              createVNode$1(__easycom_1$5, { color: _ctx.loadingColor }, null, 8, ["color"])
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -21956,7 +21956,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         class: "wd-upload__status-content"
                       }, {
                         default: withCtx(() => [
-                          createVNode$1(wdLoading, {
+                          createVNode$1(__easycom_1$5, {
                             type: _ctx.loadingType,
                             size: _ctx.loadingSize,
                             color: _ctx.loadingColor
@@ -25595,7 +25595,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           onClick: ($event) => select(rowIndex, "action")
                         }, {
                           default: withCtx(() => [
-                            action.loading ? (openBlock(), createBlock(wdLoading, {
+                            action.loading ? (openBlock(), createBlock(__easycom_1$5, {
                               key: 0,
                               "custom-class": "`wd-action-sheet__action-loading"
                             })) : (openBlock(), createBlock(_component_v_uni_view, {
@@ -194322,9 +194322,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       numPages: 0
     });
     const pdfContainer = ref();
+    const loading = ref(true);
     let pdfDoc = void 0;
     const loadPdf = async () => {
+      var _a2, _b2;
       try {
+        loading.value = true;
         await new Promise((resolve2, reject2) => {
           const script = document.createElement("script");
           script.src = `${pdfjsBaseUrl}static/pdfjs-list/build/pdf.js`;
@@ -194343,8 +194346,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         loadingTask.__PDFDocumentLoadingTask = true;
         pdfDoc = await loadingTask.promise;
         state.value.numPages = pdfDoc.numPages;
+        (_b2 = (_a2 = option.value).onPageChange) == null ? void 0 : _b2.call(_a2, state.value.pageNum, state.value.numPages);
         await renderPage();
       } catch (error2) {
+        loading.value = false;
         console.error("PDF加载失败:", error2);
       }
     };
@@ -194355,6 +194360,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         pages = [state.value.pageNum];
       }
       pdfContainer.value && (pdfContainer.value.innerHTML = "");
+      loading.value = true;
       for (let i = 0; i < pages.length; i++) {
         const page = await pdfDoc.getPage(pages[i]);
         let viewport = page.getViewport({ scale: 1 });
@@ -194370,6 +194376,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         };
         await page.render(renderContext).promise;
       }
+      loading.value = false;
     };
     watch(
       () => src.value,
@@ -194391,7 +194398,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (state.value.pageNum > 1) {
         state.value.pageNum -= 1;
         renderPage();
-        (_b2 = (_a2 = option.value).onPageChange) == null ? void 0 : _b2.call(_a2, state.value.pageNum);
+        (_b2 = (_a2 = option.value).onPageChange) == null ? void 0 : _b2.call(_a2, state.value.pageNum, state.value.numPages);
       }
     };
     const nextPage = () => {
@@ -194399,7 +194406,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (state.value.pageNum < state.value.numPages) {
         state.value.pageNum += 1;
         renderPage();
-        (_b2 = (_a2 = option.value).onPageChange) == null ? void 0 : _b2.call(_a2, state.value.pageNum);
+        (_b2 = (_a2 = option.value).onPageChange) == null ? void 0 : _b2.call(_a2, state.value.pageNum, state.value.numPages);
       }
     };
     const pageZoomOut = () => {
@@ -194413,52 +194420,77 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      var _a2, _b2;
+      const _component_v_uni_view = index$g;
+      const _component_wd_loading = resolveEasycom(resolveDynamicComponent("wd-loading"), __easycom_1$5);
       const _component_wd_icon = resolveEasycom(resolveDynamicComponent("wd-icon"), __easycom_0$4);
-      return openBlock(), createElementBlock("div", { class: "wh-full pos-relative bg-#e9e9e9" }, [
-        createElementVNode("div", { class: "h-full overflow-y-auto" }, [
-          createElementVNode("div", {
-            class: "h-full w-90% mx-auto",
-            ref_key: "pdfContainer",
-            ref: pdfContainer
-          }, null, 512)
-        ]),
-        unref(option).showTool ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "pos-absolute bottom-10px p-8px flex items-center bg-#424242 c-#ffffff rd-20px z-1000 ml-50% transform -translate-x-50% sons-class-wd-icon:px-10 sons-class-page:px-10 sons-class-page:fs-16"
-        }, [
-          unref(option).single ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createVNode$1(_component_wd_icon, {
-              name: "arrow-left",
-              size: "20px",
-              onClick: lastPage
-            }),
-            createVNode$1(_component_wd_icon, {
-              name: "arrow-right",
-              size: "20px",
-              onClick: nextPage
-            })
-          ], 64)) : createCommentVNode("", true),
-          ((_a2 = unref(option).tool) == null ? void 0 : _a2.includes("pages")) ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: "page"
-          }, [
-            unref(option).single ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(unref(state).pageNum) + "/" + toDisplayString(unref(state).numPages), 1)) : (openBlock(), createElementBlock("span", { key: 1 }, "共 " + toDisplayString(unref(state).numPages) + " 页", 1))
-          ])) : createCommentVNode("", true),
-          ((_b2 = unref(option).tool) == null ? void 0 : _b2.includes("scale")) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createVNode$1(_component_wd_icon, {
-              name: "add-circle1",
-              size: "20px",
-              onClick: pageZoomOut
+      return openBlock(), createBlock(_component_v_uni_view, { class: "wh-full pos-relative bg-#e9e9e9" }, {
+        default: withCtx(() => {
+          var _a2, _b2;
+          return [
+            createVNode$1(_component_v_uni_view, { class: "h-full overflow-y-auto" }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: "h-full w-90% mx-auto",
+                  ref_key: "pdfContainer",
+                  ref: pdfContainer
+                }, null, 512)
+              ]),
+              _: 1
             }),
-            createVNode$1(_component_wd_icon, {
-              name: "minus-circle",
-              size: "20px",
-              onClick: pageZoomIn
-            })
-          ], 64)) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ]);
+            unref(loading) ? (openBlock(), createBlock(_component_v_uni_view, {
+              key: 0,
+              class: "wh-full pos-absolute top-0 left-0 bg-#00000099 y-aline-center z-1500"
+            }, {
+              default: withCtx(() => [
+                createVNode$1(_component_wd_loading),
+                createVNode$1(_component_v_uni_view, { class: "fs-16 mt-5 c-#ffffff" }, {
+                  default: withCtx(() => [
+                    createTextVNode("加载中……")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            unref(option).showTool ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "pos-absolute bottom-10px p-8px flex items-center bg-#424242 c-#ffffff rd-20px z-1000 ml-50% transform -translate-x-50% sons-class-wd-icon:px-10 sons-class-page:px-10 sons-class-page:fs-16"
+            }, [
+              unref(option).single ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createVNode$1(_component_wd_icon, {
+                  name: "arrow-left",
+                  size: "20px",
+                  onClick: lastPage
+                }),
+                createVNode$1(_component_wd_icon, {
+                  name: "arrow-right",
+                  size: "20px",
+                  onClick: nextPage
+                })
+              ], 64)) : createCommentVNode("", true),
+              ((_a2 = unref(option).tool) == null ? void 0 : _a2.includes("pages")) ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "page"
+              }, [
+                unref(option).single ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(unref(state).pageNum) + "/" + toDisplayString(unref(state).numPages), 1)) : (openBlock(), createElementBlock("span", { key: 1 }, "共 " + toDisplayString(unref(state).numPages) + " 页", 1))
+              ])) : createCommentVNode("", true),
+              ((_b2 = unref(option).tool) == null ? void 0 : _b2.includes("scale")) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                createVNode$1(_component_wd_icon, {
+                  name: "add-circle1",
+                  size: "20px",
+                  onClick: pageZoomOut
+                }),
+                createVNode$1(_component_wd_icon, {
+                  name: "minus-circle",
+                  size: "20px",
+                  onClick: pageZoomIn
+                })
+              ], 64)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ];
+        }),
+        _: 1
+      });
     };
   }
 });