vxe-pc-ui 4.6.8 → 4.6.9

package/packages/switch/src/switch.ts

@@ -1,6 +1,6 @@
-import { defineComponent, h, ref, Ref, computed, reactive, nextTick, createCommentVNode, PropType, inject } from 'vue'
+import { defineComponent, h, ref, Ref, computed, reactive, nextTick, PropType, inject } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, createEvent, useSize } from '../../ui'
+import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui'
 import { getFuncText } from '../../ui/src/utils'
 
 import type { VxeSwitchPropTypes, VxeSwitchConstructor, VxeSwitchEmits, SwitchInternalData, ValueOf, SwitchReactData, SwitchMethods, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
@@ -200,7 +200,7 @@ export default defineComponent({
               ? h('i', {
                 class: ['vxe-switch--label-icon', openIcon]
               })
-              : createCommentVNode(),
+              : renderEmptyElement($xeSwitch),
             onShowLabel
           ]),
           h('span', {
@@ -210,7 +210,7 @@ export default defineComponent({
               ? h('i', {
                 class: ['vxe-switch--label-icon', closeIcon]
               })
-              : createCommentVNode(),
+              : renderEmptyElement($xeSwitch),
             offShowLabel
           ]),
           h('span', {

package/packages/tabs/src/tabs.ts

@@ -1,4 +1,4 @@
-import { defineComponent, ref, h, reactive, inject, PropType, provide, computed, onUnmounted, createCommentVNode, watch, nextTick, onMounted } from 'vue'
+import { defineComponent, ref, h, reactive, inject, PropType, provide, computed, onUnmounted, watch, nextTick, onMounted } from 'vue'
 import { createEvent, getConfig, getIcon, globalEvents, permission, renderEmptyElement } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit } from '../../ui/src/dom'
@@ -438,7 +438,7 @@ export default defineComponent({
               class: getIcon().TABS_TAB_BUTTON_LEFT
             })
           ])
-          : createCommentVNode(),
+          : renderEmptyElement($xeTabs),
         h('div', {
           class: 'vxe-tabs-header--wrapper'
         }, [
@@ -482,7 +482,7 @@ export default defineComponent({
                         class: icon
                       })
                     ])
-                    : createCommentVNode(),
+                    : renderEmptyElement($xeTabs),
                   h('span', {
                     class: 'vxe-tabs-header--item-name'
                   }, titleSlot ? callSlot(titleSlot, { name, title }) : `${title}`)
@@ -498,7 +498,7 @@ export default defineComponent({
                       class: isLoading ? getIcon().TABS_TAB_REFRESH_LOADING : getIcon().TABS_TAB_REFRESH
                     })
                   ])
-                  : createCommentVNode(),
+                  : renderEmptyElement($xeTabs),
                 (showClose || (isEnableConf(closeConfig) || closeOpts.enabled)) && (!closeVisibleMethod || closeVisibleMethod(params))
                   ? h('div', {
                     class: 'vxe-tabs-header--close-btn',
@@ -510,7 +510,7 @@ export default defineComponent({
                       class: getIcon().TABS_TAB_CLOSE
                     })
                   ])
-                  : createCommentVNode()
+                  : renderEmptyElement($xeTabs)
               ])
             ])
           }).concat([
@@ -533,12 +533,12 @@ export default defineComponent({
               class: getIcon().TABS_TAB_BUTTON_RIGHT
             })
           ])
-          : createCommentVNode(),
+          : renderEmptyElement($xeTabs),
         extraSlot
           ? h('div', {
             class: 'vxe-tabs-header--extra'
           }, getSlotVNs(extraSlot({})))
-          : createCommentVNode()
+          : renderEmptyElement($xeTabs)
       ])
     }
 
@@ -554,7 +554,7 @@ export default defineComponent({
             'has--content': !!defaultSlot
           }]
         }, defaultSlot ? callSlot(defaultSlot, { name }) : [])
-        : createCommentVNode()
+        : renderEmptyElement($xeTabs)
     }
 
     const renderTabContent = (tabList: VxeTabsPropTypes.Options | VxeTabPaneDefines.TabConfig[]) => {
@@ -562,7 +562,7 @@ export default defineComponent({
       const { activeName } = reactData
       const activeDefaultTab = tabList.find(item => item.name === activeName)
       if (destroyOnClose) {
-        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : createCommentVNode()]
+        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : renderEmptyElement($xeTabs)]
       }
       return tabList.map((item) => renderTabPane(item))
     }

package/packages/tag/src/tag.ts

@@ -1,6 +1,6 @@
-import { defineComponent, ref, h, reactive, PropType, createCommentVNode } from 'vue'
+import { defineComponent, ref, h, reactive, PropType } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, createEvent, useSize } from '../../ui'
+import { getConfig, createEvent, useSize, renderEmptyElement } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
 
 import type { VxeTagPropTypes, TagReactData, TagPrivateRef, VxeTagEmits, VxeTagPrivateComputed, TagMethods, TagPrivateMethods, VxeTagConstructor, VxeTagPrivateMethods, ValueOf } from '../../../types'
@@ -81,7 +81,7 @@ export default defineComponent({
                   class: icon
                 })
               ])
-          : createCommentVNode(),
+          : renderEmptyElement($xeTag),
         h('span', {
           class: 'vxe-tag--content'
         }, defaultSlot ? defaultSlot({}) : XEUtils.toValueString(content))

package/packages/tip/src/tip.ts

@@ -1,6 +1,6 @@
-import { defineComponent, ref, h, reactive, PropType, createCommentVNode } from 'vue'
+import { defineComponent, ref, h, reactive, PropType } from 'vue'
 import XEUtils from 'xe-utils'
-import { getConfig, useSize, usePermission, createEvent } from '../../ui'
+import { getConfig, useSize, usePermission, createEvent, renderEmptyElement } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
 
 import type { VxeTipPropTypes, TipReactData, VxeTipEmits, TipMethods, TipPrivateMethods, TipPrivateRef, VxeTipPrivateComputed, VxeTipConstructor, VxeTipPrivateMethods, ValueOf } from '../../../types'
@@ -82,7 +82,7 @@ export default defineComponent({
       const vSize = computeSize.value
 
       if (!permissionInfo.visible) {
-        return createCommentVNode()
+        return renderEmptyElement($xeTip)
       }
       return h('div', {
         ref: refElem,
@@ -102,7 +102,7 @@ export default defineComponent({
                   class: icon
                 })
               ])
-          : createCommentVNode(),
+          : renderEmptyElement($xeTip),
         h('div', {
           class: 'vxe-tip--body'
         }, [
@@ -110,7 +110,7 @@ export default defineComponent({
             ? h('div', {
               class: 'vxe-tip--title'
             }, titleSlot ? getSlotVNs(titleSlot({})) : XEUtils.toValueString(title))
-            : createCommentVNode(),
+            : renderEmptyElement($xeTip),
           h('div', {
             class: 'vxe-tip--content'
           }, defaultSlot ? getSlotVNs(defaultSlot({})) : XEUtils.toValueString(content))

package/packages/tree/src/tree.ts

@@ -1,5 +1,5 @@
-import { defineComponent, ref, h, reactive, PropType, computed, VNode, createCommentVNode, watch, onUnmounted, nextTick } from 'vue'
-import { createEvent, getIcon, getConfig, useSize } from '../../ui'
+import { defineComponent, ref, h, reactive, PropType, computed, VNode, watch, onUnmounted, nextTick } from 'vue'
+import { createEvent, getIcon, getConfig, useSize, renderEmptyElement } from '../../ui'
 import XEUtils from 'xe-utils'
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit } from '../../ui/src/dom'
@@ -1050,7 +1050,7 @@ export default defineComponent({
           })
         ])
       }
-      return createCommentVNode()
+      return renderEmptyElement($xeTree)
     }
 
     const renderCheckbox = (node: any, nodeid: string, isChecked: boolean) => {
@@ -1081,7 +1081,7 @@ export default defineComponent({
           })
         ])
       }
-      return createCommentVNode()
+      return renderEmptyElement($xeTree)
     }
 
     const renderNode = (node: any): VNode => {
@@ -1177,7 +1177,7 @@ export default defineComponent({
                       ])
                 ]
               : [])
-            : createCommentVNode(),
+            : renderEmptyElement($xeTree),
           renderRadio(node, nodeid, isRadioChecked),
           renderCheckbox(node, nodeid, isCheckboxChecked),
           h('div', {
@@ -1190,14 +1190,14 @@ export default defineComponent({
               ? h('div', {
                 class: 'vxe-tree--node-item-extra'
               }, getSlotVNs(extraSlot({ node, isExpand })))
-              : createCommentVNode()
+              : renderEmptyElement($xeTree)
           ])
         ]),
         hasChild && treeExpandedMaps[nodeid]
           ? h('div', {
             class: 'vxe-tree--node-child-wrapper'
           }, childVns)
-          : createCommentVNode()
+          : renderEmptyElement($xeTree)
       ])
     }
 

package/packages/upload/src/upload.ts

@@ -1,4 +1,4 @@
-import { defineComponent, ref, h, reactive, watch, computed, TransitionGroup, PropType, inject, createCommentVNode, onUnmounted, onMounted } from 'vue'
+import { defineComponent, ref, h, reactive, watch, computed, TransitionGroup, PropType, inject, onUnmounted, onMounted } from 'vue'
 import XEUtils from 'xe-utils'
 import { VxeUI, getConfig, getI18n, getIcon, useSize, createEvent, globalEvents, renderEmptyElement } from '../../ui'
 import { getSlotVNs } from '../../ui/src/vn'
@@ -1245,12 +1245,12 @@ export default defineComponent({
                 class: getIcon().UPLOAD_LOADING
               })
             ])
-            : createCommentVNode(),
+            : renderEmptyElement($xeUpload),
           showProgress && isLoading && cacheItem
             ? h('div', {
               class: 'vxe-upload--file-item-loading-text'
             }, progressText ? XEUtils.toFormatString(`${XEUtils.isFunction(progressText) ? progressText({}) : progressText}`, { percent: cacheItem.percent }) : getI18n('vxe.upload.uploadProgress', [cacheItem.percent]))
-            : createCommentVNode(),
+            : renderEmptyElement($xeUpload),
           showErrorStatus && isError
             ? h('div', {
               class: 'vxe-upload--image-item-error'
@@ -1265,7 +1265,7 @@ export default defineComponent({
                 }
               })
             ])
-            : createCommentVNode(),
+            : renderEmptyElement($xeUpload),
           h('div', {
             class: 'vxe-upload--file-item-btn-wrapper'
           }, [
@@ -1273,7 +1273,7 @@ export default defineComponent({
               ? h('div', {
                 class: 'vxe-upload--file-item-corner'
               }, getSlotVNs(cornerSlot({ option: item, isMoreView, readonly: formReadonly })))
-              : createCommentVNode(),
+              : renderEmptyElement($xeUpload),
             showDownloadButton && !isLoading
               ? h('div', {
                 class: 'vxe-upload--file-item-download-btn',
@@ -1285,7 +1285,7 @@ export default defineComponent({
                   class: getIcon().UPLOAD_FILE_DOWNLOAD
                 })
               ])
-              : createCommentVNode(),
+              : renderEmptyElement($xeUpload),
             showRemoveButton && !formReadonly && !isDisabled && !isLoading
               ? h('div', {
                 class: 'vxe-upload--file-item-remove-btn',
@@ -1297,7 +1297,7 @@ export default defineComponent({
                   class: getIcon().UPLOAD_FILE_REMOVE
                 })
               ])
-              : createCommentVNode()
+              : renderEmptyElement($xeUpload)
           ])
         ])
       })
@@ -1314,13 +1314,13 @@ export default defineComponent({
       const tipSlot = slots.tip || slots.hint
 
       if (formReadonly || !showUploadButton) {
-        return createCommentVNode()
+        return renderEmptyElement($xeUpload)
       }
       return h('div', {
         class: 'vxe-upload--file-action'
       }, [
         autoHiddenButton && overCount
-          ? createCommentVNode()
+          ? renderEmptyElement($xeUpload)
           : h('div', {
             class: 'vxe-upload--file-action-btn',
             onClick: clickEvent
@@ -1338,7 +1338,7 @@ export default defineComponent({
           ? h('div', {
             class: 'vxe-upload--file-action-tip'
           }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : `${defTipText}`)
-          : createCommentVNode()
+          : renderEmptyElement($xeUpload)
       ])
     }
 
@@ -1363,7 +1363,7 @@ export default defineComponent({
       }, showList
         ? [
             showMoreButton && moreConfig && isHorizontal
-              ? createCommentVNode()
+              ? renderEmptyElement($xeUpload)
               : renderFileAction(true),
             (currList.length || (showMoreButton && isHorizontal))
               ? h('div', {
@@ -1385,7 +1385,7 @@ export default defineComponent({
                           class: 'vxe-upload--file-list'
                         }, renderFileItemList(currList, false))
                     )
-                  : createCommentVNode(),
+                  : renderEmptyElement($xeUpload),
                 showMoreButton && overMaxNum
                   ? h('div', {
                     class: 'vxe-upload--file-over-more'
@@ -1397,12 +1397,12 @@ export default defineComponent({
                       onClick: handleMoreEvent
                     })
                   ])
-                  : createCommentVNode(),
+                  : renderEmptyElement($xeUpload),
                 showMoreButton && moreConfig && isHorizontal
                   ? renderFileAction(false)
-                  : createCommentVNode()
+                  : renderEmptyElement($xeUpload)
               ])
-              : createCommentVNode()
+              : renderEmptyElement($xeUpload)
           ]
         : [
             renderFileAction(false)
@@ -1469,9 +1469,9 @@ export default defineComponent({
                   ? h('div', {
                     class: 'vxe-upload--image-item-loading-text'
                   }, progressText ? XEUtils.toFormatString(`${XEUtils.isFunction(progressText) ? progressText({}) : progressText}`, { percent: cacheItem.percent }) : getI18n('vxe.upload.uploadProgress', [cacheItem.percent]))
-                  : createCommentVNode()
+                  : renderEmptyElement($xeUpload)
               ])
-              : createCommentVNode(),
+              : renderEmptyElement($xeUpload),
             !isLoading
               ? (
                   isError && showErrorStatus
@@ -1497,7 +1497,7 @@ export default defineComponent({
                       })
                     ])
                 )
-              : createCommentVNode(),
+              : renderEmptyElement($xeUpload),
             h('div', {
               class: 'vxe-upload--image-item-btn-wrapper',
               onClick (evnt) {
@@ -1508,7 +1508,7 @@ export default defineComponent({
                 ? h('div', {
                   class: 'vxe-upload--file-item-corner'
                 }, getSlotVNs(cornerSlot({ option: item, isMoreView, readonly: formReadonly })))
-                : createCommentVNode(),
+                : renderEmptyElement($xeUpload),
               showRemoveButton && !formReadonly && !isDisabled && !isLoading
                 ? h('div', {
                   class: 'vxe-upload--image-item-remove-btn',
@@ -1521,7 +1521,7 @@ export default defineComponent({
                     class: getIcon().UPLOAD_IMAGE_REMOVE
                   })
                 ])
-                : createCommentVNode()
+                : renderEmptyElement($xeUpload)
             ])
           ])
         ])
@@ -1539,7 +1539,7 @@ export default defineComponent({
       const tipSlot = slots.tip || slots.hint
 
       if (formReadonly || !showUploadButton || (autoHiddenButton && overCount)) {
-        return createCommentVNode()
+        return renderEmptyElement($xeUpload)
       }
       return h('div', {
         key: 'action',
@@ -1563,17 +1563,17 @@ export default defineComponent({
                       class: buttonIcon || getIcon().UPLOAD_IMAGE_ADD
                     })
                   ])
-                  : createCommentVNode(),
+                  : renderEmptyElement($xeUpload),
                 isMoreView || showButtonText
                   ? h('div', {
                     class: 'vxe-upload--image-action-content'
                   }, buttonText ? `${XEUtils.isFunction(buttonText) ? buttonText({}) : buttonText}` : getI18n('vxe.upload.imgBtnText'))
-                  : createCommentVNode(),
+                  : renderEmptyElement($xeUpload),
                 showTipText && (defTipText || tipSlot)
                   ? h('div', {
                     class: 'vxe-upload--image-action-hint'
                   }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : `${defTipText}`)
-                  : createCommentVNode()
+                  : renderEmptyElement($xeUpload)
               ])
             ])
       ])
@@ -1616,7 +1616,7 @@ export default defineComponent({
                         onClick: handleMoreEvent
                       })
                     ])
-                    : createCommentVNode(),
+                    : renderEmptyElement($xeUpload),
                   renderImageAction(false)
                 ])
               })
@@ -1634,7 +1634,7 @@ export default defineComponent({
                       onClick: handleMoreEvent
                     })
                   ])
-                  : createCommentVNode(),
+                  : renderEmptyElement($xeUpload),
                 renderImageAction(false)
               ]))
           ]

package/types/components/button.d.ts

@@ -174,7 +174,8 @@ export type VxeButtonEmits = [
   'click',
   'mouseenter',
   'mouseleave',
-  'dropdown-click'
+  'dropdown-click',
+  'dropdownClick'
 ]
 
 export namespace VxeButtonDefines {

package/types/components/image-group.d.ts

@@ -1,5 +1,6 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeImagePreviewPropTypes } from './image-preview'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -33,6 +34,7 @@ export namespace VxeImageGroupPropTypes {
     width?: number | string
     height?: number | string
   }
+  export type ToolbarConfig = VxeImagePreviewPropTypes.ToolbarConfig
   export type ShowPrintButton = boolean
   export type ShowDownloadButton = boolean
 }
@@ -42,6 +44,7 @@ export type VxeImageGroupProps = {
   showPreview?: VxeImageGroupPropTypes.ShowPreview
   urlList?: VxeImageGroupPropTypes.UrlList
   imageStyle?: VxeImageGroupPropTypes.ImageStyle
+  toolbarConfig?: VxeImageGroupPropTypes.ToolbarConfig
   showPrintButton?: VxeImageGroupPropTypes.ShowPrintButton
   showDownloadButton?: VxeImageGroupPropTypes.ShowDownloadButton
 }

package/types/components/image-preview.d.ts

@@ -31,6 +31,35 @@ export namespace VxeImagePreviewPropTypes {
   export type MarginSize = string | 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
@@ -49,6 +78,7 @@ export type VxeImagePreviewProps = {
   urlField?: VxeImagePreviewPropTypes.UrlField
   maskClosable?: VxeImagePreviewPropTypes.MaskClosable
   marginSize?: VxeImagePreviewPropTypes.MarginSize
+  toolbarConfig?: VxeImagePreviewPropTypes.ToolbarConfig
   showPrintButton?: VxeImagePreviewPropTypes.ShowPrintButton
   showDownloadButton?: VxeImagePreviewPropTypes.ShowDownloadButton
   downloadMethod?: VxeImagePreviewPropTypes.DownloadMethod
@@ -91,6 +121,8 @@ export namespace VxeImagePreviewDefines {
     $imagePreview: VxeImagePreviewConstructor
   }
 
+  export type ToolbarCode = 'zoomOut' | 'zoomIn' | 'pctFull' | 'pct11' | 'rotateLeft' | 'rotateRight' | 'print' | 'download'
+
   export type ChangeParams = {
     checklist: any[]
   }

package/types/components/image.d.ts

@@ -35,6 +35,7 @@ export namespace VxeImagePropTypes {
   export type Height = number | string
   export type Circle = boolean
   export type MaskClosable = boolean
+  export type ToolbarConfig = VxeImagePreviewPropTypes.ToolbarConfig
   export type ShowPreview = boolean
   export type ShowPrintButton = boolean
   export type ShowDownloadButton = boolean
@@ -50,6 +51,7 @@ export interface VxeImageProps {
   height?: VxeImagePropTypes.Height
   circle?: VxeImagePropTypes.Circle
   maskClosable?: VxeImagePropTypes.MaskClosable
+  toolbarConfig?: VxeImagePropTypes.ToolbarConfig
   showPreview?: VxeImagePropTypes.ShowPreview
   showPrintButton?: VxeImagePropTypes.ShowPrintButton
   showDownloadButton?: VxeImagePropTypes.ShowDownloadButton