vxe-pc-ui 4.20.25 → 4.20.26

package/lib/image/src/image.js

@@ -33,10 +33,11 @@ __export(image_exports, {
 module.exports = __toCommonJS(image_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_dom = require("../../ui/src/dom");
 var import_util = require("./util");
+const { getConfig, createEvent, useFns } = import_core.VxeUI;
 function createInternalData() {
   return {
     // dgTime: 0,
@@ -62,46 +63,39 @@ var image_default = (0, import_comp.defineVxeComponent)({
     circle: Boolean,
     draggable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().image.draggable
+      default: () => getConfig().image.draggable
     },
     zIndex: Number,
     maskClosable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().image.maskClosable
+      default: () => getConfig().image.maskClosable
     },
     toolbarConfig: Object,
     showPreview: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().image.showPreview
+      default: () => getConfig().image.showPreview
     },
     showPrintButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().image.showPrintButton
+      default: () => getConfig().image.showPrintButton
     },
     showDownloadButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().image.showDownloadButton
+      default: () => getConfig().image.showDownloadButton
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().image.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().image.size || getConfig().size
     },
     getThumbnailUrlMethod: Function
   },
-  emits: [
-    "click",
-    "change",
-    "rotate",
-    "dragstart",
-    "drag",
-    "dragend"
-  ],
+  emits: ["click", "change", "rotate", "dragstart", "drag", "dragend"],
   setup(props, context) {
     const { emit } = context;
     const xID = import_xe_utils.default.uniqueId();
     const $xeImageGroup = (0, import_vue.inject)("$xeImageGroup", null);
     const refElem = (0, import_vue.ref)();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const internalData = createInternalData();
     const reactData = (0, import_vue.reactive)(createReactData());
     const refMaps = {
@@ -183,7 +177,7 @@ var image_default = (0, import_comp.defineVxeComponent)({
       return imgItem ? `${imgItem.url || ""}` : "";
     });
     const computeImgThumbnailUrl = (0, import_vue.computed)(() => {
-      const getThumbnailUrlFn = props.getThumbnailUrlMethod || (0, import_ui.getConfig)().image.getThumbnailUrlMethod;
+      const getThumbnailUrlFn = props.getThumbnailUrlMethod || getConfig().image.getThumbnailUrlMethod;
       const imgUrl = computeImgUrl.value;
       return getThumbnailUrlFn ? getThumbnailUrlFn({ url: imgUrl, $image: $xeImage }) : "";
     });
@@ -200,7 +194,7 @@ var image_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $image: $xeImage }, params));
+      emit(type, createEvent(evnt, { $image: $xeImage }, params));
     };
     const imageMethods = {
       dispatchEvent
@@ -260,28 +254,35 @@ var image_default = (0, import_comp.defineVxeComponent)({
       if (!import_xe_utils.default.eqNull(draggable)) {
         imgDrag = !!(draggable === true || draggable === "true");
       }
-      return (0, import_vue.h)("div", {
-        class: ["vxe-image", {
-          [`size--${vSize}`]: vSize,
-          "is--circle": circle
-        }],
-        style: wrapperStyle
-      }, [
-        (0, import_vue.h)("img", {
-          ref: refElem,
-          class: "vxe-image-img",
-          src: imgThumbnailUrl || imgUrl,
-          alt,
-          loading,
-          draggable: imgDrag,
-          style: imgStyle,
-          onMousedown: mousedownEvent,
-          onClick: clickEvent,
-          onDragstart: handleDragstartEvent,
-          onDrag: handleDragEvent,
-          onDragend: handleDragEvent
-        })
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-image",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--circle": circle
+            }
+          ],
+          style: wrapperStyle
+        },
+        [
+          (0, import_vue.h)("img", {
+            ref: refElem,
+            class: "vxe-image-img",
+            src: imgThumbnailUrl || imgUrl,
+            alt,
+            loading,
+            draggable: imgDrag,
+            style: imgStyle,
+            onMousedown: mousedownEvent,
+            onClick: clickEvent,
+            onDragstart: handleDragstartEvent,
+            onDrag: handleDragEvent,
+            onDragend: handleDragEvent
+          })
+        ]
+      );
     };
     (0, import_vue.onBeforeUnmount)(() => {
       import_xe_utils.default.assign(reactData, createReactData());

package/lib/image/src/preview.js

@@ -33,9 +33,10 @@ __export(preview_exports, {
 module.exports = __toCommonJS(preview_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_dom = require("../../ui/src/dom");
+const { getConfig, createEvent, getIcon, globalEvents, GLOBAL_EVENT_KEYS, getI18n, renderEmptyElement } = import_core.VxeUI;
 var preview_default = (0, import_comp.defineVxeComponent)({
   name: "VxeImagePreview",
   props: {
@@ -43,37 +44,30 @@ var preview_default = (0, import_comp.defineVxeComponent)({
     urlList: Array,
     urlField: {
       type: String,
-      default: () => (0, import_ui.getConfig)().imagePreview.urlField
+      default: () => getConfig().imagePreview.urlField
     },
     maskClosable: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().imagePreview.maskClosable
+      default: () => getConfig().imagePreview.maskClosable
     },
     marginSize: {
       type: String,
-      default: () => (0, import_ui.getConfig)().imagePreview.marginSize
+      default: () => getConfig().imagePreview.marginSize
     },
     showPrintButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().imagePreview.showPrintButton
+      default: () => getConfig().imagePreview.showPrintButton
     },
     showDownloadButton: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().imagePreview.showDownloadButton
+      default: () => getConfig().imagePreview.showDownloadButton
     },
     zIndex: Number,
     toolbarConfig: Object,
     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 = import_xe_utils.default.uniqueId();
@@ -96,7 +90,7 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       return import_xe_utils.default.toNumber(props.marginSize || 0) || 16;
     });
     const computeToolbarOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().imagePreview.toolbarConfig, props.toolbarConfig);
+      return Object.assign({}, getConfig().imagePreview.toolbarConfig, props.toolbarConfig);
     });
     const computeRotateText = (0, import_vue.computed)(() => {
       const { offsetRotate } = reactData;
@@ -179,7 +173,7 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $imagePreview: $xeImagePreview }, params));
+      emit(type, createEvent(evnt, { $imagePreview: $xeImagePreview }, params));
     };
     const imagePreviewMethods = {
       dispatchEvent
@@ -290,8 +284,8 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       const { activeIndex } = reactData;
       const imgList = computeImgList.value;
       const imgUrl = imgList[activeIndex || 0];
-      if (import_ui.VxeUI.print) {
-        import_ui.VxeUI.print({
+      if (import_core.VxeUI.print) {
+        import_core.VxeUI.print({
           align: "center",
           pageBreaks: [
             {
@@ -305,19 +299,19 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       dispatchEvent("download", { url: imgUrl }, evnt);
     };
     const handleDefaultDownload = (evnt, imgUrl) => {
-      if (import_ui.VxeUI.saveFile) {
+      if (import_core.VxeUI.saveFile) {
         fetch(imgUrl).then((res) => {
           return res.blob().then((blob) => {
-            import_ui.VxeUI.saveFile({
+            import_core.VxeUI.saveFile({
               filename: imgUrl,
               content: blob
             });
             handleDownloadEvent(evnt, imgUrl);
           });
         }).catch(() => {
-          if (import_ui.VxeUI.modal) {
-            import_ui.VxeUI.modal.message({
-              content: (0, import_ui.getI18n)("vxe.error.downErr"),
+          if (import_core.VxeUI.modal) {
+            import_core.VxeUI.modal.message({
+              content: getI18n("vxe.error.downErr"),
               status: "error"
             });
           }
@@ -331,8 +325,8 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       const btnOpts = import_xe_utils.default.isBoolean(btnConf) ? {} : btnConf ? Object.assign({}, btnConf) : {};
       const imgList = computeImgList.value;
       const imgUrl = imgList[activeIndex || 0];
-      const beforeDownloadFn = props.beforeDownloadMethod || btnOpts.beforeDownloadMethod || (0, import_ui.getConfig)().imagePreview.beforeDownloadMethod;
-      const downloadFn = props.downloadMethod || btnOpts.downloadMethod || (0, import_ui.getConfig)().imagePreview.downloadMethod;
+      const beforeDownloadFn = props.beforeDownloadMethod || btnOpts.beforeDownloadMethod || getConfig().imagePreview.beforeDownloadMethod;
+      const downloadFn = props.downloadMethod || btnOpts.downloadMethod || getConfig().imagePreview.downloadMethod;
       Promise.resolve(
         beforeDownloadFn ? beforeDownloadFn({
           $imagePreview: $xeImagePreview,
@@ -428,12 +422,12 @@ var preview_default = (0, import_comp.defineVxeComponent)({
     const handleGlobalKeydownEvent = (evnt) => {
       const isControlKey = (0, import_dom.hasControlKey)(evnt);
       const hasShiftKey = evnt.shiftKey;
-      const isUpArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_UP);
-      const isDownArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);
-      const isLeftArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT);
-      const isRightArrow = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT);
-      const isR = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.R);
-      const isP = import_ui.globalEvents.hasKey(evnt, import_ui.GLOBAL_EVENT_KEYS.P);
+      const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+      const isDownArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+      const isLeftArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_LEFT);
+      const isRightArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_RIGHT);
+      const isR = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.R);
+      const isP = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.P);
       if (isUpArrow) {
         evnt.preventDefault();
         if (hasShiftKey) {
@@ -486,41 +480,52 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       const { activeIndex } = reactData;
       const imgList = computeImgList.value;
       const imgTransform = computeImgTransform.value;
-      return (0, import_vue.h)("div", {
-        class: "vxe-image-preview--img-list",
-        onClick: handleClickMaskEvent
-      }, imgList.map((url, index) => {
-        const isActive = activeIndex === index;
-        return (0, import_vue.h)("img", {
-          class: ["vxe-image-preview--img-item", {
-            "is--active": isActive
-          }],
-          src: url,
-          style: isActive ? {
-            transform: imgTransform
-          } : null,
-          onMousedown(evnt) {
-            moveEvent(evnt);
-          }
-        });
-      }));
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-image-preview--img-list",
+          onClick: handleClickMaskEvent
+        },
+        imgList.map((url, index) => {
+          const isActive = activeIndex === index;
+          return (0, import_vue.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 = import_xe_utils.default.isBoolean(btnConf) ? {} : btnConf ? Object.assign({}, btnConf) : {};
       const showBtn = btnConf !== false;
-      return showBtn ? (0, import_vue.h)("div", {
-        class: "vxe-image-preview--operation-btn",
-        title: (0, import_ui.getI18n)(`vxe.imagePreview.operBtn.${code}`),
-        onClick(evnt) {
-          handleOperationBtn(evnt, code);
-        }
-      }, [
-        (0, import_vue.h)("i", {
-          class: btnOpts.icon || (0, import_ui.getIcon)()[icon]
-        })
-      ]) : (0, import_ui.renderEmptyElement)($xeImagePreview);
+      return showBtn ? (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-image-preview--operation-btn",
+          title: getI18n(`vxe.imagePreview.operBtn.${code}`),
+          onClick(evnt) {
+            handleOperationBtn(evnt, code);
+          }
+        },
+        [
+          (0, import_vue.h)("i", {
+            class: btnOpts.icon || getIcon()[icon]
+          })
+        ]
+      ) : renderEmptyElement($xeImagePreview);
     };
     const renderBtnWrapper = () => {
       const { showPrintButton, showDownloadButton } = props;
@@ -529,100 +534,155 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       const rotateText = computeRotateText.value;
       const scaleText = computeScaleText.value;
       const toolbarOpts = computeToolbarOpts.value;
-      return (0, import_vue.h)("div", {
-        class: "vxe-image-preview--btn-wrapper"
-      }, [
-        (0, import_vue.h)("div", {
-          class: "vxe-image-preview--close-wrapper"
-        }, [
-          (0, import_vue.h)("div", {
-            class: "vxe-image-preview--close-btn",
-            onClick: handleCloseEvent
-          }, [
-            (0, import_vue.h)("i", {
-              class: (0, import_ui.getIcon)().IMAGE_PREVIEW_CLOSE
-            })
-          ]),
-          (0, import_vue.h)("div", {
-            class: "vxe-image-preview--close-bg"
-          })
-        ]),
-        imgList.length > 1 ? (0, import_vue.h)("div", {
-          class: "vxe-image-preview--previous-btn",
-          onClick(evnt) {
-            handleChangeEvent(evnt, false);
-          }
-        }, [
-          (0, import_vue.h)("i", {
-            class: (0, import_ui.getIcon)().IMAGE_PREVIEW_PREVIOUS
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeImagePreview),
-        imgList.length > 1 ? (0, import_vue.h)("div", {
-          class: "vxe-image-preview--next-btn",
-          onClick(evnt) {
-            handleChangeEvent(evnt, true);
-          }
-        }, [
-          (0, import_vue.h)("i", {
-            class: (0, import_ui.getIcon)().IMAGE_PREVIEW_NEXT
-          })
-        ]) : (0, import_ui.renderEmptyElement)($xeImagePreview),
-        (0, import_vue.h)("div", {
-          class: "vxe-image-preview--operation-info"
-        }, [
-          (0, import_vue.h)("div", {
-            class: "vxe-image-preview--operation-deg"
-          }, rotateText),
-          (0, import_vue.h)("div", {
-            class: "vxe-image-preview--operation-pct"
-          }, scaleText)
-        ]),
-        (0, import_vue.h)("div", {
-          class: "vxe-image-preview--operation-wrapper"
-        }, [
-          (0, import_vue.h)("div", {
-            class: "vxe-image-preview--operation-active-count"
-          }, [
-            (0, import_vue.h)("span", {
-              class: "vxe-image-preview--operation-active-current"
-            }, `${(activeIndex || 0) + 1}`),
-            (0, import_vue.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") : (0, import_ui.renderEmptyElement)($xeImagePreview),
-          showDownloadButton || toolbarOpts.download ? renderOperationBtn("download", "IMAGE_PREVIEW_DOWNLOAD") : (0, import_ui.renderEmptyElement)($xeImagePreview)
-        ])
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: "vxe-image-preview--btn-wrapper"
+        },
+        [
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-image-preview--close-wrapper"
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-image-preview--close-btn",
+                  onClick: handleCloseEvent
+                },
+                [
+                  (0, import_vue.h)("i", {
+                    class: getIcon().IMAGE_PREVIEW_CLOSE
+                  })
+                ]
+              ),
+              (0, import_vue.h)("div", {
+                class: "vxe-image-preview--close-bg"
+              })
+            ]
+          ),
+          imgList.length > 1 ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-image-preview--previous-btn",
+              onClick(evnt) {
+                handleChangeEvent(evnt, false);
+              }
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().IMAGE_PREVIEW_PREVIOUS
+              })
+            ]
+          ) : renderEmptyElement($xeImagePreview),
+          imgList.length > 1 ? (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-image-preview--next-btn",
+              onClick(evnt) {
+                handleChangeEvent(evnt, true);
+              }
+            },
+            [
+              (0, import_vue.h)("i", {
+                class: getIcon().IMAGE_PREVIEW_NEXT
+              })
+            ]
+          ) : renderEmptyElement($xeImagePreview),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-image-preview--operation-info"
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-image-preview--operation-deg"
+                },
+                rotateText
+              ),
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-image-preview--operation-pct"
+                },
+                scaleText
+              )
+            ]
+          ),
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-image-preview--operation-wrapper"
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  class: "vxe-image-preview--operation-active-count"
+                },
+                [
+                  (0, import_vue.h)(
+                    "span",
+                    {
+                      class: "vxe-image-preview--operation-active-current"
+                    },
+                    `${(activeIndex || 0) + 1}`
+                  ),
+                  (0, import_vue.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 (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-image-preview", {
-          "is--pct11": offsetPct11
-        }]
-      }, [
-        renderImgWrapper(),
-        renderBtnWrapper()
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          ref: refElem,
+          class: [
+            "vxe-image-preview",
+            {
+              "is--pct11": offsetPct11
+            }
+          ]
+        },
+        [renderImgWrapper(), renderBtnWrapper()]
+      );
     };
-    (0, import_vue.watch)(() => props.modelValue, (val) => {
-      reactData.activeIndex = val;
-      resetStyle();
-    });
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (val) => {
+        reactData.activeIndex = val;
+        resetStyle();
+      }
+    );
     (0, import_vue.onMounted)(() => {
       const elem = refElem.value;
       if (elem) {
         elem.addEventListener("wheel", wheelEvent, { passive: false });
       }
-      import_ui.globalEvents.on($xeImagePreview, "keydown", handleGlobalKeydownEvent);
+      globalEvents.on($xeImagePreview, "keydown", handleGlobalKeydownEvent);
     });
     (0, import_vue.onBeforeUnmount)(() => {
       const elem = refElem.value;
@@ -632,7 +692,7 @@ var preview_default = (0, import_comp.defineVxeComponent)({
       }
     });
     (0, import_vue.onUnmounted)(() => {
-      import_ui.globalEvents.off($xeImagePreview, "keydown");
+      globalEvents.off($xeImagePreview, "keydown");
     });
     (0, import_vue.provide)("$xeImagePreview", $xeImagePreview);
     $xeImagePreview.renderVN = renderVN;

package/lib/image/src/util.js

@@ -37,9 +37,12 @@ var import_preview = __toESM(require("./preview"));
 var import_xe_utils = __toESM(require("xe-utils"));
 const openPreviewImage = (options) => {
   if (import_core.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 = import_xe_utils.default.uniqueId("image-preview");

package/lib/index.common.js

@@ -35,14 +35,15 @@ module.exports = __toCommonJS(index_exports);
 var VxeUIExport = __toESM(require("./components"));
 __reExport(index_exports, require("./components"), module.exports);
 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;
+    }
   }
 }
 var index_default = VxeUIExport;