@dt-frames/ui 1.0.51 → 2.0.0

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

@@ -1,211 +0,0 @@
-import { Recordable, ButtonProps } from '@dt-frames/core';
-import { PropType } from 'vue';
-import type { TableRowSelection } from 'ant-design-vue/lib/table/interface';
-import { ActionType, BasicColumn, BtnsType, SizeType, TableSetting } from './types/table.type';
-import { DownloadType } from './types/tableHeader.type';
-export declare const TableProps: {
-    clickRowSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tableSetting: {
-        type: PropType<boolean | TableSetting>;
-        default: () => {};
-    };
-    clickToRowSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    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;
-    };
-    columnCode: {
-        type: StringConstructor;
-    };
-    templates: {
-        type: PropType<Recordable<any>>;
-        default: {};
-    };
-    columns: {
-        type: PropType<BasicColumn[]>;
-        default: () => any[];
-    };
-    ellipsis: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dataSource: {
-        type: PropType<Recordable<any>[]>;
-        default: any;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    canResize: {
-        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: {
-            pageSize: number;
-            current: number;
-        };
-    };
-    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>;
-    };
-    onTableChange: {
-        type: FunctionConstructor;
-        default: () => void;
-    };
-    onDownload: {
-        type: FunctionConstructor;
-        default: (excelData: DownloadType) => void;
-    };
-    rowSelection: {
-        type: PropType<TableRowSelection<any>>;
-        default: {
-            type: string;
-            fixed: boolean;
-        };
-    };
-    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

@@ -1,111 +0,0 @@
-import { DictType, Recordable } from '@dt-frames/core';
-import type { TableProps as ATableProps } from 'ant-design-vue';
-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 = {
-    download?: boolean;
-    setting?: boolean;
-    fullscreen?: boolean;
-};
-export declare type ColumnChangeParam = {
-    dataIndex: string;
-    fixed: boolean | 'left' | 'right' | undefined;
-    visible: boolean;
-};
-export declare type BasicTableProps = ATableProps & 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 = ((record: Recordable, index: number, text: string) => any) | {
-    dict: DictType;
-} | {
-    struc: string;
-} | {
-    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 declare type ComponentType = 'Input' | 'InputNumber' | 'Select' | 'TreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker';
-export declare type LableValOptions = {
-    label: string;
-    value: any;
-    [key: string]: string | number | boolean;
-}[];
-export interface BasicColumn extends ColumnProps {
-    t?: string;
-    children?: BasicColumn[];
-    defaultHidden?: boolean;
-    ifShow?: boolean | ((row: Recordable) => boolean);
-    flag?: 'INDEX' | 'DEFAULT' | 'CHECKBOX' | 'RADIO' | 'ACTION';
-    render?: CellFormat;
-    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>);
-    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: () => Recordable[];
-    getSelectRowKeys: () => string[];
-    updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
-    findTableDataRecord: (rowKey: string | number) => void;
-    clearSelectedRowKeys: () => void;
-    emit?: any;
-};

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

@@ -1,23 +0,0 @@
-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/tree/index.d.ts

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

package/es/components/tree/index.less

@@ -1,53 +0,0 @@
-.dt-tree{
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-
-    .dt-tree-header{
-        .headerTitle{
-            text-align: center;
-            line-height: 32px;
-            font-weight: bolder;
-        }
-
-        .dt-tree-search{
-            display: flex;
-            padding: 0 0 10px 10px;
-            border-bottom: 1px solid #e7e7e7;
-            &>i{
-                width: 24px;
-                display: block;
-                text-align: center;
-                cursor: pointer;
-            }
-            .dt-tree-search-input{
-                flex: 1;
-                input{
-                    font-size: 12px;
-                }
-            }
-        }
-    }
-
-    .ant-spin-nested-loading{
-        flex: 1;
-        overflow-y: auto;
-        padding: 10px 0;
-
-        .tree-title{
-            font-size: 12px;
-        }
-    }
-}
-
-.dt-tree.middle .ant-spin-nested-loading{
-    .tree-title{
-        font-size: 13px;
-    }
-}
-
-.dt-tree.large .ant-spin-nested-loading{
-    .tree-title{
-        font-size: 14px;
-    }
-}

package/es/components/tree/src/hooks/useTree.d.ts

@@ -1,14 +0,0 @@
-import { TreeDataItem } from "ant-design-vue/lib/tree";
-import { ComputedRef, Ref } from "vue";
-import { FieldNames, InsertNodeParams, TreeItem, KeyType } from "../type/tree";
-export declare function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>): {
-    getAllKeys: (list?: TreeDataItem[]) => KeyType[];
-    getEnabledKeys: (list?: TreeDataItem[]) => KeyType[];
-    getChildrenKeys: (nodeKey: string | number, list?: TreeDataItem[]) => KeyType[];
-    updateNodeByKey: (key: string, node: TreeDataItem, list?: TreeDataItem[]) => void;
-    filterByLevel: (level?: number, list?: TreeDataItem[], currentLevel?: number) => string[] | number[];
-    insertNodeByKey: ({ parentKey, node, push }: InsertNodeParams) => void;
-    insertNodesByKey: ({ parentKey, list, push }: InsertNodeParams) => void;
-    deleteNodeByKey: (key: string, list?: TreeDataItem[]) => void;
-    getSelectedNode: (key: KeyType, list?: TreeItem[], selectedNode?: TreeItem | null) => TreeItem;
-};

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

@@ -1,108 +0,0 @@
-import { Recordable } from "@dt-frames/core";
-import { PropType } from "vue";
-import { CheckKeys, ContextMenuItem, FieldNames, TreeActionItem, TreeItem } from "./type/tree";
-export declare const BasicProps: {
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    checkStrictly: BooleanConstructor;
-    expandedKeys: {
-        type: PropType<KeyType[]>;
-        default: () => any[];
-    };
-    selectedKeys: {
-        type: PropType<KeyType[]>;
-        default: () => any[];
-    };
-    checkedKeys: {
-        type: PropType<CheckKeys>;
-        default: () => any[];
-    };
-    fieldNames: {
-        type: PropType<FieldNames>;
-    };
-    beforeRightClick: {
-        type: PropType<(...arg: any) => ContextMenuItem[]>;
-        default: any;
-    };
-    rightMenuList: {
-        type: PropType<ContextMenuItem[]>;
-    };
-    renderIcon: {
-        type: PropType<(params: Recordable) => string>;
-    };
-    highlight: {
-        type: PropType<String | Boolean>;
-        default: boolean;
-    };
-    actionList: {
-        type: PropType<TreeActionItem[]>;
-        default: () => any[];
-    };
-    clickRowToExpand: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    searchValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    filterFn: {
-        type: PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>;
-        default: any;
-    };
-    checkable: BooleanConstructor;
-    expandOnSearch: BooleanConstructor;
-    checkOnSearch: BooleanConstructor;
-    selectedOnSearch: BooleanConstructor;
-    treeData: {
-        type: PropType<import("ant-design-vue/lib/tree").DataNode[]>;
-    };
-    value: {
-        type: PropType<KeyType[] | CheckKeys>;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    toolbar: BooleanConstructor;
-    search: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
-export declare const searchProps: {
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    toolbar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    checkable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    search: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    searchText: {
-        type: StringConstructor;
-        default: string;
-    };
-    checkAll: {
-        type: FunctionConstructor;
-        default: any;
-    };
-    expandAll: {
-        type: FunctionConstructor;
-        default: any;
-    };
-};

package/es/components/tree/src/type/tree.d.ts

@@ -1,85 +0,0 @@
-import { Recordable } from "@dt-frames/core";
-import { Fn } from "@vueuse/core";
-import { TreeDataItem } from "ant-design-vue/lib/tree";
-export declare enum ToolbarEnum {
-    SELECT_ALL = 0,
-    UN_SELECT_ALL = 1,
-    EXPAND_ALL = 2,
-    UN_EXPAND_ALL = 3,
-    CHECK_STRICTLY = 4,
-    CHECK_UN_STRICTLY = 5
-}
-export declare type KeyType = string | number;
-export declare type CheckKeys = KeyType[] | {
-    checked: string[] | number[];
-    halfChecked: string[] | number[];
-};
-export interface TreeState {
-    expandedKeys: KeyType[];
-    selectedKeys: KeyType[];
-    checkedKeys: CheckKeys;
-    checkStrictly: boolean;
-}
-export interface FieldNames {
-    children?: string;
-    title?: string;
-    key?: string;
-}
-export interface TreeItem extends TreeDataItem {
-    icon?: any;
-}
-export interface CreateContextOptions {
-    event: MouseEvent;
-    icon?: string;
-    styles?: any;
-    items?: ContextMenuItem[];
-}
-export interface InsertNodeParams {
-    parentKey: string | null;
-    node: TreeDataItem;
-    list?: TreeDataItem[];
-    push?: 'push' | 'unshift';
-}
-export interface ContextMenuItem {
-    label: string;
-    icon?: string;
-    hidden?: boolean;
-    disabled?: boolean;
-    handler?: Fn;
-    divider?: boolean;
-    children?: ContextMenuItem[];
-}
-export interface TreeActionItem {
-    render: (record: Recordable) => any;
-    show?: boolean | ((record: Recordable) => boolean);
-}
-export interface InsertNodeParams {
-    parentKey: string | null;
-    node: TreeDataItem;
-    list?: TreeDataItem[];
-    push?: 'push' | 'unshift';
-}
-export interface TreeHelperConfig {
-    id: string;
-    children: string;
-    pid: string;
-}
-export interface TreeActionType {
-    checkAll: (checkAll: boolean) => void;
-    expandAll: (expandAll: boolean) => void;
-    setExpandedKeys: (keys: KeyType[]) => void;
-    getExpandedKeys: () => KeyType[];
-    setSelectedKeys: (keys: KeyType[]) => void;
-    getSelectedKeys: () => KeyType[];
-    setCheckedKeys: (keys: CheckKeys) => void;
-    getCheckedKeys: () => CheckKeys;
-    filterByLevel: (level: number) => void;
-    insertNodeByKey: (opt: InsertNodeParams) => void;
-    insertNodesByKey: (opt: InsertNodeParams) => void;
-    deleteNodeByKey: (key: string) => void;
-    updateNodeByKey: (key: string, node: Omit<TreeDataItem, 'key'>) => void;
-    setSearchValue: (value: string) => void;
-    getSearchValue: () => string;
-    onStrictlyChange: (strictly: boolean) => void;
-    getSelectedNode: (key: KeyType, treeList?: TreeItem[], selectNode?: TreeItem | null) => TreeItem | null;
-}

package/es/components/tree/src/utils/tree.d.ts

@@ -1,5 +0,0 @@
-import { TreeHelperConfig } from "../type/tree";
-export declare function eachTree(treeDatas: any[], callBack: Function, parentNode?: {}): void;
-export declare function forEach<T = any>(tree: T[], func: (n: T) => any, config?: Partial<TreeHelperConfig>): void;
-export declare function filter<T = any>(tree: T[], func: (n: T) => boolean, config?: Partial<TreeHelperConfig>): T[];
-export declare function treeToList<T = any>(tree: any, config?: Partial<TreeHelperConfig>): T;

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

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

package/es/components/upload/index.less

@@ -1,37 +0,0 @@
-.dt-file {
-    display: flex;
-    flex-direction: column;
-    td.orange{
-        color: orange;
-    }
-}
-
-.file-header{
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    &>div{
-        display: flex;
-        flex-direction: row;
-        button{
-            margin-right: 10px;
-        }
-    }
-}
-
-.file-type-tips{
-    line-height: 24px;
-    padding: 5px 10px;
-    font-size: 12px;
-    display: flex;
-    margin: 10px 0;
-    border: 1px dashed @primary-color;
-    cursor: inherit;
-    span i{
-        color: @primary-color;
-        margin-right: 7px;
-    }
-    i{
-        color: #666;
-    }
-}

package/es/components/upload/src/helper.d.ts

@@ -1,5 +0,0 @@
-import { Ref } from "vue";
-export declare function useHelpers(acceptRef: Ref<string[]>, helpTextRef: Ref<string | boolean>, maxNumberRef: Ref<number>, maxSizeRef: Ref<number>): {
-    getStringAccept: import("vue").ComputedRef<string>;
-    getHelpText: import("vue").ComputedRef<string | boolean>;
-};