@dt-frames/ui 1.0.51 → 2.0.0

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

@@ -1,93 +0,0 @@
-import { CSSProperties, PropType, VNodeChild } from "vue";
-import { ButtonProps } from "@dt-frames/core";
-export declare const basicProps: {
-    visible: {
-        type: BooleanConstructor;
-    };
-    scrollTop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    minHeight: {
-        type: NumberConstructor;
-    };
-    draggable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeFunc: FunctionConstructor;
-} & {
-    t: {
-        type: StringConstructor;
-    };
-    defaultFullscreen: {
-        type: BooleanConstructor;
-    };
-    canFullscreen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapperFooterOffset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    useWrapper: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-    };
-    loadingTip: {
-        type: StringConstructor;
-    };
-    closable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    destroyOnClose: {
-        type: BooleanConstructor;
-    };
-    title: {
-        type: StringConstructor;
-    };
-    visible: {
-        type: BooleanConstructor;
-    };
-    width: {
-        type: PropType<String | Number>;
-    };
-    wrapClassName: {
-        type: StringConstructor;
-    };
-    zIndex: {
-        type: NumberConstructor;
-    };
-    centered: {
-        type: BooleanConstructor;
-    };
-    showSave: {
-        type: BooleanConstructor;
-    };
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskClosable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskStyle: PropType<CSSProperties>;
-    footer: PropType<VNodeChild | JSX.Element | ButtonProps[]>;
-    bodyStyle: PropType<CSSProperties>;
-    wrapperProps: ObjectConstructor;
-    afterClose: FunctionConstructor;
-    getContainer: PropType<() => any>;
-};

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

@@ -1,25 +0,0 @@
-import { ModalProps, Recordable } from "@dt-frames/core";
-import { ComputedRef } from "vue";
-export declare type ModalMethods = {
-    setModalProps: (props: Partial<ModalProps>) => void;
-    emitVisible?: (visable: boolean, uid: number) => void;
-    redoModalHeight?: () => void;
-};
-export interface ReturnMethods extends ModalMethods {
-    openModal: (data?: {
-        data?: Recordable;
-        afterClose?: (data: Recordable) => void;
-    }, openOnSet?: boolean) => void;
-    closeModal: () => void;
-    getVisible?: ComputedRef<boolean>;
-}
-export interface ReturnInnerMethods extends ModalMethods {
-    openModal: <T = any>(props?: boolean, data?: T, openOnSet?: boolean) => void;
-    closeModal: (rsp?: Recordable) => void;
-    changeLoading: (loading: boolean) => void;
-    getVisible?: ComputedRef<boolean>;
-    redoModalHeight: () => void;
-}
-export declare type RegisterFn = (modalMethods: ModalMethods, uuid?: string) => void;
-export declare type UseModalReturnType = [RegisterFn, ReturnMethods];
-export declare type UseModalInnerReturnType = [RegisterFn, ReturnInnerMethods];

package/es/components/router/base-router.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1,2 +0,0 @@
-import DtBaseRouter from "./base-router";
-export { DtBaseRouter };

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

@@ -1 +0,0 @@
-export * from './src/index';

package/es/components/source/src/hooks/useDownload.d.ts

@@ -1,8 +0,0 @@
-import { DownloadType } from '../../../table/src/types/tableHeader.type';
-import { Recordable } from '@dt-frames/core';
-import { ComputedRef } from 'vue';
-export declare function useDownload(exportUrl: string, exportName: string | ComputedRef): {
-    download: (excelData: DownloadType & {
-        params: Recordable;
-    }, extraData?: any[]) => void;
-};

package/es/components/source/src/hooks/useFetch.d.ts

@@ -1,4 +0,0 @@
-import { ApiType } from "@dt-frames/core";
-export declare function useFetch(api: string | ApiType, baseUrl?: string): {
-    fetch: (params: any, onlyData?: boolean) => Promise<unknown>;
-};

package/es/components/source/src/hooks/useSource.d.ts

@@ -1,43 +0,0 @@
-import { Ref } from 'vue';
-import { Recordable } from "@dt-frames/core";
-import { SourceType } from "../types/source.type";
-import { TableParamsType } from '../types/table.type';
-import { DownloadType } from '../../../table/src/types/tableHeader.type';
-export declare function useSource(opt: SourceType): {
-    api: Recordable<any>;
-    apiPath: Recordable<any>;
-    form: {
-        onSearch: (model?: Recordable) => void;
-        onReset: (model: Recordable) => void;
-        loading: {
-            [key: string]: Ref<boolean>;
-        };
-    };
-    table: {
-        dataSource: Ref<any[]>;
-        pagination: Ref<{
-            current: number;
-            pageSize: number;
-            total: number;
-        }>;
-        onTableChange: (params: TableParamsType, needSearch?: boolean) => void;
-        onDownload: (excelData: DownloadType, extraData?: any[]) => void;
-        loading: Ref<boolean>;
-    };
-    curd: {
-        onAdd: (model: Recordable) => Promise<unknown>;
-        onQueryById: (id: string) => Promise<unknown>;
-        onUpdate: (model: Recordable) => Promise<unknown>;
-        onDeletes: (ids: any) => void;
-    };
-    loading: {
-        [key: string]: Ref<boolean>;
-    };
-    onAdd: (model: Recordable) => Promise<unknown>;
-    onQueryById: (id: string) => Promise<unknown>;
-    onDeletes: (ids: any) => void;
-    onUpdate: (model: Recordable) => Promise<unknown>;
-    onTableChange: (params: TableParamsType, needSearch?: boolean) => void;
-    onDownload: (excelData: DownloadType, extraData?: any[]) => void;
-    onSearch: (model?: Recordable) => void;
-};

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

@@ -1,2 +0,0 @@
-import { useSource } from './hooks/useSource';
-export { useSource };

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

@@ -1,34 +0,0 @@
-import { Recordable, ApiType } from "@dt-frames/core";
-import { ComputedRef } from "vue";
-export declare type PageQueryType = {
-    entityDTO: Recordable;
-    orderDTOs: Recordable[];
-    pageDTO: {
-        pageNo: number;
-        pageSize: number;
-        [key: string]: any;
-    };
-};
-export declare type ApiObjType = {
-    add?: string | ApiType;
-    update?: string | ApiType;
-    save?: string | ApiType;
-    deletes?: string | ApiType;
-    queryById?: string | ApiType;
-    queryPage?: string | ApiType;
-    [key: string]: string | ApiType;
-};
-export declare type SourceType = {
-    baseUrl?: string;
-    exportName?: string | ComputedRef;
-    clearKeys?: Function;
-    api: ApiObjType;
-};
-export declare type BaseDataType = {
-    entityDTO?: any;
-    pageDTO?: {
-        pageNo: Number;
-        pageSize: Number;
-    } | null;
-    orderDTOs: any;
-};

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

@@ -1,7 +0,0 @@
-import { Recordable } from "@dt-frames/core";
-export declare type TableParamsType = {
-    pagination: any;
-    showBtnLoading: boolean;
-    sort: Recordable;
-    filter: any;
-};

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

@@ -1,4 +0,0 @@
-import { renderEditCell } from './src/components/editable';
-import { useTable } from './src/hooks/useTable';
-import DtTable from "./src/index";
-export { DtTable, useTable, renderEditCell };

package/es/components/table/index.less

@@ -1,224 +0,0 @@
-.table-striped td {
-    background-color: #fafafa;
-}
-
-.dt-table-header{
-    .dt-table-header-actions{
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-    }
-
-    .dt-table-header-actions__right{
-        display: flex;
-        .dt-icon{
-            margin: 0 5px;
-            cursor: pointer;
-        }
-    }
-}
-
-.column-setting{
-    &__check-item{
-        display: flex;
-        align-items: center;
-        min-width: 100%;
-        padding: 4px 16px 8px 0;
-        .ant-checkbox-wrapper{
-            font-size: 13px;
-        }
-    }
-    &__popover-title {
-        display: flex;
-        align-items: center;
-        span{
-            font-size: 12px;
-        }
-    }
-}
-
-.column-setting__cloumn-list {
-    .ant-popover-inner-content{
-        padding: 12px 0 0 0;
-    }
-    .ant-checkbox-group {
-        width: 100%;
-        min-width: 260px;
-    }
-
-    .drag-icon{
-        margin: 0 5px;
-        cursor: move;
-    }
-
-    .ant-checkbox-wrapper{
-        flex: 1;
-    }
-
-    .dt-icon{
-        cursor: pointer;
-        display: flex;
-    }
-
-    .disabled{
-        .dt-icon{
-            cursor: not-allowed;
-            opacity: 0.5;
-        }
-    }
-
-    .active{
-        .dt-icon{
-            color: @primary-color !important;
-        }
-    }
-
-    .ant-popover-inner-content {
-        max-height: 400px;
-        overflow-y: auto;
-    }
-}
-
-.dt-table-action-btn{
-    width: 24px;
-    display: inline-block;
-    vertical-align: middle;
-    cursor: pointer;
-    i{
-        color: @primary-color;
-    }
-}
-
-.dt-table-action-dropdown{
-    vertical-align: middle;
-    cursor: pointer;
-}
-
-.ant-table-fixed-left table, .ant-table-fixed-right table{
-    width: min-content;
-}
-
-.ant-table-cell {
-    height: 44px !important;
-    line-height: 24px !important;
-    font-size: 14px !important;
-    padding: 4px 8px !important;
-} 
-
-.ant-table-small{
-    .ant-table-cell {
-        height: 32px !important;
-        line-height: 16px !important;
-        font-size: 12px !important;
-        padding: 2px 8px !important;
-    }
-}
-
-.ant-table-middle{
-    .ant-table-cell {
-        height: 38px !important;
-        line-height: 20px !important;
-        font-size: 13px !important;
-        padding: 4px 8px !important;
-    }  
-}
-
-.dt-action-select{
-    .ant-dropdown-menu-title-content{
-        display: flex;
-        align-items: center;
-        font-size: 13px;
-        svg{
-            display: block;
-        }
-
-        .dt-icon{
-            padding-right: 8px;
-        }
-    }
-}
-
-
-.dt-table{
-    .ant-table-pagination{
-        margin: 0 !important;
-        padding: 10px 0;
-        border: 1px solid #f0f0f0;
-    }
-    
-    .ant-table-title{
-        padding: 8px 0 !important;
-        border: none !important;
-    }
-
-    .ant-table-resize-handle{
-        right: -7px;
-        .ant-table-resize-handle-line{
-            width: 2px;
-        }
-    }
-
-    .ant-table-body {
-        position: relative;
-        table{
-            position: absolute;
-            top: 0;
-            left: 0;
-        }
-    }
-
-    .form-btns{
-        button:first-of-type {
-            margin-left: 0;
-        }
-    }
-
-    .ant-table-thead > tr > th{
-        font-weight: bolder;
-        color: #333;
-    }
-
-    .ant-input-number-sm, .ant-input-sm{
-        height: 26px;
-        font-size: 12px;
-        line-height: 26px;
-    }
-}
-
-.dt-table-no-pagation .ant-table-container {
-    border-bottom: 1px solid #f0f0f0;
-}
-
-.edit-cell-rule-popover .ant-popover-inner-content{
-    padding: 4px 8px;
-    color: #ed6f6f;
-    border-radius: 2px;
-}
-
-.ant-table-empty{
-    border-bottom: 1px solid #f0f0f0;
-    .ant-table-tbody{
-        .ant-table-cell{
-            border-bottom: none;
-            img{
-                width: 280px;
-            }
-        }
-    }
-}
-
-.column-select{
-    padding: 20px;
-
-    .ant-row{
-        width: 100%;
-        line-height: 32px;
-    }
-    .ant-divider-horizontal{
-        margin: 16px 0;
-    }
-}
-
-.ant-table-row-expand-icon{
-    margin: 0 8px;
-}