3h1-ui 3.0.0-next.24 → 3.0.0-next.241

package/es/ui/src/Upload/src/components/data.d.ts

@@ -0,0 +1,9 @@
+import type { ShyColumn } from '../../../ShyTable';
+import { FileBasicColumn } from '../types/typing';
+export declare function createTableColumns(): FileBasicColumn[];
+export declare function createActionColumn(handleRemove: Function): FileBasicColumn;
+export declare function createPreviewColumns(): ShyColumn[];
+export declare function createPreviewActionColumn({ handleRemove, handleDownload }: {
+    handleRemove: Fn;
+    handleDownload: Fn;
+}): ShyColumn;

package/es/ui/src/Upload/src/helper.d.ts

@@ -0,0 +1,7 @@
+export declare function checkFileType(file: File, accepts: string[]): boolean;
+export declare function checkImgType(file: File): boolean;
+export declare function isImgTypeByName(name: string): boolean;
+export declare function getBase64WithFile(file: File): Promise<{
+    result: string;
+    file: File;
+}>;

package/es/ui/src/Upload/src/hooks/useUpload.d.ts

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

package/es/ui/src/Upload/src/props.d.ts

@@ -0,0 +1,153 @@
+import type { PropType } from 'vue';
+import { FileBasicColumn } from './types/typing';
+import type { Options } from 'sortablejs';
+export type Merge<O extends object, T extends object> = {
+    [K in keyof O | keyof T]: K extends keyof T ? T[K] : K extends keyof O ? O[K] : never;
+};
+type SortableOptions = Merge<Omit<Options, 'onEnd'>, {
+    onAfterEnd?: <T = any, R = any>(params: T) => R;
+}>;
+type ListType = 'text' | 'picture' | 'picture-card';
+export declare const basicProps: {
+    listType: {
+        type: PropType<ListType>;
+        default: string;
+    };
+    helpText: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxSize: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxNumber: {
+        type: PropType<number>;
+        default: number;
+    };
+    accept: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    uploadParams: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    api: {
+        type: PropType<PromiseFn<any, any>>;
+        default: any;
+        required: boolean;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    filename: {
+        type: PropType<string>;
+        default: any;
+    };
+    fileListOpenDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fileListDragOptions: {
+        type: PropType<SortableOptions>;
+        default: () => {};
+    };
+};
+export declare const uploadContainerProps: {
+    showPreviewNumber: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    emptyHidePreview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    listType: {
+        type: PropType<ListType>;
+        default: string;
+    };
+    helpText: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxSize: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxNumber: {
+        type: PropType<number>;
+        default: number;
+    };
+    accept: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    uploadParams: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    api: {
+        type: PropType<PromiseFn<any, any>>;
+        default: any;
+        required: boolean;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    filename: {
+        type: PropType<string>;
+        default: any;
+    };
+    fileListOpenDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fileListDragOptions: {
+        type: PropType<SortableOptions>;
+        default: () => {};
+    };
+    value: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+};
+export declare const previewProps: {
+    value: {
+        type: PropType<string[]>;
+        default: () => any[];
+    };
+};
+export declare const fileListProps: {
+    columns: {
+        type: PropType<FileBasicColumn[]>;
+        default: any;
+    };
+    actionColumn: {
+        type: PropType<FileBasicColumn>;
+        default: any;
+    };
+    dataSource: {
+        type: PropType<any[]>;
+        default: any;
+    };
+    openDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragOptions: {
+        type: PropType<SortableOptions>;
+        default: () => {};
+    };
+};
+export {};

package/es/ui/src/Upload/src/types/typing.d.ts

@@ -0,0 +1,45 @@
+import { BasicColumn } from '../../../Table';
+export interface UploadApiResult {
+    message: string;
+    code: number;
+    url: string;
+}
+export declare enum UploadResultStatus {
+    DONE = "done",
+    SUCCESS = "success",
+    ERROR = "error",
+    UPLOADING = "uploading"
+}
+export interface FileItem {
+    thumbUrl?: string;
+    name: string;
+    size: string | number;
+    type?: string;
+    percent: number;
+    file: File;
+    status?: UploadResultStatus;
+    response?: UploadApiResult;
+    uuid: string;
+}
+export interface PreviewFileItem {
+    url: string;
+    name: string;
+    type: string;
+}
+export interface FileBasicColumn extends Omit<BasicColumn, 'customRender'> {
+    /**
+     * Renderer of the table cell. The return value should be a VNode, or an object for colSpan/rowSpan config
+     * @type Function | ScopedSlot
+     */
+    customRender?: Function;
+    /**
+     * Title of this column
+     * @type any (string | slot)
+     */
+    title: string;
+    /**
+     * Display field of the data record, could be set like a.b.c
+     * @type string
+     */
+    dataIndex: string;
+}

package/es/ui/src/directives/clickOutside.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const ClickOutside: ObjectDirective;
+export default ClickOutside;

package/es/ui/src/directives/index.d.ts

@@ -0,0 +1 @@
+export { default as clickOutside } from './clickOutside';

package/es/ui/src/enums/sizeEnum.d.ts

@@ -0,0 +1,11 @@
+export declare enum SizeEnum {
+    DEFAULT = "default",
+    SMALL = "small",
+    LARGE = "large"
+}
+export declare enum SizeNumberEnum {
+    DEFAULT = 48,
+    SMALL = 16,
+    LARGE = 64
+}
+export declare const sizeMap: Map<SizeEnum, SizeNumberEnum>;

package/es/ui/types/global.d.ts

@@ -0,0 +1,102 @@
+import type {
+  ComponentRenderProxy,
+  VNode,
+  VNodeChild,
+  ComponentPublicInstance,
+  FunctionalComponent,
+  PropType as VuePropType
+} from 'vue'
+
+declare global {
+  const __APP_INFO__: {
+    pkg: {
+      name: string
+      version: string
+      dependencies: Recordable<string>
+      devDependencies: Recordable<string>
+    }
+    lastBuildTime: string
+  }
+  // declare interface Window {
+  //   // Global vue app instance
+  //   __APP__: App<Element>;
+  // }
+
+  // vue
+  declare type PropType<T> = VuePropType<T>
+  declare type VueNode = VNodeChild | JSX.Element
+
+  export type Writable<T> = {
+    -readonly [P in keyof T]: T[P]
+  }
+
+  declare type Nullable<T> = T | null
+  declare type NonNullable<T> = T extends null | undefined ? never : T
+  declare type Recordable<T = any> = Record<string, T>
+  declare type ReadonlyRecordable<T = any> = {
+    readonly [key: string]: T
+  }
+  declare type Indexable<T = any> = {
+    [key: string]: T
+  }
+  declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>
+  }
+  declare type TimeoutHandle = ReturnType<typeof setTimeout>
+  declare type IntervalHandle = ReturnType<typeof setInterval>
+
+  declare interface ChangeEvent extends Event {
+    target: HTMLInputElement
+  }
+
+  declare interface WheelEvent {
+    path?: EventTarget[]
+  }
+  interface ImportMetaEnv extends ViteEnv {
+    __: unknown
+  }
+
+  declare interface ViteEnv {
+    VITE_PORT: number
+    VITE_USE_MOCK: boolean
+    VITE_USE_PWA: boolean
+    VITE_PUBLIC_PATH: string
+    VITE_PROXY: [string, string][]
+    VITE_GLOB_APP_TITLE: string
+    VITE_GLOB_APP_SHORT_NAME: string
+    VITE_GLOB_COPY_RIGHT: string
+    VITE_USE_CDN: boolean
+    VITE_DROP_CONSOLE: boolean
+    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none'
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean
+    VITE_LEGACY: boolean
+    VITE_USE_IMAGEMIN: boolean
+    VITE_GENERATE_UI: string
+  }
+
+  declare function parseInt(s: string | number, radix?: number): number
+
+  declare function parseFloat(string: string | number): number
+
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = ComponentRenderProxy
+    interface ElementAttributesProperty {
+      $props: any
+    }
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+    interface IntrinsicAttributes {
+      [elem: string]: any
+    }
+  }
+}
+
+declare module 'vue' {
+  export type JSXComponent<Props = any> =
+    | { new (): ComponentPublicInstance<Props> }
+    | FunctionalComponent<Props>
+}

package/es/ui/types/index.d.ts

@@ -0,0 +1,36 @@
+type Nullable<T> = T | null
+
+declare interface Fn<T = any, R = T> {
+  (...arg: T[]): R
+}
+
+declare interface PromiseFn<T = any, R = T> {
+  (...arg: T[]): Promise<R>
+}
+
+declare type RefType<T> = T | null
+
+declare type LabelValueOptions = {
+  label: string
+  value: any
+  [key: string]: string | number | boolean
+}[]
+
+declare type EmitType = (event: any, ...args: any[]) => void
+
+declare type TargetContext = '_self' | '_blank'
+
+declare interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
+  $el: T
+}
+
+declare type ComponentRef<T extends HTMLElement = HTMLDivElement> =
+  ComponentElRef<T> | null
+
+declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>
+
+declare type Recordable<T = any> = { [key: string]: T }
+
+// declare module 'vue-types' {
+//   // 这里添加 vue-types 模块的类型声明
+// }