@dt-frames/ui 2.0.3 → 2.0.5

package/es/components/table/index.less

@@ -1,8 +1,20 @@
+@table-action-icon-color: #666;
+
 .dt-form-btns {
 	.ant-form-item-control-input-content{
 		display: flex;
 		gap: 12px;
 	}
+
+	.ant-btn{
+		display: flex;
+		align-items: center;
+	}
+
+	.ant-btn.ant-btn-lg{
+		height: 34px;
+		font-size: 14px;
+	}
 }
 
 .dt-table{
@@ -10,6 +22,13 @@
 		background-color: #fafafa;
 	}
 
+	.ant-table-empty {
+		border-bottom: 1px solid #f0f0f0;
+		.ant-table-cell{
+			border: none;
+		}
+	}
+
 	.dt-pagination{
         margin: 0 !important;
         padding: 10px;
@@ -81,23 +100,27 @@
 		border-color: @primary-color;
 		color: @primary-color;
 	}
-}
 
-.ant-select-sm{
-	.ant-select-item-option-content{
-		font-size: 12px;
+	.ant-table-middle{
+		.dt-table-setting {
+			i{
+				font-size: 20px;
+			}
+		}
 	}
 }
 
-.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{
-	height: 30px;
-}
-.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
-.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
-.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder{
-	line-height: 28px;
-	height: 28px;
-	font-size: 12px;
+.ant-table{
+    .ant-table-cell {
+        height: 46px !important;
+        line-height: 20px !important;
+        font-size: 14px !important;
+        padding: 2px 8px !important;
+
+		i{
+			font-size: 18px;
+		}
+    }
 }
 
 .ant-table-small{
@@ -106,6 +129,9 @@
         line-height: 16px !important;
         font-size: 12px !important;
         padding: 2px 8px !important;
+		i{
+			font-size: 16px;
+		}
     }
 }
 
@@ -115,6 +141,9 @@
         line-height: 20px !important;
         font-size: 13px !important;
         padding: 4px 8px !important;
+		i{
+			font-size: 16px;
+		}
     }
 }
 
@@ -187,6 +216,25 @@
 }
 
 .dt-table-action-btn, .dt-table-action-dropdown{
-	font-size: 18px;
     vertical-align: middle;
+	color: @table-action-icon-color;
+}
+
+.dt-table-action-btn{
+	border-right: 1px solid rgba(0,0,0,.06);
+	i{
+		color: @primary-color;
+	}
+	&:last-of-type {
+		border-right: none;
+	}
+}
+
+.ant-table i.dt-table-action-dropdown{
+	font-size: 20px;
 }
+
+.ant-table-middle i.dt-table-action-dropdown,
+.ant-table-small i.dt-table-action-dropdown {
+	font-size: 18px;
+}

package/es/components/table/src/components/TableAction.d.ts

@@ -63,8 +63,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     fixed: boolean | "left" | "right";
     width: string;
-    expand: boolean;
     btns: ButtonType[];
+    expand: boolean;
     record: {};
 }>;
 export default _sfc_main;

package/es/components/table/src/index.d.ts

@@ -2,6 +2,10 @@ import { TableProps as ATableProps } from "ant-design-vue/es/table";
 import type { TableActionType } from './types/actions.type';
 import type { BasicTableProps } from './types/table.type';
 declare const _sfc_main: import("vue").DefineComponent<{
+    autoFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clickToSelectRow: {
         type: BooleanConstructor;
         default: boolean;
@@ -14,10 +18,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    canColDrag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     clearSelectOnPageChange: {
         type: BooleanConstructor;
         default: boolean;
@@ -141,6 +141,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     operations: {
         type: import("vue").PropType<import("./types/table.type").TableRowAction | import("./types/table.type").ButtonType[]>;
     };
@@ -150,6 +154,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     registerInstance: {
         type: import("vue").PropType<(instance: TableActionType) => void>;
     };
+    onSearch: {
+        type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
+        default: (params: import("@dt-frames/core").Recordable<any>) => void;
+    };
     onAdd: {
         type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
         default: (params: import("@dt-frames/core").Recordable<any>) => {};
@@ -298,10 +306,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onVisibleChange: import("vue").PropType<(vis: boolean) => void>;
             'onUpdate:visible': import("vue").PropType<(vis: boolean) => void>;
         }>>;
+        autoFetch: boolean;
         clickToSelectRow: boolean;
         tableSetting: {};
         striped: boolean;
-        canColDrag: boolean;
         clearSelectOnPageChange: boolean;
         resizable: boolean;
         virtual: boolean;
@@ -319,6 +327,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         onDownload: Function;
         indexColumnProps: import("./types/table.type").BasicColumn[];
         isTreeTable: boolean;
+        checkStrictly: boolean;
+        onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
         onAdd: (params: import("@dt-frames/core").Recordable<any>) => void;
         onUpdate: (params: {
             row: import("@dt-frames/core").Recordable<any>;
@@ -409,6 +419,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }, {}: {}): () => JSX.Element;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change")[], "register" | "selection-change" | "columns-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    autoFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clickToSelectRow: {
         type: BooleanConstructor;
         default: boolean;
@@ -421,10 +435,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    canColDrag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     clearSelectOnPageChange: {
         type: BooleanConstructor;
         default: boolean;
@@ -548,6 +558,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     operations: {
         type: import("vue").PropType<import("./types/table.type").TableRowAction | import("./types/table.type").ButtonType[]>;
     };
@@ -557,6 +571,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     registerInstance: {
         type: import("vue").PropType<(instance: TableActionType) => void>;
     };
+    onSearch: {
+        type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
+        default: (params: import("@dt-frames/core").Recordable<any>) => void;
+    };
     onAdd: {
         type: import("vue").PropType<(params: import("@dt-frames/core").Recordable<any>) => void>;
         default: (params: import("@dt-frames/core").Recordable<any>) => {};
@@ -597,10 +615,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onEdit-change"?: (...args: any[]) => any;
 }, {
     loading: boolean;
+    autoFetch: boolean;
     clickToSelectRow: boolean;
     tableSetting: {};
     striped: boolean;
-    canColDrag: boolean;
     clearSelectOnPageChange: boolean;
     resizable: boolean;
     virtual: boolean;
@@ -630,6 +648,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     childrenColumnName: string;
     indexColumnProps: import("./types/table.type").BasicColumn[];
     isTreeTable: boolean;
+    checkStrictly: boolean;
+    onSearch: (params: import("@dt-frames/core").Recordable<any>) => void;
     onAdd: (params: import("@dt-frames/core").Recordable<any>) => void;
     onUpdate: (params: {
         row: import("@dt-frames/core").Recordable<any>;

package/es/components/table/src/props.d.ts

@@ -6,6 +6,10 @@ import { DownloadType } from "./types/header.type";
 import { BasicColumn, ButtonType, TableRowAction, TableSetting, PaginationProps } from "./types/table.type";
 export declare const DEFAULT_SORT_FN: (sortInfo: any) => Recordable;
 export declare const TableProps: {
+    autoFetch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clickToSelectRow: {
         type: BooleanConstructor;
         default: boolean;
@@ -18,10 +22,6 @@ export declare const TableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    canColDrag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     clearSelectOnPageChange: {
         type: BooleanConstructor;
         default: boolean;
@@ -145,6 +145,10 @@ export declare const TableProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     operations: {
         type: PropType<TableRowAction | ButtonType[]>;
     };
@@ -154,6 +158,10 @@ export declare const TableProps: {
     registerInstance: {
         type: PropType<(instance: TableActionType) => void>;
     };
+    onSearch: {
+        type: PropType<(params: Recordable) => void>;
+        default: (params: Recordable) => void;
+    };
     onAdd: {
         type: PropType<(params: Recordable) => void>;
         default: (params: Recordable) => {};

package/es/components/table/src/types/table.type.d.ts

@@ -4,10 +4,9 @@ import { ComputedRef, ExtractPropTypes, Ref, VNode } from "vue";
 import { TableProps } from "../props";
 import { PaginationProps as APaginationProps } from "ant-design-vue/es/pagination/Pagination";
 export declare type ButtonFlag = 'OK' | 'CANCEL' | 'ADD' | 'DEL' | 'DELS' | 'UPDATE';
+export declare type DownloadType = ('current' | 'select' | 'all');
 export declare type TableSetting = {
-    download?: boolean;
-    onlyFrontDownload?: boolean;
-    onlyBackDowonload?: boolean;
+    download?: boolean | DownloadType[];
     setting?: boolean;
     fullscreen?: boolean;
 };
@@ -47,8 +46,8 @@ export interface BasicColumn extends ColumnProps<Recordable> {
 }
 export declare type ButtonType = {
     t?: string;
-    name?: string;
-    icon?: string;
+    label?: string | ((row: Recordable) => string);
+    icon?: string | ((row: Recordable) => string);
     auth?: string;
     color?: string;
     class?: string;

package/es/components/tree/index.d.ts

@@ -0,0 +1,2 @@
+import DtTree from "./src/index";
+export { DtTree };