@dt-frames/ui 3.0.1 → 4.0.1

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

@@ -0,0 +1,4 @@
+import type { SFCWithInstall } from '../../utils/withInstall';
+import Upload from './src/index.vue';
+declare const DtUpload: SFCWithInstall<typeof Upload>;
+export { DtUpload, DtUpload as default };

package/dist/es/lib/components/upload/src/hooks/useFile.d.ts

@@ -0,0 +1,14 @@
+import { type Ref, type ComputedRef } from 'vue';
+import type { FieldNames, UploadType } from '../types';
+import { type UploadUserFile } from 'element-plus';
+export declare function useFile({ fileListRef, propsRef, helpTextRef, fieldNamesRef }: {
+    fileListRef: Ref<UploadUserFile[]>;
+    propsRef: Ref<UploadType>;
+    helpTextRef: Ref<string | undefined>;
+    fieldNamesRef: ComputedRef<FieldNames>;
+}): {
+    getHelpText: ComputedRef<string>;
+    fileList: Ref<any[], any[]>;
+    setFile: (file: any) => any;
+    beforeUpload: (file: File) => boolean;
+};

package/dist/es/lib/components/upload/src/types/index.d.ts

@@ -0,0 +1,88 @@
+import type { ApiType, Recordable } from '@dt-frames/core';
+import type { UploadType } from '../../../form/src/types/item';
+type FieldNames = {
+    /**
+     * 返回的文件id用哪个参数
+     * @default 'fileId'
+     */
+    fileId?: string;
+    /**
+     * 文件名用哪个参数
+     * @default 'file'
+     */
+    fileName?: string;
+    /**
+     * 文件路径用哪个参数
+     * @default 'filePath'
+     */
+    filePath?: string;
+    /**
+     * 文件大小用哪个参数
+     * @default 'fileSize'
+     */
+    fileSize?: string;
+    /**
+     * 文件类型用哪个参数
+     * @default 'fileType'
+     */
+    fileType?: string;
+};
+type UploadFileType = {
+    /**
+     * 上传附件地址
+     */
+    uploadUrl?: string | ApiType;
+    /**
+     * 下载附件地址
+     */
+    downloadUrl?: string | ApiType;
+    /**
+     * 删除附件地址
+     */
+    deleteUrl?: string | ApiType;
+    /**
+     * 按钮文字描述
+     * @default '文件上传'
+     */
+    buttonText?: string;
+    /**
+     * 上传额外的参数
+     */
+    extraParams?: Recordable | ((file: UploadType) => Recordable);
+    /**
+     * 文件列表中 对应的字段属性名
+     */
+    fieldNames?: FieldNames;
+    /**
+     * 已经上传的文件列表（受控）
+     */
+    defaultFiles?: UploadType[];
+    /**
+     * 帮助信息提示
+     */
+    helpText?: string;
+    /**
+     * 是否显示预览按钮
+     */
+    showView?: boolean;
+    /**
+     * 是否显示下载按钮
+     */
+    showDownload?: boolean;
+    /**
+     * 是否显示删除按钮
+     */
+    showDelete?: boolean;
+    /**
+     * 文件上传的一些配置
+     */
+    props?: UploadType & {
+        /**
+         * 最大文件大小 单位为 M
+         * @default 2
+         * @demo '2KB'
+         */
+        maxSize?: number | string;
+    };
+};
+export type { UploadFileType, UploadType, FieldNames };

package/dist/es/lib/components/upload/src/utils/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 获取附件的大小
+ * @param size
+ */
+export declare function getFileSize(size: string | number): string;
+/**
+ * 获取附件的类型
+ * @param type
+ */
+export declare const getFileType: (type: string) => any;
+/**
+ * 获取附件缩略图
+ * @param fileType
+ */
+export declare const getFileThumb: (fileType: string) => import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/es/lib/components/virtual-list/index.d.ts

@@ -0,0 +1,4 @@
+import type { SFCWithInstall } from '~utils/withInstall';
+import VirtualList from './src/index.vue';
+declare const DtVirtualList: SFCWithInstall<typeof VirtualList>;
+export { DtVirtualList, DtVirtualList as default };

package/dist/es/lib/components/virtual-list/src/types/index.d.ts

@@ -0,0 +1,26 @@
+export type VirtualGridProps = {
+    /**
+     * 每个项目的宽度
+     * @default 100
+     */
+    itemWidth?: number | string;
+    /**
+     * 每个项目的高度
+     * @default 48
+     */
+    itemHeight?: number;
+    /**
+     * 条目
+     * @default []
+     */
+    items: any[];
+    /**
+     * 缓冲行数
+     * @default 3
+     */
+    bufferRowCount?: number;
+    /**
+     * 自定义渲染项目内容
+     */
+    renderItem?: (item: any, index: number) => string;
+};

package/dist/es/lib/components/vxe-table/index.d.ts

@@ -0,0 +1,7 @@
+import type { SFCWithInstall } from '~utils/withInstall';
+import VxeTable from './src/index.vue';
+import { useVxeTable } from './src/hooks/useVxeTable';
+import type { ColumnType } from './src/types/index';
+declare const DtVxeTable: SFCWithInstall<typeof VxeTable>;
+export { DtVxeTable, DtVxeTable as default, useVxeTable };
+export type { ColumnType as VxeColumnType };

package/dist/es/lib/components/vxe-table/src/helper/index.d.ts

@@ -0,0 +1,7 @@
+import type { VxeTableProps } from '../types';
+/**
+ * 处理数据
+ * 1、render函数 默认加一个slots: { default: 'default' }
+ */
+declare function handleParams(params: VxeTableProps): VxeTableProps;
+export { handleParams };

package/dist/es/lib/components/vxe-table/src/hooks/useColumns.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+import type { VxeTableProps } from '../types';
+export declare function useColumns(): {
+    handleActionColumn: (propsRef: Ref<VxeTableProps>) => void;
+};

package/dist/es/lib/components/vxe-table/src/hooks/usePagination.d.ts

@@ -0,0 +1,7 @@
+import type { Ref } from 'vue';
+import type { VxeTableProps } from '../types/index';
+import type { PaginationType } from '../types/pagination';
+declare function usePagination(props: Ref<VxeTableProps | undefined>): {
+    getPaginationInfo: import("vue").ComputedRef<false | PaginationType>;
+};
+export { usePagination };

package/dist/es/lib/components/vxe-table/src/hooks/useTableIns.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'vue';
+import type { Nullable } from '@dt-frames/core';
+import type { ColumnType, Data, VxeTableProps } from '../types/index';
+import type { VxeGridInstance } from 'vxe-table';
+type Instance = {
+    getProps: () => VxeTableProps | undefined;
+    setShowSearch: (show: boolean) => void;
+    source: Ref<Data[] | undefined>;
+    tableElRef: Ref<Nullable<VxeGridInstance>>;
+    setVisiable: (type: 'seq' | 'checkbox', visiable: boolean) => void;
+    setColumns: (columns: ColumnType[]) => void;
+};
+export declare function createTableInstance(instance: Instance): void;
+export declare function getTableInstance(): Instance;
+export {};

package/dist/es/lib/components/vxe-table/src/hooks/useVxeTable.d.ts

@@ -0,0 +1,2 @@
+import type { TableActionType, VxeTableProps } from '../types/index';
+export declare function useVxeTable(props?: VxeTableProps): [registerTable: (instance: TableActionType) => void, table: TableActionType];

package/dist/es/lib/components/vxe-table/src/types/index.d.ts

@@ -0,0 +1,181 @@
+import type { VxeGridProps, VxeGridPropTypes, VxeGridInstance, VxeGridEventProps } from 'vxe-table';
+import type { ButtonTypes } from '../../../form';
+import type { TableRowAction } from '../../../table';
+import type { DictType, Recordable } from '@dt-frames/core';
+import type { Ref, VNode } from 'vue';
+import type { JSX } from 'vue/jsx-runtime';
+import type { PaginationType } from './pagination';
+import type { ExcelExtraDataType, SourceDownloadType, TableChangeParams } from '../../../../types/source.type';
+/**
+ * 表单暴露的方法，供外面使用
+ */
+type RowKey = number | string;
+type Source = {
+    /**
+     * 权限前缀
+     */
+    authPrefix?: string;
+    /**
+     * 分页改变
+     */
+    onTableChange?: (params: TableChangeParams) => Promise<any>;
+    /**
+     * 打开新增弹框
+     */
+    onAdd?: () => void;
+    /**
+     * 打开编辑弹框
+     */
+    onEdit?: (row: Recordable) => void;
+    /**
+     * 单个条目删除
+     */
+    onDelete?: (row: Recordable) => Promise<any>;
+    /**
+     * 批量删除
+     */
+    onDeletes?: (ids: RowKey[], type?: 'single' | 'multi') => void;
+    /**
+     * 保存
+     * @param opt
+     * 		headerData 额外的表头数据
+     * 		footerData 尾部数据
+     */
+    onDownload?: (excelData: SourceDownloadType, opt?: ExcelExtraDataType) => void;
+    /**
+     * 根据id查找数据
+     */
+    onQueryById?: (id: RowKey) => Promise<any>;
+    /**
+     * 是否展示form查询条件
+     */
+    setShowSearch?: (show: boolean) => void;
+    /**
+     * 注册实例
+     */
+    registerInstance?: (instance: any & {
+        rowKey?: RowKey;
+    }, type: 'table') => void;
+};
+type ColumnType = VxeGridPropTypes.Column & {
+    render?: CellFormat;
+    /**
+     * 此列是否不可见
+     */
+    hidden?: boolean;
+    /**
+     * 标识符: 'ACTION'
+     */
+    flag?: string;
+};
+/**
+ * 表格属性
+ */
+export type VxeTableProps = Omit<VxeGridProps, 'loading' | 'rowKey'> & VxeGridEventProps & Source & {
+    /**
+     * 加载状态
+     */
+    loading?: any;
+    /**
+     * 权限前缀
+     */
+    authPrefix?: string;
+    /**
+     * 默认是否展示搜索条件
+     */
+    defaultShowSearch?: boolean;
+    /**
+     * 分页数据改变是否清空选中的数据
+     * @default false
+     */
+    clearSelectOnPageChange?: boolean;
+    /**
+     * 是否显示分页数据
+     * @default true
+     */
+    showPagination?: boolean;
+    /**
+     * 分页参数
+     */
+    pagination?: Ref<PaginationType>;
+    /**
+     * 行操作栏
+     */
+    operations?: TableRowAction | ButtonTypes[];
+    /**
+     * 是否展开按钮组 只针对列表右侧的按钮组
+     */
+    expandActions?: boolean;
+    /**
+     * 工具栏
+     */
+    toolbar?: ButtonTypes[];
+    /**
+     * 表格设置
+     */
+    tableSetting?: TableSetting | boolean;
+    /**
+     * 列配置
+     */
+    columns?: ColumnType[];
+};
+/**
+ * 暴露表格实例
+ */
+export type TableActionType = {
+    setProps: (props: Partial<VxeTableProps>) => void;
+    /**
+     * grid 实例
+     */
+    grid: Ref<VxeGridInstance>;
+    /**
+     * 获取表格options
+     */
+    gridOptions: Ref<VxeGridProps>;
+};
+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;
+type DownloadType = 'current' | 'select' | 'all';
+type TableSetting = {
+    /**
+     * 是否显示搜索
+     */
+    search?: boolean;
+    /**
+     * 表格下载
+     */
+    download?: DownloadType[];
+    /**
+     * 是否显示列控制
+     */
+    setting?: boolean;
+    /**
+     * 全屏按钮
+     */
+    fullscreen?: boolean;
+};
+type KeyType = string | number;
+type Data = {
+    [key: KeyType]: any;
+    children?: Array<any>;
+};
+export type { TableSetting, Data, ColumnType, DownloadType };

package/dist/es/lib/components/vxe-table/src/types/pagination.d.ts

@@ -0,0 +1,100 @@
+import type { Component, CSSProperties } from 'vue';
+type PaginationType = {
+    /**
+     * 分页大小
+     * @default 'default'
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * 是否为分页按钮添加背景色
+     * @default false
+     */
+    background?: boolean;
+    /**
+     * 每页显示条目个数
+     */
+    pageSize?: number;
+    /**
+     * 每页默认的条目个数，不设置时默认为10
+     * @default 10
+     */
+    defaultPageSize?: number;
+    /**
+     * 总条目数
+     */
+    total?: number;
+    /**
+     * 总页数， total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性
+     */
+    pageCount?: number;
+    /**
+     * 设置最大页码按钮数。 页码按钮的数量，当总页数超过该值时会折叠
+     * @default 7
+     */
+    pagerCount?: 5 | 7 | 9 | 11 | 13 | 15 | 17 | 19 | 21;
+    /**
+     * 当前页数
+     */
+    currentPage?: number;
+    /**
+     * 当前页数的默认初始值，不设置时默认为 1
+     * @default 1
+     */
+    defaultCurrentPage?: number;
+    /**
+     * 组件布局，子组件名用逗号分隔
+     * @type sizes, prev, pager, next, jumper, ->, total, slot 组合
+     * @default 'prev, pager, next, jumper, ->, total'
+     */
+    layout?: string;
+    /**
+     * 每页显示个数选择器的选项设置
+     * @default '[10, 20, 30, 40, 50, 100]'
+     */
+    pageSizes?: number[];
+    /**
+     * 下拉框挂载到哪个 DOM 元素
+     */
+    appendSizeTo?: string;
+    /**
+     * 每页显示个数选择器的下拉框类名
+     */
+    popperClass?: string;
+    /**
+     * 每页显示个数选择器的下拉框样式
+     */
+    popperStyle?: CSSProperties;
+    /**
+     * 替代图标显示的上一页文字
+     */
+    prevText?: string;
+    /**
+     * 上一页的图标， 比 prev-text 优先级更高
+     * @default ArrowLeft
+     */
+    prevIcon?: string | Component;
+    /**
+     * 替代图标显示的下一页文字
+     */
+    nextText?: string;
+    /**
+     * 下一页的图标， 比 next-text 优先级更低
+     * @default ArrowRight
+     */
+    nextIcon?: string | Component;
+    /**
+     * 是否禁用分页
+     */
+    disabled?: boolean;
+    /**
+     * 只有一页时是否隐藏
+     * @default false
+     */
+    hideOnSinglePage?: boolean;
+    /**
+     * 是否使用小型分页样式
+     * @default false
+     */
+    small?: boolean;
+};
+export type { PaginationType };

package/dist/es/lib/components/vxe-table/src/types/table.d.ts

@@ -0,0 +1,25 @@
+import type { ButtonTypes } from '../../../form';
+type TableRowAction = {
+    label?: string;
+    /**
+     * 操作栏宽度
+     */
+    width?: number | string;
+    /**
+     * 图标是否展开
+     */
+    expand?: boolean;
+    /**
+     * 展开操作栏的数量
+     */
+    expandNum?: number;
+    /**
+     * 操作栏固定位置
+     */
+    fixed?: 'left' | 'right' | 'auto';
+    /**
+     * 按钮设置
+     */
+    btns?: ButtonTypes[];
+};
+export type { TableRowAction };

package/dist/es/lib/components/vxe-table/src/utils/index.d.ts

@@ -0,0 +1,5 @@
+import { type Recordable } from '@dt-frames/core';
+declare function mergeConf(conf: Recordable, ...arg: Recordable[]): {
+    [x: string]: any;
+};
+export { mergeConf };

package/dist/es/lib/hooks/useCurd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent } from 'vue';
+import type { CurdInsType, CurdProps } from '../types/curd.type';
+declare function useCurd(opt: CurdProps): [FunctionalComponent, CurdInsType];
+export { useCurd };

package/dist/es/lib/hooks/useDownload.d.ts

@@ -0,0 +1,9 @@
+import type { SourceDownloadType, ExcelExtraDataType } from '../types/source.type';
+import type { ComputedRef } from 'vue';
+declare function useDownload(pageName?: string | ComputedRef<any>): {
+    download: ({ excelData, opt }: {
+        excelData: SourceDownloadType;
+        opt?: ExcelExtraDataType;
+    }) => void;
+};
+export { useDownload };

package/dist/es/lib/hooks/useSource.d.ts

@@ -0,0 +1,10 @@
+import type { ApiObjType, SourceConf, SourceType } from '../types/source.type';
+declare function useSource({ baseUrl, pageName, authPrefix, queryAfterUpdate, api: orgApi, autoFetch, beforeSave, afterClose }: SourceConf): {
+    api: ApiObjType;
+    loading: {
+        [key: string]: boolean;
+    };
+    dataSource: import("vue").Ref<any[], any[]>;
+    source: SourceType;
+};
+export { useSource };

package/dist/es/lib/index.d.ts

@@ -0,0 +1,10 @@
+export { useAppStore } from './stores/app.store';
+export { useAccessStore } from './stores/access.store';
+export { useAuthStore } from './stores/auth.store';
+export { useUserStore } from './stores/user.store';
+export { initDt } from './init/index';
+export type { RouterConf, AppConf } from './init/index.ts';
+export * from './utils';
+export type { UserInfo } from './types/user.type.ts';
+export { useCurd } from './hooks/useCurd';
+export { useSource } from './hooks/useSource';

package/dist/es/lib/init/config.d.ts

@@ -0,0 +1,6 @@
+import type { ModalGlobalType, TableGlobalType, UiAppConf, UploadGlobalType, VxeTableGlobalType } from './types/appConf';
+export declare const UI_MODAL_GLOBAL: ModalGlobalType;
+export declare const UI_TABLE_GLOBAL: TableGlobalType;
+export declare const UI_VXETABLE_GLOBAL: VxeTableGlobalType;
+export declare const UI_UPLOAD_GLOBAL: UploadGlobalType;
+export declare const APP_UI_DEFAULT_CONF: UiAppConf;

package/dist/es/lib/init/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import type { RouterConf, AppConf, UiAppConf } from './types/appConf';
+import type { Preferences } from '../layout/index';
+declare function initDt({ appConf, themeConf }: {
+    appConf: AppConf;
+    themeConf?: Preferences;
+}): {
+    install(app: App): void;
+};
+export { initDt };
+export type { RouterConf, AppConf, UiAppConf };