yc-vep-ui 0.0.25 → 0.0.26

package/dist/components/Card/type.d.ts

@@ -0,0 +1,6 @@
+export interface ICardProps {
+  title?: string
+  bodyClass?: string
+  hideBorder?: boolean
+  icon?: string
+}

package/dist/components/Descriptions/type.d.ts

@@ -0,0 +1,15 @@
+import type { DescriptionProps } from 'element-plus'
+
+export interface IDescriptionsField<T> {
+  label: string
+  prop: keyof T
+  render?: (props: IDescriptionsRenderProps) => VNode | string | number
+  span?: number
+}
+
+export interface IDescriptionsProps<T> extends DescriptionProps<T> {
+  data: T
+  fields: IDescriptionsField<T>[]
+  column?: number
+  title?: string
+}

package/dist/components/Editor/type.d.ts

@@ -0,0 +1,4 @@
+export interface IEditorProps {
+  defaultValue?: string
+  disabled?: boolean
+}

package/dist/components/Filter/type.d.ts

@@ -0,0 +1,48 @@
+import type { IRender } from '..'
+
+interface IFieldSlot<T> extends IField<T> {
+  prop: string
+  width?: number
+  render?: (props: IFilterRenderProps<T>) => VNode | string | number
+  defaultValue?: any
+  placeholder?: string
+}
+
+// 表格筛选
+export interface IField<T> {
+  label?: string
+  prop?: keyof T
+  required?: boolean
+  rules?: Record<string, any>
+  span?: number
+  slots?: IFieldSlot<T>[]
+  /** 整个宽度 */
+  width?: number
+  /** label宽度 */
+  labelWidth?: number
+  /** value宽度 */
+  valueWidth?: number
+  render?: (props: IFilterRenderProps<T>) => VNode | string | number | symbol
+}
+
+type IFilterRenderProps<T> = {
+  h: IRender
+  data: T
+}
+
+export interface IFilterProps<T> {
+  type?: 'default' | 'simple'
+  size?: 'small' | 'default' | 'large'
+  fields: IField<T>[]
+  expandNum?: number
+  valueWidth?: string
+  labelWidth?: string
+  /** 重置需要省略的字段 */
+  omitFields?: (keyof T)[]
+  rules?: Record<string, any>
+  required?: boolean
+  /** 每行显示的字段数量，默认为4 */
+  column?: number
+  // 每次请求的固定值
+  filterFixedValues?: Record<string, any>
+}

package/dist/components/Form/type.d.ts

@@ -0,0 +1,33 @@
+import type { FormInstance } from 'element-plus'
+import type { IField } from '../Filter/type'
+
+export interface IFormProps<T> {
+  fields: IField<T>[]
+  /** 下拉框展开数量 */
+  expandNum?: number
+  valueWidth?: string
+  labelWidth?: string
+  labelPosition?: 'top' | 'left' | 'right'
+  /** 重置需要省略的字段 */
+  omitFields?: (keyof T)[]
+  rules?: Record<string, any> | Reactive<Record<string, any>>
+  /** 必填 */
+  required?: boolean
+  /** 每行显示的字段数量，默认为4 */
+  column?: number
+  /** 默认值 */
+  defaultValues?: Record<string, any>
+  /** 表单双向绑定 (配合 v-model:form 使用) */
+  form?: Record<string, any>
+  valueModel?: 'default' | 'underline'
+  /** 按钮尺寸 */
+  size?: '' | 'small' | 'default' | 'large'
+}
+
+export interface IFormInstance {
+  getValues: () => Reactive<Record<string, any>>
+  setValues: (values: Record<string, any>) => void
+  clearValidate: () => void
+  onSubmit: (el: FormInstance) => void
+  validate: () => Promise<any>
+}

package/dist/components/InfiniteScroll/type.d.ts

@@ -0,0 +1,8 @@
+export interface IInfiniteScrollProps<T> {
+  loading?: Ref<boolean>
+  data: T[]
+  placeholder?: string
+  props?: Record<string, string>
+  vInfiniteScroll?: () => void
+  filterable?: boolean
+}

package/dist/components/Table/type.d.ts

@@ -0,0 +1,101 @@
+import type { VNode } from 'vue'
+
+export interface IRender {
+  button: (props: ButtonProps | ButtonProps[]) => VNode | string | number
+  link: (props?: LinkProps) => VNode | string | number
+  tag: (props?: TagProps | TagProps[]) => VNode | string | number
+  switch: (props?: SwitchProps) => VNode | string | number
+  select: (props?: SelectProps) => VNode | string | number
+  datePicker: (props?: DatePickerProps) => VNode | string | number
+  timeSelect: (props?: TimeSelectProps) => VNode | string | number
+  input: (props?: InputProps) => VNode | string | number
+  inputNumber: (props?: InputNumberProps) => VNode | string | number
+  textarea: (props?: InputProps) => VNode | string | number
+  inputTag: (props?: InputTagProps) => VNode | string | number
+  staffSelect: (props?: IStaffSelectProps) => VNode | string | number
+  editor: (props?: any) => VNode | string | number
+  radio: (props?: RadioProps) => VNode | string | number
+  upload: (props?: IUploadProps) => VNode | string | number
+  text: (props?: TextProps) => VNode | string | number
+}
+
+export type IRenderProps =
+  | ButtonProps
+  | ButtonProps[]
+  | LinkProps
+  | TagProps
+  | TagProps[]
+  | SwitchProps
+  | SelectProps
+  | DatePickerProps
+  | InputProps
+  | InputNumberProps
+  | InputTagProps
+  | TimeSelectProps
+  | IStaffSelectProps
+  | RadioProps
+  | IUploadProps
+  | TextProps
+
+// 组件属性扩展
+export interface IExtra {
+  width?: string | number
+  sortable?: boolean
+}
+
+export interface IColumn<T> extends IExtra {
+  type?: 'index' | 'selection'
+  label?: string
+  prop?: keyof T
+  fixed?: 'left' | 'right' | boolean
+  showOverflowTooltip?: boolean
+  render?: (props: IColumnRenderProps<T>) => VNode | string | number
+  children?: IColumn<T>[]
+  lineClamp?: number // 文本行数限制
+}
+
+type IColumnRenderProps<T> = {
+  h: IRender
+  data: T
+  index?: number
+  column?: IColumn<T>
+}
+
+export interface ITableProps<T> {
+  /** 加载状态 */
+  loading?: boolean | Ref<boolean>
+  /** 是否显示边框 */
+  border?: boolean
+  /** 表格尺寸 */
+  size?: 'large' | 'default' | 'small'
+  /** 表格数据 */
+  data: Reactive<T[]>
+  /** 表格列 */
+  columns: IColumn<T>[]
+  /** 表格对齐方式 */
+  align?: 'center' | 'left' | 'right'
+  /** 是否隐藏分页 */
+  hidePagination?: boolean
+  /** 分页数据 */
+  pagination?: Reactive<{ page: number; pageSize: number; total: number; pageSizes?: number[] }>
+  /** 当前行改变时触发 */
+  currentChange?: (currentRow: T, oldCurrentRow: T) => void
+  /** 选择项改变时触发 */
+  selectionChange?: (selection: Array<T>) => void
+  /** 是否可选择 */
+  selectable?: (row: T) => boolean
+  /** 默认选中的rowKey */
+  defaultCheckedKeys?: any[]
+  rowKey?: keyof T
+}
+
+export interface ITableInstance<T = any> {
+  columns: IColumn<T>[]
+  data: Reactive<T[]>
+  loading: boolean
+  pagination: Reactive<{ page: number; pageSize: number; total: number }>
+  selection: Array<T>
+  currentRow: T | null
+  // 任意
+  [key: string]: any
+}

package/dist/components/Tree/type.d.ts

@@ -0,0 +1,21 @@
+import type { TreeNodeData } from 'element-plus'
+export interface ITreeProps {
+  id?: string
+  data: TreeNodeData[]
+  filterable?: boolean
+  placeholder?: string
+  /** 因此添加操作节点 */
+  hidePlusHandle?: boolean
+  /** 隐藏节点添加子目录按钮 */
+  hideNodeAdd?: boolean
+  /** 隐藏节点的编辑按钮 */
+  hideNodeEdit?: boolean
+  /** 隐藏节点的删除按钮 */
+  hideNodeDel?: boolean
+  /** 隐藏所偶遇节点操作 */
+  hideNodeHandle?: boolean
+  nodeKey?: string
+  props?: {
+    label?: string
+  }
+}

package/dist/components/type.d.ts

@@ -0,0 +1,9 @@
+export type IProp = string | number | boolean | null | undefined
+export * from './Table/type'
+export * from './Filter/type'
+export * from './Form/type'
+export * from './Descriptions/type'
+export * from './InfiniteScroll/type'
+export * from './Tree/type'
+export * from './Card/type'
+export * from './Editor/type'

package/dist/entry.d.ts

@@ -18,6 +18,7 @@ export type { ITreeProps } from './components/Tree/type';
 export type { IInfiniteScrollProps } from './components/InfiniteScroll/type';
 export type { IEditorProps } from './components/Editor/type';
 export type { ICardProps } from './components/Card/type';
+export type * from 'element-plus';
 declare const _default: {
     install(app: App): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yc-vep-ui",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "description": "基于 Vue 3 + Element Plus 的企业级 UI 组件库",
   "keywords": [