vxe-pc-ui 3.16.21 → 3.16.22

package/packages/date-picker/src/date-picker.ts

@@ -11,7 +11,7 @@ import VxeDatePanelComponent from '../../date-panel'
 import VxeButtonComponent from '../../button'
 import VxeButtonGroupComponent from '../../button-group'
 
-import type { VxeDatePickerConstructor, VxeDatePickerEmits, DatePickerInternalData, DatePickerReactData, VxeButtonGroupDefines, VxeComponentSizeType, VxeDatePanelDefines, VxeDatePickerPropTypes, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf, VxeModalConstructor, VxeDrawerConstructor, VxeModalMethods, VxeDrawerMethods, VxeDatePickerDefines, VxeDatePanelConstructor } from '../../../types'
+import type { VxeDatePickerConstructor, VxeDatePickerEmits, DatePickerInternalData, DatePickerReactData, VxeButtonGroupDefines, VxeComponentSizeType, VxeDatePanelDefines, VxeDatePickerPropTypes, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf, VxeModalConstructor, VxeDrawerConstructor, VxeModalMethods, VxeDrawerMethods, VxeDatePickerDefines, VxeDatePanelConstructor, VxeCardConstructor, VxeCardPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
 const { warnLog, errLog } = createComponentLog('date-picker')
@@ -206,6 +206,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeModal(): (VxeModalConstructor & VxeModalMethods) | null
       $xeDrawer(): (VxeDrawerConstructor & VxeDrawerMethods) | null
       $xeTable(): (VxeTableConstructor & VxeTablePrivateMethods) | null
+      $xeCard(): (VxeCardConstructor & VxeCardPrivateMethods) | null
       $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
       formItemInfo(): VxeFormDefines.ProvideItemInfo | null
     }),
@@ -215,6 +216,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTable = $xeDatePicker.$xeTable
       const $xeModal = $xeDatePicker.$xeModal
       const $xeDrawer = $xeDatePicker.$xeDrawer
+      const $xeCard = $xeDatePicker.$xeCard
       const $xeForm = $xeDatePicker.$xeForm
 
       const { transfer } = props
@@ -227,7 +229,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         if (XEUtils.isBoolean(globalTransfer)) {
           return globalTransfer
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true
         }
       }

package/packages/date-range-picker/src/date-range-picker.ts

@@ -11,7 +11,7 @@ import VxeDatePanelComponent from '../../date-panel/src/date-panel'
 import VxeButtonComponent from '../../button/src/button'
 import VxeButtonGroupComponent from '../../button/src/button-group'
 
-import type { VxeDateRangePickerConstructor, VxeDateRangePickerEmits, DateRangePickerReactData, DateRangePickerInternalData, VxeButtonGroupDefines, VxeComponentSizeType, VxeDateRangePickerPropTypes, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf, VxeModalConstructor, VxeDrawerConstructor, VxeModalMethods, VxeDrawerMethods, VxeDateRangePickerDefines, VxeDatePanelConstructor } from '../../../types'
+import type { VxeDateRangePickerConstructor, VxeDateRangePickerEmits, DateRangePickerReactData, DateRangePickerInternalData, VxeButtonGroupDefines, VxeComponentSizeType, VxeDateRangePickerPropTypes, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf, VxeModalConstructor, VxeDrawerConstructor, VxeModalMethods, VxeDrawerMethods, VxeDateRangePickerDefines, VxeDatePanelConstructor, VxeCardConstructor, VxeCardPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
 const { errLog } = createComponentLog('date-range-picker')
@@ -199,6 +199,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeModal(): (VxeModalConstructor & VxeModalMethods) | null
       $xeDrawer(): (VxeDrawerConstructor & VxeDrawerMethods) | null
       $xeTable(): (VxeTableConstructor & VxeTablePrivateMethods) | null
+      $xeCard(): (VxeCardConstructor & VxeCardPrivateMethods) | null
       $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
       formItemInfo(): VxeFormDefines.ProvideItemInfo | null
     }),
@@ -208,6 +209,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTable = $xeDateRangePicker.$xeTable
       const $xeModal = $xeDateRangePicker.$xeModal
       const $xeDrawer = $xeDateRangePicker.$xeDrawer
+      const $xeCard = $xeDateRangePicker.$xeCard
       const $xeForm = $xeDateRangePicker.$xeForm
 
       const { transfer } = props
@@ -220,7 +222,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         if (XEUtils.isBoolean(globalTransfer)) {
           return globalTransfer
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true
         }
       }

package/packages/select/src/select.ts

@@ -9,7 +9,7 @@ import { createComponentLog } from '../../ui/src/log'
 import VxeInputComponent from '../../input/src/input'
 import VxeButtonComponent from '../../button/src/button'
 
-import type { VxeSelectPropTypes, SelectInternalData, ValueOf, VxeComponentSizeType, SelectReactData, VxeSelectEmits, VxeButtonDefines, VxeInputDefines, VxeSelectDefines, VxeOptionProps, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputConstructor, VxeComponentSlotType, VxeComponentStyleType } from '../../../types'
+import type { VxeSelectPropTypes, SelectInternalData, ValueOf, VxeComponentSizeType, SelectReactData, VxeSelectEmits, VxeButtonDefines, VxeInputDefines, VxeSelectDefines, VxeOptionProps, VxeDrawerConstructor, VxeDrawerMethods, VxeFormDefines, VxeFormConstructor, VxeFormPrivateMethods, VxeModalConstructor, VxeModalMethods, VxeInputConstructor, VxeComponentSlotType, VxeComponentStyleType, VxeCardConstructor, VxeCardPrivateMethods } from '../../../types'
 import type { VxeTableConstructor, VxeTablePrivateMethods } from '../../../types/components/table'
 
 const { errLog } = createComponentLog('select')
@@ -247,6 +247,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeModal(): (VxeModalConstructor & VxeModalMethods) | null
       $xeDrawer(): (VxeDrawerConstructor & VxeDrawerMethods) | null
       $xeTable(): (VxeTableConstructor & VxeTablePrivateMethods) | null
+      $xeCard(): (VxeCardConstructor & VxeCardPrivateMethods) | null
       $xeForm(): (VxeFormConstructor & VxeFormPrivateMethods) | null
       formItemInfo(): VxeFormDefines.ProvideItemInfo | null
     }),
@@ -284,6 +285,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeTable = $xeSelect.$xeTable
       const $xeModal = $xeSelect.$xeModal
       const $xeDrawer = $xeSelect.$xeDrawer
+      const $xeCard = $xeSelect.$xeCard
       const $xeForm = $xeSelect.$xeForm
 
       const { transfer } = props
@@ -296,7 +298,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         if (XEUtils.isBoolean(globalTransfer)) {
           return globalTransfer
         }
-        if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+        if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
           return true
         }
       }

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

@@ -139,6 +139,53 @@ export interface VxeColorPickerMethods extends ColorPickerMethods { }
 export interface ColorPickerPrivateMethods { }
 export interface VxeColorPickerPrivateMethods extends ColorPickerPrivateMethods { }
 
+export interface ColorController {
+  /**
+   * 解析颜色
+   */
+  parseColor<T extends keyof VxeColorPickerDefines.ParseResultMap>(color: string, format?: T): VxeColorPickerDefines.ParseResultMap[T] | null
+  /**
+   * 判断颜色是否 RGB 格式
+   */
+  hasRgb(color: string): boolean
+  /**
+   * 判断颜色是否 HEX 格式
+   */
+  hasHex(color: string): boolean
+  /**
+   * 转成 RGB 格式
+   */
+  toRgb(color: string): VxeColorPickerDefines.RgbObj | null
+  /**
+   * 转成 RGB 字符串格式
+   */
+  toRgbString(color: string): string
+  /**
+   * 转成 HEX 格式
+   */
+  toHex(color: string): VxeColorPickerDefines.HexObj | null
+  /**
+   * 转成 HEX 字符串格式
+   */
+  toHexString(color: string): string
+  /**
+   * 转成 HSL 格式
+   */
+  toHsl(color: string): VxeColorPickerDefines.HslObj | null
+  /**
+   * 转成 HSV 格式
+   */
+  toHsv(color: string): VxeColorPickerDefines.HsvObj | null
+  /**
+   * 对颜色进行高亮
+   */
+  lighten(color: string, ratio: number): string
+  /**
+   * 对颜色进行加深
+   */
+  darken(color: string, ratio: number): string
+}
+
 export type VxeColorPickerEmits = [
   'model-value',
   'modelValue',
@@ -151,6 +198,52 @@ export namespace VxeColorPickerDefines {
   export interface ColorPickerEventParams extends VxeComponentEventParams {
     $colorPicker: VxeColorPickerConstructor
   }
+
+  export type ParseResultMap = {
+    '': VxeColorPickerDefines.RgbObj
+    'rgb': VxeColorPickerDefines.RgbObj
+    'rgba': VxeColorPickerDefines.RgbObj
+    'hex': VxeColorPickerDefines.HexObj
+    'hsl': VxeColorPickerDefines.HslObj
+    'hsv': VxeColorPickerDefines.HsvObj
+  }
+
+  export interface RgbObj {
+    type: 'rgba' | 'rgb'
+    value: string
+    label: string
+    r: number
+    g: number
+    b: number
+    a: number
+  }
+
+  export interface HexObj {
+    type: 'hex'
+    value: string
+    label: string
+    hex: string
+    hexV: string
+    hexA: string
+    a: number
+  }
+
+  export interface HslObj {
+    type: 'hsl'
+    value: string
+    h: number
+    s: number
+    l: number
+    a: number
+  }
+
+  export interface HsvObj {
+    type: 'hsv'
+    value: string
+    h: number
+    s: number
+    v: number
+  }
 }
 
 export type VxeColorPickerEventProps = {}

package/types/components/grid.d.ts

@@ -417,6 +417,12 @@ export interface GridMethods<D = any> {
     }
     pendingRecords: D[]
   } | null
+  /**
+   * 获取个性化设置分页数据
+   */
+  getCustomPagerData(): {
+    pSize?: number
+  },
   /**
    * 获取自定义的 params 属性
    */

package/types/components/table.d.ts

@@ -7089,8 +7089,8 @@ export namespace VxeTableDefines {
   export type CustomEventType = 'reset' | 'confirm' | 'update:width' | 'update:fixed' | 'update:sort' | 'update:visible' | 'update:align' | 'update:headerAlign' | 'update:footerAlign' | 'update:aggGroup' | 'update:aggFunc'
 
   export interface CustomStoreData {
-    pageData?: {
-      ps?: number
+    pagerData?: {
+      pSize?: number
     }
     alignData?: Record<string, VxeColumnPropTypes.Align>
     headerAlignData?: Record<string, VxeColumnPropTypes.HeaderAlign>

package/types/ui/index.d.ts

@@ -1,5 +1,6 @@
 import { VxeUI, getI18n, setConfig } from '@vxe-ui/core'
 import { LoadingController } from '../components/loading'
+import { ColorController } from '../components/color-picker'
 import { ModalController } from '../components/modal'
 import { DrawerController } from '../components/drawer'
 import { WatermarkController } from '../components/watermark'
@@ -44,6 +45,7 @@ export const readFile: VxeUploadDefines.ReadFileFunction
 declare module '@vxe-ui/core' {
   export interface VxeUIExport {
     loading: LoadingController
+    color: ColorController
     modal: ModalController
     drawer: DrawerController
     watermark: WatermarkController