@dt-frames/ui 3.0.1 → 4.0.1

package/es/components/table/src/index.scss

@@ -1,310 +0,0 @@
-@import '../../form/src/index.scss';
-@import '../../modal/src/index.scss';
-
-
-.dt-table{
-
-	@apply h-full;
-
-	.table-striped td {
-		background-color: #fafafa;
-	}
-
-	.ant-table-empty {
-		border-bottom: 1px solid #f0f0f0;
-		.ant-table-cell {
-			border: none;
-		}
-
-		.ant-table-placeholder td {
-			border-bottom: none !important;
-
-			.ant-table-expanded-row-fixed::after {
-				inset-inline-end: -1px !important;
-			}
-		}
-
-		.ant-table-body {
-			border-right: 1px solid #f0f0f0;
-			overflow: hidden !important;
-		}
-	}
-
-	.ant-spin-nested-loading, .ant-spin-container {
-		height: 100%;
-	}
-
-	.ant-spin-container, .ant-table-container, .ant-table {
-		flex: 1;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.ant-table:not(.ant-table-empty), 
-	.ant-table:not(.ant-table-empty) .ant-table-container {
-		height: 0;		
-
-		.ant-table-body {
-			border-right: 1px solid #f0f0f0;
-			overflow: auto !important;
-
-			td:last-of-type {
-				border-right: none;
-			}
-		}
-	}
-
-	.ant-table-container {
-		border-start-start-radius: 12px !important;
-	}
-
-	.ant-table-body {
-		flex: 1;
-	}
-
-	.dt-pagination{
-        margin: 0 !important;
-        padding: 10px;
-        border: 1px solid #f0f0f0;
-		display: flex;
-		align-items: center;
-
-		svg{
-			display: block;
-		}
-
-		&.dt-pagination-small {
-			font-size: 12px;
-		}
-    }
-
-	&-setting {
-		i{
-			font-size: 18px;
-		}
-	}
-
-	.ant-table-title {
-		padding: 8px 0 !important;
-		border: none !important;
-	}
-
-	.ant-table-thead > tr > th{
-        font-weight: bolder;
-        color: #333;
-		background: #f6f6f5;
-
-		.ant-table-resize-handle-line{
-			width: 2px;
-			margin-left: 6px;
-		}
-    }
-
-	.ant-input-number-sm, .ant-input-sm, .ant-select-sm{
-		width: 100%;
-        height: 30px;
-        font-size: 13px;
-        line-height: 26px;
-    }
-
-	.ant-pagination-options{
-		.ant-select-sm{
-			width: auto;
-			span{
-				line-height: 24px !important;
-			}
-		}
-	}
-
-	.ant-select-sm .ant-select-selector{
-		height: 30px !important;
-	}
-
-	.ant-picker-small{
-		width: 100%;
-	}
-
-	.ant-picker-small input{
-		font-size: 13px;
-		height: 24px !important;
-	}
-
-	&-header-top{
-		border-color: $colorPrimary;
-		color: $colorPrimary;
-	}
-
-	.ant-table-middle{
-		.dt-table-setting {
-			i{
-				font-size: 20px;
-			}
-		}
-	}
-
-	.primary-color-link{
-		color: $colorPrimary;
-		cursor: pointer;
-		&:hover{
-			text-decoration: underline;
-		}
-	}
-}
-
-.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{
-    .ant-table-cell {
-        height: 32px !important;
-        line-height: 16px !important;
-        font-size: 13px !important;
-        padding: 2px 8px !important;
-		i{
-			font-size: 16px;
-		}
-    }
-}
-
-.ant-table-middle{
-    .ant-table-cell {
-        height: 38px !important;
-        line-height: 20px !important;
-        font-size: 13px !important;
-        padding: 4px 8px !important;
-		i{
-			font-size: 16px;
-		}
-    }
-}
-
-.column-setting{
-
-	&__popover-title{
-		label{
-			font-size: 13px;
-			line-height: 30px;
-			display: flex;
-			align-items: center;
-			margin: 0 2px;
-			.ant-checkbox-wrapper {
-				align-items: center;
-			}
-		}
-	}
-
-	&__cloumn-list{
-		.ant-popover-inner-content{
-			padding: 0;
-		}
-		.ant-checkbox-group{
-			width: 100%;
-			min-width: 270px;
-			flex-direction: column;
-		}
-
-		.disabled{
-			i{
-				cursor: not-allowed;
-				opacity: 0.5;
-			}
-		}
-	}
-
-	&__check-item {
-		.ant-checkbox-wrapper{
-			flex: 1;
-			font-size: 13px;
-		}
-
-		i{
-			font-size: 16px;
-			margin: 0 5px;
-			color: rgb(85, 85, 85);
-		}
-	}
-}
-
-// table中表单错误提示
-.edit-cell-rule-popover .ant-popover-inner-content{
-    padding: 4px 8px;
-    color: #ed6f6f;
-    border-radius: 2px;
-}
-
-.dt-table-action {
-	li > span {
-		@apply flex items-center;
-	}
-
-	&-dropdown {
-		vertical-align: middle;
-		color: $colorPrimary;
-		font-size: 18px;
-	}
-
-	&-small{
-		i {
-			font-size: 15px;
-		}
-
-		span {
-			font-size: 13px;
-		}
-	}
-
-	&-middle {
-		i {
-			font-size: 18px;
-		}
-
-		span {
-			font-size: 14px;
-		}
-	}
-
-	&-large {
-		i {
-			font-size: 20px;
-		}
-	}
-
-	.text-small {
-		font-size: 13px;
-	}
-
-	.text-middle {
-		font-size: 13px;
-	}
-
-	.text-large {
-		font-size: 14px;
-	}
-
-	&-btn {
-		border-right: 1px solid rgba(0,0,0,.06);
-		&:last-of-type {
-			border-right: none;
-		}
-	}
-}
-
-.dt-expand-has-collapse {
-	.dt-table-action-btn {
-		width: inherit;
-		padding: 0 8px;
-		margin: 0 !important;
-		cursor: pointer;
-		color: $colorPrimary;
-	}
-}

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

@@ -1,205 +0,0 @@
-import { PropType } from 'vue';
-import { TableActionType } from './types/actions.type';
-import { DownloadType } from './types/header.type';
-import { BasicColumn, TableSetting, PaginationProps, TableRowAction, ButtonType } from './types/table.type';
-import { TableRowSelection } from 'ant-design-vue/lib/table/interface';
-export declare const DEFAULT_SORT_FN: (sortInfo: any) => Recordable;
-export declare const TableProps: {
-    autoFetch: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    authPrefix: {
-        type: StringConstructor;
-    };
-    clickToSelectRow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tableSetting: {
-        type: PropType<boolean | TableSetting>;
-        default: () => {};
-    };
-    striped: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    clearSelectOnPageChange: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    minWidth: {
-        type: NumberConstructor;
-    };
-    maxWidth: {
-        type: NumberConstructor;
-    };
-    virtual: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    sortFn: {
-        type: FunctionConstructor;
-        default: (sortInfo: any) => Recordable;
-    };
-    defSort: {
-        type: PropType<globalThis.Recordable>;
-        default: any;
-    };
-    filterFn: {
-        type: PropType<(data: Recordable<string[]>) => any>;
-        default: (data: Recordable<string[]>) => globalThis.Recordable<string[]>;
-    };
-    rowKey: {
-        type: PropType<string | number>;
-        default: string;
-    };
-    columnCode: {
-        type: StringConstructor;
-        default: string;
-    };
-    columns: {
-        type: PropType<BasicColumn[]>;
-        default: () => any[];
-    };
-    slotsTemplate: {
-        type: PropType<globalThis.Recordable>;
-        default: () => {};
-    };
-    showIndexColumn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCheckboxColumn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    expandActions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    ellipsis: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dataSource: {
-        type: PropType<globalThis.Recordable[]>;
-        default: any;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pagination: {
-        type: PropType<Boolean | PaginationProps>;
-        default: any;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowClassName: {
-        type: PropType<(record: any, index: number) => string>;
-    };
-    scroll: {
-        type: PropType<{
-            x?: number | true;
-            y?: number;
-        }>;
-        default: {};
-    };
-    onTableChange: {
-        type: FunctionConstructor;
-        default: () => {};
-    };
-    onDownload: {
-        type: FunctionConstructor;
-        default: (excelData: DownloadType) => {};
-    };
-    rowSelection: {
-        type: PropType<TableRowSelection<any>>;
-        default: {
-            type: string;
-            fixed: boolean;
-        };
-    };
-    customRow: {
-        type: PropType<(record: any, index: any) => void>;
-        default: () => {};
-    };
-    childrenColumnName: {
-        type: StringConstructor;
-        default: string;
-    };
-    defaultExpandAllRows: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    defaultExpandedRowKeys: {
-        type: PropType<String[]>;
-        default: () => any[];
-    };
-    expandedRowKeys: {
-        type: PropType<String[]>;
-        default: () => any[];
-    };
-    expandFixed: {
-        type: PropType<String | Boolean>;
-        default: boolean;
-    };
-    expandRowByClick: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    indentSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    indexColumnProps: {
-        type: PropType<BasicColumn[]>;
-        default: () => any[];
-    };
-    isTreeTable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    checkStrictly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    operations: {
-        type: PropType<ButtonType[] | TableRowAction>;
-    };
-    toolbar: {
-        type: PropType<ButtonType[]>;
-    };
-    registerInstance: {
-        type: PropType<(instance: TableActionType & {
-            rowKey: string | number;
-        }) => void>;
-    };
-    onSearch: {
-        type: PropType<(params: Recordable) => void>;
-        default: (params: Recordable) => void;
-    };
-    onOpenAddDialog: {
-        type: PropType<(params: Recordable) => void>;
-        default: (params: Recordable) => {};
-    };
-    onOpenEditDialog: {
-        type: PropType<(row: Recordable, index: number, rowKey: any) => void>;
-        default: (row: Recordable, index: number) => {};
-    };
-    onDelete: {
-        type: PropType<(row: Recordable, index: number) => void>;
-        default: (row: Recordable, index: number) => {};
-    };
-    onDeletes: {
-        type: PropType<(params: Recordable) => void>;
-        default: (params: Recordable) => {};
-    };
-};

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

@@ -1,21 +0,0 @@
-import { Recordable } from '@dt-frames/core';
-import { Key, TableRowSelection } from 'ant-design-vue/es/table/interface';
-import { BasicColumn, BasicTableProps, PaginationProps } from './table.type';
-import { SetColumnsParams } from './header.type';
-export type TableActionType = {
-    setProps: (props: Partial<BasicTableProps>) => void;
-    setLoading: (loading: boolean) => void;
-    clearSelectedRowKeys: () => void;
-    getSelectRows: () => Recordable[];
-    getSelectedRowKeys: () => Key[];
-    setSelectedRowKeys: (keys: Key[]) => void;
-    getRowSelection: () => TableRowSelection<Recordable>;
-    getColumns: (opt?: SetColumnsParams) => BasicColumn[];
-    setColumns: (columns: BasicColumn[] | string[]) => void;
-    setColumnsByDataIndex: (dataIndex: string | undefined, schema: BasicColumn) => void;
-    getCacheColumns: () => BasicColumn[];
-    findTableDataRecord: (rowKey: Key) => Recordable;
-    updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
-    getPagination: () => PaginationProps | boolean;
-    emits?: any;
-};

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

@@ -1,23 +0,0 @@
-import { Recordable } from '@dt-frames/core';
-import { BasicColumn } from './table.type';
-export type DownloadType = {
-    type: 'current' | 'select' | 'all';
-    columns?: BasicColumn[];
-    rows?: Recordable<any>[];
-};
-export type SetColumnsParams = {
-    ignoreIndex?: boolean;
-    ignoreAction?: boolean;
-    sort?: boolean;
-};
-export type ColumnStateType = {
-    checkAll: boolean;
-    isInit?: boolean;
-    checkedList: string[];
-    defaultCheckList: string[];
-};
-export type ColumnOptionsType = {
-    label: string;
-    value: string;
-    fixed?: boolean | 'left' | 'right';
-};

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

@@ -1,167 +0,0 @@
-import { VNode, Ref, ComputedRef } from 'vue';
-import { Recordable, DictType } from '@dt-frames/core';
-import { ColumnProps } from 'ant-design-vue/es/table';
-import { PaginationProps as APaginationProps } from 'ant-design-vue/es/pagination/Pagination';
-import { TableRowSelection } from 'ant-design-vue/lib/table/interface';
-import { TableActionType } from './actions.type';
-import { SizeType } from 'ant-design-vue/es/config-provider';
-export type DownloadType = ('current' | 'select' | 'all');
-export type TableSetting = {
-    download?: boolean | DownloadType[];
-    setting?: boolean;
-    fullscreen?: boolean;
-};
-export type CellFormat = ((record: Recordable, index: Number, text: string) => any) | {
-    dict: DictType;
-} | {
-    struc: string;
-} | {
-    number: string;
-} | {
-    date: string;
-} | {
-    percent: string;
-} | {
-    tag: (row: Recordable) => {
-        color: string;
-        text: string | number;
-    };
-} | {
-    link: (row: Recordable, index: number) => void;
-    text?: any;
-} | {
-    [key: string]: Recordable;
-} | VNode | JSX.Element;
-export type ComponentType = 'Input' | 'InputNumber' | 'Select' | 'TreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker';
-export interface BasicColumn extends ColumnProps<Recordable> {
-    t?: string;
-    children?: BasicColumn[];
-    defaultHidden?: boolean;
-    show?: boolean | ((column: Recordable) => boolean);
-    flag?: 'INDEX' | 'DEFAULT' | 'CHECKBOX' | 'RADIO' | 'ACTION';
-    render?: CellFormat;
-    slot?: string;
-    edit?: boolean;
-    editRow?: boolean;
-    editable?: boolean;
-    editComponent?: ComponentType;
-    editComponentProps?: ((opt: {
-        text: string | number | boolean | Recordable;
-        record: Recordable;
-        column: BasicColumn;
-        index: number;
-    }) => Recordable) | Recordable;
-    editRule?: boolean | ((text: string, record: Recordable) => Promise<string>);
-}
-export type ButtonFlag = 'OK' | 'CANCEL' | 'ADD' | 'DEL' | 'DELS' | 'UPDATE';
-export type ButtonType = {
-    t?: string;
-    label?: string | ((row: Recordable) => string);
-    enLabel?: string | ((row: Recordable) => string);
-    icon?: string | ((row: Recordable) => string);
-    auth?: string;
-    color?: string;
-    class?: string;
-    type?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default';
-    size?: 'large' | 'middle' | 'small';
-    loading?: Ref<boolean>;
-    disabled?: boolean;
-    show?: boolean | ((row?: Recordable) => boolean) | ComputedRef<boolean>;
-    preIcon?: string;
-    postIcon?: string;
-    flag?: ButtonFlag;
-    onClick?: (row: Recordable, index: number) => void;
-};
-export type TableRowAction = {
-    title?: string;
-    width?: number | string;
-    expand?: boolean;
-    expandNum?: number;
-    fixed?: 'left' | 'right' | 'auto';
-    btns?: ButtonType[];
-};
-export type PaginationProps = (APaginationProps & {
-    class?: string;
-});
-export type ColumnChangeParam = {
-    dataIndex: string;
-    fixed: boolean | 'left' | 'right' | undefined;
-    visible: boolean;
-};
-export type BasicTableProps = {
-    autoFetch?: boolean;
-    authPrefix?: string;
-    clickToSelectRow?: boolean;
-    tableSetting?: TableSetting | boolean;
-    striped?: boolean;
-    clearSelectOnPageChange?: boolean;
-    resizable?: boolean;
-    minWidth?: number;
-    maxWidth?: number;
-    virtual?: boolean;
-    sortFn?: Function;
-    defSort?: Recordable;
-    filterFn?: (data: Recordable<string[]>) => any;
-    rowKey?: string | number;
-    columnCode?: string;
-    columns?: BasicColumn[];
-    slotsTemplate?: Recordable;
-    showIndexColumn?: boolean;
-    showCheckboxColumn?: Boolean;
-    expandActions?: boolean;
-    ellipsis?: boolean;
-    dataSource?: Recordable[];
-    bordered?: boolean;
-    pagination?: PaginationProps | boolean;
-    loading?: boolean;
-    rowClassName?: (record: any, index: number) => string;
-    scroll?: {
-        x?: number | true;
-        y?: number;
-    };
-    onTableChange?: Function;
-    onDownload?: (params?: {
-        type?: string;
-        columns?: BasicColumn[];
-        rows?: Recordable[];
-    }) => void;
-    rowSelection?: TableRowSelection | null;
-    customRow?: (record: any, index: any) => void;
-    childrenColumnName?: string;
-    defaultExpandAllRows?: boolean;
-    defaultExpandedRowKeys?: string[];
-    expandedRowKeys?: string[];
-    expandFixed?: boolean | string;
-    expandRowByClick?: boolean;
-    indentSize?: number;
-    indexColumnProps?: BasicColumn[];
-    isTreeTable?: boolean;
-    checkStrictly?: boolean;
-    operations?: TableRowAction | ButtonType[];
-    toolbar?: ButtonType[];
-    size?: SizeType;
-    registerInstance?: (instance: TableActionType & {
-        rowKey: string | number;
-    }) => void;
-    onSearch?: (params?: Recordable) => void;
-    onOpenAddDialog?: (params?: Recordable) => void;
-    onOpenEditDialog?: (row: Recordable, index: number, rowKey: any) => void;
-    onDelete?: (row: Recordable, index: number) => void;
-    onDeletes?: (params: Recordable) => void;
-    onColumnsChange?: (data: ColumnChangeParam[]) => void;
-};
-export interface TableCustomRecord<T = Recordable> {
-    record?: T;
-    index?: number;
-}
-export type SorterResult = {
-    column: ColumnProps;
-    order: 'ascend' | 'descend';
-    field: string;
-    columnKey: string;
-};
-export type LableValOptions = {
-    label: string;
-    value: any;
-    [key: string]: string | number | boolean;
-}[];