@veltra/desktop 1.0.0

package/src/types/palette.ts

@@ -0,0 +1,37 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 色调 */
+export interface PaletteRGB {
+  r: number
+  g: number
+  b: number
+}
+
+/** 饱和度 亮度 */
+export interface PaletteHSV {
+  h: number
+  s: number
+  v: number
+}
+
+/** 调色盘组件颜色类型 */
+export type PaletteColorType = 'HEX' | 'RGB'
+
+/** 调色盘组件属性 */
+export interface PaletteProps extends FormComponentProps {
+  modelValue?: string
+  disabled?: boolean
+  readonly?: boolean
+}
+
+/** 调色盘组件定义的事件 */
+export interface PaletteEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 调色盘组件暴露的属性和方法(组件内部使用) */
+export interface _PaletteExposed {}
+
+/** 调色盘组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type PaletteExposed = DeconstructValue<_PaletteExposed>

package/src/types/password-input.ts

@@ -0,0 +1,19 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+import type { InputProps } from './input'
+
+/** 密码输入组件属性 */
+export interface PasswordInputProps extends InputProps {
+  modelValue?: string
+}
+
+/** 密码输入组件定义的事件 */
+export interface PasswordInputEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 密码输入组件暴露的属性和方法(组件内部使用) */
+export interface _PasswordInputExposed {}
+
+/** 密码输入组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type PasswordInputExposed = DeconstructValue<_PasswordInputExposed>

package/src/types/pop-confirm.ts

@@ -0,0 +1,39 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { Component } from 'vue'
+
+import type { TipProps } from './tip'
+
+/** 气泡确认框组件属性 */
+export interface PopConfirmProps extends Pick<
+  TipProps,
+  'alignment' | 'direction' | 'trigger' | 'contentTag'
+> {
+  /**文字 */
+  title?: string
+  /**icon 图标*/
+  icon?: Component
+  /**icon 颜色 */
+  iconColor?: string
+  /**
+   * 确认按钮文字
+   */
+  confirmText?: string
+  /**
+   * 取消按钮文字
+   */
+  cancelText?: string
+}
+
+/** 气泡确认框组件定义的事件 */
+export interface PopConfirmEmits {
+  /** 确认事件 */
+  (event: 'confirm'): void
+  /** 取消事件 */
+  (event: 'cancel'): void
+}
+
+/** 气泡确认框组件暴露的属性和方法(组件内部使用) */
+export interface _PopConfirmExposed {}
+
+/** 气泡确认框组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type PopConfirmExposed = DeconstructValue<_PopConfirmExposed>

package/src/types/pop.ts

@@ -0,0 +1,17 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 气泡弹框组件属性 */
+export interface PopProps {
+  modelValue?: string
+}
+
+/** 气泡弹框组件定义的事件 */
+export interface PopEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 气泡弹框组件暴露的属性和方法(组件内部使用) */
+export interface _PopExposed {}
+
+/** 气泡弹框组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type PopExposed = DeconstructValue<_PopExposed>

package/src/types/progress-nodes.ts

@@ -0,0 +1,34 @@
+import type { ColorType } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 进度节点组件属性 */
+export interface ProgressNodesProps {
+  /** 当前选中节点的值 */
+  modelValue?: string | number
+  /** 节点列表 */
+  nodes: Record<string, any>[]
+  /** 检查节点是否选中的函数 */
+  check?: (node: Record<string, any>, index: number) => boolean
+  /** 高亮颜色类型 */
+  colorType?: ColorType
+  /** 最大宽度（用于水平方向滚动） */
+  maxWidth?: number | string
+  /** 标签键名 */
+  labelKey?: string
+  /** 值键名 */
+  valueKey?: string
+}
+
+/** 进度节点组件定义的事件 */
+export interface ProgressNodesEmits {
+  /** 点击节点时触发 */
+  (e: 'click', node: Record<string, any>, index: number): void
+  /** 更新选中值时触发 */
+  (e: 'update:modelValue', value: string | number): void
+}
+
+/** 进度节点组件暴露的属性和方法(组件内部使用) */
+export interface _ProgressNodesExposed {}
+
+/** 进度节点组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type ProgressNodesExposed = DeconstructValue<_ProgressNodesExposed>

package/src/types/progress.ts

@@ -0,0 +1,23 @@
+import type { ColorType } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** progress组件属性 */
+export interface ProgressProps {
+  /** 类型 */
+  type: ColorType | ((percentage: number) => ColorType)
+  /** 圆形进度条尺寸 */
+  size?: number | string
+  /** 进度百分比 */
+  percentage?: number
+  /** 是否圆形进度条 */
+  circle?: boolean
+}
+
+/** progress组件定义的事件 */
+export interface ProgressEmits {}
+
+/** progress组件暴露的属性和方法(组件内部使用) */
+export interface _ProgressExposed {}
+
+/** progress组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type ProgressExposed = DeconstructValue<_ProgressExposed>

package/src/types/quick-batch-edit.ts

@@ -0,0 +1,17 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 快速批量编辑组件属性 */
+export interface QuickBatchEditProps {
+  modelValue?: string
+}
+
+/** 快速批量编辑组件定义的事件 */
+export interface QuickBatchEditEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 快速批量编辑组件暴露的属性和方法(组件内部使用) */
+export interface _QuickBatchEditExposed {}
+
+/** 快速批量编辑组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type QuickBatchEditExposed = DeconstructValue<_QuickBatchEditExposed>

package/src/types/radio-group.ts

@@ -0,0 +1,39 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+/** 单选框默认父组件组件属性 */
+export interface RadioGroupProps extends FormComponentProps {
+  /** 值 */
+  modelValue?: any
+  /** 单选框项 */
+  items: Record<string, any>[]
+  /**
+   * 选项值key
+   * @default 'value'
+   */
+  valueKey?: string
+  /**
+   * 标签文本key
+   * @default 'label'
+   */
+  labelKey?: string
+  /** 禁用 */
+  disabled?: boolean
+  /** 禁用的选项 */
+  disabledItem?: (item: Record<string, any>) => boolean
+  /** 块级布局 */
+  block?: boolean
+}
+
+/** 单选框默认父组件组件定义的事件 */
+export interface RadioGroupEmits {
+  /** 值更新 */
+  (e: 'update:modelValue', modelValue: any): void
+  /** 选项更新事件 */
+  (e: 'change', item: Record<string, any>): void
+}
+
+/** 单选框默认父组件组件暴露的属性和方法(组件内部使用) */
+export interface _RadioGroupExposed {}
+
+/** 单选框默认父组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type RadioGroupExposed = DeconstructValue<_RadioGroupExposed>

package/src/types/radio.ts

@@ -0,0 +1,26 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+/** 单选框组件属性 */
+export interface RadioProps extends FormComponentProps {
+  /** 单选框值 */
+  value?: any
+  /** 文本 */
+  label?: string
+  /**全部禁用 */
+  disabled?: boolean
+  /** 绑定值 */
+  modelValue?: any
+}
+
+/** 单选框组件定义的事件 */
+export interface RadioEmits {
+  (e: 'update:modelValue', value: any): void
+}
+
+/** 单选框组件暴露的属性和方法(组件内部使用) */
+export interface _RadioExposed {
+  change: (isChecked: boolean) => void
+}
+
+/** 单选框组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type RadioExposed = DeconstructValue<_RadioExposed>

package/src/types/rich-text-editor.ts

@@ -0,0 +1,44 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 富文本数据格式 */
+export type RichTextFormat = 'html' | 'json'
+
+/** 工具栏项 */
+export type ToolbarItem =
+  | 'bold'
+  | 'italic'
+  | 'underline'
+  | 'strikethrough'
+  | 'code'
+  | 'heading'
+  | 'bullet-list'
+  | 'ordered-list'
+  | 'blockquote'
+  | 'code-block'
+  | 'link'
+  | 'undo'
+  | 'redo'
+  | '|'
+
+/** 富文本编辑器组件属性 */
+export interface RichTextEditorProps extends FormComponentProps {
+  modelValue?: string
+  /** 数据格式：html 或 json */
+  format?: RichTextFormat
+  /** 工具栏配置 */
+  toolbar?: ToolbarItem[]
+  /** 占位文本 */
+  placeholder?: string
+}
+
+/** 富文本编辑器组件定义的事件 */
+export interface RichTextEditorEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 富文本编辑器组件暴露的属性和方法(组件内部使用) */
+export interface _RichTextEditorExposed {}
+
+/** 富文本编辑器组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type RichTextEditorExposed = DeconstructValue<_RichTextEditorExposed>

package/src/types/scroll.ts

@@ -0,0 +1,87 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { CSSProperties, ShallowRef } from 'vue'
+
+export type ScrollPosition = {
+  /** 横向位置 */
+  x?: number
+  /** 纵向位置 */
+  y?: number
+  /** 横向滚动宽度 */
+  sw?: number
+  /** 纵向滚动高度 */
+  sh?: number
+  /** 横向可视宽度 */
+  cw?: number
+  /** 纵向可视高度 */
+  ch?: number
+}
+
+/** 滚动条组件属性 */
+export interface ScrollProps {
+  /**
+   * 容器元素标签名
+   * @default div
+   */
+  tag?: string
+  /**
+   * 容器高度
+   * @default 100%
+   */
+  height?: string | number
+
+  /**
+   * 总是显示滚动条
+   * @default false
+   */
+  always?: boolean
+
+  /**
+   * 内容样式
+   */
+  contentStyle?: string | CSSProperties
+
+  /**
+   * 容器样式
+   */
+  containerStyle?: string | CSSProperties
+
+  /** 内容类名 */
+  contentClass?: unknown
+
+  /** 容器类名 */
+  containerClass?: string | string[]
+
+  /** 拖拽防抖时间 */
+  dragDebounce?: number
+}
+
+export interface ScrollEmits {
+  /** 滚动事件 */
+  (e: 'scroll', position: Required<ScrollPosition>): void
+  /** 尺寸调整事件 */
+  (e: 'resize', targets: HTMLElement[]): void
+}
+
+export interface _ScrollExposed {
+  /**
+   * 滚动至
+   * @param position 位置
+   */
+  scrollTo(position: ScrollPosition): void
+
+  /**
+   * 更新滚动条状态
+   */
+  update(): void
+
+  /** 滚动内容元素引用 */
+  contentRef: ShallowRef<HTMLElement | undefined>
+
+  /** 滚动容器元素引用 */
+  containerRef: ShallowRef<HTMLElement | undefined>
+
+  /** 滚动容器元素引用 */
+  el: ShallowRef<HTMLElement | undefined>
+}
+
+export type ScrollExposed = DeconstructValue<_ScrollExposed>

package/src/types/select.ts

@@ -0,0 +1,70 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { CSSProperties, ShallowRef } from 'vue'
+
+/** 选择器组件属性 */
+export interface SelectProps extends FormComponentProps {
+  /** 绑定值 */
+  modelValue?: any
+  /** 文本内容 */
+  text?: string
+  /**
+   * 列表选项
+   * @description 如果传入一个函数，那么filterable会被强制启用
+   */
+  options?:
+    | Record<string, any>[]
+    | ((qs: string) => Promise<Record<string, any>[]> | Record<string, any>[])
+  /** 值字段 */
+  valueKey?: string
+  /** 标签字段 */
+  labelKey?: string
+  /** 是否可清除 */
+  clearable?: boolean
+  /** 占位符 */
+  placeholder?: string
+  /** 是否启用搜索功能 */
+  filterable?: boolean
+  /** 内容容器样式 */
+  contentStyle?: CSSProperties | string
+  /** 内容容器类名 */
+  contentClass?: unknown
+  /** 弹框最小宽度 */
+  minWidth?: string
+  /**
+   * 弹框宽度
+   * @default 跟随触发元素的宽度
+   */
+  width?: string
+  /** 是否允许创建新的选项 */
+  creatable?: boolean
+
+  /**
+   * 配置网格布局
+   *
+   * - 开启网格布局将会导致虚拟滚动失效，因此网格布局不适合大量数据
+   * @example
+   * ```ts
+   * const grid = true
+   * // 或者
+   * const grid = {
+   *   cols: 12,
+   *   gap: 10
+   * }
+   */
+  grid?: { cols: number; gap?: number }
+}
+
+export interface SelectEmits {
+  /** 触发更新label事件 */
+  (e: 'update:label', label?: string): void
+  (e: 'update:modelValue', modelValue?: any): void
+  (e: 'change', option?: Record<string, any>): void
+}
+
+export interface _SelectExposed {
+  /** 信息文本 */
+  infoText: ShallowRef<string | number>
+}
+
+export type SelectExposed = DeconstructValue<_SelectExposed>

package/src/types/slider.ts

@@ -0,0 +1,38 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 滑块组件属性 */
+export interface SliderProps<T extends number | [number, number]> extends FormComponentProps {
+  modelValue?: T
+  /**
+   * 最小值
+   * @default 0
+   */
+  min?: number
+  /**
+   * 最大值
+   * @default 100
+   */
+  max?: number
+  /**
+   * 步长
+   * - 如果设置步长, 则滑块会按照步长进行滑动
+   * - 同时，滑块上将会显示步长刻度
+   */
+  step?: number
+  /** 是否是范围滑块 */
+  range?: boolean
+  /** 是否是垂直模式 */
+  vertical?: boolean
+}
+
+/** 滑块组件定义的事件 */
+export interface SliderEmits<T extends number | [number, number]> {
+  (e: 'update:modelValue', value: T): void
+}
+
+/** 滑块组件暴露的属性和方法(组件内部使用) */
+export interface _SliderExposed {}
+
+/** 滑块组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type SliderExposed = DeconstructValue<_SliderExposed>

package/src/types/steps.ts

@@ -0,0 +1,68 @@
+import type { ColorType, ComponentSize } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 步骤组件组件属性 */
+export interface StepsProps {
+  /**
+   * 当前步骤项，默认为步骤的索引
+   */
+  current?: string | number
+  /**
+   * 尺寸
+   */
+  size?: ComponentSize
+  /**
+   * 步骤项
+   */
+  items: Record<string, any>[]
+  /** 步骤项标签键 */
+  labelKey?: string
+  /**
+   * 当前步骤项键
+   * @description
+   * 如果指定，则current的值会作为items中的键值来获取当前步骤项
+   */
+  currentKey?: string
+  /**
+   * 方向
+   * @default 'horizontal'
+   */
+  direction?: 'horizontal' | 'vertical'
+
+  /** 居中对齐 */
+  alignCenter?: boolean
+
+  /**
+   * 当前步骤项颜色类型
+   */
+  currentStepType?: ColorType
+  /**
+   * 已完成项步骤颜色类型
+   * @default 'success'
+   */
+  finishedStepType?: ColorType
+}
+
+/** 步骤项插槽作用域 */
+export interface StepsSlotScope {
+  item: Record<string, any>
+  index: number
+}
+
+/** 步骤组件组件定义的事件 */
+export interface StepsEmits {
+  /**
+   * 当前步骤项变更
+   */
+  (e: 'update:current', value?: string | number): void
+  /**
+   * 步骤项点击事件
+   */
+  (e: 'item-click', item: Record<string, any>, index: number): void
+}
+
+/** 步骤组件组件暴露的属性和方法(组件内部使用) */
+export interface _StepsExposed {}
+
+/** 步骤组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type StepsExposed = DeconstructValue<_StepsExposed>

package/src/types/switch.ts

@@ -0,0 +1,24 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 开关组件属性 */
+export interface SwitchProps extends FormComponentProps {
+  /** 开关状态 */
+  modelValue?: boolean
+  /** 打开时显示的文字 */
+  activeText?: string
+  /** 关闭时显示的文字 */
+  inactiveText?: string
+}
+
+/** 开关组件定义的事件 */
+export interface SwitchEmits {
+  (e: 'update:modelValue', value: boolean): void
+  (e: 'change', value: boolean): void
+}
+
+/** 开关组件暴露的属性和方法(组件内部使用) */
+export interface _SwitchExposed {}
+
+/** 开关组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type SwitchExposed = DeconstructValue<_SwitchExposed>

package/src/types/table-editor.ts

@@ -0,0 +1,20 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+import type { TableProps } from './table'
+
+/** 表格型编辑器组件属性 */
+export interface TableEditorProps extends Omit<TableProps, 'data'> {
+  /** 表格数据 */
+  modelValue?: any[]
+}
+
+/** 表格型编辑器组件定义的事件 */
+export interface TableEditorEmits {
+  (e: 'update:modelValue', value: any[]): void
+}
+
+/** 表格型编辑器组件暴露的属性和方法(组件内部使用) */
+export interface _TableEditorExposed {}
+
+/** 表格型编辑器组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type TableEditorExposed = DeconstructValue<_TableEditorExposed>