holyes-table 1.0.10 → 1.0.12

package/dist/lib/pretextTable/config.d.ts

@@ -0,0 +1,12 @@
+import { HolyesTableKeyNames, HolyesTableTreeConfig } from './type';
+/** 特殊字段的名称 */
+export declare const keyNames: HolyesTableKeyNames;
+/** 默认的树形结构配置项 */
+export declare const defaultTreeConfig: HolyesTableTreeConfig;
+declare const _default: {
+    /** 特殊字段的名称 */
+    keyNames: HolyesTableKeyNames;
+    /** 默认的树形结构配置项 */
+    defaultTreeConfig: HolyesTableTreeConfig;
+};
+export default _default;

package/dist/lib/pretextTable/hook/useCheckbox.d.ts

@@ -1,4 +1,5 @@
 import { Ref, ShallowRef } from 'vue';
+import { HolyesTableTreeConfig } from '../type';
 export declare function useCheckbox(dataObj: {
     pretextId: string;
     columns: Ref<any[]>;
@@ -6,17 +7,23 @@ export declare function useCheckbox(dataObj: {
     nowDataSource: ShallowRef<any[]>;
     baseDataSource: ShallowRef<any[]>;
     emits: any;
+    /** 多选框列, 是否父子关联选择, 默认是true */
+    treeConfig?: HolyesTableTreeConfig;
 }): {
     /** 获取多选列字段 */
-    getCheckField: () => string | undefined;
+    getCheckField: () => string[];
     /** 表头多选列 */
-    headerChecked: Ref<boolean, boolean>;
+    headerChecked: Ref<Record<string, boolean>, Record<string, boolean>>;
     /** 表头多选列是否半选 */
-    headerCheckedIndeterminate: Ref<boolean, boolean>;
+    headerCheckedIndeterminate: Ref<Record<string, boolean>, Record<string, boolean>>;
     /** 表头多选列选中 */
-    onHeaderChecked: () => void;
+    onHeaderChecked: (field: string) => void;
+    /** 更新表头多选列选中状态 */
+    upDataHeaderChecked: (tempField?: string) => void;
+    /** 更新筛选后的父级行选中状态 */
+    upDataAllRowCheckedDeep: () => void;
     /** 单元格选中 */
-    onCellChecked: (item: any) => void;
+    onCellChecked: (item: any, field?: string) => void;
     /** 获取选中的数据 */
     getCheckboxRecords: (isFull: boolean) => any[];
     /** 清空多选列选中状态，给内部初始化用的 */

package/dist/lib/pretextTable/hook/useExpand.d.ts

@@ -1,7 +1,6 @@
-import { HolyesTableExpandConfig, HolyesTableKeyNames } from '../type';
+import { HolyesTableExpandConfig } from '../type';
 /** 展开行配置项 */
 export declare const useExpand: (dataObj: {
-    keyNames: HolyesTableKeyNames;
     expandConfig: HolyesTableExpandConfig;
     /** 展开/收起后, 执行的操作 */
     afterRowExpand: (rows: any[], expanded: boolean) => void;

package/dist/lib/pretextTable/hook/useFilter.d.ts

@@ -1,5 +1,5 @@
 import { ShallowRef } from 'vue';
-import { HolyesTableColumnPropsType, HolyesTableFilterlistOptions, HolyesTableFilterType, HolyesTableKeyNames, HolyesTableTreeConfig } from '../type';
+import { HolyesTableColumnPropsType, HolyesTableFilterlistOptions, HolyesTableFilterType, HolyesTableTreeConfig } from '../type';
 /** 筛选字段 类型 */
 export type FilterFieldsType = {
     field: string;
@@ -30,8 +30,6 @@ export type FilterFieldsType = {
     };
 };
 export declare function useFilter(dataObj: {
-    /** 特殊字段的名称 */
-    keyNames: HolyesTableKeyNames;
     /** 表格列属性 */
     columns: ShallowRef<HolyesTableColumnPropsType[]>;
     /** 基础数据 */

package/dist/lib/pretextTable/hook/useSort.d.ts

@@ -1,8 +1,7 @@
 import { ShallowRef } from 'vue';
-import { HolyesTableKeyNames, HolyesTableTreeConfig } from '../type';
+import { HolyesTableTreeConfig } from '../type';
 /** 排序 */
 export declare function useSort(dataObj: {
-    keyNames: HolyesTableKeyNames;
     nowDataSource: ShallowRef<any[]>;
     getVisibleData: () => void;
     setNowDataSource: (tempData: any[]) => void;

package/dist/lib/pretextTable/hook/useTree.d.ts

@@ -1,24 +1,12 @@
-import { HolyesTableKeyNames, HolyesTableTreeConfig } from '../type';
+import { HolyesTableTreeConfig } from '../type';
 /** 树形结构配置项 */
 export declare const useTree: (dataObj: {
     treeConfig: HolyesTableTreeConfig;
-    keyNames: HolyesTableKeyNames;
     afterTreeExpand: (rows: any[], expanded: boolean) => void;
     insertChild: (records: any[], parentRowOrParentId: any) => Promise<void>;
 }) => {
     /** 默认的树形结构配置项 */
-    defaultTreeConfig: {
-        isOpenTree: boolean;
-        transform: boolean;
-        idField: string;
-        parentField: string;
-        childrenField: string;
-        indent: number;
-        trigger: string;
-        lazy: boolean;
-        hasChildField: string;
-        showIcon: boolean;
-    };
+    defaultTreeConfig: HolyesTableTreeConfig;
     /** 树形结构, 展开的行Map, 键是行的idField 或 keyNames.id, 值是行数据 */
     treeExpandMap: Map<string, any>;
     /** 处理树形结构 */

package/dist/lib/pretextTable/pretextTable.vue.d.ts

@@ -85,7 +85,7 @@ declare const _default: __VLS_WithSlots<import('vue').DefineComponent<import('vu
     loadData: (tempData: any[]) => Promise<void>;
     reloadData: (tempData: any[]) => Promise<void>;
     getCheckboxRecords: (isFull: boolean) => any[];
-    clearCheckboxRow: () => void;
+    clearCheckboxRow: (field?: string) => void;
     updateFooter: (field?: string) => void;
     updateFooterCellLabel: (field: string, rowIndex: number, label: string) => void;
     getFooterHeight: (footerProps: HolyesTableFooterProps[]) => void;

package/dist/lib/pretextTable/type.d.ts

@@ -1,6 +1,6 @@
 import { VxeIconPropTypes } from 'vxe-pc-ui';
 /** 列插槽类型 */
-export type HolyesTableSlotDefaultType = "a" | "tag" | "icon" | "buttons" | "switch";
+export type HolyesTableSlotDefaultType = "a" | "tag" | "icon" | "buttons" | "switch" | "checkbox";
 /** 表格列属性,额外属性 */
 export type HolyesTableColumnPropsTypeOption = {
     /** 列宽度 */
@@ -51,7 +51,7 @@ export type HolyesTableColumnPropsTypeOption = {
             };
             /** 图标 插槽默认属性 */
             icon?: {
-                /** 图标名称, 参考 vxe-icon 图标名称 */
+                /** 图标名称, 参考 vxe-icon 图标名称 https://vxeui.com/#/component/icon/base */
                 name?: VxeIconPropTypes.Name;
                 /** 图标样式 */
                 style?: any;
@@ -111,6 +111,12 @@ export type HolyesTableColumnPropsTypeOption = {
                 /** 开关点击事件 */
                 onChange?: (row: any, index: number) => void;
             };
+            checkbox?: {
+                /** 多选框是否半选，取决于row的哪个字段 */
+                checkedIndeterminateField?: string;
+                /** 多选框点击事件 */
+                onChange?: (row: any, index: number) => void;
+            };
         };
         /** 列表头插槽 */
         header?: string;
@@ -166,6 +172,10 @@ export interface HolyesTableKeyNames {
     isExpandRow: string;
     /** 展开行是否有子展开项 */
     expandChildren: string;
+    /** 父级行 */
+    parentRow: string;
+    /** 多选框是否半选中 */
+    checkedIndeterminate: string;
 }
 /** 展开行配置项 */
 export interface HolyesTableExpandConfig {
@@ -226,7 +236,7 @@ export type HolyesTableFooterColumns = {
 };
 /** 树形结构配置项 */
 export type HolyesTableTreeConfig = {
-    /** 是否开启展开行功能 */
+    /** 是否开启树形结构功能 */
     isOpenTree: boolean;
     /** 自动将列表转为树结构 */
     transform?: boolean;
@@ -250,6 +260,8 @@ export type HolyesTableTreeConfig = {
     reserve?: boolean;
     /** 是否显示树形图标, 默认是true */
     showIcon?: boolean;
+    /** 多选框列, 是否父子关联选择, 默认是true */
+    checkStrictly?: boolean;
 };
 /** 计算表格每行的高度的 worker 选项 */
 export type HolyesTableGetItemHeightOptions = {

package/dist/lib/pretextTable/useHolyesTable.d.ts

@@ -63,12 +63,12 @@ export declare const useHolyesTable: (dataObj: {
     headerClick: (column: any) => void;
     hoverRow: import('vue').ShallowRef<any, any>;
     cellMousemove: (item: any) => void;
-    headerChecked: import('vue').Ref<boolean, boolean>;
-    headerCheckedIndeterminate: import('vue').Ref<boolean, boolean>;
-    onHeaderChecked: () => void;
-    onCellChecked: (item: any) => void;
+    headerChecked: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
+    headerCheckedIndeterminate: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
+    onHeaderChecked: (field: string) => void;
+    onCellChecked: (item: any, field?: string) => void;
     getCheckboxRecords: (isFull: boolean) => any[];
-    clearCheckboxRow: () => void;
+    clearCheckboxRow: (field?: string) => void;
     sortField: import('vue').Ref<string, string>;
     sortOrder: import('vue').Ref<"asc" | "desc" | null, "asc" | "desc" | null>;
     sort: (field: string, order: "desc" | "asc" | null | "auto") => void;
@@ -140,18 +140,7 @@ export declare const useHolyesTable: (dataObj: {
     /** 清除树形结构展开状态 */
     clearTreeExpand: () => void;
     /** 默认的树形结构配置项 */
-    defaultTreeConfig: {
-        isOpenTree: boolean;
-        transform: boolean;
-        idField: string;
-        parentField: string;
-        childrenField: string;
-        indent: number;
-        trigger: string;
-        lazy: boolean;
-        hasChildField: string;
-        showIcon: boolean;
-    };
+    defaultTreeConfig: import('./type').HolyesTableTreeConfig;
     /** 用于 expand-config，设置展开行，二个参数设置这一行展开与否 */
     setRowExpand: (rows: any[], expanded: boolean) => void;
     slotShowTimestamp: import('vue').Ref<number, number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holyes-table",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "合力思虚拟滚动表格组件",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",