vxe-pc-ui 3.15.13 → 3.15.15

package/styles/components/upload.scss

@@ -1,3 +1,23 @@
+
+// 局部变量
+.vxe-upload,
+.vxe-upload--more-popup {
+  --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-default);
+  &.size--medium {
+    --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-medium);
+    --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-medium);
+  }
+  &.size--small {
+    --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-small);
+    --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-small);
+  }
+  &.size--mini {
+    --vxe-ui-upload-current-font-size: var(--vxe-ui-font-size-mini);
+    --vxe-ui-upload-current-image-wh: var(--vxe-ui-upload-image-wh-mini);
+  }
+}
+
 .vxe-upload {
   position: relative;
   color: var(--vxe-ui-font-color);
@@ -21,6 +41,7 @@
 
 .vxe-upload,
 .vxe-upload--more-popup {
+  font-size: var(--vxe-ui-upload-current-font-size);
   &.is--active {
     .vxe-upload--image-action-box {
       border-color: var(--vxe-ui-font-primary-color);
@@ -446,6 +467,7 @@
 
 .vxe-upload--more-popup {
   position: relative;
+  font-size: var(--vxe-ui-upload-current-font-size);
   .vxe-upload--file-list {
     max-height: none;
   }
@@ -457,42 +479,18 @@
     }
   }
 }
+
 .vxe-upload,
 .vxe-upload--more-popup {
-  font-size: var(--vxe-ui-font-size-default);
   .vxe-upload--image-item-box,
   .vxe-upload--image-action-box {
-    width: var(--vxe-ui-upload-image-wh-default);
-    height: var(--vxe-ui-upload-image-wh-default);
-  }
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-    .vxe-upload--image-item-box,
-    .vxe-upload--image-action-box {
-      width: var(--vxe-ui-upload-image-wh-medium);
-      height: var(--vxe-ui-upload-image-wh-medium);
-    }
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-    .vxe-upload--image-item-box,
-    .vxe-upload--image-action-box {
-      width: var(--vxe-ui-upload-image-wh-small);
-      height: var(--vxe-ui-upload-image-wh-small);
-    }
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-    .vxe-upload--image-item-box,
-    .vxe-upload--image-action-box {
-      width: var(--vxe-ui-upload-image-wh-mini);
-      height: var(--vxe-ui-upload-image-wh-mini);
-    }
+    width: var(--vxe-ui-upload-current-image-wh);
+    height: var(--vxe-ui-upload-current-image-wh);
   }
 }
 .vxe-upload--image-more-list {
   .vxe-upload--image-item-box {
-    width: var(--vxe-ui-upload-image-wh-default);
-    height: var(--vxe-ui-upload-image-wh-default);
+    width: var(--vxe-ui-upload-current-image-wh);
+    height: var(--vxe-ui-upload-current-image-wh);
   }
-}
+}

package/styles/helpers/baseMixin.scss

@@ -43,7 +43,7 @@
     }
   }
   .vxe-checkbox--label {
-    padding-left: 0.5em;
+    padding-left: 0.4em;
     vertical-align: middle;
   }
 }
@@ -86,7 +86,7 @@
     }
   }
   .vxe-radio--label {
-    padding-left: 0.5em;
+    padding-left: 0.4em;
     vertical-align: middle;
   }
 }

package/styles/helpers/themeStatus.scss

@@ -0,0 +1,58 @@
+$btnThemeList: (
+  (
+    name: "primary",
+    textColor: var(--vxe-ui-font-primary-color),
+    btnColor: #fff,
+    btnLightenColor: var(--vxe-ui-font-primary-lighten-color),
+    btnDarkenColor: var(--vxe-ui-font-primary-darken-color),
+    btnDisabledColor: var(--vxe-ui-font-primary-disabled-color)
+  ),
+  (
+    name: "success",
+    textColor: var(--vxe-ui-status-success-color),
+    btnColor: #fff,
+    btnLightenColor: var(--vxe-ui-status-success-lighten-color),
+    btnDarkenColor: var(--vxe-ui-status-success-darken-color),
+    btnDisabledColor: var(--vxe-ui-status-success-disabled-color)
+  ),
+  (
+    name: "info",
+    textColor: var(--vxe-ui-status-info-color),
+    btnColor: #fff,
+    btnLightenColor: var(--vxe-ui-status-info-lighten-color),
+    btnDarkenColor: var(--vxe-ui-status-info-darken-color),
+    btnDisabledColor: var(--vxe-ui-status-info-disabled-color)
+  ),
+  (
+    name: "warning",
+    textColor: var(--vxe-ui-status-warning-color),
+    btnColor: #fff,
+    btnLightenColor: var(--vxe-ui-status-warning-lighten-color),
+    btnDarkenColor: var(--vxe-ui-status-warning-darken-color),
+    btnDisabledColor: var(--vxe-ui-status-warning-disabled-color)
+  ),
+  (
+    name: "danger",
+    textColor: var(--vxe-ui-status-danger-color),
+    btnColor: #fff,
+    btnLightenColor: var(--vxe-ui-status-danger-lighten-color),
+    btnDarkenColor: var(--vxe-ui-status-danger-darken-color),
+    btnDisabledColor: var(--vxe-ui-status-danger-disabled-color)
+  ),
+  (
+    name: "error",
+    textColor: var(--vxe-ui-status-error-color),
+    btnColor: #fff,
+    btnLightenColor: var(--vxe-ui-status-error-lighten-color),
+    btnDarkenColor: var(--vxe-ui-status-error-darken-color),
+    btnDisabledColor: var(--vxe-ui-status-error-disabled-color)
+  ),
+  (
+    name: "perfect",
+    textColor: var(--vxe-ui-table-header-background-color),
+    btnColor: var(--vxe-ui-font-color),
+    btnLightenColor: var(--vxe-ui-table-header-background-color),
+    btnDarkenColor: var(--vxe-ui-table-header-background-color),
+    btnDisabledColor: var(--vxe-ui-table-header-background-color)
+  )
+)

package/styles/theme/base.scss

@@ -3,10 +3,10 @@
   --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
   
   /*font size*/
-  --vxe-ui-font-size-large: 15px;
+  --vxe-ui-font-size-large: 16px;
   --vxe-ui-font-size-default: 14px;
   --vxe-ui-font-size-medium: 14px;
-  --vxe-ui-font-size-small: 13px;
+  --vxe-ui-font-size-small: 12px;
   --vxe-ui-font-size-mini: 12px;
 
   /*font color*/
@@ -23,12 +23,16 @@
   /*layout*/
   --vxe-ui-layout-padding-qtr: 2px;
   --vxe-ui-layout-padding-half: 4px;
-  --vxe-ui-layout-padding-default: 8px;
   --vxe-ui-layout-padding-double: 16px;
   --vxe-ui-layout-padding-threefold: 24px;
   --vxe-ui-layout-aside-default-width: 300px;
   --vxe-ui-layout-aside-collapse-width: 60px;
 
+  --vxe-ui-layout-padding-default: 8px;
+  --vxe-ui-layout-padding-medium: 7px;
+  --vxe-ui-layout-padding-small: 6px;
+  --vxe-ui-layout-padding-mini: 5px;
+
   /*menu*/
   --vxe-ui-menu-item-height-default: 44px;
   --vxe-ui-menu-item-height-medium: 40px;
@@ -178,6 +182,7 @@
   /*tree*/
   --vxe-ui-tree-node-height: 2em;
   --vxe-ui-tree-node-indent: 20px;
+  --vxe-ui-tree-node-padding: 0;
   --vxe-ui-tree-node-root-indent: 0px;
   --vxe-ui-tree-node-line-color:#909399;
   --vxe-ui-tree-node-line-style: dotted;
@@ -231,4 +236,7 @@
 
   /*list*/
   --vxe-ui-list-row-height: 2em;
+
+  /*icon-picker*/
+  --vxe-ui-icon-picker-panel-icon-font-size: 1.4em;
 }

package/types/all.d.ts

@@ -121,60 +121,217 @@ declare global {
 export function install (app: VueConstructor, options?: VxeGlobalConfig): void
 
 interface AllComponents {
+  /**
+   * Alert 警告提示
+   */
   VxeAlert: typeof VxeAlert
+  /**
+   * Anchor 锚点
+   */
   VxeAnchor: typeof VxeAnchor
+  /**
+   * AnchorLink 锚点 - 链接
+   */
   VxeAnchorLink: typeof VxeAnchorLink
+  /**
+   * Avatar 头像
+   */
   VxeAvatar: typeof VxeAvatar
+  /**
+   * Backtop 回到顶部
+   */
   VxeBacktop: typeof VxeBacktop
+  /**
+   * Badge 微标
+   */
   VxeBadge: typeof VxeBadge
+  /**
+   * Breadcrumb 面包屑
+   */
   VxeBreadcrumb: typeof VxeBreadcrumb
+  /**
+   * BreadcrumbItem 面包屑 - 项
+   */
   VxeBreadcrumbItem: typeof VxeBreadcrumbItem
+  /**
+   * Button 按钮
+   */
   VxeButton: typeof VxeButton
+  /**
+   * Button 按钮组
+   */
   VxeButtonGroup: typeof VxeButtonGroup
+  /**
+   * Calendar 日历
+   */
   VxeCalendar: typeof VxeCalendar
+  /**
+   * Card 卡片
+   */
   VxeCard: typeof VxeCard
+  /**
+   * Carousel 轮播图
+   */
   VxeCarousel: typeof VxeCarousel
+  /**
+   * Carousel 轮播图 - 项
+   */
   VxeCarouselItem: typeof VxeCarouselItem
+  /**
+   * Cascader 级联选择
+   */
   VxeCascader: typeof VxeCascader
+  /**
+   * Checkbox 复选框
+   */
   VxeCheckbox: typeof VxeCheckbox
+  /**
+   * CheckboxButton 复选框按钮
+   */
   VxeCheckboxButton: typeof VxeCheckboxButton
+  /**
+   * CheckboxGroup 复选框组
+   */
   VxeCheckboxGroup: typeof VxeCheckboxGroup
+  /**
+   * Col 列
+   */
   VxeCol: typeof VxeCol
+  /**
+   * Collapse 折叠面板
+   */
   VxeCollapse: typeof VxeCollapse
+  /**
+   * CollapsePane 折叠面板 - 面板
+   */
   VxeCollapsePane: typeof VxeCollapsePane
+  /**
+   * ColorPicker 颜色选择
+   */
   VxeColorPicker: typeof VxeColorPicker
+  /**
+   * ContextMenu 右键菜单
+   */
   VxeContextMenu: typeof VxeContextMenu
+  /**
+   * Countdown 倒计时
+   */
   VxeCountdown: typeof VxeCountdown
+  /**
+   * DatePanel 日期面板
+   */
   VxeDatePanel: typeof VxeDatePanel
+  /**
+   * DatePicker 日期选择
+   */
   VxeDatePicker: typeof VxeDatePicker
+  /**
+   * DateRangePicker 日期范围选择
+   */
   VxeDateRangePicker: typeof VxeDateRangePicker
+  /**
+   * Drawer 抽屉
+   */
   VxeDrawer: typeof VxeDrawer
+  /**
+   * Empty 空状态
+   */
   VxeEmpty: typeof VxeEmpty
+  /**
+   * Form 表单
+   */
   VxeForm: typeof VxeForm
+  /**
+   * 已废弃，请使用 FormGroup
+   * @deprecated
+   */
   VxeFormGather: typeof VxeFormGather
+  /**
+   * FormGroup 表单 - 组
+   */
   VxeFormGroup: typeof VxeFormGroup
+  /**
+   * FormGroup 表单 - 项
+   */
   VxeFormItem: typeof VxeFormItem
+  /**
+   * Icon 图标
+   */
   VxeIcon: typeof VxeIcon
+  /**
+   * IconPicker 图标选择
+   */
   VxeIconPicker: typeof VxeIconPicker
+  /**
+   * Image 图片
+   */
   VxeImage: typeof VxeImage
+  /**
+   * ImageGroup 图片组
+   */
   VxeImageGroup: typeof VxeImageGroup
+  /**
+   * ImagePreview 图片预览
+   */
   VxeImagePreview: typeof VxeImagePreview
+  /**
+   * Input 单行输入框
+   */
   VxeInput: typeof VxeInput
+  /**
+   * LayoutAside 页面布局 - 侧边栏
+   */
   VxeLayoutAside: typeof VxeLayoutAside
+  /**
+   * LayoutBody 页面布局 - 主体
+   */
   VxeLayoutBody: typeof VxeLayoutBody
+  /**
+   * LayoutContainer 页面布局 - 容器
+   */
   VxeLayoutContainer: typeof VxeLayoutContainer
+  /**
+   * LayoutFooter 页面布局 - 底部
+   */
   VxeLayoutFooter: typeof VxeLayoutFooter
+  /**
+   * LayoutHeader 页面布局 - 头部
+   */
   VxeLayoutHeader: typeof VxeLayoutHeader
+  /**
+   * Link 链接
+   */
   VxeLink: typeof VxeLink
+  /**
+   * List 列表
+   */
   VxeList: typeof VxeList
+  /**
+   * Loading 加载中
+   */
   VxeLoading: typeof VxeLoading
   VxeMention: typeof VxeMention
+  /**
+   * Menu 菜单
+   */
   VxeMenu: typeof VxeMenu
+  /**
+   * Modal 弹窗
+   */
   VxeModal: typeof VxeModal
+  /**
+   * NoticeBar 通知栏
+   */
   VxeNoticeBar: typeof VxeNoticeBar
+  /**
+   * NumberInput 数值输入
+   */
   VxeNumberInput: typeof VxeNumberInput
   VxeOptgroup: typeof VxeOptgroup
   VxeOption: typeof VxeOption
+  /**
+   * Pager 分页
+   */
   VxePager: typeof VxePager
   VxePasswordInput: typeof VxePasswordInput
   VxePrintPageBreak: typeof VxePrintPageBreak
@@ -208,28 +365,76 @@ interface AllComponents {
   VxeTip: typeof VxeTip
   VxeTooltip: typeof VxeTooltip
   VxeTour: typeof VxeTour
+  /**
+   * Tree 树
+   */
   VxeTree: typeof VxeTree
+  /**
+   * TreeSelect 下拉树选择
+   */
   VxeTreeSelect: typeof VxeTreeSelect
   VxeTransfer: typeof VxeTransfer
+  /**
+   * Upload 上传
+   */
   VxeUpload: typeof VxeUpload
+  /**
+   * Watermark 水印
+   */
   VxeWatermark: typeof VxeWatermark
 
   // Vxe Table
+  /**
+   * Column 基础表格 - 列
+   */
   VxeColumn: typeof VxeColumn
+  /**
+   * Colgroup 基础表格 - 分组列
+   */
   VxeColgroup: typeof VxeColgroup
+  /**
+   * Table 基础表格
+   */
   VxeTable: typeof VxeTable
+  /**
+   * Grid 高级表格
+   */
   VxeGrid: typeof VxeGrid
+  /**
+   * Toolbar 基础表格 - 工具栏
+   */
   VxeToolbar: typeof VxeToolbar
 
   // Vxe Design
+  /**
+   * FlowDesign 流程设计器
+   */
   VxeFlowDesign: typeof VxeFlowDesign
+  /**
+   * FlowView 流程设计器 - 视图
+   */
   VxeFlowView: typeof VxeFlowView
+  /**
+   * FormDesign 表单设计器
+   */
   VxeFormDesign: typeof VxeFormDesign
+  /**
+   * FormView 表单设计器 - 视图
+   */
   VxeFormView: typeof VxeFormView
+  /**
+   * ListDesign 列表设计器
+   */
   VxeListDesign: typeof VxeListDesign
+  /**
+   * ListView 列表设计器 - 视图
+   */
   VxeListView: typeof VxeListView
 
   // VxeGantt
+  /**
+   * Gantt 甘特图
+   */
   VxeGantt: typeof VxeGantt
 }
 

package/types/components/checkbox-group.d.ts

@@ -1,4 +1,4 @@
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeComponentStatusType } from '@vxe-ui/core'
 import { VxeCheckboxPropTypes } from './checkbox'
 
 /* eslint-disable @typescript-eslint/no-empty-interface,no-use-before-define,@typescript-eslint/ban-types */
@@ -30,6 +30,7 @@ export namespace VxeCheckboxGroupPropTypes {
     label?: string
     disabled?: string
   }
+  export type Status = VxeComponentStatusType
   export type Max = string | number
   export type Disabled = boolean
   export type Readonly = boolean
@@ -50,6 +51,7 @@ export interface VxeCheckboxGroupProps {
    */
   value?: VxeCheckboxGroupPropTypes.ModelValue
   max?: VxeCheckboxGroupPropTypes.Max
+  status?: VxeCheckboxGroupPropTypes.Status
   /**
    * 是否禁用
    */

package/types/components/checkbox.d.ts

@@ -17,7 +17,7 @@ export interface VxeCheckboxPrivateRef extends CheckboxPrivateRef { }
 
 export namespace VxeCheckboxPropTypes {
   export type Size = VxeComponentSizeType
-  export type ModelValue = string | number | boolean
+  export type ModelValue = string | number | boolean | null
   export type Label = string | number
   export type Indeterminate = boolean
   export type Title = string | number

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

@@ -1,4 +1,5 @@
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, ValueOf, VxeComponentStyleType, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeIconPropTypes } from './icon'
 
 /* eslint-disable @typescript-eslint/no-empty-interface,no-use-before-define,@typescript-eslint/ban-types */
 
@@ -27,13 +28,23 @@ export namespace VxeIconPickerPropTypes {
   export type PopupClassName = string | ((params: {$iconPicker: VxeIconPickerConstructor }) => string)
   export type Readonly = boolean
   export type Disabled = boolean
-  export type Icons = string[] | {
+  export type Option = {
     title?: string | number
     icon: string
     iconRender?: VxeIconPickerDefines.OptionIconRender
-  }[]
+  }
+  export type Icons = VxeIconPropTypes.Name[] | Option[]
   export type Clearable = boolean
   export type ShowIconTitle = boolean
+  export type Filterable = boolean
+   export interface FilterConfig {
+    filterMethod?:(params: {
+      $iconPicker: VxeIconPickerConstructor
+      option: VxeIconPickerDefines.IconItemObj
+      searchValue: string
+      value: ModelValue | undefined
+    }) => boolean
+  }
   export type Placement = 'top' | 'bottom' | '' | null
   export interface PopupConfig {
     /**
@@ -49,8 +60,16 @@ export namespace VxeIconPickerPropTypes {
      */
     trigger?: 'default' | 'icon' | 'manual' | '' | null
     transfer?: boolean
+    /**
+     * 分块显示多少个图标
+     */
+    chunkSize?: number
+    /**
+     * 图标展示方式，支持分块和列表
+     */
     width?: number | string
     height?: number | string
+    maxHeight?: number | string
     zIndex?: number | string
     className?: string | ((params: { $iconPicker: VxeIconPickerConstructor }) => string)
   }
@@ -75,6 +94,8 @@ export interface VxeIconPickerProps {
   icons?: VxeIconPickerPropTypes.Icons
   clearable?: VxeIconPickerPropTypes.Clearable
   showIconTitle?: VxeIconPickerPropTypes.ShowIconTitle
+  filterable?: VxeIconPickerPropTypes.Filterable
+  filterConfig?: VxeIconPickerPropTypes.FilterConfig
   placement?: VxeIconPickerPropTypes.Placement
   popupConfig?: VxeIconPickerPropTypes.PopupConfig
   transfer?: VxeIconPickerPropTypes.Transfer
@@ -93,10 +114,13 @@ export interface IconPickerReactData {
   visiblePanel: boolean
   isAniVisible: boolean
   isActivated: boolean
+  searchValue: string
+  iconGroups: VxeIconPickerDefines.IconItemObj[][]
 }
 
 export interface IconPickerInternalData {
   hpTimeout?: undefined | number
+  fullList: VxeIconPickerDefines.IconItemObj[]
 }
 
 export interface IconPickerMethods {
@@ -161,8 +185,8 @@ export namespace VxeIconPickerDefines {
   }
 
   export interface IconItemObj {
-    title?: string
-    icon?: string
+    title: string
+    icon: string
     iconRender?: OptionIconRender
   }
 }

package/types/components/list.d.ts

@@ -397,11 +397,11 @@ export interface ListMethods<D = any> {
    */
   clearRadioRow(): Promise<void>
   /**
-   * 只对 show-checkbox 有效，设置单选框已选的行
+   * 只对 show-checkbox 有效，设置复选框选中的行
    */
   setCheckboxRow(rows: D | D[], checked: boolean): Promise<void>
   /**
-   * 只对 show-checkbox 有效，根据主键设置单选
+   * 只对 show-checkbox 有效，根据主键设置复选框
    */
   setCheckboxRowByKey(rowKeys: string | number | null | undefined | (string | number | null | undefined)[], checked: boolean): Promise<void>
   /**

package/types/components/radio-group.d.ts

@@ -1,4 +1,4 @@
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, ValueOf } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentEventParams, VxeComponentSizeType, ValueOf, VxeComponentStatusType } from '@vxe-ui/core'
 import { VxeRadioPropTypes } from './radio'
 
 /* eslint-disable @typescript-eslint/no-empty-interface,no-use-before-define,@typescript-eslint/ban-types */
@@ -32,6 +32,7 @@ export namespace VxeRadioGroupPropTypes {
     disabled?: string
   }
   export type ModelValue = any
+  export type Status = VxeComponentStatusType
   export type Strict = boolean
   export type Disabled = boolean
   export type Readonly = boolean
@@ -48,6 +49,7 @@ export interface VxeRadioGroupProps {
   type?: VxeRadioGroupPropTypes.Type
   options?: VxeRadioGroupPropTypes.Options
   optionProps?: VxeRadioGroupPropTypes.OptionProps
+  status?: VxeRadioGroupPropTypes.Status
   /**
    * 严格模式，不允许取消
    */