vxe-pc-ui 4.20.25 → 4.20.26

package/es/image/src/preview.js

@@ -1,8 +1,9 @@
 import { h, provide, ref, reactive, computed, watch, onMounted, onUnmounted, onBeforeUnmount } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp";
-import { VxeUI, getConfig, createEvent, getIcon, globalEvents, GLOBAL_EVENT_KEYS, getI18n, renderEmptyElement } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import XEUtils from "xe-utils";
 import { getDomNode, addClass, removeClass, hasControlKey } from "../../ui/src/dom";
+const { getConfig, createEvent, getIcon, globalEvents, GLOBAL_EVENT_KEYS, getI18n, renderEmptyElement } = VxeUI;
 var preview_default = defineVxeComponent({
   name: "VxeImagePreview",
   props: {
@@ -33,14 +34,7 @@ var preview_default = defineVxeComponent({
     beforeDownloadMethod: Function,
     downloadMethod: Function
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "download",
-    "download-fail",
-    "rotate",
-    "close"
-  ],
+  emits: ["update:modelValue", "change", "download", "download-fail", "rotate", "close"],
   setup(props, context) {
     const { emit } = context;
     const xID = XEUtils.uniqueId();
@@ -453,41 +447,52 @@ var preview_default = defineVxeComponent({
       const { activeIndex } = reactData;
       const imgList = computeImgList.value;
       const imgTransform = computeImgTransform.value;
-      return h("div", {
-        class: "vxe-image-preview--img-list",
-        onClick: handleClickMaskEvent
-      }, imgList.map((url, index) => {
-        const isActive = activeIndex === index;
-        return h("img", {
-          class: ["vxe-image-preview--img-item", {
-            "is--active": isActive
-          }],
-          src: url,
-          style: isActive ? {
-            transform: imgTransform
-          } : null,
-          onMousedown(evnt) {
-            moveEvent(evnt);
-          }
-        });
-      }));
+      return h(
+        "div",
+        {
+          class: "vxe-image-preview--img-list",
+          onClick: handleClickMaskEvent
+        },
+        imgList.map((url, index) => {
+          const isActive = activeIndex === index;
+          return h("img", {
+            class: [
+              "vxe-image-preview--img-item",
+              {
+                "is--active": isActive
+              }
+            ],
+            src: url,
+            style: isActive ? {
+              transform: imgTransform
+            } : null,
+            onMousedown(evnt) {
+              moveEvent(evnt);
+            }
+          });
+        })
+      );
     };
     const renderOperationBtn = (code, icon) => {
       const toolbarOpts = computeToolbarOpts.value;
       const btnConf = toolbarOpts[code];
       const btnOpts = XEUtils.isBoolean(btnConf) ? {} : btnConf ? Object.assign({}, btnConf) : {};
       const showBtn = btnConf !== false;
-      return showBtn ? h("div", {
-        class: "vxe-image-preview--operation-btn",
-        title: getI18n(`vxe.imagePreview.operBtn.${code}`),
-        onClick(evnt) {
-          handleOperationBtn(evnt, code);
-        }
-      }, [
-        h("i", {
-          class: btnOpts.icon || getIcon()[icon]
-        })
-      ]) : renderEmptyElement($xeImagePreview);
+      return showBtn ? h(
+        "div",
+        {
+          class: "vxe-image-preview--operation-btn",
+          title: getI18n(`vxe.imagePreview.operBtn.${code}`),
+          onClick(evnt) {
+            handleOperationBtn(evnt, code);
+          }
+        },
+        [
+          h("i", {
+            class: btnOpts.icon || getIcon()[icon]
+          })
+        ]
+      ) : renderEmptyElement($xeImagePreview);
     };
     const renderBtnWrapper = () => {
       const { showPrintButton, showDownloadButton } = props;
@@ -496,94 +501,149 @@ var preview_default = defineVxeComponent({
       const rotateText = computeRotateText.value;
       const scaleText = computeScaleText.value;
       const toolbarOpts = computeToolbarOpts.value;
-      return h("div", {
-        class: "vxe-image-preview--btn-wrapper"
-      }, [
-        h("div", {
-          class: "vxe-image-preview--close-wrapper"
-        }, [
-          h("div", {
-            class: "vxe-image-preview--close-btn",
-            onClick: handleCloseEvent
-          }, [
-            h("i", {
-              class: getIcon().IMAGE_PREVIEW_CLOSE
-            })
-          ]),
-          h("div", {
-            class: "vxe-image-preview--close-bg"
-          })
-        ]),
-        imgList.length > 1 ? h("div", {
-          class: "vxe-image-preview--previous-btn",
-          onClick(evnt) {
-            handleChangeEvent(evnt, false);
-          }
-        }, [
-          h("i", {
-            class: getIcon().IMAGE_PREVIEW_PREVIOUS
-          })
-        ]) : renderEmptyElement($xeImagePreview),
-        imgList.length > 1 ? h("div", {
-          class: "vxe-image-preview--next-btn",
-          onClick(evnt) {
-            handleChangeEvent(evnt, true);
-          }
-        }, [
-          h("i", {
-            class: getIcon().IMAGE_PREVIEW_NEXT
-          })
-        ]) : renderEmptyElement($xeImagePreview),
-        h("div", {
-          class: "vxe-image-preview--operation-info"
-        }, [
-          h("div", {
-            class: "vxe-image-preview--operation-deg"
-          }, rotateText),
-          h("div", {
-            class: "vxe-image-preview--operation-pct"
-          }, scaleText)
-        ]),
-        h("div", {
-          class: "vxe-image-preview--operation-wrapper"
-        }, [
-          h("div", {
-            class: "vxe-image-preview--operation-active-count"
-          }, [
-            h("span", {
-              class: "vxe-image-preview--operation-active-current"
-            }, `${(activeIndex || 0) + 1}`),
-            h("span", {
-              class: "vxe-image-preview--operation-active-total"
-            }, `/${imgList.length}`)
-          ]),
-          renderOperationBtn("zoomOut", "IMAGE_PREVIEW_ZOOM_OUT"),
-          renderOperationBtn("zoomIn", "IMAGE_PREVIEW_ZOOM_IN"),
-          renderOperationBtn("pctFull", "IMAGE_PREVIEW_PCT_FULL"),
-          renderOperationBtn("pct11", "IMAGE_PREVIEW_PCT_1_1"),
-          renderOperationBtn("rotateLeft", "IMAGE_PREVIEW_ROTATE_LEFT"),
-          renderOperationBtn("rotateRight", "IMAGE_PREVIEW_ROTATE_RIGHT"),
-          showPrintButton || toolbarOpts.print ? renderOperationBtn("print", "IMAGE_PREVIEW_PRINT") : renderEmptyElement($xeImagePreview),
-          showDownloadButton || toolbarOpts.download ? renderOperationBtn("download", "IMAGE_PREVIEW_DOWNLOAD") : renderEmptyElement($xeImagePreview)
-        ])
-      ]);
+      return h(
+        "div",
+        {
+          class: "vxe-image-preview--btn-wrapper"
+        },
+        [
+          h(
+            "div",
+            {
+              class: "vxe-image-preview--close-wrapper"
+            },
+            [
+              h(
+                "div",
+                {
+                  class: "vxe-image-preview--close-btn",
+                  onClick: handleCloseEvent
+                },
+                [
+                  h("i", {
+                    class: getIcon().IMAGE_PREVIEW_CLOSE
+                  })
+                ]
+              ),
+              h("div", {
+                class: "vxe-image-preview--close-bg"
+              })
+            ]
+          ),
+          imgList.length > 1 ? h(
+            "div",
+            {
+              class: "vxe-image-preview--previous-btn",
+              onClick(evnt) {
+                handleChangeEvent(evnt, false);
+              }
+            },
+            [
+              h("i", {
+                class: getIcon().IMAGE_PREVIEW_PREVIOUS
+              })
+            ]
+          ) : renderEmptyElement($xeImagePreview),
+          imgList.length > 1 ? h(
+            "div",
+            {
+              class: "vxe-image-preview--next-btn",
+              onClick(evnt) {
+                handleChangeEvent(evnt, true);
+              }
+            },
+            [
+              h("i", {
+                class: getIcon().IMAGE_PREVIEW_NEXT
+              })
+            ]
+          ) : renderEmptyElement($xeImagePreview),
+          h(
+            "div",
+            {
+              class: "vxe-image-preview--operation-info"
+            },
+            [
+              h(
+                "div",
+                {
+                  class: "vxe-image-preview--operation-deg"
+                },
+                rotateText
+              ),
+              h(
+                "div",
+                {
+                  class: "vxe-image-preview--operation-pct"
+                },
+                scaleText
+              )
+            ]
+          ),
+          h(
+            "div",
+            {
+              class: "vxe-image-preview--operation-wrapper"
+            },
+            [
+              h(
+                "div",
+                {
+                  class: "vxe-image-preview--operation-active-count"
+                },
+                [
+                  h(
+                    "span",
+                    {
+                      class: "vxe-image-preview--operation-active-current"
+                    },
+                    `${(activeIndex || 0) + 1}`
+                  ),
+                  h(
+                    "span",
+                    {
+                      class: "vxe-image-preview--operation-active-total"
+                    },
+                    `/${imgList.length}`
+                  )
+                ]
+              ),
+              renderOperationBtn("zoomOut", "IMAGE_PREVIEW_ZOOM_OUT"),
+              renderOperationBtn("zoomIn", "IMAGE_PREVIEW_ZOOM_IN"),
+              renderOperationBtn("pctFull", "IMAGE_PREVIEW_PCT_FULL"),
+              renderOperationBtn("pct11", "IMAGE_PREVIEW_PCT_1_1"),
+              renderOperationBtn("rotateLeft", "IMAGE_PREVIEW_ROTATE_LEFT"),
+              renderOperationBtn("rotateRight", "IMAGE_PREVIEW_ROTATE_RIGHT"),
+              showPrintButton || toolbarOpts.print ? renderOperationBtn("print", "IMAGE_PREVIEW_PRINT") : renderEmptyElement($xeImagePreview),
+              showDownloadButton || toolbarOpts.download ? renderOperationBtn("download", "IMAGE_PREVIEW_DOWNLOAD") : renderEmptyElement($xeImagePreview)
+            ]
+          )
+        ]
+      );
     };
     const renderVN = () => {
       const { offsetPct11 } = reactData;
-      return h("div", {
-        ref: refElem,
-        class: ["vxe-image-preview", {
-          "is--pct11": offsetPct11
-        }]
-      }, [
-        renderImgWrapper(),
-        renderBtnWrapper()
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-image-preview",
+            {
+              "is--pct11": offsetPct11
+            }
+          ]
+        },
+        [renderImgWrapper(), renderBtnWrapper()]
+      );
     };
-    watch(() => props.modelValue, (val) => {
-      reactData.activeIndex = val;
-      resetStyle();
-    });
+    watch(
+      () => props.modelValue,
+      (val) => {
+        reactData.activeIndex = val;
+        resetStyle();
+      }
+    );
     onMounted(() => {
       const elem = refElem.value;
       if (elem) {

package/es/image/src/util.js

@@ -4,9 +4,12 @@ import VxeImagePreviewComponent from "./preview";
 import XEUtils from "xe-utils";
 const openPreviewImage = (options) => {
   if (VxeUI.modal) {
-    const opts = Object.assign({
-      escClosable: true
-    }, options);
+    const opts = Object.assign(
+      {
+        escClosable: true
+      },
+      options
+    );
     const { urlList, activeIndex, zIndex } = opts;
     const { rotate, change } = opts.events || {};
     const modalId = XEUtils.uniqueId("image-preview");

package/es/index.esm.js

@@ -1,13 +1,14 @@
 import * as VxeUIExport from "./components";
 if (typeof window !== "undefined") {
-  if (!window.VxeUIAll) {
-    window.VxeUIAll = VxeUIExport;
-  }
-  if (!window.VxeUIBase) {
-    window.VxeUIBase = VxeUIExport;
-  }
-  if (!window.VxeUI) {
-    window.VxeUI = VxeUIExport;
+  if (window.VxeUI) {
+    if (!window.VxeUIAll) {
+      ;
+      window.VxeUIAll = VxeUIExport;
+    }
+    if (!window.VxeUIBase) {
+      ;
+      window.VxeUIBase = VxeUIExport;
+    }
   }
 }
 export * from "./components";

package/es/index.js

@@ -1,13 +1,14 @@
 import * as VxeUIExport from "./components";
 if (typeof window !== "undefined") {
-  if (!window.VxeUIAll) {
-    window.VxeUIAll = VxeUIExport;
-  }
-  if (!window.VxeUIBase) {
-    window.VxeUIBase = VxeUIExport;
-  }
-  if (!window.VxeUI) {
-    window.VxeUI = VxeUIExport;
+  if (window.VxeUI) {
+    if (!window.VxeUIAll) {
+      ;
+      window.VxeUIAll = VxeUIExport;
+    }
+    if (!window.VxeUIBase) {
+      ;
+      window.VxeUIBase = VxeUIExport;
+    }
   }
 }
 export * from "./components";