vxe-pc-ui 4.5.4 → 4.5.6

package/packages/split/src/split.ts

@@ -3,9 +3,10 @@ import { getConfig, getIcon, createEvent, globalEvents, renderEmptyElement } fro
 import { getSlotVNs } from '../../ui/src/vn'
 import { toCssUnit, isScale, addClass, removeClass } from '../../ui/src/dom'
 import { getGlobalDefaultConfig } from '../../ui/src/utils'
+import { errLog } from '../../ui/src/log'
 import XEUtils from 'xe-utils'
 
-import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalData, SplitMethods, VxeSplitDefines, VxeSplitPrivateComputed, SplitPrivateMethods, VxeSplitEmits, VxeSplitConstructor, ValueOf, VxeSplitPrivateMethods } from '../../../types'
+import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalData, SplitMethods, VxeSplitDefines, VxeSplitItemProps, VxeSplitPrivateComputed, SplitPrivateMethods, VxeSplitEmits, VxeSplitConstructor, ValueOf, VxeSplitPrivateMethods } from '../../../types'
 
 export default defineComponent({
   name: 'VxeSplit',
@@ -24,6 +25,7 @@ export default defineComponent({
       type: Boolean as PropType<VxeSplitPropTypes.Padding>,
       default: () => getConfig().split.padding
     },
+    items: Array as PropType<VxeSplitPropTypes.Items>,
     itemConfig: Object as PropType<VxeSplitPropTypes.ItemConfig>,
     barConfig: Object as PropType<VxeSplitPropTypes.BarConfig>,
     actionConfig: Object as PropType<VxeSplitPropTypes.ActionConfig>
@@ -31,6 +33,7 @@ export default defineComponent({
   emits: [
     'action-dblclick',
     'action-click',
+    'toggle-expand',
     'resize-start',
     'resize-drag',
     'resize-end'
@@ -43,7 +46,8 @@ export default defineComponent({
     const refElem = ref<HTMLDivElement>()
 
     const reactData = reactive<SplitReactData>({
-      staticItems: []
+      staticItems: [],
+      itemList: []
     })
 
     const internalData: SplitInternalData = {
@@ -148,8 +152,8 @@ export default defineComponent({
     }
 
     const reset = () => {
-      const { staticItems } = reactData
-      staticItems.forEach(item => {
+      const { itemList } = reactData
+      itemList.forEach(item => {
         item.isExpand = true
         item.isVisible = true
         item.foldHeight = 0
@@ -160,10 +164,50 @@ export default defineComponent({
       return nextTick()
     }
 
+    const handleLoadItem = (list: VxeSplitItemProps[], isReset: boolean) => {
+      const { staticItems } = reactData
+      const itemDef = {
+        isVisible: true,
+        isExpand: true,
+        renderWidth: 0,
+        resizeWidth: 0,
+        foldWidth: 0,
+        renderHeight: 0,
+        resizeHeight: 0,
+        foldHeight: 0
+      }
+      reactData.itemList = list.map(item => {
+        if (item.slots) {
+          XEUtils.each(item.slots, (func) => {
+            if (!XEUtils.isFunction(func)) {
+              if (!slots[func]) {
+                errLog('vxe.error.notSlot', [func])
+              }
+            }
+          })
+        }
+        return Object.assign({}, isReset ? null : itemDef, item, isReset ? itemDef : null, {
+          id: XEUtils.uniqueId()
+        })
+      })
+      if (staticItems.length) {
+        errLog('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items'])
+      }
+      return recalculate()
+    }
+
+    const loadItem = (list: VxeSplitItemProps[]) => {
+      return handleLoadItem(list || [], false)
+    }
+
+    const reloadItem = (list: VxeSplitItemProps[]) => {
+      return handleLoadItem(list || [], true)
+    }
+
     const recalculate = () => {
       return nextTick().then(() => {
         const { vertical } = props
-        const { staticItems } = reactData
+        const { itemList } = reactData
         const el = refElem.value
         if (!el) {
           return
@@ -179,7 +223,7 @@ export default defineComponent({
         const residueItems: VxeSplitDefines.ChunkConfig[] = []
         if (vertical) {
           let countHeight = 0
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const { height } = item
             let itemHeight = 0
             if (height) {
@@ -202,7 +246,7 @@ export default defineComponent({
           }
         } else {
           let countWidth = 0
-          staticItems.forEach(item => {
+          itemList.forEach(item => {
             const { width } = item
             let itemWidth = 0
             if (width) {
@@ -230,7 +274,7 @@ export default defineComponent({
     const dragEvent = (evnt: MouseEvent) => {
       evnt.preventDefault()
       const { vertical } = props
-      const { staticItems } = reactData
+      const { itemList } = reactData
       const barEl = evnt.currentTarget as HTMLDivElement
       const handleEl = barEl.parentElement as HTMLDivElement
       const el = refElem.value
@@ -238,8 +282,8 @@ export default defineComponent({
         return
       }
       const itemId = handleEl.getAttribute('itemid')
-      const itemIndex = XEUtils.findIndexOf(staticItems, item => item.id === itemId)
-      const item = staticItems[itemIndex]
+      const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
+      const item = itemList[itemIndex]
       if (!item) {
         return
       }
@@ -250,7 +294,7 @@ export default defineComponent({
       const itemOpts = computeItemOpts.value
       const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
       const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
-      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)]
+      const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)]
       const targetItemEl = targetItem ? el.querySelector<HTMLDivElement>(`.vxe-split-item[itemid="${targetItem.id}"]`) : null
       const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-item[itemid="${item.id}"]`) : null
       const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0
@@ -326,14 +370,14 @@ export default defineComponent({
         return
       }
       const { vertical } = props
-      const { staticItems } = reactData
+      const { itemList } = reactData
       const isFoldNext = computeIsFoldNext.value
       const btnEl = evnt.currentTarget as HTMLDivElement
       const handleEl = btnEl.parentElement as HTMLDivElement
       const itemId = handleEl.getAttribute('itemid')
-      const itemIndex = XEUtils.findIndexOf(staticItems, item => item.id === itemId)
-      const item = staticItems[itemIndex]
-      const targetItem = staticItems[itemIndex + (isFoldNext ? 1 : -1)]
+      const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
+      const item = itemList[itemIndex]
+      const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)]
       if (item) {
         const { showAction, isExpand } = item
         if (showAction) {
@@ -354,12 +398,42 @@ export default defineComponent({
               item.foldWidth = isExpand ? (targetItem.resizeWidth || targetItem.renderWidth) + (item.resizeWidth || item.renderWidth) : 0
             }
           }
-          dispatchEvent(evnt.type === 'dblclick' ? 'action-dblclick' : 'action-click', { item, name: item.name, targetItem, targetName: targetItem ? targetItem.name : '', expanded: item.isExpand }, evnt)
+          dispatchEvent('toggle-expand', { item, name: item.name, targetItem, targetName: targetItem ? targetItem.name : '', expanded: item.isExpand }, evnt)
           recalculate()
         }
       }
     }
 
+    const handleActionDblclickEvent = (evnt: MouseEvent) => {
+      const { itemList } = reactData
+      const actionOpts = computeActionOpts.value
+      const btnEl = evnt.currentTarget as HTMLDivElement
+      const handleEl = btnEl.parentElement as HTMLDivElement
+      const itemId = handleEl.getAttribute('itemid')
+      const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
+      const item = itemList[itemIndex]
+
+      if (actionOpts.trigger === 'dblclick') {
+        handleItemActionEvent(evnt)
+      }
+      dispatchEvent('action-dblclick', { item, name: item ? item.name : '' }, evnt)
+    }
+
+    const handleActionClickEvent = (evnt: MouseEvent) => {
+      const { itemList } = reactData
+      const actionOpts = computeActionOpts.value
+      const btnEl = evnt.currentTarget as HTMLDivElement
+      const handleEl = btnEl.parentElement as HTMLDivElement
+      const itemId = handleEl.getAttribute('itemid')
+      const itemIndex = XEUtils.findIndexOf(itemList, item => item.id === itemId)
+      const item = itemList[itemIndex]
+
+      if (actionOpts.trigger !== 'dblclick') {
+        handleItemActionEvent(evnt)
+      }
+      dispatchEvent('action-click', { item, name: item ? item.name : '' }, evnt)
+    }
+
     const handleGlobalResizeEvent = () => {
       recalculate()
     }
@@ -367,7 +441,9 @@ export default defineComponent({
     const splitMethods: SplitMethods = {
       dispatchEvent,
       recalculate,
-      reset
+      reset,
+      loadItem,
+      reloadItem
     }
 
     const splitPrivateMethods: SplitPrivateMethods = {
@@ -381,15 +457,6 @@ export default defineComponent({
       const isFoldNext = computeIsFoldNext.value
       const { id, isExpand, showAction } = item
 
-      const btnOns: {
-        onClick?: (evnt: MouseEvent) => void
-        onDblclick?: (evnt: MouseEvent) => void
-      } = {}
-      if (actionOpts.trigger === 'dblclick') {
-        btnOns.onDblclick = handleItemActionEvent
-      } else {
-        btnOns.onClick = handleItemActionEvent
-      }
       return h('div', {
         itemid: id,
         class: ['vxe-split-item-handle', isFoldNext ? 'to--next' : 'to--prev']
@@ -402,7 +469,8 @@ export default defineComponent({
         showAction
           ? h('span', {
             class: 'vxe-split-item-action-btn',
-            ...btnOns
+            onDblclick: handleActionDblclickEvent,
+            onClick: handleActionClickEvent
           }, [
             h('i', {
               class: (isExpand ? actionOpts.openIcon : actionOpts.closeIcon) || getDefaultActionIcon(item)
@@ -414,11 +482,11 @@ export default defineComponent({
 
     const renderItems = () => {
       const { border, padding, vertical } = props
-      const { staticItems } = reactData
+      const { itemList } = reactData
       const isFoldNext = computeIsFoldNext.value
       const itemVNs: VNode[] = []
-      staticItems.forEach((item, index) => {
-        const { id, slots, renderHeight, resizeHeight, foldHeight, renderWidth, resizeWidth, foldWidth, isVisible, isExpand } = item
+      itemList.forEach((item, index) => {
+        const { id, name, slots, renderHeight, resizeHeight, foldHeight, renderWidth, resizeWidth, foldWidth, isVisible, isExpand } = item
         const defaultSlot = slots ? slots.default : null
         const stys: Record<string, string | number> = {}
         const itemWidth = isVisible ? (foldWidth || resizeWidth || renderWidth) : 0
@@ -454,9 +522,9 @@ export default defineComponent({
             }, [
               h('div', {
                 class: 'vxe-split-item--inner'
-              }, defaultSlot ? callSlot(defaultSlot, { }) : [])
+              }, defaultSlot ? callSlot(defaultSlot, { name, isVisible, isExpand }) : [])
             ]),
-            isFoldNext && index < staticItems.length - 1 ? renderHandleBar(item) : renderEmptyElement($xeSplit)
+            isFoldNext && index < itemList.length - 1 ? renderHandleBar(item) : renderEmptyElement($xeSplit)
           ])
         )
       })
@@ -487,7 +555,22 @@ export default defineComponent({
       ])
     }
 
-    watch(() => reactData.staticItems, () => {
+    const itemFlag = ref(0)
+    watch(() => props.items ? props.items.length : -1, () => {
+      itemFlag.value++
+    })
+    watch(() => props.items, () => {
+      itemFlag.value++
+    })
+    watch(itemFlag, () => {
+      loadItem(props.items || [])
+    })
+
+    watch(() => reactData.staticItems, (val) => {
+      if (props.items && props.items.length) {
+        errLog('vxe.error.errConflicts', ['<vxe-split-item ...>', 'items'])
+      }
+      reactData.itemList = val
       recalculate()
     })
 
@@ -507,6 +590,10 @@ export default defineComponent({
       recalculate()
     })
 
+    if (props.items) {
+      loadItem(props.items)
+    }
+
     provide('$xeSplit', $xeSplit)
 
     $xeSplit.renderVN = renderVN

package/packages/upload/src/upload.ts

@@ -280,7 +280,7 @@ export default defineComponent({
       return ''
     })
 
-    const computedDefHintText = computed(() => {
+    const computedDefTipText = computed(() => {
       const { limitSize, fileTypes, multiple, limitCount } = props
       const tipText = props.tipText || props.hintText
       const isImage = computeIsImage.value
@@ -288,26 +288,26 @@ export default defineComponent({
       if (XEUtils.isString(tipText)) {
         return tipText
       }
-      const defHints: string[] = []
+      const defTips: string[] = []
       if (isImage) {
         if (multiple && limitCount) {
-          defHints.push(getI18n('vxe.upload.imgCountHint', [limitCount]))
+          defTips.push(getI18n('vxe.upload.imgCountHint', [limitCount]))
         }
         if (limitSize && limitSizeUnit) {
-          defHints.push(getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]))
+          defTips.push(getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]))
         }
       } else {
         if (fileTypes && fileTypes.length) {
-          defHints.push(getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]))
+          defTips.push(getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]))
         }
         if (limitSize && limitSizeUnit) {
-          defHints.push(getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]))
+          defTips.push(getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]))
         }
         if (multiple && limitCount) {
-          defHints.push(getI18n('vxe.upload.fileCountHint', [limitCount]))
+          defTips.push(getI18n('vxe.upload.fileCountHint', [limitCount]))
         }
       }
-      return defHints.join(getI18n('vxe.base.comma'))
+      return defTips.join(getI18n('vxe.base.comma'))
     })
 
     const computeImageOpts = computed(() => {
@@ -1244,7 +1244,7 @@ export default defineComponent({
       const { showUploadButton, buttonText, buttonIcon, showButtonText, showButtonIcon, autoHiddenButton } = props
       const isDisabled = computeIsDisabled.value
       const formReadonly = computeFormReadonly.value
-      const defHintText = computedDefHintText.value
+      const defTipText = computedDefTipText.value
       const overCount = computeOverCount.value
       const defaultSlot = slots.default
       const tipSlot = slots.tip || slots.hint
@@ -1270,10 +1270,10 @@ export default defineComponent({
                   disabled: isDisabled
                 })
               ]),
-        isMoreView && (defHintText || tipSlot)
+        defTipText || tipSlot
           ? h('div', {
             class: 'vxe-upload--file-action-tip'
-          }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : defHintText)
+          }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : defTipText)
           : createCommentVNode()
       ])
     }
@@ -1467,11 +1467,11 @@ export default defineComponent({
     const renderImageAction = (isMoreView: boolean) => {
       const { showUploadButton, buttonText, buttonIcon, showButtonText, showButtonIcon, autoHiddenButton } = props
       const formReadonly = computeFormReadonly.value
-      const defHintText = computedDefHintText.value
+      const defTipText = computedDefTipText.value
       const overCount = computeOverCount.value
       const imgStyle = computeImgStyle.value
       const defaultSlot = slots.default
-      const hintSlot = slots.hint
+      const tipSlot = slots.tip || slots.hint
 
       if (formReadonly || !showUploadButton || (autoHiddenButton && overCount)) {
         return createCommentVNode()
@@ -1504,10 +1504,10 @@ export default defineComponent({
                     class: 'vxe-upload--image-action-content'
                   }, buttonText ? `${buttonText}` : getI18n('vxe.upload.imgBtnText'))
                   : createCommentVNode(),
-                isMoreView && (defHintText || hintSlot)
+                defTipText || tipSlot
                   ? h('div', {
                     class: 'vxe-upload--image-action-hint'
-                  }, hintSlot ? getSlotVNs(hintSlot({ $upload: $xeUpload })) : defHintText)
+                  }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : defTipText)
                   : createCommentVNode()
               ])
             ])

package/styles/components/upload.scss

@@ -321,7 +321,7 @@
   user-select: none;
 }
 .vxe-upload--image-action-hint {
-  font-size: 12px;
+  font-size: 0.8em;
   word-break: break-all;
   color: var(--vxe-ui-input-placeholder-color);
 }

package/types/components/carousel.d.ts

@@ -101,13 +101,23 @@ export namespace VxeCarouselDefines {
     className: VxeCarouselItemPropTypes.ClassName | undefined
     slots: VxeCarouselItemSlots
   }
+
+  export interface ChangeEventParams extends CarouselEventParams {
+    value: VxeCarouselPropTypes.ModelValue
+  }
 }
 
-export type VxeCarouselEventProps = {}
+export type VxeCarouselEventProps = {
+  onChange?: VxeCarouselEvents.Change
+}
 
-export interface VxeCarouselListeners { }
+export interface VxeCarouselListeners {
+  change?: VxeCarouselEvents.Change
+}
 
-export namespace VxeCarouselEvents { }
+export namespace VxeCarouselEvents {
+  export type Change = (params: VxeCarouselDefines.ChangeEventParams) => void
+}
 
 export namespace VxeCarouselSlotTypes {
   export interface DefaultSlotParams {}

package/types/components/collapse.d.ts

@@ -68,20 +68,39 @@ export interface VxeCollapsePrivateMethods extends CollapsePrivateMethods { }
 export type VxeCollapseEmits = [
   'update:modelValue',
   'load',
-  'change'
+  'change',
+  'toggle-expand',
 ]
 
 export namespace VxeCollapseDefines {
   export interface CollapseEventParams extends VxeComponentEventParams {
     $collapse: VxeCollapseConstructor
   }
+  export interface ChangeEventParams extends CollapseEventParams {
+    value: (string | number)[]
+    name: VxeCollapsePanePropTypes.Name
+  }
+  export interface ToggleExpandEventParams extends CollapseEventParams {
+    value: (string | number)[]
+    name: VxeCollapsePanePropTypes.Name
+    expanded: boolean
+  }
 }
 
-export type VxeCollapseEventProps = {}
+export type VxeCollapseEventProps = {
+  onChange?: VxeCollapseEvents.Change
+  onToggleExpand?: VxeCollapseEvents.ToggleExpand
+}
 
-export interface VxeCollapseListeners { }
+export interface VxeCollapseListeners {
+  change?: VxeCollapseEvents.Change
+  onToggleExpand?: VxeCollapseEvents.ToggleExpand
+}
 
-export namespace VxeCollapseEvents { }
+export namespace VxeCollapseEvents {
+  export type Change = (params: VxeCollapseDefines.ChangeEventParams) => void
+  export type ToggleExpand = (params: VxeCollapseDefines.ToggleExpandEventParams) => void
+}
 
 export namespace VxeCollapseSlotTypes {
   export interface DefaultSlotParams {}

package/types/components/split-item.d.ts

@@ -82,6 +82,9 @@ export namespace VxeSplitItemEvents {
 
 export namespace VxeSplitItemSlotTypes {
   export interface DefaultSlotParams {
+    name: VxeSplitItemPropTypes.Name
+    isVisible: boolean
+    isExpand: boolean
   }
 }
 

package/types/components/split.d.ts

@@ -29,6 +29,7 @@ export namespace VxeSplitPropTypes {
   export type Padding = boolean
   export type Vertical = boolean
   export type Border = boolean
+  export type Items = VxeSplitItemProps[]
   export interface ItemConfig {
     minWidth?: string | number
     minHeight?: string | number
@@ -63,13 +64,41 @@ export namespace VxeSplitPropTypes {
 }
 
 export type VxeSplitProps = {
+  /**
+   * 高度
+   */
   height?: VxeSplitPropTypes.Height
+  /**
+   * 宽度
+   */
   width?: VxeSplitPropTypes.Width
+  /**
+   * 显示边距
+   */
   padding?: VxeSplitPropTypes.Padding
+  /**
+   * 使用垂直布局
+   */
   vertical?: VxeSplitPropTypes.Vertical
+  /**
+   * 是否带有边框
+   */
   border?: VxeSplitPropTypes.Border
+  /**
+   * 面板列表
+   */
+  items?: VxeSplitPropTypes.Items
+  /**
+   * 面板的配置项
+   */
   itemConfig?: VxeSplitPropTypes.ItemConfig
+  /**
+   * 拖动条配置项
+   */
   barConfig?: VxeSplitPropTypes.BarConfig
+  /**
+   * 折叠按钮配置项
+   */
   actionConfig?: VxeSplitPropTypes.ActionConfig
 }
 
@@ -83,6 +112,7 @@ export interface VxeSplitPrivateComputed extends SplitPrivateComputed { }
 
 export interface SplitReactData {
   staticItems: VxeSplitDefines.ChunkConfig[]
+  itemList: VxeSplitDefines.ChunkConfig[]
 }
 
 export interface SplitInternalData {
@@ -90,8 +120,22 @@ export interface SplitInternalData {
 
 export interface SplitMethods {
   dispatchEvent(type: ValueOf<VxeSplitEmits>, params: Record<string, any>, evnt: Event | null): void
+  /**
+   * 重新计算布局
+   */
   recalculate(): Promise<void>
+  /**
+   * 重置面板
+   */
   reset(): Promise<void>
+  /**
+   * 加载面板配置
+   */
+  loadItem(list: VxeSplitItemProps[]): Promise<void>
+  /**
+   * 重新加载面板配置，区别就是会重置
+   */
+  reloadItem(list: VxeSplitItemProps[]): Promise<void>
 }
 export interface VxeSplitMethods extends SplitMethods { }
 
@@ -101,6 +145,7 @@ export interface VxeSplitPrivateMethods extends SplitPrivateMethods { }
 export type VxeSplitEmits = [
   'action-dblclick',
   'action-click',
+  'toggle-expand',
   'resize-start',
   'resize-drag',
   'resize-end'
@@ -126,11 +171,15 @@ export namespace VxeSplitDefines {
   export interface ActionClickEventParams extends SplitEventParams {
     item: ChunkConfig
     name: VxeSplitItemPropTypes.Name
+  }
+  export interface ActionDblclickEventParams extends ActionClickEventParams {}
+  export interface ToggleExpandEventParams extends SplitEventParams {
+    item: ChunkConfig
+    name: VxeSplitItemPropTypes.Name
     targetItem: ChunkConfig
     targetName: VxeSplitItemPropTypes.Name
     expanded: boolean
   }
-  export interface ActionDblclickEventParams extends ActionClickEventParams {}
   export interface ResizeStartEventParams extends SplitEventParams {
     item: ChunkConfig
     name: VxeSplitItemPropTypes.Name
@@ -154,6 +203,7 @@ export namespace VxeSplitDefines {
 export type VxeSplitEventProps = {
   onActionDblclick?: VxeSplitEvents.ActionDblclick
   onActionClick?: VxeSplitEvents.ActionClick
+  onToggleExpand?: VxeSplitEvents.ToggleExpand
   onResizeStart?: VxeSplitEvents.ResizeStart
   onResizeDrag?: VxeSplitEvents.ResizeDrag
   onResizeEnd?: VxeSplitEvents.ResizeEnd
@@ -162,6 +212,7 @@ export type VxeSplitEventProps = {
 export interface VxeSplitListeners {
   actionDblclick?: VxeSplitEvents.ActionDblclick
   actionClick?: VxeSplitEvents.ActionClick
+  toggleExpand?: VxeSplitEvents.ToggleExpand
   resizeStart?: VxeSplitEvents.ResizeStart
   resizeDrag?: VxeSplitEvents.ResizeDrag
   resizeEnd?: VxeSplitEvents.ResizeEnd
@@ -170,6 +221,7 @@ export interface VxeSplitListeners {
 export namespace VxeSplitEvents {
   export type ActionDblclick = (params: VxeSplitDefines.ActionDblclickEventParams) => void
   export type ActionClick = (params: VxeSplitDefines.ActionClickEventParams) => void
+  export type ToggleExpand = (params: VxeSplitDefines.ToggleExpandEventParams) => void
   export type ResizeStart = (params: VxeSplitDefines.ResizeStartEventParams) => void
   export type ResizeDrag = (params: VxeSplitDefines.ResizeDragEventParams) => void
   export type ResizeEnd = (params: VxeSplitDefines.ResizeEndEventParams) => void
@@ -181,6 +233,15 @@ export namespace VxeSplitSlotTypes {
 }
 
 export interface VxeSplitSlots {
+  /**
+   * 自定义插槽模板
+   */
+  [key: string]: ((params: {
+    name: VxeSplitItemPropTypes.Name
+    isVisible: boolean
+    isExpand: boolean
+  }) => any) | undefined
+
   default?: (params: VxeSplitSlotTypes.DefaultSlotParams) => any
 }