@ttkj/avue 2.10.22 → 2.10.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttkj/avue",
-  "version": "2.10.22",
+  "version": "2.10.24",
   "description": "A Magic Configurable Web Framework",
   "main": "lib/avue.min.js",
   "unpkg": "lib/avue.min.js",

package/types/crud/index.d.ts

@@ -117,10 +117,10 @@ export declare class AvueCrud<T = Obj, S = Partial<T>> extends AvueComponent {
   /** 初始化数据字典 */
   dicInit(type?: 'cascader'): void;
   /**
-   * 移除表单项的校验结果。
+   * 移除弹窗表单项的校验结果。
    * @param {string | string[]} [props] 传入待移除的表单项的 prop 属性或者 prop 组成的数组，如不传则移除整个表单的校验结果
    */
-  clearValidate(props?: string | string[]): void;
+  clearValidate?: (props?: string | string[]) => void;
   /** 打开表单新增窗口 */
   rowAdd(): void;
   /** 表单保存调用 */
@@ -149,12 +149,20 @@ export declare class AvueCrud<T = Obj, S = Partial<T>> extends AvueComponent {
    * @param index 表单所在行
    */
   rowEdit(row: T, index: number): void;
+  /**
+   * 删除表单
+   * @param row 表单数据
+   * @param index 表单所在行
+   */
+  rowDel(row: T, index: number): void;
   /**
    * 将行数据复制，并打开新增窗口
    * @param row 表单数据
    * @since 2.6.14
    */
   rowCopy(row: T): void;
+  /** 新增行 */
+  rowCellAdd(row?: Partial<T>): void;
   /**
    * 打开行编辑
    * @param row 表单数据
@@ -162,11 +170,36 @@ export declare class AvueCrud<T = Obj, S = Partial<T>> extends AvueComponent {
    */
   rowCell(row: T, index: number): void;
   /**
-   * 删除表单
+   * 取消行编辑
    * @param row 表单数据
    * @param index 表单所在行
    */
-  rowDel(row: T, index: number): void;
+  rowCancel(row: T, index: number): void;
+  /**
+   * 删除行
+   * @param row 表单数据
+   * @param index 表单所在行
+   */
+  rowCellDelete(row: T, index: number): void;
+  /**
+   * 行内表单校验(整体)
+   */
+  validateCellForm(): Promise<{ valid: boolean, msg?: Record<string, {
+    /** 错误提示 */
+    message: string;
+    /** 错误字段，规则list.行号.prop */
+    field: string;
+  }[]> }>;
+  /**
+   * 对指定行表单项进行校验
+   * @param index 所在行
+   */
+  validateCellField(index: number): void;
+  /**
+   * 清除行编辑模式表单项校验结果
+   * @since 2.10.24
+   */
+  clearCellFormValidate(): void;
   /** 打印表格 */
   rowPrint(): void;
   /** 导出表格 */
@@ -191,6 +224,8 @@ export declare class AvueCrud<T = Obj, S = Partial<T>> extends AvueComponent {
   toggleRowSelection(row: T, select?: boolean): void;
   /** 用于可展开表格与树形表格，切换某一行的展开状态，如果使用了第二个参数，则是设置这一行展开与否（expanded 为 true 则展开） */
   toggleRowExpansion(row: T, expanded?: boolean): void;
+  /** 清空排序 */
+  clearSort(): void;
   /** 动态计算表格高度 */
   getTableHeight(): void;
   /** 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法 */

package/types/crud/option.d.ts

@@ -49,7 +49,7 @@ export interface CrudBaseOption {
   /** 设置 indeterminate 状态，只负责样式控制 如果选择一半，不会出现半选, 默认: false */
   indeterminate: boolean;
   /** 表格最大高度 */
-  maxHeight?: number;
+  maxHeight?: number | string;
   /** 字段排序, 默认: 0 */
   order?: number;
   /** 是否显示表格的表头, 默认: true */

package/types/crud/refs/dialog-form.d.ts

@@ -1,4 +1,5 @@
 // 引入定义
+import { Obj } from '../../global';
 import { AvueForm } from '../../form';
 import { AvueCrudFormMode } from '../index';
 

package/types/crud/refs/header-search.d.ts

@@ -1,5 +1,11 @@
 // 引入定义
 import { FormOption } from '../../form/option';
+import { AvueForm } from '../../form/index';
+
+/** 表单Refs */
+export interface AvueCrudHeaderRefs {
+  form: AvueForm;
+}
 
 export declare class AvueCrudHeaderSearch {
   /** 搜索表单配置 */
@@ -15,4 +21,6 @@ export declare class AvueCrudHeaderSearch {
   handleSearchCollapse(searchShow: boolean): void;
   /** 判断是否显示搜索 */
   dataFormat(): void;
+  /** 组件Refs */
+  $refs: AvueCrudHeaderRefs;
 }

package/types/form/column.d.ts

@@ -84,8 +84,6 @@ export interface FormColumnEventParams<T = Obj, U = Obj> {
   item?: U | U[];
   /** 同item，兼容配置 */
   selected?: U | U[];
-  /** 表单项值的label，含dic时，为dic的label，否则为value的字符串格式 */
-  label: string;
   /** 所在行索引，只在明细组件中生效 */
   index?: number;
 }
@@ -235,7 +233,7 @@ export interface FormColumnEvent<T = Obj> {
    * @example https://avuejs.com/form/form-control.html
    * @since 2.8.6
    */
-  control: (value: any, form: T) => Record<string, Partial<AvueFormColumn>>;
+  control: (value: any, form: T, tableData: Pick<FormColumnEventParams<T>, 'column' | 'columnIndex' | 'value' | 'dic' | 'index' | 'row'>) => Record<string, Partial<AvueFormColumn>>;
   /**
    * 点击事件
    * @since 2.9.6
@@ -264,7 +262,7 @@ export interface FormColumnEvent<T = Obj> {
    * 事件源码
    * @since 2.9.12(伪)
    */
-  _event?: Partial<Record<'click' | 'change' | 'focus' | 'blur', string>>;
+  _event?: Record<string, string>;
   /** 事件 */
   event: Partial<Omit<FormColumnEvent<T>, 'control' | 'event' | 'enter'>>;
 }

package/types/form/index.d.ts

@@ -1,8 +1,9 @@
 // 引入定义
 import { VNode } from 'vue';
 import { ElForm } from 'element-ui/types/form';
-import { AvueComponent } from '../global';
+import { AvueComponent, DicHttpProps, Obj } from '../global';
 import { FormOption } from './option';
+import { DicProps } from './column';
 
 /** 表单Refs */
 export interface AvueFormRefs {
@@ -67,7 +68,7 @@ export declare class AvueForm<T = Obj> extends AvueComponent {
 }
 
 /** 通用表单插槽 */
-export interface FormNormalScope<T = any, D = Obj> {
+export interface FormNormalScope<T = any, D = Obj, U = Obj, R = Obj> {
   /** 表单值 */
   value: T;
   /** 选中值，仅适用于涉及字典的组件 */
@@ -82,4 +83,30 @@ export interface FormNormalScope<T = any, D = Obj> {
   disabled: boolean;
   /** 表单数据 */
   row: D;
+  /** 字典 */
+  dic?: U[];
+  /** 输入时是否触发表单的校验, 仅针对input类型 */
+  validateEvent: boolean;
+  /** 参数配置项 */
+  props?: Partial<DicProps>;
+  /** 默认的接口请求配置 */
+  propsHttp?: DicHttpProps;
+  /** 外部传入的数据 */
+  tableData: {
+    /** 表单数据 */
+    row: D;
+    /** 列配置索引 */
+    columnIndex: Record<string, AvueCrudColumn>;
+    /** 行索引, dynamic组件下子组件生效 */
+    index?: number;
+    /** 上级组件相关数据, dynamic组件下子组件生效 */
+    rootFormData?: {
+      /** 列配置索引 */
+      columnIndex: Record<string, AvueCrudColumn>;
+      /** 表单配置 */
+      formOption: FormOption;
+      /** 表单数据 */
+      data: R;
+    };
+  };
 }

package/types/form/option.d.ts

@@ -1,5 +1,5 @@
 import { ResponsiveColumn } from 'element-ui/types/col';
-import { AvueAlignment, AvueComponentSize, DicHttpProps } from '../global';
+import { AvueAlignment, AvueComponentSize, DicHttpProps, Obj } from '../global';
 import { AvueFormColumn } from './column';
 
 /** 表单组件基本配置属性 */