adtec-hnyzfc-core-package 1.0.0

package/dist/src/types/vxe-pc-ui/components/icon-picker.d.ts

@@ -0,0 +1,231 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentStyleType, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeIconPropTypes } from './icon'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeIconPicker: DefineVxeComponentApp<VxeIconPickerProps, VxeIconPickerEventProps, VxeIconPickerSlots, VxeIconPickerMethods>
+export type VxeIconPickerComponent = DefineVxeComponentOptions<VxeIconPickerProps, VxeIconPickerEventProps>
+
+export type VxeIconPickerInstance = DefineVxeComponentInstance<VxeIconPickerProps, VxeIconPickerConstructor>
+
+export interface VxeIconPickerConstructor extends VxeComponentBaseOptions, VxeIconPickerMethods {
+  props: VxeIconPickerProps
+  context: SetupContext<VxeIconPickerEmits>
+  reactData: IconPickerReactData
+  getRefMaps(): IconPickerPrivateRef
+  getComputeMaps(): IconPickerPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface IconPickerPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeIconPickerPrivateRef extends IconPickerPrivateRef { }
+
+export namespace VxeIconPickerPropTypes {
+  export type ModelValue = string | null
+  export type Placeholder = string
+  export type Size = VxeComponentSizeType
+  export type ClassName = string | ((params: { $iconPicker: VxeIconPickerConstructor }) => string)
+  /**
+   * 已废弃，请使用 PopupConfig.className
+   * @deprecated
+   */
+  export type PopupClassName = string | ((params: {$iconPicker: VxeIconPickerConstructor }) => string)
+  export type Readonly = boolean
+  export type Disabled = boolean
+  export type Option = {
+    title?: string | number
+    icon: string
+    iconRender?: VxeIconPickerDefines.OptionIconRender
+  }
+  export type Icons = VxeIconPropTypes.Name[] | Option[]
+  export type Clearable = boolean
+  export type ShowIconTitle = boolean
+  export type Filterable = boolean
+  export interface FilterConfig {
+    filterMethod?:(params: {
+      $iconPicker: VxeIconPickerConstructor
+      option: VxeIconPickerDefines.IconItemObj
+      searchValue: string
+      value: ModelValue | undefined
+    }) => boolean
+  }
+  export type Placement = 'top' | 'bottom' | '' | null
+  export interface PopupConfig {
+    /**
+     * 设置弹出面板方向
+     */
+    placement?: 'top' | 'bottom' | '' | null
+    /**
+     * 默认弹出面板方向
+     */
+    defaultPlacement?: 'top' | 'bottom' | '' | null
+    /**
+     * 触发方式
+     */
+    trigger?: 'default' | 'icon' | 'manual' | '' | null
+    /**
+     * 是否启用元素挂载
+     */
+    transfer?: boolean
+    /**
+     * 挂载到指定元素下
+     */
+    appendTo?: string | HTMLElement | ((params: {}) => string | HTMLElement)
+    /**
+     * 每行显示出多少个图标，如果设置了 chunkWidth 则该参数无效
+     */
+    chunkSize?: number
+    /**
+     * 每个图标的宽度
+     */
+    chunkWidth?: number | string
+    /**
+     * 宽度
+     */
+    width?: number | string
+    height?: number | string
+    maxHeight?: number | string
+    zIndex?: number | string
+    className?: string | ((params: { $iconPicker: VxeIconPickerConstructor }) => string)
+  }
+  export type Transfer = boolean
+}
+
+export type VxeIconPickerProps = {
+  /**
+   * 绑定值
+   */
+  modelValue?: VxeIconPickerPropTypes.ModelValue
+  placeholder?: VxeIconPickerPropTypes.Placeholder
+  size?: VxeIconPickerPropTypes.Size
+  className?: VxeIconPickerPropTypes.ClassName
+  /**
+   * 已废弃，请使用 popup-config.className
+   * @deprecated
+   */
+  popupClassName?: VxeIconPickerPropTypes.PopupClassName
+  readonly?: VxeIconPickerPropTypes.Readonly
+  disabled?: VxeIconPickerPropTypes.Disabled
+  icons?: VxeIconPickerPropTypes.Icons
+  clearable?: VxeIconPickerPropTypes.Clearable
+  showIconTitle?: VxeIconPickerPropTypes.ShowIconTitle
+  filterable?: VxeIconPickerPropTypes.Filterable
+  filterConfig?: VxeIconPickerPropTypes.FilterConfig
+  placement?: VxeIconPickerPropTypes.Placement
+  popupConfig?: VxeIconPickerPropTypes.PopupConfig
+  transfer?: VxeIconPickerPropTypes.Transfer
+}
+
+export interface IconPickerPrivateComputed {
+}
+export interface VxeIconPickerPrivateComputed extends IconPickerPrivateComputed { }
+
+export interface IconPickerReactData {
+  initialized: boolean
+  selectIcon: VxeIconPickerPropTypes.ModelValue
+  panelIndex: number
+  panelStyle: VxeComponentStyleType
+  panelPlacement: any
+  visiblePanel: boolean
+  isAniVisible: boolean
+  isActivated: boolean
+  searchValue: string
+  iconList: VxeIconPickerDefines.IconItemObj[]
+}
+
+export interface IconPickerInternalData {
+  hpTimeout?: undefined | number
+  fullList: VxeIconPickerDefines.IconItemObj[]
+}
+
+export interface IconPickerMethods {
+  dispatchEvent(type: ValueOf<VxeIconPickerEmits>, params: Record<string, any>, evnt: Event | null): void
+  /**
+   * 判断下拉面板是否可视
+   */
+  isPanelVisible(): boolean
+  /**
+   * 切换下拉面板
+   */
+  togglePanel(): Promise<any>
+  /**
+   * 显示下拉面板
+   */
+  showPanel(): Promise<any>
+  /**
+   * 隐藏下拉面板
+   */
+  hidePanel(): Promise<any>
+  /**
+   * 获取焦点
+   */
+  focus(): Promise<any>
+  /**
+   * 失去焦点
+   */
+  blur(): Promise<any>
+}
+export interface VxeIconPickerMethods extends IconPickerMethods { }
+
+export interface IconPickerPrivateMethods { }
+export interface VxeIconPickerPrivateMethods extends IconPickerPrivateMethods { }
+
+export type VxeIconPickerEmits = [
+  'update:modelValue',
+  'change',
+  'clear',
+  'click'
+]
+
+export namespace VxeIconPickerDefines {
+  export interface IconPickerEventParams extends VxeComponentEventParams {
+    $iconPicker: VxeIconPickerConstructor
+  }
+
+  export interface OptionIconRender {
+    /**
+     * 渲染器名称
+     */
+    name: string
+    /**
+     * 目标组件渲染的参数
+     */
+    props?: { [key: string]: any }
+    /**
+     * 目标组件渲染的事件
+     */
+    events?: { [key: string]: (...args: any[]) => any }
+  }
+
+  export interface IconItemObj {
+    title: string
+    icon: string
+    iconRender?: OptionIconRender
+  }
+}
+
+export type VxeIconPickerEventProps = {
+  'onUpdate:modelValue'?: VxeIconPickerEvents.UpdateModelValue
+}
+
+export interface VxeIconPickerListeners {
+  'update:modelValue'?: VxeIconPickerEvents.UpdateModelValue
+}
+
+export namespace VxeIconPickerEvents {
+  export type UpdateModelValue = (modelValue: VxeIconPickerPropTypes.ModelValue) => void
+}
+
+export namespace VxeIconPickerSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeIconPickerSlots {
+  default: (params: VxeIconPickerSlotTypes.DefaultSlotParams) => any
+}
+
+export const IconPicker: typeof VxeIconPicker
+export default VxeIconPicker

package/dist/src/types/vxe-pc-ui/components/icon.d.ts

@@ -0,0 +1,87 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeIcon: DefineVxeComponentApp<VxeIconProps, VxeIconEventProps, VxeIconSlots, VxeIconMethods>
+export type VxeIconComponent = DefineVxeComponentOptions<VxeIconProps, VxeIconEventProps>
+
+export type VxeIconInstance = DefineVxeComponentInstance<VxeIconProps, VxeIconConstructor>
+
+export interface VxeIconConstructor extends VxeComponentBaseOptions, VxeIconMethods {
+  props: VxeIconProps
+  context: SetupContext<VxeIconEmits>
+  reactData: IconReactData
+  getRefMaps(): IconPrivateRef
+  getComputeMaps(): IconPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface IconPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeIconPrivateRef extends IconPrivateRef { }
+
+export namespace VxeIconPropTypes {
+  export type Name = 'add' | 'add-sub' | 'add-user' | 'add-users' | 'align-center' | 'align-left' | 'align-right' | 'alipay' | 'arrow-double-left' | 'arrow-double-right' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrows-down' | 'arrows-left' | 'arrows-right' | 'arrows-up' | 'association-form' | 'bell' | 'bell-fill' | 'bottom' | 'calendar' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'carousel' | 'chart-bar-x' | 'chart-bar-y' | 'chart-gantt' | 'chart-line' | 'chart-pie' | 'chart-radar' | 'chat' | 'chat-fill' | 'check' | 'checkbox-checked' | 'checkbox-checked-fill' | 'checkbox-indeterminate-fill' | 'checkbox-unchecked' | 'checkbox-unchecked-fill' | 'click-button' | 'close' | 'cloud-download' | 'cloud-upload' | 'cloudy' | 'code' | 'comment' | 'company' | 'copy' | 'custom-column' | 'cut' | 'delete' | 'delete-fill' | 'doc-search' | 'dot' | 'download' | 'drag-handle' | 'dropper' | 'edit' | 'ellipsis-h' | 'ellipsis-v' | 'empty' | 'end-page' | 'envelope' | 'envelope-fill' | 'envelope-open' | 'envelope-open-fill' | 'error-circle' | 'error-circle-fill' | 'exclamation' | 'eye-fill' | 'eye-fill-close' | 'feedback' | 'file' | 'file-excel' | 'file-image' | 'file-markdown' | 'file-pdf' | 'file-ppt' | 'file-txt' | 'file-word' | 'file-zip' | 'fixed-left' | 'fixed-left-fill' | 'fixed-right' | 'fixed-right-fill' | 'flag' | 'flag-fill' | 'flow-branch' | 'folder' | 'folder-open' | 'form' | 'fullscreen' | 'funnel' | 'funnel-clear' | 'gitee-fill' | 'github-fill' | 'goods' | 'goods-fill' | 'grouping' | 'heavy-rain' | 'home' | 'home-fill' | 'home-page' | 'indicator' | 'info-circle' | 'info-circle-fill' | 'information' | 'input' | 'language-switch' | 'layout' | 'lightning' | 'link' | 'location' | 'location-fill' | 'lock' | 'lock-fill' | 'maximize' | 'menu' | 'menu-fold' | 'menu-unfold' | 'merge-cells' | 'message-fill' | 'microphone' | 'microphone-fill' | 'minimize' | 'minus' | 'mobile' | 'modal' | 'moon' | 'more' | 'more-fill' | 'no-drop' | 'notice-left-fill' | 'notice-right-fill' | 'num-list' | 'number' | 'paste' | 'pc' | 'pct-1-1' | 'pct-full' | 'picture' | 'picture-fill' | 'platform' | 'print' | 'print-batch' | 'question' | 'question-circle' | 'question-circle-fill' | 'radio-checked' | 'radio-checked-fill' | 'radio-unchecked' | 'radio-unchecked-fill' | 'recover' | 'refresh' | 'repeat' | 'rich-text' | 'rmb' | 'rotate-left' | 'rotate-right' | 'row-col' | 'save' | 'search' | 'search-zoom-in' | 'search-zoom-out' | 'select' | 'send' | 'send-fill' | 'service' | 'setting' | 'setting-fill' | 'share' | 'share-fill' | 'signature' | 'slider' | 'sort' | 'sort-alpha-asc' | 'sort-alpha-desc' | 'sort-asc' | 'sort-desc' | 'sort-numeric-asc' | 'sort-numeric-desc' | 'spinner' | 'square' | 'square-caret-right' | 'square-caret-right-fill' | 'square-checked' | 'square-checked-fill' | 'square-close' | 'square-close-fill' | 'square-down' | 'square-down-fill' | 'square-fill' | 'square-left' | 'square-left-fill' | 'square-minus' | 'square-minus-fill' | 'square-plus' | 'square-plus-fill' | 'square-plus-square' | 'square-right' | 'square-right-fill' | 'square-square' | 'square-up' | 'square-up-fill' | 'star' | 'star-fill' | 'star-half' | 'style' | 'subtable' | 'success-circle' | 'success-circle-fill' | 'sunny' | 'swap' | 'swap-down' | 'swap-left' | 'swap-right' | 'swap-up' | 'switch' | 'table' | 'tabs' | 'tag' | 'text' | 'textarea' | 'time' | 'tools' | 'top' | 'tree-select' | 'undo' | 'unlock' | 'unlock-fill' | 'upload' | 'usd' | 'user' | 'user-fill' | 'values' | 'voice' | 'voice-fill' | 'warning-circle' | 'warning-circle-fill' | 'warning-triangle' | 'warning-triangle-fill' | 'wechat' | 'zoom-in' | 'zoom-out'
+  export type ClassName = string
+  export type Roll = boolean
+  export type Status = string
+  export type Size = VxeComponentSizeType
+}
+
+export type VxeIconProps = {
+  name?: VxeIconPropTypes.Name | undefined | null
+  className?: VxeIconPropTypes.Name
+  roll?: VxeIconPropTypes.Roll
+  status?: VxeIconPropTypes.Status
+  size?: VxeIconPropTypes.Size
+}
+
+export interface IconPrivateComputed {
+}
+export interface VxeIconPrivateComputed extends IconPrivateComputed { }
+
+export interface IconReactData {
+}
+
+export interface IconMethods {
+  dispatchEvent(type: ValueOf<VxeIconEmits>, params: Record<string, any>, evnt: Event | null): void
+}
+export interface VxeIconMethods extends IconMethods { }
+
+export interface IconPrivateMethods { }
+export interface VxeIconPrivateMethods extends IconPrivateMethods { }
+
+export type VxeIconEmits = [
+  'click'
+]
+
+export namespace VxeIconDefines {
+  export interface IconEventParams extends VxeComponentEventParams {
+    $icon: VxeIconConstructor
+  }
+
+  export interface ClickParams {}
+  export interface ClickEventParams extends IconEventParams, ClickParams { }
+}
+
+export type VxeIconEventProps = {
+  onClick?: VxeIconEvents.Click
+}
+
+export interface VxeIconListeners {
+  onClick?: VxeIconEvents.Click
+}
+
+export namespace VxeIconEvents {
+  export type Click = (params: VxeIconDefines.ClickEventParams) => void
+ }
+
+export namespace VxeIconSlotTypes {}
+
+export interface VxeIconSlots {
+}
+
+export const Icon: typeof VxeIcon
+export default VxeIcon

package/dist/src/types/vxe-pc-ui/components/image-group.d.ts

@@ -0,0 +1,127 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeImagePreviewPropTypes } from './image-preview'
+import { VxeImagePropTypes } from './image'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeImageGroup: DefineVxeComponentApp<VxeImageGroupProps, VxeImageGroupEventProps, VxeImageGroupSlots, VxeImageGroupMethods>
+export type VxeImageGroupComponent = DefineVxeComponentOptions<VxeImageGroupProps, VxeImageGroupEventProps>
+
+export type VxeImageGroupInstance = DefineVxeComponentInstance<VxeImageGroupProps, VxeImageGroupConstructor>
+
+export interface VxeImageGroupConstructor extends VxeComponentBaseOptions, VxeImageGroupMethods {
+  props: VxeImageGroupProps
+  context: SetupContext<VxeImageGroupEmits>
+  reactData: ImageGroupReactData
+  getRefMaps(): ImageGroupPrivateRef
+  getComputeMaps(): ImageGroupPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface ImageGroupPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeImageGroupPrivateRef extends ImageGroupPrivateRef { }
+
+export namespace VxeImageGroupPropTypes {
+  export type Size = VxeComponentSizeType
+  export type ShowPreview = boolean
+  export type ZIndex = number
+  export type UrlList = string | string[] | {
+    url?: string
+    alt?: string | number
+  }[]
+  export interface ImageStyle {
+    width?: number | string
+    height?: number | string
+  }
+  export type ToolbarConfig = VxeImagePreviewPropTypes.ToolbarConfig
+  export type ShowPrintButton = boolean
+  export type ShowDownloadButton = boolean
+  export type GetThumbnailUrlMethod = VxeImagePropTypes.GetThumbnailUrlMethod
+}
+
+export type VxeImageGroupProps = {
+  size?: VxeImageGroupPropTypes.Size
+  showPreview?: VxeImageGroupPropTypes.ShowPreview
+  zIndex?: VxeImageGroupPropTypes.ZIndex
+  urlList?: VxeImageGroupPropTypes.UrlList
+  imageStyle?: VxeImageGroupPropTypes.ImageStyle
+  toolbarConfig?: VxeImageGroupPropTypes.ToolbarConfig
+  showPrintButton?: VxeImageGroupPropTypes.ShowPrintButton
+  showDownloadButton?: VxeImageGroupPropTypes.ShowDownloadButton
+  getThumbnailUrlMethod?: VxeImageGroupPropTypes.GetThumbnailUrlMethod
+}
+
+export interface ImageGroupPrivateComputed {
+}
+export interface VxeImageGroupPrivateComputed extends ImageGroupPrivateComputed { }
+
+export interface ImageGroupReactData {
+}
+
+export interface ImageGroupMethods {
+  dispatchEvent(type: ValueOf<VxeImageGroupEmits>, params: Record<string, any>, evnt: Event | null): void
+}
+export interface VxeImageGroupMethods extends ImageGroupMethods { }
+
+export interface ImageGroupPrivateMethods {
+  handleClickImgEvent(evnt: Event, params: { url: string }): void
+}
+export interface VxeImageGroupPrivateMethods extends ImageGroupPrivateMethods { }
+
+export type VxeImageGroupEmits = [
+  'click',
+  'change',
+  'rotate'
+]
+
+export namespace VxeImageGroupDefines {
+  export interface ImageGroupEventParams extends VxeComponentEventParams {
+    $imageGroup: VxeImageGroupConstructor
+  }
+
+  export interface ClickEventParams extends ImageGroupEventParams {
+    url: string
+  }
+
+  export interface ChangeEventParams extends ImageGroupEventParams {
+    url: string
+    activeIndex: number
+  }
+
+  export interface RotateEventParams extends ImageGroupEventParams {
+    url: string
+    rotateValue: number
+  }
+}
+
+export type VxeImageGroupEventProps = {
+  onClick?: VxeImageGroupEvents.Click
+  onChange?: VxeImageGroupEvents.Change
+  onRotate?: VxeImageGroupEvents.Rotate
+}
+
+export interface VxeImageGroupListeners {
+  click?: VxeImageGroupEvents.Click
+  change?: VxeImageGroupEvents.Change
+  rotate?: VxeImageGroupEvents.Rotate
+}
+
+export namespace VxeImageGroupEvents {
+  export type Click = (params: VxeImageGroupDefines.ClickEventParams) => void
+  export type Change = (params: VxeImageGroupDefines.ChangeEventParams) => void
+  export type Rotate = (params: VxeImageGroupDefines.RotateEventParams) => void
+}
+
+export namespace VxeImageGroupSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeImageGroupSlots {
+  default: (params: VxeImageGroupSlotTypes.DefaultSlotParams) => any
+}
+
+export const ImageGroup: typeof VxeImageGroup
+export default VxeImageGroup

package/dist/src/types/vxe-pc-ui/components/image-preview.d.ts

@@ -0,0 +1,167 @@
+import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeImagePreview: DefineVxeComponentApp<VxeImagePreviewProps, VxeImagePreviewEventProps, VxeImagePreviewSlots, VxeImagePreviewMethods>
+export type VxeImagePreviewComponent = DefineVxeComponentOptions<VxeImagePreviewProps, VxeImagePreviewEventProps>
+
+export type VxeImagePreviewInstance = DefineVxeComponentInstance<VxeImagePreviewProps, VxeImagePreviewConstructor>
+
+export interface VxeImagePreviewConstructor extends VxeComponentBaseOptions, VxeImagePreviewMethods {
+  props: VxeImagePreviewProps
+  context: SetupContext<VxeImagePreviewEmits>
+  reactData: ImagePreviewReactData
+  getRefMaps(): ImagePreviewPrivateRef
+  getComputeMaps(): ImagePreviewPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface ImagePreviewPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+}
+export interface VxeImagePreviewPrivateRef extends ImagePreviewPrivateRef { }
+
+export namespace VxeImagePreviewPropTypes {
+  export type ModelValue = null | number
+  export type Url = string
+  export type UrlList = any[]
+  export type UrlField = string
+  export type MaskClosable = boolean
+  export type MarginSize = string | number
+  export type ZIndex = number
+  export type ShowPrintButton = boolean
+  export type ShowDownloadButton = boolean
+  export interface ToolbarConfig {
+    layouts?: ('PageNumber' | 'ZoomOut' | 'ZoomIn' | 'PctFull' | 'Pct11' | 'RotateLeft' | 'RotateRight' | 'Print' | 'Download')[]
+    zoomOut?: boolean | {
+      icon?: string
+    }
+    zoomIn?: boolean | {
+      icon?: string
+    }
+    pctFull?: boolean | {
+      icon?: string
+    }
+    pct11?: boolean | {
+      icon?: string
+    }
+    rotateLeft?: boolean | {
+      icon?: string
+    }
+    rotateRight?: boolean | {
+      icon?: string
+    }
+    print?: boolean | {
+      icon?: string
+    }
+    download?: boolean | {
+      icon?: string
+      beforeDownloadMethod?: BeforeDownloadMethod
+      downloadMethod?: DownloadMethod
+    }
+  }
+  export type BeforeDownloadMethod = undefined | ((params: {
+    $imagePreview: VxeImagePreviewConstructor
+    url: any
+    index: number
+  }) => boolean | Promise<boolean>)
+  export type DownloadMethod = undefined | ((params: {
+    $imagePreview: VxeImagePreviewConstructor
+    url: any
+    index: number
+  }) => Promise<any>)
+}
+
+export type VxeImagePreviewProps = {
+  modelValue?: VxeImagePreviewPropTypes.ModelValue
+  urlList?: VxeImagePreviewPropTypes.UrlList
+  urlField?: VxeImagePreviewPropTypes.UrlField
+  maskClosable?: VxeImagePreviewPropTypes.MaskClosable
+  marginSize?: VxeImagePreviewPropTypes.MarginSize
+  zIndex?: VxeImagePreviewPropTypes.ZIndex
+  toolbarConfig?: VxeImagePreviewPropTypes.ToolbarConfig
+  showPrintButton?: VxeImagePreviewPropTypes.ShowPrintButton
+  showDownloadButton?: VxeImagePreviewPropTypes.ShowDownloadButton
+  downloadMethod?: VxeImagePreviewPropTypes.DownloadMethod
+  beforeDownloadMethod?: VxeImagePreviewPropTypes.BeforeDownloadMethod
+}
+
+export interface ImagePreviewPrivateComputed {
+  computeImgList: ComputedRef<string[]>
+}
+export interface VxeImagePreviewPrivateComputed extends ImagePreviewPrivateComputed { }
+
+export interface ImagePreviewReactData {
+  activeIndex: undefined | VxeImagePreviewPropTypes.ModelValue
+  offsetPct11: boolean
+  offsetScale: number
+  offsetRotate: number
+  offsetLeft: number
+  offsetTop: number
+}
+
+export interface ImagePreviewMethods {
+  dispatchEvent(type: ValueOf<VxeImagePreviewEmits>, params: Record<string, any>, evnt: Event | null): void
+}
+export interface VxeImagePreviewMethods extends ImagePreviewMethods { }
+
+export interface ImagePreviewPrivateMethods {
+}
+export interface VxeImagePreviewPrivateMethods extends ImagePreviewPrivateMethods { }
+
+export type VxeImagePreviewEmits = [
+  'update:modelValue',
+  'change',
+  'download',
+  'download-fail',
+  'rotate',
+  'close'
+]
+
+export namespace VxeImagePreviewDefines {
+  export interface ImagePreviewEventParams extends VxeComponentEventParams {
+    $imagePreview: VxeImagePreviewConstructor
+  }
+
+  export type ToolbarCode = 'zoomOut' | 'zoomIn' | 'pctFull' | 'pct11' | 'rotateLeft' | 'rotateRight' | 'print' | 'download'
+
+  export type ChangeParams = {
+    url: string
+    activeIndex: number
+  }
+  export interface ChangeEventParams extends ImagePreviewEventParams, ChangeParams { }
+
+  export interface RotateEventParams extends ImagePreviewEventParams {
+    url: string
+    rotateValue: number
+  }
+}
+
+export type VxeImagePreviewEventProps = {
+  onChange?: VxeImagePreviewEvents.Change
+  onRotate?: VxeImagePreviewEvents.Rotate
+}
+
+export interface VxeImagePreviewListeners {
+  change?: VxeImagePreviewEvents.Change
+  rotate?: VxeImagePreviewEvents.Rotate
+}
+
+export namespace VxeImagePreviewEvents {
+  export type Change = (params: VxeImagePreviewDefines.ChangeEventParams) => void
+  export type Rotate = (params: VxeImagePreviewDefines.RotateEventParams) => void
+}
+
+export namespace VxeImagePreviewSlotTypes {
+  export interface DefaultSlotParams {
+    [key: string]: any
+  }
+}
+
+export interface VxeImagePreviewSlots {
+  default: (params: VxeImagePreviewSlotTypes.DefaultSlotParams) => any
+}
+
+export const ImagePreview: typeof VxeImagePreview
+export default VxeImagePreview