@dt-frames/ui 1.0.0

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

@@ -0,0 +1,192 @@
+import { Recordable } from '@dt-frames/core';
+import { PropType } from 'vue';
+import type { TableRowSelection } from 'ant-design-vue/lib/table/interface';
+import { ActionType, BasicColumn, BtnsType, SizeType } from './types/table.type';
+import { ButtonProps } from '../../forms';
+import { DownloadType } from './types/tableHeader.type';
+export declare const TableProps: {
+    clickRowSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableSetting: {
+        type: ArrayConstructor;
+        default: string[];
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canColDrag: {
+        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) => {
+            field: any;
+            order: any;
+        } | {
+            field?: undefined;
+            order?: undefined;
+        };
+    };
+    filterFn: {
+        type: PropType<(data: Partial<Recordable<string[]>>) => any>;
+        default: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
+    };
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defSort: {
+        type: PropType<Recordable<any>>;
+        default: any;
+    };
+    columns: {
+        type: PropType<BasicColumn[]>;
+        default: () => any[];
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dataSource: {
+        type: PropType<Recordable<any>[]>;
+        default: any;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pagination: {
+        type: PropType<boolean | Partial<import("vue").ExtractPropTypes<{
+            total: NumberConstructor;
+            defaultCurrent: NumberConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            current: NumberConstructor;
+            defaultPageSize: NumberConstructor;
+            pageSize: NumberConstructor;
+            hideOnSinglePage: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            showSizeChanger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            pageSizeOptions: PropType<(string | number)[]>;
+            buildOptionText: PropType<(opt: {
+                value: any;
+            }) => any>;
+            showQuickJumper: {
+                type: PropType<boolean | {
+                    goButton?: any;
+                }>;
+                default: boolean | {
+                    goButton?: any;
+                };
+            };
+            showTotal: PropType<(total: number, range: [number, number]) => any>;
+            size: PropType<"small" | "default">;
+            simple: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            locale: ObjectConstructor;
+            prefixCls: StringConstructor;
+            selectPrefixCls: StringConstructor;
+            totalBoundaryShowSizeChanger: NumberConstructor;
+            selectComponentClass: StringConstructor;
+            itemRender: PropType<(opt: {
+                page: number;
+                type: "page" | "prev" | "next" | "jump-prev" | "jump-next";
+                originalElement: any;
+            }) => any>;
+            role: StringConstructor;
+            responsive: BooleanConstructor;
+            showLessItems: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            onChange: PropType<(page: number, pageSize: number) => void>;
+            onShowSizeChange: PropType<(current: number, size: number) => void>;
+            'onUpdate:current': PropType<(current: number) => void>;
+            'onUpdate:pageSize': PropType<(size: number) => void>;
+        }>>>;
+        default: {};
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowClassName: {
+        type: PropType<(record: any, index: number) => string>;
+    };
+    scroll: {
+        type: PropType<{
+            x?: number | true;
+            y?: number;
+        }>;
+        default: {};
+    };
+    size: {
+        type: PropType<SizeType>;
+        default: string;
+    };
+    onTableChange: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    onDownload: {
+        type: FunctionConstructor;
+        default: (excelData: DownloadType) => void;
+    };
+    rowSelection: {
+        type: PropType<TableRowSelection<any>>;
+        default: any;
+    };
+    customRow: {
+        type: PropType<(record: any, index: any) => void>;
+        default: () => void;
+    };
+    childrenColumnName: {
+        type: StringConstructor;
+        default: string;
+    };
+    showIndexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indexColumnProps: {
+        type: PropType<BasicColumn[]>;
+        default: () => any[];
+    };
+    isTreeTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    operations: {
+        type: PropType<ActionType | BtnsType[]>;
+    };
+    toolbar: {
+        type: PropType<ButtonProps[]>;
+    };
+};

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

@@ -0,0 +1,89 @@
+import { DictType, Recordable } from '@dt-frames/core';
+import type { ColumnProps } from 'ant-design-vue/lib/table';
+import type { TableRowSelection as ITableRowSelection } from 'ant-design-vue/lib/table/interface';
+import { ExtractPropTypes, VNode } from 'vue';
+import { TableProps } from '../props';
+import { SetColumnsParams } from './tableHeader.type';
+export interface TableRowSelection<T = any> extends ITableRowSelection {
+    onChange?: (selectedRowKeys: string[] | number[], selectedRows: T[]) => any;
+    onSelect?: (record: T, selected: boolean, selectedRows: Object[], nativeEvent: Event) => any;
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => any;
+    onSelectInvert?: (selectedRows: string[] | number[]) => any;
+}
+export declare type TableSetting = {
+    redo?: boolean;
+    size?: boolean;
+    setting?: boolean;
+    fullscreen?: boolean;
+};
+export declare type ColumnChangeParam = {
+    dataIndex: string;
+    fixed: boolean | 'left' | 'right' | undefined;
+    visible: boolean;
+};
+export declare type BasicTableProps = ExtractPropTypes<typeof TableProps> & {
+    onColumnsChange?: (data: ColumnChangeParam[]) => void;
+};
+export declare type SizeType = 'default' | 'middle' | 'small';
+export declare type SorterResult = {
+    column: ColumnProps;
+    order: 'ascend' | 'descend';
+    field: string;
+    columnKey: string;
+};
+export declare type CellFormat = ((text: string, record: Recordable, index: number) => any) | {
+    dict: DictType;
+} | {
+    number: string;
+} | {
+    date: string;
+} | {
+    percent: string;
+} | {
+    [key: string]: Recordable;
+} | VNode | JSX.Element;
+export declare type BtnsType = {
+    title?: string;
+    icon?: string;
+    auth?: string;
+    color?: string;
+    type?: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default';
+    size?: 'large' | 'middle' | 'small';
+    loading?: boolean;
+    disabled?: boolean;
+    ifShow?: boolean | ((column: BasicColumn) => boolean);
+    action?: (data: {
+        row: Recordable;
+        index: number;
+    }) => void;
+};
+export declare type ActionType = {
+    title?: string;
+    width?: number | string;
+    expand?: boolean;
+    fixed?: 'left' | 'right' | 'auto';
+    btns?: BtnsType[];
+};
+export interface BasicColumn extends ColumnProps {
+    children?: BasicColumn[];
+    defaultHidden?: boolean;
+    ifShow?: boolean | ((row: Recordable) => boolean);
+    flag?: 'INDEX' | 'DEFAULT' | 'CHECKBOX' | 'RADIO' | 'ACTION';
+    render?: CellFormat;
+    edit?: boolean;
+    editRow?: boolean;
+    showIndexColumn?: boolean;
+    expand?: boolean;
+}
+export declare type TableActionType = {
+    setProps: (props: Partial<BasicTableProps>) => void;
+    setLoading: (loading: boolean) => void;
+    getColumns: (opt?: SetColumnsParams) => BasicColumn[];
+    setColumns: (columns: BasicColumn[] | string[]) => void;
+    getSize: () => SizeType;
+    getRowSelection: () => TableRowSelection<Recordable>;
+    getCacheColumns: () => BasicColumn[];
+    setCacheColumnsByField?: (dataIndex: string | undefined, value: BasicColumn) => void;
+    getSelectRows: () => void;
+    getSelectRowKeys: () => void;
+};

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

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

package/es/components/table/src/utils/format.d.ts

@@ -0,0 +1 @@
+export declare function formatNumber(text: any, pipes: string): string;

package/es/directives/icon.d.ts

@@ -0,0 +1,2 @@
+import { DirectiveBinding } from "vue";
+export declare const iconMounted: (el: Element, binding: DirectiveBinding<any>, props: any) => void;

package/es/directives/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+export declare function initDirectives(): {
+    install(app: App): void;
+};
+export * from './permission';
+export * from './icon';

package/es/directives/permission.d.ts

@@ -0,0 +1,2 @@
+import type { DirectiveBinding } from 'vue';
+export declare const authMounted: (el: Element, binding: DirectiveBinding<any>) => void;

package/es/global.d.ts

@@ -0,0 +1,8 @@
+// 主要解决文件后缀引入后 代码报错的问题
+declare module "*" {
+    import { DefineComponent } from 'vue';
+    const Component: DefineComponent<{}, {}, any>;
+    export default Component;
+}
+
+declare module 'lodash-es';

package/es/index.css

@@ -0,0 +1 @@
+h3[data-v-2ef0d0ac]{margin:40px 0 0}ul[data-v-2ef0d0ac]{list-style-type:none;padding:0}li[data-v-2ef0d0ac]{display:inline-block;margin:0 10px}a[data-v-2ef0d0ac]{color:#42b983}.table-box[data-v-2ef0d0ac]{position:relative;width:100%;height:200px;overflow:auto}.div[data-v-2ef0d0ac]{height:var(--61016405)}.table[data-v-2ef0d0ac]{position:absolute;top:0;transform:translateY(var(--a6c21f82));width:100%;height:200px;box-shadow:0 0 3px #42b983}.td[data-v-2ef0d0ac]{width:20%;white-space:nowrap;line-height:30px;height:30px}

package/es/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './theme';
+export * from './directives';