vxe-pc-ui 4.7.5 → 4.7.6

package/styles/components/tree.scss

@@ -4,7 +4,6 @@
   position: relative;
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
-  overflow: auto;
   &.node--trigger {
     .vxe-tree--node-item {
       cursor: pointer;
@@ -58,21 +57,6 @@
     }
   }
   &.show--line {
-    .vxe-tree--node-list-wrapper {
-      position: relative;
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0.7em;
-        top: calc(var(--vxe-ui-tree-node-height) / 2);
-        height: calc(100% - var(--vxe-ui-tree-node-height));
-        border-left-width: var(--vxe-ui-tree-node-line-width);
-        border-left-style: var(--vxe-ui-tree-node-line-style);
-        border-left-color: var(--vxe-ui-tree-node-line-color);
-        pointer-events: none;
-        z-index: 5;
-      }
-    }
     .vxe-tree--node-child-line {
       position: absolute;
       top: 0;
@@ -85,23 +69,30 @@
       pointer-events: none;
       z-index: 5;
     }
-    .vxe-tree--node-item-switcher {
-      position: relative;
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0.8em;
-        top: 50%;
-        width: 0.5em;
-        border-bottom-width: var(--vxe-ui-tree-node-line-width);
-        border-bottom-style: var(--vxe-ui-tree-node-line-style);
-        border-bottom-color: var(--vxe-ui-tree-node-line-color);
-        pointer-events: none;
-        z-index: 5;
-      }
-    }
   }
 }
+
+.vxe-tree--node-line-wrapper {
+  position: relative;
+  display: block;
+  height: 0;
+}
+.vxe-tree--node-line {
+  position: absolute;
+  bottom: calc(var(--vxe-ui-tree-node-height) / 2 * -1);
+  left: 0.6em;
+  width: 0.6em;
+  border-width: 0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width);
+  border-style: var(--vxe-ui-tree-node-line-style);
+  border-color: var(--vxe-ui-tree-node-line-color);
+  pointer-events: none;
+}
+
+.vxe-tree--node-list-wrapper {
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
 .vxe-tree--node-child-wrapper {
   position: relative;
 }
@@ -155,6 +146,12 @@
   @include baseMixin.createRadioIcon();
 }
 
+.vxe-tree--empty-placeholder {
+  padding: 1.4em 0.6em 0 0.6em;
+  text-align: center;
+  color: var(--vxe-ui-input-placeholder-color);
+}
+
 .vxe-tree {
   font-size: var(--vxe-ui-font-size-default);
   &.size--medium {

package/types/components/button.d.ts

@@ -49,8 +49,18 @@ export namespace VxeButtonPropTypes {
    */
   export type Icon = string
   export interface IconRender {
+    /**
+     * 渲染器名称
+     */
     name: string
-    props?: Record<string, any>
+    /**
+     * 目标组件渲染的参数
+     */
+    props?: { [key: string]: any }
+    /**
+     * 目标组件渲染的事件
+     */
+    events?: { [key: string]: (...args: any[]) => any }
   }
   export type PrefixIcon = string
   export interface PrefixRender extends IconRender {}

package/types/components/grid.d.ts

@@ -131,7 +131,12 @@ export namespace VxeGridPropTypes {
     message?: boolean
     showLoading?: boolean
     showResponseMsg?: boolean
+    /**
+     * 已废弃，请使用 showActionMsg
+     * @deprecated
+     */
     showActiveMsg?: boolean
+    showActionMsg?: boolean
     seq?: boolean
     sort?: boolean
     filter?: boolean

package/types/components/icon-picker.d.ts

@@ -123,8 +123,18 @@ export namespace VxeIconPickerDefines {
   }
 
   export interface OptionIconRender {
+    /**
+     * 渲染器名称
+     */
     name: string
-    props?: Record<string, any>
+    /**
+     * 目标组件渲染的参数
+     */
+    props?: { [key: string]: any }
+    /**
+     * 目标组件渲染的事件
+     */
+    events?: { [key: string]: (...args: any[]) => any }
   }
 
   export interface IconItemObj {

package/types/components/input.d.ts

@@ -1,5 +1,5 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, ValueOf, VxeComponentStyleType, VxeComponentAlignType, VxeComponentSizeType } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentStyleType, VxeComponentAlignType, VxeComponentSizeType } from '@vxe-ui/core'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -281,7 +281,7 @@ export namespace VxeInputDefines {
     date: Date
   }
 
-  interface InputKeyboardEventParams {
+  interface InputKeyboardEventParams extends VxeComponentEventParams {
     $input: VxeInputConstructor
     $event: KeyboardEvent
   }

package/types/components/select.d.ts

@@ -38,6 +38,9 @@ export namespace VxeSelectPropTypes {
   export type Readonly = boolean
   export type Loading = boolean
   export type Disabled = boolean
+  export type ShowTotalButoon = boolean
+  export type ShowCheckedButoon = boolean
+  export type ShowClearButton = boolean
   export type ClassName = string | ((params: { $select: VxeSelectConstructor }) => string)
   export type PopupClassName = string | ((params: { $select: VxeSelectConstructor }) => string)
   export type Multiple = boolean
@@ -66,11 +69,6 @@ export namespace VxeSelectPropTypes {
     value: ModelValue | undefined
   }) => boolean
   export type Remote = boolean
-  /**
-   * 已废弃，被 remote-config.queryMethod 替换
-   * @deprecated
-   */
-  export type RemoteMethod = (params: { searchValue: string }) => Promise<void> | void
 
   export interface RemoteConfig {
     /**
@@ -104,29 +102,6 @@ export namespace VxeSelectPropTypes {
   export type OptionKey = boolean
   export type Transfer = boolean
 
-  /**
-   * 已被 VirtualYConfig 替换
-   * @deprecated
-   */
-  export interface ScrollY {
-    /**
-     * 指定大于指定行时自动启动纵向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭
-     */
-    gt?: number
-    /**
-     * 指定每次渲染的数据偏移量，偏移量越大渲染次数就越少，但每次渲染耗时就越久
-     */
-    oSize?: number
-    /**
-     * 指定列表项的 className
-     */
-    sItem?: string
-    /**
-     * 是否启用
-     */
-    enabled?: boolean
-  }
-
   export interface VirtualYConfig {
     /**
      * 指定大于指定行时自动启动纵向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭
@@ -136,16 +111,22 @@ export namespace VxeSelectPropTypes {
      * 指定每次渲染的数据偏移量，偏移量越大渲染次数就越少，但每次渲染耗时就越久
      */
     oSize?: number
-    /**
-     * 指定列表项的 className
-     */
-    sItem?: string
     /**
      * 是否启用
      */
     enabled?: boolean
-
   }
+
+  /**
+   * 已废弃，被 remote-config.queryMethod 替换
+   * @deprecated
+   */
+  export type RemoteMethod = (params: { searchValue: string }) => Promise<void> | void
+  /**
+   * 已被 VirtualYConfig 替换
+   * @deprecated
+   */
+  export interface ScrollY extends VirtualYConfig {}
 }
 
 export interface VxeSelectProps {
@@ -157,6 +138,9 @@ export interface VxeSelectProps {
   readonly?: VxeSelectPropTypes.Readonly
   loading?: VxeSelectPropTypes.Loading
   disabled?: VxeSelectPropTypes.Disabled
+  showTotalButoon?: VxeSelectPropTypes.ShowTotalButoon
+  showCheckedButoon?: VxeSelectPropTypes.ShowCheckedButoon
+  showClearButton?: VxeSelectPropTypes.ShowClearButton
   className?: VxeSelectPropTypes.ClassName
   popupClassName?: VxeSelectPropTypes.PopupClassName
   multiple?: VxeSelectPropTypes.Multiple
@@ -173,13 +157,16 @@ export interface VxeSelectProps {
   filterable?: VxeSelectPropTypes.Filterable
   filterMethod?: VxeSelectPropTypes.FilterMethod
   remote?: VxeSelectPropTypes.Remote
+  remoteConfig?: VxeSelectPropTypes.RemoteConfig
+  max?: VxeSelectPropTypes.Max
+  transfer?: VxeSelectPropTypes.Transfer
+  virtualYConfig?: VxeSelectPropTypes.VirtualYConfig
+
   /**
    * 已废弃，被 remote-config.queryMethod 替换
    * @deprecated
    */
   remoteMethod?: VxeSelectPropTypes.RemoteMethod
-  remoteConfig?: VxeSelectPropTypes.RemoteConfig
-  max?: VxeSelectPropTypes.Max
   /**
    * 已废弃，被 option-config.keyField 替换
    * @deprecated
@@ -190,9 +177,6 @@ export interface VxeSelectProps {
    * @deprecated
    */
   optionKey?: VxeSelectPropTypes.OptionKey
-  transfer?: VxeSelectPropTypes.Transfer
-  virtualYConfig?: VxeSelectPropTypes.VirtualYConfig
-
   /**
    * 已废弃，被 virtual-y-config 替换
    * @deprecated
@@ -210,7 +194,6 @@ export interface SelectReactData {
   bodyHeight: number
   topSpaceHeight: number
   optList: any[]
-  afterVisibleList: any[]
   staticOptions: any[]
   reactFlag: number
 
@@ -231,6 +214,7 @@ export interface SelectInternalData {
   isLoaded?: boolean
   synchData: any[]
   fullData: any[]
+  afterVisibleList: any[]
   optAddMaps: Record<string, any>
   optGroupKeyMaps: Record<string, any>
   optFullValMaps: Record<string, VxeSelectDefines.OptCacheItem>
@@ -305,6 +289,7 @@ export interface VxeSelectPrivateMethods extends SelectPrivateMethods { }
 export type VxeSelectEmits = [
   'update:modelValue',
   'change',
+  'all-change',
   'clear',
   'blur',
   'focus',
@@ -352,6 +337,7 @@ export namespace VxeSelectDefines {
   export interface ChangeEventParams extends SelectEventParams {
     value: any
   }
+  export interface AllChangeEventParams extends ChangeEventParams {}
 
   export interface ClearEventParams extends SelectEventParams {
     value: any
@@ -372,6 +358,7 @@ export namespace VxeSelectDefines {
 export type VxeSelectEventProps = {
   'onUpdate:modelValue'?: VxeSelectEvents.UpdateModelValue
   onChange?: VxeSelectEvents.Change
+  onAllChange?: VxeSelectEvents.AllChange
   onClear?: VxeSelectEvents.Clear
   onFocus?: VxeSelectEvents.Focus
   onBlur?: VxeSelectEvents.Blur
@@ -383,6 +370,7 @@ export type VxeSelectEventProps = {
 export interface VxeSelectListeners {
   'update:modelValue'?: VxeSelectEvents.UpdateModelValue
   change?: VxeSelectEvents.Change
+  allChange?: VxeSelectEvents.AllChange
   clear?: VxeSelectEvents.Clear
   focus?: VxeSelectEvents.Focus
   blur?: VxeSelectEvents.Blur
@@ -394,6 +382,7 @@ export interface VxeSelectListeners {
 export namespace VxeSelectEvents {
   export type UpdateModelValue = (modelValue: VxeSelectPropTypes.ModelValue) => void
   export type Change = (params: VxeSelectDefines.ChangeEventParams) => void
+  export type AllChange = (params: VxeSelectDefines.AllChangeEventParams) => void
   export type Clear = (params: VxeSelectDefines.ClearEventParams) => void
   export type Focus = (params: VxeSelectDefines.FocusEventParams) => void
   export type Blur = (params: VxeSelectDefines.BlurEventParams) => void

package/types/components/tree-select.d.ts

@@ -1,6 +1,6 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
-import { VxeTreeProps } from './tree'
+import { VxeTreeProps, VxeTreePropTypes } from './tree'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -31,6 +31,11 @@ export namespace VxeTreeSelectPropTypes {
   export type Readonly = boolean
   export type Loading = boolean
   export type Disabled = boolean
+  export type AutoClose = boolean
+  export type ShowTotalButoon = boolean
+  export type ShowCheckedButoon = boolean
+  export type ShowExpandButton = boolean
+  export type ShowClearButton = boolean
   export type ClassName = string | ((params: { $treeSelect: VxeTreeSelectConstructor }) => string)
   /**
    * 已废弃，请使用 VxeTreeSelectPropTypes.PopupConfig
@@ -40,6 +45,8 @@ export namespace VxeTreeSelectPropTypes {
   export type Multiple = boolean
   export type PrefixIcon = string
   export type Placement = 'top' | 'bottom'
+  export type Filterable = boolean
+  export type FilterConfig = VxeTreePropTypes.FilterConfig
   export interface Option {
     value?: string | number
     label?: string | number
@@ -47,7 +54,7 @@ export namespace VxeTreeSelectPropTypes {
 
     [key: string]: any
   }
-  export type Options = Option[]
+  export type Options<D = Option> = D[]
   export interface OptionProps {
     value?: string
     label?: string
@@ -64,7 +71,30 @@ export namespace VxeTreeSelectPropTypes {
     parent?: string
   }
   export type Remote = boolean
+  /**
+   * 已废弃，被 remote-config.queryMethod 替换
+   * @deprecated
+   */
   export type RemoteMethod = (params: { searchValue: string }) => Promise<void> | void
+  export interface RemoteConfig {
+    /**
+     * 是否启用
+     */
+    enabled?: boolean
+    /**
+     * 当列表为空时，是否默认自动调用远程查询方法
+     */
+    autoLoad?: boolean
+    /**
+     * 远程查询方法
+     */
+    queryMethod?(params: {
+      $treeSelect: VxeTreeSelectConstructor
+      searchValue: string
+      value: ModelValue | undefined
+    }): Promise<void> | void
+  }
+
   export type Transfer = boolean
   export interface PopupConfig {
     width?: number | string
@@ -72,6 +102,21 @@ export namespace VxeTreeSelectPropTypes {
     className?: string | ((params: { $treeSelect: VxeTreeSelectConstructor }) => string)
   }
   export type TreeConfig<D = any> = Omit<VxeTreeProps<D>, 'data' | 'size'>
+
+  export interface VirtualYConfig {
+    /**
+     * 指定大于指定行时自动启动纵向虚拟滚动，如果为 0 则总是启用，如果为 -1 则关闭
+     */
+    gt?: number
+    /**
+     * 指定每次渲染的数据偏移量，偏移量越大渲染次数就越少，但每次渲染耗时就越久
+     */
+    oSize?: number
+    /**
+     * 是否启用
+     */
+    enabled?: boolean
+  }
 }
 
 export interface VxeTreeSelectProps<D = any> {
@@ -82,18 +127,31 @@ export interface VxeTreeSelectProps<D = any> {
   readonly?: VxeTreeSelectPropTypes.Readonly
   loading?: VxeTreeSelectPropTypes.Loading
   disabled?: VxeTreeSelectPropTypes.Disabled
+  autoClose?: VxeTreeSelectPropTypes.AutoClose
+  showTotalButoon?: VxeTreeSelectPropTypes.ShowTotalButoon
+  showCheckedButoon?: VxeTreeSelectPropTypes.ShowCheckedButoon
+  showClearButton?: VxeTreeSelectPropTypes.ShowClearButton
+  showExpandButton?: VxeTreeSelectPropTypes.ShowExpandButton
   className?: VxeTreeSelectPropTypes.ClassName
   multiple?: VxeTreeSelectPropTypes.Multiple
   prefixIcon?: VxeTreeSelectPropTypes.PrefixIcon
   placement?: VxeTreeSelectPropTypes.Placement
-  options?: VxeTreeSelectPropTypes.Options
+  filterable?: VxeTreeSelectPropTypes.Filterable
+  filterConfig?: VxeTreeSelectPropTypes.FilterConfig
+  options?: VxeTreeSelectPropTypes.Options<D>
   optionProps?: VxeTreeSelectPropTypes.OptionProps
   remote?: VxeTreeSelectPropTypes.Remote
-  remoteMethod?: VxeTreeSelectPropTypes.RemoteMethod
+  remoteConfig?: VxeTreeSelectPropTypes.RemoteConfig
   transfer?: VxeTreeSelectPropTypes.Transfer
   popupConfig?: VxeTreeSelectPropTypes.PopupConfig
   treeConfig?: VxeTreeSelectPropTypes.TreeConfig<D>
+  virtualYConfig?: VxeTreeSelectPropTypes.VirtualYConfig
 
+  /**
+   * 已废弃，被 remote-config.queryMethod 替换
+   * @deprecated
+   */
+  remoteMethod?: VxeTreeSelectPropTypes.RemoteMethod
   /**
    * 已废弃，请使用 popup-config.className
    * @deprecated
@@ -107,14 +165,8 @@ export interface VxeTreeSelectPrivateComputed extends TreeSelectPrivateComputed
 
 export interface TreeSelectReactData {
   initialized: boolean
-  fullOptionList: any[]
-  fullNodeMaps: Record<string, {
-    item: any
-    index: number
-    items: any[]
-    parent: any
-    nodes: any[]
-  }>
+  searchValue: string
+  searchLoading: boolean
   panelIndex: number
   panelStyle: any
   panelPlacement: any
@@ -126,6 +178,14 @@ export interface TreeSelectReactData {
 
 export interface TreeSelectInternalData {
   hpTimeout?: undefined | number
+  fullOptionList: any[]
+  fullNodeMaps: Record<string, {
+    item: any
+    index: number
+    items: any[]
+    parent: any
+    nodes: any[]
+  }>
 }
 
 export interface TreeSelectMethods {
@@ -139,6 +199,7 @@ export interface VxeTreeSelectPrivateMethods extends TreeSelectPrivateMethods {
 export type VxeTreeSelectEmits = [
   'update:modelValue',
   'change',
+  'all-change',
   'clear',
   'blur',
   'focus',