@dt-frames/ui 2.0.11 → 2.0.13

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

@@ -0,0 +1,89 @@
+import { PropType, Ref, ComputedRef } from "vue";
+import { UploadFile } from "./type/file";
+import { UploadRequestOption } from "ant-design-vue/es/vc-upload/interface";
+import { Recordable } from "@dt-frames/core";
+export declare const basicProps: {
+    uploadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    downloadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    preIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: PropType<object | ((file: UploadFile) => object)>;
+        default: {};
+    };
+    filename: {
+        type: StringConstructor;
+        default: string;
+    };
+    accept: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    beforeUpload: {
+        type: PropType<(<T = any>(file: UploadFile, fileList: UploadFile[]) => boolean | Promise<T>)>;
+    };
+    customRequest: {
+        type: PropType<(params: UploadRequestOption) => void>;
+    };
+    disabled: {
+        type: PropType<Boolean | Ref<Boolean> | ComputedRef<Boolean>>;
+        default: boolean;
+    };
+    defaultFiles: {
+        type: PropType<UploadFile[]>;
+        default: () => any[];
+    };
+    headers: {
+        type: ObjectConstructor;
+    };
+    listType: {
+        type: PropType<"text" | "picture-card">;
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    helpText: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(ids: string[] | number[], files: UploadFile[]) => void>;
+    };
+    extraParams: {
+        type: PropType<Recordable<any>>;
+        default: () => {};
+    };
+    showView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,9 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    exeReduce: import("vue").Ref<number>;
+    pdfUrlRef: import("vue").Ref<any>;
+    register: import("../../../modal/src/types/modal.type").RegisterFn;
+    toggleFullscreen: (isFullscreen: boolean) => void;
+    readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly DtIframe: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,15 @@
+import { Ref } from "vue";
+import { UploadFile } from "../type/file";
+export declare function useFile({ fileListRef, acceptRef, helpTextRef, maxCountRef, maxSizeRef, }: {
+    fileListRef: Ref<UploadFile[]>;
+    acceptRef: Ref<string[]>;
+    helpTextRef: Ref<string>;
+    maxCountRef: Ref<number>;
+    maxSizeRef: Ref<number>;
+}): {
+    getAccept: import("vue").ComputedRef<string[]>;
+    getStringAccept: import("vue").ComputedRef<string>;
+    getHelpText: import("vue").ComputedRef<string>;
+    getFileList: () => UploadFile[];
+    beforeUpload: (file: File) => void;
+};

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

@@ -1,2 +1,236 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;
+import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
+import type { UploadFile } from './type/file';
+declare const _sfc_main: import("vue").DefineComponent<{
+    uploadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    downloadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    preIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: import("vue").PropType<object | ((file: UploadFile) => object)>;
+        default: {};
+    };
+    filename: {
+        type: StringConstructor;
+        default: string;
+    };
+    accept: {
+        type: import("vue").PropType<string[]>;
+        default: () => any[];
+    };
+    beforeUpload: {
+        type: import("vue").PropType<(<T = any>(file: UploadFile, fileList: UploadFile[]) => boolean | Promise<T>)>;
+    };
+    customRequest: {
+        type: import("vue").PropType<(params: UploadRequestOption<any>) => void>;
+    };
+    disabled: {
+        type: import("vue").PropType<Boolean | import("vue").Ref<Boolean> | import("vue").ComputedRef<Boolean>>;
+        default: boolean;
+    };
+    defaultFiles: {
+        type: import("vue").PropType<UploadFile[]>;
+        default: () => any[];
+    };
+    headers: {
+        type: ObjectConstructor;
+    };
+    listType: {
+        type: import("vue").PropType<"text" | "picture-card">;
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    helpText: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: import("vue").PropType<(ids: string[] | number[], files: UploadFile[]) => void>;
+    };
+    extraParams: {
+        type: import("vue").PropType<import("@dt-frames/core").Recordable<any>>;
+        default: () => {};
+    };
+    showView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    registerPdf: import("../../modal/src/types/modal.type").RegisterFn;
+    openPdfModal: <T_1 = any, U = any>(params?: T_1, afterClose?: (res: U) => void) => void;
+    message: import("ant-design-vue/es/message").MessageApi;
+    props: any;
+    fileListRef: import("vue").Ref<UploadFile[]>;
+    acceptRef: import("vue").Ref<string[]>;
+    helpTextRef: import("vue").Ref<string>;
+    maxCountRef: import("vue").Ref<number>;
+    maxSizeRef: import("vue").Ref<number>;
+    getStringAccept: import("vue").ComputedRef<string>;
+    getHelpText: import("vue").ComputedRef<string>;
+    getFileList: () => UploadFile[];
+    beforeUpload: (file: File) => void;
+    btns: ({
+        class: string;
+        show: (file: UploadFile) => boolean;
+        click: (file: UploadFile) => Promise<void>;
+    } | {
+        class: string;
+        show: () => boolean;
+        click: (file: UploadFile) => void;
+    })[];
+    getBind: import("vue").ComputedRef<any>;
+    imgVisable: import("vue").Ref<boolean>;
+    imgSrcRef: import("vue").Ref<any>;
+    bindImg: import("vue").ComputedRef<{
+        preview: {
+            width: number;
+            visible: boolean;
+            onVisibleChange: (v: any) => any;
+        };
+        src: any;
+    }>;
+    uploadFile: ({ file, onSuccess, onError, onProgress }: UploadRequestOption) => Promise<void>;
+    fileView: (file: UploadFile) => Promise<void>;
+    download: () => void;
+    readonly getFileThumb: (filename: string) => string;
+    PdfView: import("vue").DefineComponent<{}, {
+        exeReduce: import("vue").Ref<number>;
+        pdfUrlRef: import("vue").Ref<any>;
+        register: import("../../modal/src/types/modal.type").RegisterFn;
+        toggleFullscreen: (isFullscreen: boolean) => void;
+        readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        readonly DtIframe: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    uploadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    downloadUrl: {
+        type: StringConstructor;
+        default: any;
+    };
+    buttonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    preIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: import("vue").PropType<object | ((file: UploadFile) => object)>;
+        default: {};
+    };
+    filename: {
+        type: StringConstructor;
+        default: string;
+    };
+    accept: {
+        type: import("vue").PropType<string[]>;
+        default: () => any[];
+    };
+    beforeUpload: {
+        type: import("vue").PropType<(<T = any>(file: UploadFile, fileList: UploadFile[]) => boolean | Promise<T>)>;
+    };
+    customRequest: {
+        type: import("vue").PropType<(params: UploadRequestOption<any>) => void>;
+    };
+    disabled: {
+        type: import("vue").PropType<Boolean | import("vue").Ref<Boolean> | import("vue").ComputedRef<Boolean>>;
+        default: boolean;
+    };
+    defaultFiles: {
+        type: import("vue").PropType<UploadFile[]>;
+        default: () => any[];
+    };
+    headers: {
+        type: ObjectConstructor;
+    };
+    listType: {
+        type: import("vue").PropType<"text" | "picture-card">;
+        default: string;
+    };
+    maxCount: {
+        type: NumberConstructor;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    helpText: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: import("vue").PropType<(ids: string[] | number[], files: UploadFile[]) => void>;
+    };
+    extraParams: {
+        type: import("vue").PropType<import("@dt-frames/core").Recordable<any>>;
+        default: () => {};
+    };
+    showView: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    filename: string;
+    data: object | ((file: UploadFile) => object);
+    uploadUrl: string;
+    downloadUrl: string;
+    buttonText: string;
+    preIcon: string;
+    accept: string[];
+    disabled: Boolean | import("vue").Ref<Boolean> | import("vue").ComputedRef<Boolean>;
+    defaultFiles: UploadFile[];
+    listType: "text" | "picture-card";
+    maxSize: number;
+    helpText: string;
+    multiple: boolean;
+    extraParams: {};
+    showView: boolean;
+    showDownload: boolean;
+    showDelete: boolean;
+}>;
+export default _sfc_main;

package/es/components/upload/src/type/file.d.ts

@@ -0,0 +1,10 @@
+export declare type UploadFile = {
+    name?: string;
+    percent?: number;
+    status?: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+    thumbUrl?: string;
+    uid?: string;
+    url?: string;
+    fileId?: string;
+    [key: string]: any;
+};

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

@@ -0,0 +1,2 @@
+export declare const getFileType: (type: string) => any;
+export declare const getFileThumb: (filename: string) => string;

package/es/theme/index.js

@@ -3248,6 +3248,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const { getLayoutContentMode, getPageLoading, getOpenPageLoading } = useTheme();
     const { getCanCache } = useMultipleTab();
     const tabStore = useRouteReuseStore();
+    const { currentRoute } = useRouter();
+    const contentMode = computed(() => unref$1(currentRoute).meta.contentMode || unref$1(getLayoutContentMode));
     function getTransitionName(route) {
       return route.meta.transitionName || unref$1(getTransitionMode);
     }
@@ -3259,7 +3261,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_ALayoutContent = LayoutContent;
       return openBlock(), createElementBlock("div", {
         id: "dt-layout-content",
-        class: normalizeClass([["dt-layout-content", unref$1(getLayoutContentMode)], "relative flex-auto overflow-x-hidden min-h-0 flex"]),
+        class: normalizeClass([["dt-layout-content", unref$1(contentMode)], "relative flex-auto overflow-x-hidden min-h-0 flex"]),
         loading: unref$1(getPageLoading) && unref$1(getOpenPageLoading)
       }, [
         createVNode(_component_ALayoutContent, null, {

package/es/theme/index.less

@@ -67,7 +67,7 @@
 }
 
 .dt-theme{
-    .ant-input-sm{
+    .ant-input-sm:not(textarea){
         height: 30px;
 		font-size: 12px;
     }
@@ -776,6 +776,10 @@
 
 .dt-message-icon{
 	font-size: 24px;
+    float: left;
+    height: 24px;
+    line-height: 24px;
+    padding-right: 10px;
 	&.warning{
 		color: #faad14;
 	}

package/es/theme/src/components/content/index.d.ts

@@ -23,6 +23,8 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         sortTabs(oldIndex: number, newIndex: number): void;
         resetState(): void;
     }>;
+    currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>;
+    contentMode: import("vue").ComputedRef<unknown>;
     getTransitionName: (route: RouteRecordRaw) => string | undefined;
     getCaches: import("vue").ComputedRef<string[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;