vxe-pc-ui 4.18.3 → 4.18.5

package/packages/space/src/space.ts

@@ -18,6 +18,7 @@ export default 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
@@ -81,8 +82,8 @@ export default defineVxeComponent({
       refElem
     }
 
-    const computeWrapperStyle = computed(() => {
-      const { align, gap } = props
+    const computeCurrStyle = computed(() => {
+      const { align, gap, width } = props
       const stys: VxeComponentStyleType = {}
       let rowGap: string | number = ''
       let columGap: string | number = ''
@@ -98,6 +99,9 @@ export default defineVxeComponent({
           columGap = gap.columGap || ''
         }
       }
+      if (width) {
+        stys.width = toCssUnit(width)
+      }
       if (align) {
         stys['align-items'] = align
       }
@@ -180,7 +184,7 @@ export default defineVxeComponent({
 
     const renderVN = () => {
       const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props
-      const wrapperStyle = computeWrapperStyle.value
+      const currStyle = computeCurrStyle.value
       const vSize = computeSize.value
       return h('div', {
         ref: refElem,
@@ -191,7 +195,7 @@ export default defineVxeComponent({
           'is--fill': fill,
           'is--width': itemWidth || itemMinWidth || itemMaxWidth
         }],
-        style: wrapperStyle
+        style: currStyle
       }, renderItems())
     }
 

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

@@ -28,6 +28,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
@@ -90,6 +91,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

@@ -31,6 +31,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
@@ -150,6 +151,7 @@ export interface VxeDatePickerProps {
   modelValue?: 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

@@ -33,6 +33,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
@@ -135,6 +136,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 { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentIns
 import { GridPrivateRef, VxeGridProps, VxeGridPropTypes, GridPrivateComputed, GridReactData, GridInternalData, GridMethods, GridPrivateMethods, VxeGridEmits, VxeGridSlots, VxeGridListeners, VxeGridEventProps, VxeGridMethods } from './grid'
 import { VxeTablePropTypes } from './table'
 import { VxeGanttViewInstance, VxeGanttViewPrivateMethods } from './gantt-module/gantt-view'
-import { VxeTooltipPropTypes } from './tooltip'
+import { VxeTooltipPropTypes, VxeTooltipProps } from './tooltip'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -503,6 +503,10 @@ export namespace VxeGanttPropTypes {
      * 是否允许拖拽调整任务条结束日期
      */
     allowEnd?: boolean
+    /**
+     * 显示 Tooltip 提示
+     */
+    showTooltip?: boolean
     /**
      * 拖拽开始时是否允许行拖拽调整任务日期的方法，该方法的返回值用来决定是否允许被拖拽
      */
@@ -546,6 +550,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> {
     /**
      * 拖拽模式
@@ -555,6 +576,10 @@ export namespace VxeGanttPropTypes {
      * 拖拽移动任务后自动更新依赖线关联任务的日期
      */
     isSyncLinkTask?: boolean
+    /**
+     * 显示 Tooltip 提示
+     */
+    showTooltip?: boolean
     /**
      * 拖拽开始时是否允许行拖拽移动任务日期的方法，该方法的返回值用来决定是否允许被拖拽
      */
@@ -594,6 +619,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'> {
@@ -613,7 +654,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> {
@@ -623,7 +666,9 @@ export interface GanttPrivateComputed<D = any> extends GridPrivateComputed<D> {
   computeTaskViewScaleOpts: ComputedRef<VxeGanttPropTypes.TaskViewScaleConfig>
   computeTaskBarOpts: ComputedRef<VxeGanttPropTypes.TaskBarConfig<D>>
   computeTaskBarMoveOpts: ComputedRef<VxeGanttPropTypes.TaskBarMoveConfig<D>>
+  computeTaskBarMoveTooltipOpts: ComputedRef<VxeGanttPropTypes.TaskBarMoveTooltipConfig<D>>
   computeTaskBarResizeOpts: ComputedRef<VxeGanttPropTypes.TaskBarResizeConfig<D>>
+  computeTaskBarResizeTooltipOpts: ComputedRef<VxeGanttPropTypes.TaskBarResizeTooltipConfig<D>>
   computeTaskSplitOpts: ComputedRef<VxeGanttPropTypes.TaskSplitConfig>
   computeTaskBarMilestoneOpts: ComputedRef<VxeGanttPropTypes.TaskBarMilestoneConfig<D>>
   computeTaskBarSubviewOpts: ComputedRef<VxeGanttPropTypes.TaskBarSubviewConfig<D>>
@@ -1129,10 +1174,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>
@@ -1141,10 +1193,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

@@ -27,6 +27,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
@@ -107,6 +108,7 @@ export type VxeIconPickerProps = {
    * @deprecated
    */
   popupClassName?: VxeIconPickerPropTypes.PopupClassName
+  width?: VxeIconPickerPropTypes.Width
   readonly?: VxeIconPickerPropTypes.Readonly
   disabled?: VxeIconPickerPropTypes.Disabled
   icons?: VxeIconPickerPropTypes.Icons

package/types/components/input.d.ts

@@ -28,6 +28,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
@@ -99,6 +100,10 @@ export interface VxeInputProps {
   modelValue?: 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

@@ -28,6 +28,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'
@@ -129,6 +130,10 @@ export interface VxeNumberInputProps {
   modelValue?: 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

@@ -28,6 +28,7 @@ export namespace VxePasswordInputPropTypes {
   export type Immediate = boolean
   export type ClassName = string
   export type InputClassName = string
+  export type Width = string | number
   export type Name = string
   export type Clearable = boolean
   export type Readonly = boolean
@@ -54,6 +55,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

@@ -51,6 +51,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
@@ -223,6 +224,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

@@ -25,6 +25,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
@@ -44,6 +45,10 @@ export interface VxeSpaceProps {
    * 是否自动换行
    */
   wrap?: VxeSpacePropTypes.Wrap
+  /**
+   * 宽度
+   */
+  width?: VxeSpacePropTypes.Width
   /**
    * 自定义间距
    */