vxe-pc-ui 4.4.1 → 4.4.3

package/packages/tree-select/src/tree-select.ts

@@ -386,7 +386,7 @@ export default defineComponent({
 
     const hideOptionPanel = () => {
       reactData.visiblePanel = false
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false
       }, 350)
     }

package/packages/ui/index.ts

@@ -374,6 +374,7 @@ setIcon({
   SELECT_LOADED: iconPrefix + 'spinner roll',
   SELECT_OPEN: iconPrefix + 'caret-down rotate180',
   SELECT_CLOSE: iconPrefix + 'caret-down',
+  ADD_OPTION: iconPrefix + 'add',
 
   // icon-picker
   ICON_PICKER_OPEN: iconPrefix + 'caret-down rotate180',

package/styles/components/select.scss

@@ -129,6 +129,7 @@
 }
 
 .vxe-select-option {
+  position: relative;
   padding: 0 0.6em;
   max-width: 600px;
   white-space: nowrap;
@@ -137,6 +138,17 @@
   white-space: nowrap;
   user-select: none;
   cursor: pointer;
+  &.is--add {
+    padding-right: 2em;
+    &:hover {
+      .vxe-select-option--add-icon {
+        color: var(--vxe-ui-font-primary-color);
+      }
+    }
+    .vxe-select-option--add-icon {
+      display: block;
+    }
+  }
   &.is--selected {
     color: var(--vxe-ui-font-primary-color);
   }
@@ -156,6 +168,13 @@
   cursor: default;
 }
 
+.vxe-select-option--add-icon {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0.6em;
+}
+
 .vxe-select--search-icon {
   margin-right: 0.5em;
 }

package/types/components/select.d.ts

@@ -43,6 +43,7 @@ export namespace VxeSelectPropTypes {
   export type Multiple = boolean
   export type MultiCharOverflow = number | string
   export type PrefixIcon = string
+  export type AllowCreate = boolean
   export type Placement = 'top' | 'bottom' | ''
   export type Options = VxeSelectDefines.SelectOptions[]
   export type OptionProps = {
@@ -107,6 +108,7 @@ export interface VxeSelectProps {
   multiple?: VxeSelectPropTypes.Multiple
   multiCharOverflow?: VxeSelectPropTypes.MultiCharOverflow
   prefixIcon?: VxeSelectPropTypes.PrefixIcon
+  allowCreate?: VxeSelectPropTypes.AllowCreate
   placement?: VxeSelectPropTypes.Placement
   options?: VxeSelectPropTypes.Options
   optionProps?: VxeSelectPropTypes.OptionProps
@@ -164,6 +166,7 @@ export interface SelectInternalData {
   isLoaded?: boolean
   synchData: any[]
   fullData: any[]
+  optAddMaps: Record<string, any>
   optGroupKeyMaps: Record<string, any>
   optFullValMaps: Record<string, VxeSelectDefines.OptCacheItem>
   remoteValMaps: Record<string, VxeSelectDefines.OptCacheItem>
@@ -241,7 +244,8 @@ export type VxeSelectEmits = [
   'blur',
   'focus',
   'click',
-  'scroll'
+  'scroll',
+  'visible-change'
 ]
 
 export namespace VxeSelectDefines {
@@ -290,8 +294,14 @@ export namespace VxeSelectDefines {
 
   export interface FocusEventParams extends SelectEventParams { }
   export interface BlurEventParams extends SelectEventParams { }
-  export interface ClickEventParams extends SelectEventParams { }
+  export interface ClickEventParams extends SelectEventParams {
+    triggerButton: boolean
+    visible: boolean
+  }
   export interface ScrollEventParams extends SelectEventParams { }
+  export interface VisibleChangeEventParams extends SelectEventParams {
+    visible: boolean
+  }
 }
 
 export type VxeSelectEventProps = {
@@ -301,6 +311,7 @@ export type VxeSelectEventProps = {
   onBlur?: VxeSelectEvents.Blur
   onClick?: VxeSelectEvents.Click
   onScroll?: VxeSelectEvents.Scroll
+  onVisibleChange?: VxeSelectEvents.VisibleChange
 }
 
 export interface VxeSelectListeners {
@@ -310,6 +321,7 @@ export interface VxeSelectListeners {
   blur?: VxeSelectEvents.Blur
   click?: VxeSelectEvents.Click
   scroll?: VxeSelectEvents.Scroll
+  visibleChange?: VxeSelectEvents.VisibleChange
 }
 
 export namespace VxeSelectEvents {
@@ -319,6 +331,7 @@ export namespace VxeSelectEvents {
   export type Blur = (params: VxeSelectDefines.BlurEventParams) => void
   export type Click = (params: VxeSelectDefines.ClickEventParams) => void
   export type Scroll = (params: VxeSelectDefines.ScrollEventParams) => void
+  export type VisibleChange = (params: VxeSelectDefines.VisibleChangeEventParams) => void
 }
 
 export namespace VxeSelectSlotTypes {

package/types/ui/global-icon.d.ts

@@ -60,6 +60,7 @@ declare module '@vxe-ui/core' {
     SELECT_LOADED?: string
     SELECT_OPEN?: string
     SELECT_CLOSE?: string
+    ADD_OPTION?: string
 
     // icon-picker
     ICON_PICKER_OPEN?: string