vxe-pc-ui 3.18.3 → 3.18.5

package/packages/space/src/space.ts

@@ -22,6 +22,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       type: Boolean as PropType<VxeSpacePropTypes.Wrap>,
       default: () => getConfig().space.wrap
     },
+    width: [Number, String] as PropType<VxeSpacePropTypes.Width>,
     gap: {
       type: [Number, String, Array, Object] as PropType<VxeSpacePropTypes.Gap>,
       default: () => getConfig().space.gap
@@ -82,11 +83,11 @@ export default /* define-vxe-component start */ defineVxeComponent({
       computePermissionInfo(): VxeComponentPermissionInfo
       computeSize(): VxeComponentSizeType
     }),
-    computeWrapperStyle () {
+    computeCurrStyle () {
       const $xeSpace = this
       const props = $xeSpace
 
-      const { align, gap } = props
+      const { align, gap, width } = props
       const stys: VxeComponentStyleType = {}
       let rowGap: string | number = ''
       let columGap: string | number = ''
@@ -102,6 +103,9 @@ export default /* define-vxe-component start */ defineVxeComponent({
           columGap = gap.columGap || ''
         }
       }
+      if (width) {
+        stys.width = toCssUnit(width)
+      }
       if (align) {
         stys['align-items'] = align
       }
@@ -174,7 +178,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const props = $xeSpace
 
       const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props
-      const wrapperStyle = $xeSpace.computeWrapperStyle
+      const currStyle = $xeSpace.computeCurrStyle
       const vSize = $xeSpace.computeSize
       return h('div', {
         ref: 'refElem',
@@ -185,7 +189,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
           'is--fill': fill,
           'is--width': itemWidth || itemMinWidth || itemMaxWidth
         }],
-        style: wrapperStyle
+        style: currStyle
       }, $xeSpace.renderItems(h))
     }
   },

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

@@ -21,6 +21,7 @@ export namespace VxeColorPickerPropTypes {
   export type Type = 'rgb' | 'hex'
   export type ClassName = string | ((params: { $colorPicker: VxeColorPickerConstructor }) => string)
   export type PopupClassName = string | ((params: {$colorPicker: VxeColorPickerConstructor }) => string)
+  export type Width = string | number
   export type Colors = string[] | {
     label?: string
     value: string
@@ -83,6 +84,7 @@ export interface VxeColorPickerProps {
   type?: VxeColorPickerPropTypes.Type
   className?: VxeColorPickerPropTypes.ClassName
   popupClassName?: VxeColorPickerPropTypes.PopupClassName
+  width?: VxeColorPickerPropTypes.Width
   colors?: VxeColorPickerPropTypes.Colors
   showAlpha?: VxeColorPickerPropTypes.ShowAlpha
   showEyeDropper?: VxeColorPickerPropTypes.ShowEyeDropper

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

@@ -23,6 +23,7 @@ export namespace VxeDatePickerPropTypes {
   export type ModelValue = string | number | Date | null
   export type ClassName = string
   export type InputClassName = string
+  export type Width = string | number
   export type Immediate = boolean
   export type Name = string
   export type Type = VxeDatePanelPropTypes.Type
@@ -142,6 +143,7 @@ export interface VxeDatePickerProps {
   value?: VxeDatePickerPropTypes.ModelValue
   className?: VxeDatePickerPropTypes.ClassName
   inputClassName?: VxeDatePickerPropTypes.InputClassName
+  width?: VxeDatePickerPropTypes.Width
   immediate?: VxeDatePickerPropTypes.Immediate
   name?: VxeDatePickerPropTypes.Name
   type?: VxeDatePickerPropTypes.Type

package/types/components/date-range-picker.d.ts

@@ -25,6 +25,7 @@ export namespace VxeDateRangePickerPropTypes {
   export type EndValue = string | number | Date | null
   export type ClassName = string
   export type InputClassName = string
+  export type Width = string | number
   export type Immediate = boolean
   export type Name = string
   export type Type = VxeDatePanelPropTypes.Type
@@ -127,6 +128,7 @@ export interface VxeDateRangePickerProps {
   endValue?: VxeDateRangePickerPropTypes.EndValue
   className?: VxeDateRangePickerPropTypes.ClassName
   inputClassName?: VxeDateRangePickerPropTypes.InputClassName
+  width?: VxeDateRangePickerPropTypes.Width
   immediate?: VxeDateRangePickerPropTypes.Immediate
   name?: VxeDateRangePickerPropTypes.Name
   type?: VxeDateRangePickerPropTypes.Type

package/types/components/gantt.d.ts

@@ -3,7 +3,7 @@ import { NormalizedScopedSlot } from 'vue/types/vnode'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, ValueOf, VxeComponentSlotType, VxeComponentAlignType, VxeComponentStatusType } from '@vxe-ui/core'
 import { GridPrivateRef, VxeGridProps, VxeGridPropTypes, GridPrivateComputed, GridReactData, GridInternalData, GridMethods, GridPrivateMethods, VxeGridEmits, VxeGridSlots, VxeGridListeners, VxeGridEventProps, VxeGridMethods } from './grid'
 import { VxeTablePropTypes } from './table'
-import { VxeTooltipPropTypes } from './tooltip'
+import { VxeTooltipPropTypes, VxeTooltipProps } from './tooltip'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types,@typescript-eslint/no-unused-vars */
 
@@ -495,6 +495,10 @@ export namespace VxeGanttPropTypes {
      * 是否允许拖拽调整任务条结束日期
      */
     allowEnd?: boolean
+    /**
+     * 显示 Tooltip 提示
+     */
+    showTooltip?: boolean
     /**
      * 拖拽开始时是否允许行拖拽调整任务日期的方法，该方法的返回值用来决定是否允许被拖拽
      */
@@ -538,6 +542,23 @@ export namespace VxeGanttPropTypes {
     }): void
   }
 
+  export interface TaskBarResizeTooltipConfig<D = any> extends Omit<VxeTooltipProps, 'content' | 'transfer' | 'appendTo'> {
+    /**
+     * 自定义内容
+     */
+    contentMethod?: (params: {
+      $gantt: VxeGanttConstructor<D>
+      resizeType: 'start' | 'end'
+      row: D
+      startDate: Date
+      endDate: Date
+      targetStartDate: Date
+      targetEndDate: Date
+      offsetSize: number
+      linkInfo: VxeGanttDefines.LinkInfoObj<D>
+    }) => string | number | null | undefined
+  }
+
   export interface TaskBarMoveConfig<D = any> {
     /**
      * 拖拽模式
@@ -547,6 +568,10 @@ export namespace VxeGanttPropTypes {
      * 拖拽移动任务后自动更新依赖线关联任务的日期
      */
     isSyncLinkTask?: boolean
+    /**
+     * 显示 Tooltip 提示
+     */
+    showTooltip?: boolean
     /**
      * 拖拽开始时是否允许行拖拽移动任务日期的方法，该方法的返回值用来决定是否允许被拖拽
      */
@@ -586,6 +611,22 @@ export namespace VxeGanttPropTypes {
       linkInfo: VxeGanttDefines.LinkInfoObj<D>
     }): void
   }
+
+  export interface TaskBarMoveTooltipConfig<D = any> extends Omit<VxeTooltipProps, 'content' | 'transfer' | 'appendTo'> {
+    /**
+     * 自定义内容
+     */
+    contentMethod?: (params: {
+      $gantt: VxeGanttConstructor<D>
+      row: D
+      startDate: Date
+      endDate: Date
+      targetStartDate: Date
+      targetEndDate: Date
+      offsetSize: number
+      linkInfo: VxeGanttDefines.LinkInfoObj<D>
+    }) => string | number | null | undefined
+  }
 }
 
 export interface VxeGanttProps<D = any> extends Omit<VxeGridProps<D>, 'layouts'> {
@@ -605,7 +646,9 @@ export interface VxeGanttProps<D = any> extends Omit<VxeGridProps<D>, 'layouts'>
   taskBarSubviewConfig?: VxeGanttPropTypes.TaskBarSubviewConfig<D>
   taskBarTooltipConfig?: VxeGanttPropTypes.TaskBarTooltipConfig<D>
   taskBarResizeConfig?: VxeGanttPropTypes.TaskBarResizeConfig<D>
+  taskBarResizeTooltipConfig?: VxeGanttPropTypes.TaskBarResizeTooltipConfig<D>
   taskBarMoveConfig?: VxeGanttPropTypes.TaskBarMoveConfig<D>
+  taskBarMoveTooltipConfig?: VxeGanttPropTypes.TaskBarMoveTooltipConfig<D>
 }
 
 export interface GanttPrivateComputed<D = any> extends GridPrivateComputed<D> {
@@ -615,7 +658,9 @@ export interface GanttPrivateComputed<D = any> extends GridPrivateComputed<D> {
   computeTaskViewScaleOpts: VxeGanttPropTypes.TaskViewScaleConfig
   computeTaskBarOpts: VxeGanttPropTypes.TaskBarConfig<D>
   computeTaskBarMoveOpts: VxeGanttPropTypes.TaskBarMoveConfig<D>
+  computeTaskBarMoveTooltipOpts: VxeGanttPropTypes.TaskBarMoveTooltipConfig<D>
   computeTaskBarResizeOpts: VxeGanttPropTypes.TaskBarResizeConfig<D>
+  computeTaskBarResizeTooltipOpts: VxeGanttPropTypes.TaskBarResizeTooltipConfig<D>
   computeTaskSplitOpts: VxeGanttPropTypes.TaskSplitConfig
   computeTaskBarMilestoneOpts: VxeGanttPropTypes.TaskBarMilestoneConfig<D>
   computeTaskBarSubviewOpts: VxeGanttPropTypes.TaskBarSubviewConfig<D>
@@ -1127,10 +1172,17 @@ export namespace VxeGanttDefines {
     startDate: Date
     endDate: Date
   }
-  export interface TaskMoveDragEventParams<D = any> extends TaskMoveStartEventParams<D> {}
+  export interface TaskMoveDragEventParams<D = any> extends TaskMoveStartEventParams<D> {
+    targetStartDate: Date
+    targetEndDate: Date
+    offsetSize: number
+    linkInfo: VxeGanttDefines.LinkInfoObj<D>
+  }
   export interface TaskMoveEndEventParams<D = any> extends TaskMoveStartEventParams<D> {
     targetStartDate: Date
     targetEndDate: Date
+    offsetSize: number
+    linkInfo: VxeGanttDefines.LinkInfoObj<D>
   }
   export interface TaskResizeStartEventParams<D = any> extends GanttEventParams<D> {
     $gantt: VxeGanttConstructor<D>
@@ -1139,10 +1191,17 @@ export namespace VxeGanttDefines {
     startDate: Date
     endDate: Date
   }
-  export interface TaskResizeDragEventParams<D = any> extends TaskResizeStartEventParams<D> {}
+  export interface TaskResizeDragEventParams<D = any> extends TaskResizeStartEventParams<D> {
+    targetStartDate: Date
+    targetEndDate: Date
+    offsetSize: number
+    linkInfo: VxeGanttDefines.LinkInfoObj<D>
+  }
   export interface TaskResizeEndEventParams<D = any> extends TaskResizeStartEventParams<D> {
     targetStartDate: Date
     targetEndDate: Date
+    offsetSize: number
+    linkInfo: VxeGanttDefines.LinkInfoObj<D>
   }
 
   export interface TaskLinkClickEventParams<D = any> extends GanttEventParams<D> {

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

@@ -20,6 +20,7 @@ export namespace VxeIconPickerPropTypes {
   export type ModelValue = string | null
   export type Placeholder = string
   export type Size = VxeComponentSizeType
+  export type Width = string | number
   export type ClassName = string | ((params: { $iconPicker: VxeIconPickerConstructor }) => string)
   /**
    * 已废弃，请使用 PopupConfig.className
@@ -100,6 +101,7 @@ export interface VxeIconPickerProps {
    * @deprecated
    */
   popupClassName?: VxeIconPickerPropTypes.PopupClassName
+  width?: VxeIconPickerPropTypes.Width
   readonly?: VxeIconPickerPropTypes.Readonly
   disabled?: VxeIconPickerPropTypes.Disabled
   icons?: VxeIconPickerPropTypes.Icons

package/types/components/input.d.ts

@@ -20,6 +20,7 @@ export namespace VxeInputPropTypes {
   export type ModelValue = string | number | Date | undefined | null
   export type ClassName = string
   export type InputClassName = string
+  export type Width = string | number
   export type Immediate = boolean
   export type Name = string
   export type Title = string
@@ -91,6 +92,10 @@ export interface VxeInputProps {
   value?: VxeInputPropTypes.ModelValue
   className?: VxeInputPropTypes.ClassName
   inputClassName?: VxeInputPropTypes.InputClassName
+  /**
+   * 宽度
+   */
+  width?: VxeInputPropTypes.Width
   immediate?: VxeInputPropTypes.Immediate
   name?: VxeInputPropTypes.Name
   title?: VxeInputPropTypes.Title

package/types/components/number-input.d.ts

@@ -21,6 +21,7 @@ export namespace VxeNumberInputPropTypes {
   export type ModelValue = string | number | null
   export type ClassName = string
   export type InputClassName = string
+  export type Width = string | number
   export type Immediate = boolean
   export type Name = string
   export type Type = 'number' | 'integer' | 'float' | 'amount'
@@ -122,6 +123,10 @@ export interface VxeNumberInputProps {
   value?: VxeNumberInputPropTypes.ModelValue
   className?: VxeNumberInputPropTypes.ClassName
   inputClassName?: VxeNumberInputPropTypes.InputClassName
+  /**
+   * 宽度
+   */
+  width?: VxeNumberInputPropTypes.Width
   immediate?: VxeNumberInputPropTypes.Immediate
   name?: VxeNumberInputPropTypes.Name
   type?: VxeNumberInputPropTypes.Type

package/types/components/password-input.d.ts

@@ -21,6 +21,7 @@ export namespace VxePasswordInputPropTypes {
   export type Immediate = boolean
   export type InputClassName = string
   export type ClassName = string
+  export type Width = string | number
   export type Name = string
   export type Clearable = boolean
   export type Readonly = boolean
@@ -47,6 +48,10 @@ export interface VxePasswordInputProps {
   immediate?: VxePasswordInputPropTypes.Immediate
   className?: VxePasswordInputPropTypes.ClassName
   inputClassName?: VxePasswordInputPropTypes.InputClassName
+  /**
+   * 宽度
+   */
+  width?: VxePasswordInputPropTypes.Width
   name?: VxePasswordInputPropTypes.Name
   clearable?: VxePasswordInputPropTypes.Clearable
   readonly?: VxePasswordInputPropTypes.Readonly

package/types/components/select.d.ts

@@ -44,6 +44,7 @@ export namespace VxeSelectPropTypes {
   export type ShowCheckedButton = boolean
   export type ShowClearButton = boolean
   export type ClassName = string | ((params: { $select: VxeSelectConstructor }) => string)
+  export type Width = string | number
   /**
    * 已废弃，请使用 PopupConfig.className
    * @deprecated
@@ -216,6 +217,10 @@ export interface VxeSelectProps {
   showCheckedButton?: VxeSelectPropTypes.ShowCheckedButton
   showClearButton?: VxeSelectPropTypes.ShowClearButton
   className?: VxeSelectPropTypes.ClassName
+  /**
+   * 宽度
+   */
+  width?: VxeSelectPropTypes.Width
   /**
    * 已废弃，请使用 popup-config.className
    * @deprecated

package/types/components/space.d.ts

@@ -18,6 +18,7 @@ export interface VxeSpacePrivateRef extends SpacePrivateRef { }
 export namespace VxeSpacePropTypes {
   export type Size = VxeComponentSizeType
   export type Wrap = boolean
+  export type Width = string | number
   export type Gap = number | string | number[] | VxeSpaceDefines.GapObj
   export type Vertical = boolean
   export type ClassName = string
@@ -37,6 +38,10 @@ export interface VxeSpaceProps {
    * 是否自动换行
    */
   wrap?: VxeSpacePropTypes.Wrap
+  /**
+   * 宽度
+   */
+  width?: VxeSpacePropTypes.Width
   /**
    * 自定义间距
    */