vxe-pc-ui 3.14.6 → 3.14.7

package/packages/image/index.ts

@@ -1,16 +1,16 @@
-import { VueConstructor } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeImageComponent from './src/image'
-import { dynamicApp } from '../dynamics'
-
-export const VxeImage = Object.assign({}, VxeImageComponent, {
-  install (app: VueConstructor) {
-    app.component(VxeImageComponent.name as string, VxeImageComponent)
-  }
-})
-
-dynamicApp.use(VxeImage)
-VxeUI.component(VxeImageComponent)
-
-export const Image = VxeImage
-export default VxeImage
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeImageComponent from './src/image'
+import { dynamicApp } from '../dynamics'
+
+export const VxeImage = Object.assign({}, VxeImageComponent, {
+  install (app: VueConstructor) {
+    app.component(VxeImageComponent.name as string, VxeImageComponent)
+  }
+})
+
+dynamicApp.use(VxeImage)
+VxeUI.component(VxeImageComponent)
+
+export const Image = VxeImage
+export default VxeImage

package/packages/image/src/group.ts

@@ -1,162 +1,162 @@
-import { CreateElement, PropType, VNode } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import XEUtils from 'xe-utils'
-import { getConfig, createEvent, globalMixins } from '@vxe-ui/core'
-import { openPreviewImage } from './util'
-import VxeImageComponent from './image'
-
-import type { VxeImageGroupPropTypes, VxeImageGroupEmits, ImageGroupReactData, ValueOf, VxeComponentSizeType } from '../../../types'
-
-export default /* define-vxe-component start */ defineVxeComponent({
-  name: 'VxeImageGroup',
-  mixins: [
-    globalMixins.sizeMixin
-  ],
-  props: {
-    urlList: [Array, String] as PropType<VxeImageGroupPropTypes.UrlList>,
-    showPreview: {
-      type: Boolean as PropType<VxeImageGroupPropTypes.ShowPreview>,
-      default: () => getConfig().imageGroup.showPreview
-    },
-    imageStyle: Object as PropType<VxeImageGroupPropTypes.ImageStyle>,
-    zIndex: Number as PropType<VxeImageGroupPropTypes.ZIndex>,
-    size: {
-      type: String as PropType<VxeImageGroupPropTypes.Size>,
-      default: () => getConfig().imageGroup.size || getConfig().size
-    },
-    toolbarConfig: Object as PropType<VxeImageGroupPropTypes.ToolbarConfig>,
-    showPrintButton: {
-      type: Boolean as PropType<VxeImageGroupPropTypes.ShowPrintButton>,
-      default: () => getConfig().imageGroup.showPrintButton
-    },
-    showDownloadButton: {
-      type: Boolean as PropType<VxeImageGroupPropTypes.ShowDownloadButton>,
-      default: () => getConfig().imageGroup.showDownloadButton
-    },
-    getThumbnailUrlMethod: Function as PropType<VxeImageGroupPropTypes.GetThumbnailUrlMethod>
-  },
-  provide () {
-    const $xeImageGroup = this
-    return {
-      $xeImageGroup
-    }
-  },
-  data () {
-    const xID = XEUtils.uniqueId()
-    const reactData: ImageGroupReactData = {
-    }
-    return {
-      xID,
-      reactData
-    }
-  },
-  computed: {
-    ...({} as {
-      computeSize(): VxeComponentSizeType
-    }),
-    computeImgList  () {
-      const $xeImageGroup = this
-      const props = $xeImageGroup
-
-      const { urlList } = props
-      if (urlList) {
-        return (XEUtils.isArray(urlList) ? urlList : [urlList]).map(item => {
-          if (XEUtils.isString(item)) {
-            return {
-              url: item,
-              alt: ''
-            }
-          }
-          return {
-            url: item.url,
-            alt: item.alt
-          }
-        })
-      }
-      return []
-    },
-    computeImgStyleOpts () {
-      const $xeImageGroup = this
-      const props = $xeImageGroup
-
-      return Object.assign({}, getConfig().imageGroup.imageStyle, props.imageStyle)
-    },
-    computeGetThumbnailUrlMethod () {
-      const $xeImageGroup = this
-      const props = $xeImageGroup
-
-      return props.getThumbnailUrlMethod || getConfig().imageGroup.getThumbnailUrlMethod
-    }
-  },
-  methods: {
-    //
-    // Method
-    //
-    dispatchEvent (type: ValueOf<VxeImageGroupEmits>, params: Record<string, any>, evnt: Event | null) {
-      const $xeImageGroup = this
-      $xeImageGroup.$emit(type, createEvent(evnt, { $imageGroup: $xeImageGroup }, params))
-    },
-    handleClickImgEvent (evnt: Event, params: {
-      url: string;
-    }) {
-      const $xeImageGroup = this
-      const props = $xeImageGroup
-
-      const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, zIndex } = props
-      const { url } = params
-      const imgList = $xeImageGroup.computeImgList
-      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)
-            }
-          }
-        })
-      }
-      $xeImageGroup.dispatchEvent('click', { url, urlList: imgList }, evnt)
-    },
-
-    //
-    // Render
-    //
-    renderVN (h: CreateElement): VNode {
-      const $xeImageGroup = this
-
-      const imgList = $xeImageGroup.computeImgList
-      const vSize = $xeImageGroup.computeSize
-      const imgStyleOpts = $xeImageGroup.computeImgStyleOpts
-      const getThumbnailUrlMethod = $xeImageGroup.computeGetThumbnailUrlMethod
-      return h('div', {
-        class: ['vxe-image-group', {
-          [`size--${vSize}`]: vSize
-        }]
-      }, imgList
-        ? imgList.map((item, index) => {
-          return h(VxeImageComponent, {
-            key: index,
-            props: {
-              src: item.url,
-              alt: item.alt,
-              width: imgStyleOpts.width,
-              height: imgStyleOpts.height,
-              getThumbnailUrlMethod
-            }
-          })
-        })
-        : [])
-    }
-  },
-  render (this: any, h) {
-    return this.renderVN(h)
-  }
-}) /* define-vxe-component end */
+import { CreateElement, PropType, VNode } from 'vue'
+import { defineVxeComponent } from '../../ui/src/comp'
+import XEUtils from 'xe-utils'
+import { getConfig, createEvent, globalMixins } from '@vxe-ui/core'
+import { openPreviewImage } from './util'
+import VxeImageComponent from './image'
+
+import type { VxeImageGroupPropTypes, VxeImageGroupEmits, ImageGroupReactData, ValueOf, VxeComponentSizeType } from '../../../types'
+
+export default /* define-vxe-component start */ defineVxeComponent({
+  name: 'VxeImageGroup',
+  mixins: [
+    globalMixins.sizeMixin
+  ],
+  props: {
+    urlList: [Array, String] as PropType<VxeImageGroupPropTypes.UrlList>,
+    showPreview: {
+      type: Boolean as PropType<VxeImageGroupPropTypes.ShowPreview>,
+      default: () => getConfig().imageGroup.showPreview
+    },
+    imageStyle: Object as PropType<VxeImageGroupPropTypes.ImageStyle>,
+    zIndex: Number as PropType<VxeImageGroupPropTypes.ZIndex>,
+    size: {
+      type: String as PropType<VxeImageGroupPropTypes.Size>,
+      default: () => getConfig().imageGroup.size || getConfig().size
+    },
+    toolbarConfig: Object as PropType<VxeImageGroupPropTypes.ToolbarConfig>,
+    showPrintButton: {
+      type: Boolean as PropType<VxeImageGroupPropTypes.ShowPrintButton>,
+      default: () => getConfig().imageGroup.showPrintButton
+    },
+    showDownloadButton: {
+      type: Boolean as PropType<VxeImageGroupPropTypes.ShowDownloadButton>,
+      default: () => getConfig().imageGroup.showDownloadButton
+    },
+    getThumbnailUrlMethod: Function as PropType<VxeImageGroupPropTypes.GetThumbnailUrlMethod>
+  },
+  provide () {
+    const $xeImageGroup = this
+    return {
+      $xeImageGroup
+    }
+  },
+  data () {
+    const xID = XEUtils.uniqueId()
+    const reactData: ImageGroupReactData = {
+    }
+    return {
+      xID,
+      reactData
+    }
+  },
+  computed: {
+    ...({} as {
+      computeSize(): VxeComponentSizeType
+    }),
+    computeImgList  () {
+      const $xeImageGroup = this
+      const props = $xeImageGroup
+
+      const { urlList } = props
+      if (urlList) {
+        return (XEUtils.isArray(urlList) ? urlList : [urlList]).map(item => {
+          if (XEUtils.isString(item)) {
+            return {
+              url: item,
+              alt: ''
+            }
+          }
+          return {
+            url: item.url,
+            alt: item.alt
+          }
+        })
+      }
+      return []
+    },
+    computeImgStyleOpts () {
+      const $xeImageGroup = this
+      const props = $xeImageGroup
+
+      return Object.assign({}, getConfig().imageGroup.imageStyle, props.imageStyle)
+    },
+    computeGetThumbnailUrlMethod () {
+      const $xeImageGroup = this
+      const props = $xeImageGroup
+
+      return props.getThumbnailUrlMethod || getConfig().imageGroup.getThumbnailUrlMethod
+    }
+  },
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent (type: ValueOf<VxeImageGroupEmits>, params: Record<string, any>, evnt: Event | null) {
+      const $xeImageGroup = this
+      $xeImageGroup.$emit(type, createEvent(evnt, { $imageGroup: $xeImageGroup }, params))
+    },
+    handleClickImgEvent (evnt: Event, params: {
+      url: string;
+    }) {
+      const $xeImageGroup = this
+      const props = $xeImageGroup
+
+      const { showPreview, toolbarConfig, showPrintButton, showDownloadButton, zIndex } = props
+      const { url } = params
+      const imgList = $xeImageGroup.computeImgList
+      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)
+            }
+          }
+        })
+      }
+      $xeImageGroup.dispatchEvent('click', { url, urlList: imgList }, evnt)
+    },
+
+    //
+    // Render
+    //
+    renderVN (h: CreateElement): VNode {
+      const $xeImageGroup = this
+
+      const imgList = $xeImageGroup.computeImgList
+      const vSize = $xeImageGroup.computeSize
+      const imgStyleOpts = $xeImageGroup.computeImgStyleOpts
+      const getThumbnailUrlMethod = $xeImageGroup.computeGetThumbnailUrlMethod
+      return h('div', {
+        class: ['vxe-image-group', {
+          [`size--${vSize}`]: vSize
+        }]
+      }, imgList
+        ? imgList.map((item, index) => {
+          return h(VxeImageComponent, {
+            key: index,
+            props: {
+              src: item.url,
+              alt: item.alt,
+              width: imgStyleOpts.width,
+              height: imgStyleOpts.height,
+              getThumbnailUrlMethod
+            }
+          })
+        })
+        : [])
+    }
+  },
+  render (this: any, h) {
+    return this.renderVN(h)
+  }
+}) /* define-vxe-component end */