vxe-pc-ui 4.20.34 → 4.20.35

package/es/image/src/group.js

@@ -4,139 +4,142 @@ import { getConfig, createEvent, useSize } from "@vxe-ui/core";
 import { openPreviewImage } from "./util";
 import XEUtils from "xe-utils";
 import VxeImageComponent from "./image";
-var group_default = defineVxeComponent({
-  name: "VxeImageGroup",
-  props: {
-    urlList: [Array, String],
-    showPreview: {
-      type: Boolean,
-      default: () => getConfig().imageGroup.showPreview
+var group_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeImageGroup",
+    props: {
+      urlList: [Array, String],
+      showPreview: {
+        type: Boolean,
+        default: () => getConfig().imageGroup.showPreview
+      },
+      imageStyle: Object,
+      zIndex: Number,
+      size: {
+        type: String,
+        default: () => getConfig().imageGroup.size || getConfig().size
+      },
+      toolbarConfig: Object,
+      showPrintButton: {
+        type: Boolean,
+        default: () => getConfig().imageGroup.showPrintButton
+      },
+      showDownloadButton: {
+        type: Boolean,
+        default: () => getConfig().imageGroup.showDownloadButton
+      },
+      getThumbnailUrlMethod: Function
     },
-    imageStyle: Object,
-    zIndex: Number,
-    size: {
-      type: String,
-      default: () => getConfig().imageGroup.size || getConfig().size
-    },
-    toolbarConfig: Object,
-    showPrintButton: {
-      type: Boolean,
-      default: () => getConfig().imageGroup.showPrintButton
-    },
-    showDownloadButton: {
-      type: Boolean,
-      default: () => getConfig().imageGroup.showDownloadButton
-    },
-    getThumbnailUrlMethod: Function
-  },
-  emits: ["click", "change", "rotate"],
-  setup(props, context) {
-    const { emit } = context;
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useSize(props);
-    const computeImgList = computed(() => {
-      const { urlList } = props;
-      if (urlList) {
-        return (XEUtils.isArray(urlList) ? urlList : [urlList]).map((item) => {
-          if (XEUtils.isString(item)) {
+    emits: ["click", "change", "rotate"],
+    setup(props, context) {
+      const { emit } = context;
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useSize(props);
+      const computeImgList = computed(() => {
+        const { urlList } = props;
+        if (urlList) {
+          return (XEUtils.isArray(urlList) ? urlList : [urlList]).map((item) => {
+            if (XEUtils.isString(item)) {
+              return {
+                url: item,
+                alt: ""
+              };
+            }
             return {
-              url: item,
-              alt: ""
+              url: item.url,
+              alt: item.alt
             };
+          });
+        }
+        return [];
+      });
+      const computeImgStyleOpts = computed(() => {
+        return Object.assign({}, getConfig().imageGroup.imageStyle, props.imageStyle);
+      });
+      const computeGetThumbnailUrlMethod = computed(() => {
+        return props.getThumbnailUrlMethod || getConfig().imageGroup.getThumbnailUrlMethod;
+      });
+      const computeMaps = {
+        computeSize
+      };
+      const $xeImageGroup = {
+        xID,
+        props,
+        context,
+        getComputeMaps: () => computeMaps
+      };
+      const imageGroupMethods = {
+        dispatchEvent(type, params, evnt) {
+          emit(type, createEvent(evnt, { $imageGroup: $xeImageGroup }, params));
+        }
+      };
+      const imageGroupPrivateMethods = {
+        handleClickImgEvent(evnt, params) {
+          const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, zIndex } = props;
+          const { url } = params;
+          const imgList = computeImgList.value;
+          if (showPreview && url) {
+            openPreviewImage({
+              activeIndex: Math.max(
+                0,
+                XEUtils.findIndexOf(imgList, (item) => item.url === url)
+              ),
+              urlList: imgList,
+              toolbarConfig,
+              showPrintButton,
+              showDownloadButton,
+              zIndex,
+              events: {
+                change(eventParams) {
+                  $xeImageGroup.dispatchEvent("change", eventParams, eventParams.$event);
+                },
+                rotate(eventParams) {
+                  $xeImageGroup.dispatchEvent("rotate", eventParams, eventParams.$event);
+                }
+              }
+            });
           }
-          return {
-            url: item.url,
-            alt: item.alt
-          };
-        });
-      }
-      return [];
-    });
-    const computeImgStyleOpts = computed(() => {
-      return Object.assign({}, getConfig().imageGroup.imageStyle, props.imageStyle);
-    });
-    const computeGetThumbnailUrlMethod = computed(() => {
-      return props.getThumbnailUrlMethod || getConfig().imageGroup.getThumbnailUrlMethod;
-    });
-    const computeMaps = {
-      computeSize
-    };
-    const $xeImageGroup = {
-      xID,
-      props,
-      context,
-      getComputeMaps: () => computeMaps
-    };
-    const imageGroupMethods = {
-      dispatchEvent(type, params, evnt) {
-        emit(type, createEvent(evnt, { $imageGroup: $xeImageGroup }, params));
-      }
-    };
-    const imageGroupPrivateMethods = {
-      handleClickImgEvent(evnt, params) {
-        const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, zIndex } = props;
-        const { url } = params;
+          $xeImageGroup.dispatchEvent("click", { url, urlList: imgList }, evnt);
+        }
+      };
+      Object.assign($xeImageGroup, imageGroupMethods, imageGroupPrivateMethods);
+      const renderVN = () => {
         const imgList = computeImgList.value;
-        if (showPreview && url) {
-          openPreviewImage({
-            activeIndex: Math.max(
-              0,
-              XEUtils.findIndexOf(imgList, (item) => item.url === url)
-            ),
-            urlList: imgList,
-            toolbarConfig,
-            showPrintButton,
-            showDownloadButton,
-            zIndex,
-            events: {
-              change(eventParams) {
-                $xeImageGroup.dispatchEvent("change", eventParams, eventParams.$event);
-              },
-              rotate(eventParams) {
-                $xeImageGroup.dispatchEvent("rotate", eventParams, eventParams.$event);
+        const vSize = computeSize.value;
+        const imgStyleOpts = computeImgStyleOpts.value;
+        const getThumbnailUrlMethod = computeGetThumbnailUrlMethod.value;
+        return h(
+          "div",
+          {
+            class: [
+              "vxe-image-group",
+              {
+                [`size--${vSize}`]: vSize
               }
-            }
-          });
-        }
-        $xeImageGroup.dispatchEvent("click", { url, urlList: imgList }, evnt);
-      }
-    };
-    Object.assign($xeImageGroup, imageGroupMethods, imageGroupPrivateMethods);
-    const renderVN = () => {
-      const imgList = computeImgList.value;
-      const vSize = computeSize.value;
-      const imgStyleOpts = computeImgStyleOpts.value;
-      const getThumbnailUrlMethod = computeGetThumbnailUrlMethod.value;
-      return h(
-        "div",
-        {
-          class: [
-            "vxe-image-group",
-            {
-              [`size--${vSize}`]: vSize
-            }
-          ]
-        },
-        imgList ? imgList.map((item, index) => {
-          return h(VxeImageComponent, {
-            key: index,
-            src: item.url,
-            alt: item.alt,
-            width: imgStyleOpts.width,
-            height: imgStyleOpts.height,
-            getThumbnailUrlMethod
-          });
-        }) : []
-      );
-    };
-    $xeImageGroup.renderVN = renderVN;
-    provide("$xeImageGroup", $xeImageGroup);
-    return $xeImageGroup;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+            ]
+          },
+          imgList ? imgList.map((item, index) => {
+            return h(VxeImageComponent, {
+              key: index,
+              src: item.url,
+              alt: item.alt,
+              width: imgStyleOpts.width,
+              height: imgStyleOpts.height,
+              getThumbnailUrlMethod
+            });
+          }) : []
+        );
+      };
+      $xeImageGroup.renderVN = renderVN;
+      provide("$xeImageGroup", $xeImageGroup);
+      return $xeImageGroup;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   group_default as default
 };