@veltra/desktop 1.0.0

package/dist/types/select.d.ts

@@ -0,0 +1,71 @@
+import { CSSProperties, ShallowRef } from "vue";
+import { FormComponentProps } from "@veltra/utils/types/component-common";
+import { DeconstructValue } from "@veltra/utils/types/helper";
+
+//#region src/types/select.d.ts
+/** 选择器组件属性 */
+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;
+  };
+}
+interface SelectEmits {
+  /** 触发更新label事件 */
+  (e: 'update:label', label?: string): void;
+  (e: 'update:modelValue', modelValue?: any): void;
+  (e: 'change', option?: Record<string, any>): void;
+}
+interface _SelectExposed {
+  /** 信息文本 */
+  infoText: ShallowRef<string | number>;
+}
+type SelectExposed = DeconstructValue<_SelectExposed>;
+//#endregion
+export { SelectEmits, SelectExposed, SelectProps, _SelectExposed };
+//# sourceMappingURL=select.d.ts.map

package/dist/types/slider.d.ts

@@ -0,0 +1,39 @@
+import { FormComponentProps } from "@veltra/utils/types/component-common";
+import { DeconstructValue } from "@veltra/utils/types/helper";
+
+//#region src/types/slider.d.ts
+/** 滑块组件属性 */
+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;
+}
+/** 滑块组件定义的事件 */
+interface SliderEmits<T extends number | [number, number]> {
+  (e: 'update:modelValue', value: T): void;
+}
+/** 滑块组件暴露的属性和方法(组件内部使用) */
+interface _SliderExposed {}
+/** 滑块组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+type SliderExposed = DeconstructValue<_SliderExposed>;
+//#endregion
+export { SliderEmits, SliderExposed, SliderProps, _SliderExposed };
+//# sourceMappingURL=slider.d.ts.map

package/dist/types/steps.d.ts

@@ -0,0 +1,66 @@
+import { ColorType, ComponentSize } from "@veltra/utils/types/component-common";
+import { DeconstructValue } from "@veltra/utils/types/helper";
+
+//#region src/types/steps.d.ts
+/** 步骤组件组件属性 */
+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;
+}
+/** 步骤项插槽作用域 */
+interface StepsSlotScope {
+  item: Record<string, any>;
+  index: number;
+}
+/** 步骤组件组件定义的事件 */
+interface StepsEmits {
+  /**
+   * 当前步骤项变更
+   */
+  (e: 'update:current', value?: string | number): void;
+  /**
+   * 步骤项点击事件
+   */
+  (e: 'item-click', item: Record<string, any>, index: number): void;
+}
+/** 步骤组件组件暴露的属性和方法(组件内部使用) */
+interface _StepsExposed {}
+/** 步骤组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+type StepsExposed = DeconstructValue<_StepsExposed>;
+//#endregion
+export { StepsEmits, StepsExposed, StepsProps, StepsSlotScope, _StepsExposed };
+//# sourceMappingURL=steps.d.ts.map

package/dist/types/switch.d.ts

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

package/dist/types/table-editor.d.ts

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

package/dist/types/table.d.ts

@@ -0,0 +1,235 @@
+import { ShallowRef, Slots, VNode } from "vue";
+import { Forest, TreeNode } from "@cat-kit/core";
+import { ComponentSize } from "@veltra/utils/types/component-common";
+import { DeconstructValue, RenderReturn } from "@veltra/utils/types/helper";
+
+//#region src/types/table.d.ts
+type TableColumnAlign = 'left' | 'center' | 'right';
+/**
+ * 合计上下文
+ */
+interface TableSummaryContext {
+  /** 总数 */
+  total: number;
+  /** 所有行数据 */
+  rows: TableRow[];
+  /** 多选选中的行，这是一个集合 */
+  checkedRows: Set<TableRow>;
+  /** 当前列 */
+  column: TableColumnNode;
+}
+interface TableColumn {
+  /** 列的唯一键 */
+  key: string;
+  /** 列的名称 */
+  name: string;
+  /** 表头渲染，优先级大于name属性 */
+  nameRender?: (ctx: {
+    column: TableColumnNode;
+  }) => VNode | string | null | undefined | (VNode | string | null | undefined)[];
+  /** 列最大宽度 */
+  width?: number;
+  /** 列最小宽度 */
+  minWidth?: number;
+  /**
+   * 列固定方式，为嵌套表头时此值无效
+   * @default 'left'
+   */
+  fixed?: 'left' | 'right';
+  /**
+   * 表头对齐方式, 如果没有指定，则默认使用align属性
+   * @default TableColumn['align']
+   */
+  headerAlign?: TableColumnAlign;
+  /**
+   * 列对齐方式
+   * @default 'left'
+   */
+  align?: TableColumnAlign;
+  /** 列渲染 */
+  render?: (scope: TableColumnRenderContext) => RenderReturn;
+  /** 子列 */
+  children?: TableColumn[];
+  /** 表尾合计 */
+  summary?: boolean | ((ctx: TableSummaryContext) => RenderReturn);
+  /** 是否可调整列宽 */
+  resizable?: boolean;
+  [key: string]: any;
+}
+/** 表格组件属性 */
+interface TableProps {
+  size?: ComponentSize;
+  /** 表格数据 */
+  data?: Record<string, any>[];
+  /** 表格列 */
+  columns?: TableColumn[];
+  /** 多选时的已选项 */
+  checked?: Record<string, any>[];
+  /**
+   * 单选时的已选项
+   * @description 该属性需要指定rowKey来表示唯一性
+   */
+  selected?: Record<string, any>;
+  /**
+   * 多选
+   * @description 该属性需要指定rowKey来表示唯一性
+   */
+  checkable?: boolean;
+  /** 索引 */
+  showIndex?: boolean;
+  /** 单选 */
+  selectable?: boolean;
+  /**
+   * 标记为一个树形组件
+   * @default false
+   * @description 如果传入了一个字符串则代表树的子节点的key值
+   */
+  tree?: boolean | string;
+  /**
+   * 作用域插槽
+   * @description
+   * 使用此插槽可以自定义使用外部组件的插槽而无需一级一级的嵌套
+   */
+  slots?: Readonly<Slots>;
+  /** 单元格合并 */
+  mergeCell?: (ctx: TableColumnRenderContext) => {
+    rowspan: number;
+    colspan: number;
+  } | undefined;
+  /** 当前点击的行 */
+  current?: TableRow;
+  /**
+   * 高亮当前点击的行，即使没有设置current属性
+   * @default false
+   *
+   */
+  highlightCurrent?: boolean;
+  /**
+   * 行key
+   * @description 用于标识行的唯一性，对于单选和多选来说是必须的
+   */
+  rowKey?: string;
+  /**
+   * 是否开启斑马纹
+   * @default true
+   */
+  stripe?: boolean;
+  /**
+   * 是否开启边框
+   * @default false
+   */
+  border?: boolean;
+  /**
+   * 虚拟列表阈值
+   * @default 80
+   */
+  virtualThreshold?: number;
+  /** 是否开启展开行, 只在非树形模式下有效 */
+  expandable?: boolean;
+  /** 是否开启虚拟列表 */
+  virtual?: boolean;
+  /**  默认展开全部 */
+  defaultExpandAll?: boolean;
+  /** 文本溢出省略 */
+  textEllipsis?: boolean;
+}
+interface TableRow extends TreeNode<Record<string, any>> {
+  /** 是否展开 */
+  expanded: boolean;
+  /** 操作中 */
+  operating: boolean;
+  /** 是否选中 */
+  checked: boolean;
+  /** 是否为当前点击的行 */
+  isCurrent: boolean;
+  /** id */
+  uid: number | string;
+  /** 索引路径 */
+  indexes: number[];
+  /** 子row */
+  children?: TableRow[];
+  /** 父row */
+  parent?: TableRow;
+  /** 是否为展开行 */
+  isExpandRow: boolean;
+}
+interface TableColumnNode extends TreeNode<TableColumn> {
+  /** 子列 */
+  children?: TableColumnNode[] | undefined;
+  /** 父列 */
+  parent?: TableColumnNode;
+  /** 叶子节点数量 */
+  leafs?: number;
+  key: string;
+  name: string;
+  align: TableColumnAlign;
+  width: number | undefined;
+  minWidth: number | undefined;
+  fixed: 'left' | 'right' | undefined;
+  isLastFixed: boolean;
+  isFirstFixed: boolean;
+  style: Record<string, number>;
+}
+/**
+ * 列渲染函数参数上下文
+ */
+interface TableColumnRenderContext {
+  /** 行 */
+  row: TableRow;
+  /** 行数据 */
+  rowData: Record<string, any>;
+  /** 列节点 */
+  column: TableColumnNode;
+  /** 单元格数据 */
+  val: any;
+}
+/** 表格列插槽作用域 */
+interface TableColumnSlotsScope extends TableColumnRenderContext {
+  /** 交互模型 */
+  model: {
+    modelValue: any;
+    'onUpdate:modelValue': (val: any) => void;
+  };
+}
+interface TableRowSlotsScope {
+  row: TableRow;
+  rowData: Record<string, any>;
+  columns: TableColumnNode[];
+  index: number;
+}
+/** 表格组件定义的事件 */
+interface TableEmits<DataItem extends Record<string, any> = Record<string, any>> {
+  /** 多选 */
+  (e: 'update:checked', value: DataItem[]): void;
+  /** 单选 */
+  (e: 'update:selected', value: DataItem | undefined): void;
+  /** 行数据更新 */
+  (e: 'update:rows', rows: TableRow[]): void;
+  /** 树形数据森林结构更新 */
+  (e: 'update:forest', rows?: Forest<Record<string, unknown>, any>): void;
+  /**
+   * 行点击事件
+   */
+  (e: 'row-click', row: TableRow, ev: MouseEvent): void;
+  /** 单元格点击 */
+  (e: 'cell-click', row: TableRow, column: TableColumn, ev: MouseEvent): void;
+  /** 当前行变更 */
+  (e: 'update:current', row?: TableRow): void;
+}
+/** 表格组件暴露的属性和方法(组件内部使用) */
+interface _TableExposed {
+  el: ShallowRef<HTMLElement | undefined>;
+  /** 清除选中的项 */
+  clearChecked: () => void;
+  /** 清除单选的选项 */
+  clearSelected: () => void;
+  /** 通过数据获取表格行 */
+  getRowByData: (data: Record<string, any>) => TableRow | undefined;
+  /** 获取合计行 */
+  getSummaryRow: () => Record<string, any>;
+}
+/** 表格组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+type TableExposed = DeconstructValue<_TableExposed>;
+//#endregion
+export { TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, _TableExposed };
+//# sourceMappingURL=table.d.ts.map

package/dist/types/tabs.d.ts

@@ -0,0 +1,48 @@
+import { ComponentProps } from "@veltra/utils/types/component-common";
+
+//#region src/types/tabs.d.ts
+type TabItem = {
+  /**
+   * 标题名称
+   * @description 如果不穿则以key为名称
+   */
+  name?: string;
+  /**
+   * 标签页唯一标识
+   */
+  key: string; /** 是否禁用 */
+  disabled?: boolean;
+};
+/** 标签页组件组件属性 */
+interface TabsProps extends ComponentProps {
+  modelValue?: string;
+  /** 标签项 */
+  items: TabItem[];
+  /** 显示位置 */
+  position?: 'left' | 'right' | 'top' | 'bottom';
+  /** 是否可以动态编辑 */
+  editable?: boolean;
+  /**
+   * 是否保活
+   * @default false
+   */
+  keepAlive?: boolean;
+}
+/** 标签页组件组件定义的事件 */
+interface TabsEmits {
+  (e: 'update:modelValue', value: string | number): void;
+  (e: 'update:items', items: TabItem[]): void;
+  (e: 'update:active', active: string | number): void;
+  (e: 'delete', item: TabItem, index: number): void;
+  (e: 'create'): void;
+  (e: 'click', item: TabItem, index: number): void;
+}
+/** 标签页组件组件暴露的属性和方法(组件内部使用) */
+interface _TabsExposed {}
+/** 标签页组件组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+interface TabsExposed {
+  delete(key: number | string): void;
+}
+//#endregion
+export { TabItem, TabsEmits, TabsExposed, TabsProps, _TabsExposed };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/types/tag.d.ts

@@ -0,0 +1,22 @@
+import { ColorType, ComponentSize } from "@veltra/utils/types/component-common";
+
+//#region src/types/tag.d.ts
+/** 标签组件属性 */
+interface TagProps {
+  type?: ColorType;
+  /** 是否可移除 */
+  closable?: boolean;
+  /** 尺寸大小 */
+  size?: ComponentSize;
+  /** 是否为圆角 */
+  round?: boolean;
+  /** 深色 */
+  dark?: boolean;
+}
+interface TagEmits {
+  (e: 'close'): void;
+}
+interface TagExposed {}
+//#endregion
+export { TagEmits, TagExposed, TagProps };
+//# sourceMappingURL=tag.d.ts.map

package/dist/types/text-editor.d.ts

@@ -0,0 +1,25 @@
+import { FormComponentProps } from "@veltra/utils/types/component-common";
+import { DeconstructValue } from "@veltra/utils/types/helper";
+
+//#region src/types/text-editor.d.ts
+/** text-editor组件属性 */
+interface BarType {
+  content: string;
+  bar: string;
+}
+interface TextEditorProps extends FormComponentProps {
+  modelValue?: string;
+  placeholder?: string;
+  toolbar?: BarType[];
+}
+/** text-editor组件定义的事件 */
+interface TextEditorEmits {
+  (e: 'update:modelValue', value: string): void;
+}
+/** text-editor组件暴露的属性和方法(组件内部使用) */
+interface _TextEditorExposed {}
+/** text-editor组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+type TextEditorExposed = DeconstructValue<_TextEditorExposed>;
+//#endregion
+export { BarType, TextEditorEmits, TextEditorExposed, TextEditorProps, _TextEditorExposed };
+//# sourceMappingURL=text-editor.d.ts.map

package/dist/types/text.d.ts

@@ -0,0 +1,29 @@
+//#region src/types/text.d.ts
+/** 文本组件属性 */
+interface TextProps {
+  /** 使用预设文本类型, 默认content正文 */
+  as?: 'main-title' | 'title' | 'sub-title' | 'content' | 'additional';
+  /** 文本大小, 与as同时指定时会覆盖as */
+  fontSize?: string | number;
+  /** 是否删除 */
+  deleted?: boolean;
+  /** 下划线 */
+  underline?: boolean;
+  /** 粗体, 与as同时指定时会覆盖as中的字体粗细 */
+  bold?: boolean;
+  /** 斜体 */
+  italic?: boolean;
+  /** 高亮 */
+  highlight?: string | string[];
+}
+/** 文本组件定义的事件 */
+interface TextEmits {
+  (e: 'update:modelValue', value: string): void;
+}
+/** 文本组件暴露的属性和方法(组件内部使用) */
+interface _TextExposed {}
+/** 文本组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+interface TextExposed {}
+//#endregion
+export { TextEmits, TextExposed, TextProps, _TextExposed };
+//# sourceMappingURL=text.d.ts.map

package/dist/types/textarea.d.ts

@@ -0,0 +1,75 @@
+import { FormComponentProps } from "@veltra/utils/types/component-common";
+import { DeconstructValue } from "@veltra/utils/types/helper";
+
+//#region src/types/textarea.d.ts
+/** textarea组件属性 */
+interface TextareaProps extends FormComponentProps {
+  /**
+   * 文本域的值
+   */
+  modelValue?: string;
+  /**
+   * 文本域的高度
+   */
+  height?: string;
+  /**
+   * 文本域的占位符
+   */
+  placeholder?: string;
+  /**
+   * 文本域是否禁用
+   */
+  disabled?: boolean;
+  /**
+   * 文本域是否只读
+   */
+  readonly?: boolean;
+  /**
+   * 是否能被缩放
+   */
+  resize?: boolean;
+  /**
+   * 文本域的行数
+   */
+  rows?: number;
+  /**
+   * 文本域的列数
+   */
+  cols?: number;
+  /**
+   * 文本域的最大字数
+   */
+  maxlength?: number;
+  /**
+   * 是否显示字符数
+   */
+  showCount?: boolean;
+  /**
+   * 清空
+   */
+  clearable?: boolean;
+  /** 原生只读 */
+  nativeReadonly?: boolean;
+  /**是否自适应大小 */
+  autosize?: boolean;
+}
+/** textarea组件定义的事件 */
+interface TextareaEmits {
+  /**modelValue值改变时触发 */
+  (e: 'update:modelValue', value: string): void;
+  /**当 modelValue 改变时，并且文本框失去焦点或用户按Enter时触发 */
+  (e: 'change', value: string): void;
+  /**文本框获取焦点时触发 */
+  (e: 'focus'): void;
+  /**文本框失去焦点时触发 */
+  (e: 'blur'): void;
+  /**清空按钮时触发 */
+  (e: 'clear'): void;
+}
+/** textarea组件暴露的属性和方法(组件内部使用) */
+interface _TextareaExposed {}
+/** textarea组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+type TextareaExposed = DeconstructValue<_TextareaExposed>;
+//#endregion
+export { TextareaEmits, TextareaExposed, TextareaProps, _TextareaExposed };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/types/theme.d.ts

@@ -0,0 +1,25 @@
+import { UITheme } from "@veltra/styles/theme";
+import { DeconstructValue } from "@veltra/utils/types/helper";
+
+//#region src/types/theme.d.ts
+/** 主题组件属性 */
+interface ThemeProps {
+  /** 指定要编辑的主题实例，默认跟随当前已加载主题 */
+  theme?: UITheme;
+}
+/** 主题组件暴露的属性和方法(组件内部使用) */
+interface _ThemeExposed {
+  /** 恢复到当前基线主题 */
+  reset: () => void;
+  /** 导出当前主题 */
+  exportTheme: () => void;
+  /** 应用浅色预设 */
+  applyLightPreset: () => void;
+  /** 应用深色预设 */
+  applyDarkPreset: () => void;
+}
+/** 主题组件暴露的属性和方法 */
+type ThemeExposed = DeconstructValue<_ThemeExposed>;
+//#endregion
+export { ThemeExposed, ThemeProps, _ThemeExposed };
+//# sourceMappingURL=theme.d.ts.map