@veltra/desktop 1.0.0

package/src/types/index.ts

@@ -0,0 +1,78 @@
+export type * from '@veltra/utils/types'
+
+export * from './cascade'
+export * from './message'
+export * from './multi-select'
+export * from './tree-select'
+export * from './layout'
+export * from './tag'
+export * from './date-range-picker'
+export * from './radio-group'
+export * from './scroll'
+export * from './watermark'
+export * from './progress'
+export * from './progress-nodes'
+export * from './pop-confirm'
+export * from './tabs'
+export * from './text-editor'
+export * from './quick-batch-edit'
+export * from './slider'
+export * from './number'
+export * from './notification'
+export * from './button'
+export * from './date-panel'
+export * from './dialog'
+export * from './batch-edit'
+export * from './list'
+export * from './action'
+export * from './empty'
+export * from './check-tag'
+export * from './float-button'
+export * from './calendar'
+export * from './palette'
+export * from './tree'
+export * from './input'
+export * from './form'
+export * from './file-picker'
+export * from './pop'
+export * from './grid-input'
+export * from './drawer'
+export * from './card'
+export * from './gantt-chart'
+export * from './textarea'
+export * from './multi-tree-select'
+export * from './code-editor'
+export * from './text'
+export * from './checkbox-group'
+export * from './table-editor'
+export * from './table'
+export * from './menu'
+export * from './password-input'
+export * from './date-picker'
+export * from './dropdown'
+export * from './context-menu'
+export * from './select'
+export * from './radio'
+export * from './checkbox'
+export * from './icon'
+export * from './node-render'
+export * from './tip'
+export * from './number-input'
+export * from './number-range-input'
+export * from './theme'
+export * from './loading'
+export * from './badge'
+export * from './form-item'
+export * from './group-input'
+export * from './paginator'
+export * from './condition-editor'
+export * from './css-transition'
+export * from './message-confirm'
+export * from './multi-auto-complete'
+export * from './grid'
+export * from './expression-editor'
+export * from './animation'
+export * from './auto-complete'
+export * from './switch'
+export * from './steps'
+export * from './rich-text-editor'

package/src/types/input.ts

@@ -0,0 +1,48 @@
+import type { DeconstructValue, FormComponentProps } from '@veltra/utils'
+import type { ShallowRef } from 'vue'
+
+/** 输入框组件属性 */
+export interface InputProps extends FormComponentProps {
+  /** modelValue */
+  modelValue?: string
+  /** 占位符 */
+  placeholder?: string
+  /** 前缀 */
+  prefix?: string
+  /** 后缀 */
+  suffix?: string
+  /** 是否可清除 */
+  clearable?: boolean
+  /** 原生只读 */
+  nativeReadonly?: boolean
+  /**
+   * 模式
+   * @description 如果指定请保证有一个符合模式的默认值
+   */
+  pattern?: RegExp
+}
+
+export interface InputEmits {
+  /** 输入时持续更新 */
+  (e: 'update:modelValue', value: string): void
+  /** 在输入框失焦时触发更新 */
+  (e: 'change', value: string): void
+  /** 后缀点击事件 */
+  (e: 'suffix:click', value?: string): void
+  /** 前缀点击事件 */
+  (e: 'prefix:click', value?: string): void
+  /** 聚焦事件 */
+  (e: 'focus', value?: string): void
+  /** 清除事件 */
+  (e: 'clear'): void
+  /** 失焦事件 */
+  (e: 'blur', value?: string): void
+  /** 原生输入事件 */
+  (e: 'native:input', ev: Event): void
+}
+
+export interface _InputExposed {
+  el: ShallowRef<HTMLInputElement | undefined>
+}
+
+export type InputExposed = DeconstructValue<_InputExposed>

package/src/types/layout.ts

@@ -0,0 +1,50 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 布局组件属性 */
+export interface LayoutProps {
+  /**
+   * 元素标签
+   * @default "div"
+   */
+  tag?: string
+  /** 间距 */
+  gap?: number | string
+  /**
+   * 每个列的布局
+   * @example
+   * ```ts
+   * // 以下都是合法的值
+   * const cols = '200px 1fr'
+   * const cols = ['200px', '1fr']
+   * ```
+   * [fr是什么?](https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex_value)
+   */
+  cols?: string[] | string
+
+  /**
+   * 每一行的布局
+   * @example
+   * ```ts
+   * // 以下都是合法的值
+   * const rows = '200px 1fr'
+   * const rows = ['200px', '1fr']
+   * ```
+   * [fr是什么?](https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex_value)
+   */
+  rows?: string[] | string
+  /**
+   * 尺寸是否可调节
+   * @default false
+   * @description 注意：当为true时，gap固定且需要有一项宽度为固定像素才能够拖拽
+   */
+  resizable?: boolean
+}
+
+/** 布局组件定义的事件 */
+export interface LayoutEmits {}
+
+/** 布局组件暴露的属性和方法(组件内部使用) */
+export interface _LayoutExposed {}
+
+/** 布局组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type LayoutExposed = DeconstructValue<_LayoutExposed>

package/src/types/list.ts

@@ -0,0 +1,14 @@
+import type { ComponentSize } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+export interface ListProps {
+  size?: ComponentSize
+  /** 列表数据 */
+  data: Record<string, any>[]
+}
+
+export interface ListEmits {}
+
+export interface _ListExposed {}
+
+export type ListExposed = DeconstructValue<_ListExposed>

package/src/types/loading.ts

@@ -0,0 +1,20 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+export type LoadingType = 'classic' | 'line' | 'dot' | 'spinner'
+
+/** loading组件属性 */
+export interface LoadingProps {
+  /** 加载类型 */
+  type: LoadingType
+}
+
+/** loading组件定义的事件 */
+export interface LoadingEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** loading组件暴露的属性和方法(组件内部使用) */
+export interface _LoadingExposed {}
+
+/** loading组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type LoadingExposed = DeconstructValue<_LoadingExposed>

package/src/types/menu.ts

@@ -0,0 +1,41 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { DefineComponent } from 'vue'
+
+/** 菜单项 */
+export interface MenuItem {
+  /** 图标 */
+  icon?: string | DefineComponent
+  /** 菜单标题 */
+  title: string
+  /** 菜单路径 */
+  path: string
+  /** 是否禁用 */
+  disabled?: boolean
+  /** 子菜单 */
+  children?: MenuItem[]
+
+  [key: string]: any
+}
+
+/** 菜单组件组件属性 */
+export interface MenuProps {
+  /** 当前路径 */
+  currentPath?: string
+  /** 是否折叠 */
+  collapsed?: boolean
+  /** 仅允许一个菜单可以打开 */
+  uniqueOpened?: boolean
+  /** 菜单列表 */
+  menus?: MenuItem[]
+}
+
+/** 菜单组件组件定义的事件 */
+export interface MenuEmits {
+  (e: 'item-click', item: MenuItem): void
+}
+
+/** 菜单组件组件暴露的属性和方法(组件内部使用) */
+export interface _MenuExposed {}
+
+/** 菜单组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type MenuExposed = DeconstructValue<_MenuExposed>

package/src/types/message-confirm.ts

@@ -0,0 +1,24 @@
+import type { ColorType, ComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 消息确认框组件属性 */
+export interface MessageConfirmProps extends ComponentProps {
+  modelValue?: string
+  title?: string
+  message: string
+  confirmButtonText?: string
+  cancelButtonText?: string
+  confirmButtonType?: ColorType
+  onClose?: (action: 'cancel' | 'confirm') => void
+}
+
+/** 消息确认框组件定义的事件 */
+export interface MessageConfirmEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 消息确认框组件暴露的属性和方法(组件内部使用) */
+export interface _MessageConfirmExposed {}
+
+/** 消息确认框组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type MessageConfirmExposed = DeconstructValue<_MessageConfirmExposed>

package/src/types/message.ts

@@ -0,0 +1,71 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { DefineComponent, AppContext } from 'vue'
+
+/** 消息类型 */
+export type MessageType = 'success' | 'warn' | 'info' | 'error' | 'default'
+
+/** 消息选项 */
+export type MessageOptions = MessageProps & {
+  /** 关闭回调 */
+  onClose?: () => void
+  /** 关闭结束后回调 */
+  onClosed?: () => void
+}
+
+type MsgAliasConf = Omit<MessageOptions, 'type' | 'message'>
+
+export interface MessageInstance {
+  /** 消息唯一标识 */
+  id: string
+  /** 手动关闭消息 */
+  close(): void
+  /** 消息彻底销毁后的 Promise (包括动画结束) */
+  onClosed: Promise<void>
+}
+
+export interface Message {
+  /** 创建消息 */
+  (options: MessageOptions | string): MessageInstance
+  /** 关闭所有的消息 */
+  closeAll(): void
+  /** 成功消息 */
+  success(message: string, config?: MsgAliasConf): MessageInstance
+  /** 警告消息 */
+  warn(message: string, config?: MsgAliasConf): MessageInstance
+  /** 信息消息 */
+  info(message: string, config?: MsgAliasConf): MessageInstance
+  /** 错误消息 */
+  error(message: string, config?: MsgAliasConf): MessageInstance
+  /** 默认消息 */
+  default(message: string, config?: MsgAliasConf): MessageInstance
+  /** 设置全局渲染上下文 */
+  _context: AppContext | null
+}
+
+/** 消息弹框组件组件属性 */
+export interface MessageProps {
+  /** 消息内容 */
+  message?: string
+  /** 渲染样式 */
+  type?: MessageType
+  /** 是否可以关闭 */
+  closable?: boolean
+  /**
+   * 持续时间, 单位ms
+   * @default 3000
+   */
+  duration?: number
+  /** 渲染html */
+  html?: boolean
+  /** 图标 */
+  icon?: DefineComponent
+}
+
+/** 消息弹框组件组件定义的事件 */
+export interface MessageEmits {}
+
+/** 消息弹框组件组件暴露的属性和方法(组件内部使用) */
+export interface _MessageExposed {}
+
+/** 消息弹框组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type MessageExposed = DeconstructValue<_MessageExposed>

package/src/types/multi-auto-complete.ts

@@ -0,0 +1,17 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+
+/** 多量自动完成组件组件属性 */
+export interface MultiAutoCompleteProps {
+  modelValue?: string
+}
+
+/** 多量自动完成组件组件定义的事件 */
+export interface MultiAutoCompleteEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 多量自动完成组件组件暴露的属性和方法(组件内部使用) */
+export interface _MultiAutoCompleteExposed {}
+
+/** 多量自动完成组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type MultiAutoCompleteExposed = DeconstructValue<_MultiAutoCompleteExposed>

package/src/types/multi-select.ts

@@ -0,0 +1,52 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { CSSProperties } from 'vue'
+
+/** multi-select组件属性 */
+export interface MultiSelectProps extends FormComponentProps {
+  /** 绑定值 */
+  modelValue?: Array<any>
+  /** 列表选项 */
+  options?:
+    | Record<string, any>[]
+    | ((qs: string) => Promise<Record<string, any>[]> | Record<string, any>[])
+  /** 值字段 */
+  valueKey?: string
+  /** 标签字段 */
+  labelKey?: string
+  /** 是否可清除 */
+  clearable?: boolean
+  /** 占位符 */
+  placeholder?: string
+  /** 是否启用搜索功能 */
+  filterable?: boolean
+  /** 最大展示数量 */
+  visibilityLimit?: number
+  /** 最大可选数量 */
+  max?: number
+  /** 内容容器样式 */
+  contentStyle?: CSSProperties | string
+  /** 内容容器类名 */
+  contentClass?: unknown
+  /** 弹框最小宽度 */
+  minWidth?: string
+  /**
+   * 弹框宽度
+   * @default '220px'
+   */
+  width?: string
+  /** 是否允许创建新选项 */
+  creatable?: boolean
+}
+
+/** multi-select组件定义的事件 */
+export interface MultiSelectEmits {
+  (e: 'update:modelValue', value: Array<any>): void
+  (e: 'change', options: Record<string, any>[]): void
+}
+
+/** multi-select组件暴露的属性和方法(组件内部使用) */
+export interface _MultiSelectExposed {}
+
+/** multi-select组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type MultiSelectExposed = DeconstructValue<_MultiSelectExposed>

package/src/types/multi-tree-select.ts

@@ -0,0 +1,53 @@
+import type { FormComponentProps } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { CSSProperties } from 'vue'
+
+import type { TreeProps } from './tree'
+/** 树形多选组件组件属性 */
+export interface MultiTreeSelectProps
+  extends FormComponentProps, Omit<TreeProps, 'selected' | 'checked' | 'selectable' | 'checkable'> {
+  modelValue?: (string | number)[]
+
+  /**自定义占位文字 */
+  placeholder?: string
+  /**
+   * 是否可清空
+   */
+  clearable?: boolean
+  /**
+   * 是否可搜索
+   */
+  filterable?: boolean
+  /**
+   * 可见的节点数量限制 默认3
+   */
+  visibilityLimit?: number
+
+  /**
+   * 弹框最小宽度
+   * @default '280px'
+   */
+  minWidth?: string
+  /**
+   * 弹框宽度
+   * @default 跟随触发元素的宽度
+   */
+  width?: string
+  /** 内容容器样式 */
+  contentStyle?: CSSProperties | string
+  /** 内容容器类名 */
+  contentClass?: unknown
+}
+
+/** 树形多选组件组件定义的事件 */
+export interface MultiTreeSelectEmits {
+  (e: 'clear'): void
+  (e: 'update:modelValue', value: any[]): void
+  (e: 'change', checked: Record<string, any>[]): void
+}
+
+/** 树形多选组件组件暴露的属性和方法(组件内部使用) */
+export interface _MultiTreeSelectExposed {}
+
+/** 树形多选组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type MultiTreeSelectExposed = DeconstructValue<_MultiTreeSelectExposed>

package/src/types/node-render.ts

@@ -0,0 +1,9 @@
+import type { VNode } from 'vue'
+
+/** 虚拟dom渲染组件属性 */
+export interface NodeRenderProps {
+  content: null | undefined | Array<VNode> | VNode
+}
+
+/** 虚拟dom渲染暴露的属性和方法 */
+export interface NodeRenderExposed {}

package/src/types/notification.ts

@@ -0,0 +1,33 @@
+import type { ColorType } from '@veltra/utils/types/component-common'
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { DefineComponent, RendererElement } from 'vue'
+
+/** 通知组件组件属性 */
+export interface NotificationProps {
+  modelValue?: string
+  title?: string
+  message?: string
+  type?: ColorType
+  closable?: boolean
+  duration?: number
+  offset?: number
+  onClose?: (vm: RendererElement) => void
+  onClick?: (e: MouseEvent) => void
+  id?: string
+  icon?: DefineComponent
+  zIndex?: number
+  buttonText?: string
+  width?: number
+  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+}
+
+/** 通知组件组件定义的事件 */
+export interface NotificationEmits {
+  (e: 'update:modelValue', value: string): void
+}
+
+/** 通知组件组件暴露的属性和方法(组件内部使用) */
+export interface _NotificationExposed {}
+
+/** 通知组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type NotificationExposed = DeconstructValue<_NotificationExposed>

package/src/types/number-input.ts

@@ -0,0 +1,31 @@
+import type { InputProps } from './input'
+
+/** 数字输入组件属性 */
+export interface NumberInputProps extends Omit<InputProps, 'modelValue'> {
+  modelValue?: number
+  /** 是否为货币模式 */
+  currency?: boolean
+  /** 精度 */
+  precision?: number
+  /** 最小精度 */
+  minPrecision?: number
+  /** 最大精度 */
+  maxPrecision?: number
+  /** 步进, 指定为数字时开启累加按钮并将该值作为累加的步长, 为true则步长默认为1 */
+  step?: boolean | number
+  /** 最大值 */
+  max?: number
+  /** 最小值 */
+  min?: number
+  /** 倍数 */
+  multiple?: number
+}
+
+/** 数字输入组件定义的事件 */
+export interface NumberInputEmits {
+  (event: 'update:modelValue', value?: number): void
+  (event: 'change', value?: number): void
+}
+
+/** 数字输入组件暴露的属性和方法 */
+export interface NumberInputExposed {}

package/src/types/number-range-input.ts

@@ -0,0 +1,33 @@
+import type { NumberInputProps } from './number-input'
+
+/** 数字范围 [起始, 结束] */
+export type NumberRangeTuple = [number | undefined, number | undefined]
+
+/** 数字范围输入组件属性 */
+export interface NumberRangeInputProps extends Omit<
+  NumberInputProps,
+  'modelValue' | 'placeholder'
+> {
+  modelValue?: NumberRangeTuple
+  /** 与 `modelValue[0]` 同步，可用 `v-model:start` */
+  start?: number
+  /** 与 `modelValue[1]` 同步，可用 `v-model:end` */
+  end?: number
+  /** 左侧占位 */
+  startPlaceholder?: string
+  /** 右侧占位 */
+  endPlaceholder?: string
+  /** 中间分隔文案 */
+  separator?: string
+}
+
+/** 数字范围输入组件事件 */
+export interface NumberRangeInputEmits {
+  (event: 'update:modelValue', value: NumberRangeTuple): void
+  (event: 'update:start', value: number | undefined): void
+  (event: 'update:end', value: number | undefined): void
+  (event: 'change', value: NumberRangeTuple): void
+}
+
+/** 数字范围输入组件暴露 */
+export interface NumberRangeInputExposed {}

package/src/types/number.ts

@@ -0,0 +1,31 @@
+/** 数字组件属性 */
+export interface NumberProps {
+  /** 数字数值 */
+  value: number
+  /**
+   * 格式化。
+   * currency: 货币； percent：百分比; decimal 默认十进制
+   */
+  format?: 'currency' | 'percent' | 'decimal'
+  /** 对齐方式 */
+  align?: 'left' | 'center' | 'right'
+  /**
+   * 开启补间动画
+   * @default false
+   */
+  tween?: boolean
+  /** 动画持续时间 */
+  duration?: number
+  /** 精度 */
+  precision?: number
+  /** 最大精度 */
+  maxPrecision?: number
+  /** 最小精度 */
+  minPrecision?: number
+}
+
+/** 数字组件定义的事件 */
+export interface NumberEmits {}
+
+/** 数字组件暴露的属性和方法 */
+export interface NumberExposed {}

package/src/types/paginator.ts

@@ -0,0 +1,34 @@
+import type { DeconstructValue } from '@veltra/utils/types/helper'
+import type { ShallowRef } from 'vue'
+
+/** 分页器组件组件属性 */
+export interface PaginatorProps {
+  /** 当前处于第几页 */
+  pageNumber?: number
+  /** 每页显示的数量 */
+  pageSize?: number
+  /** 大小模式 */
+  size?: 'large' | 'default' | 'small'
+  /** 数据总数 */
+  total?: number
+  /** 每页显示数量选项 */
+  pageSizeOptions?: Array<number>
+  /** 简洁模式 */
+  simple?: boolean
+}
+
+/** 分页器组件组件定义的事件 */
+export interface PaginatorEmits {
+  (e: 'update:pageNumber', value: number): void
+  (e: 'change:pageNumber', value: number): void
+  (e: 'update:pageSize', value: number): void
+  (e: 'change:pageSize', value: number): void
+}
+
+/** 分页器组件组件暴露的属性和方法(组件内部使用) */
+export interface _PaginatorExposed {
+  el: ShallowRef<HTMLElement | undefined>
+}
+
+/** 分页器组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+export type PaginatorExposed = DeconstructValue<_PaginatorExposed>