@jiaozhiye/qm-design-react 1.10.0 → 1.10.2

package/lib/upload-file/src/upload-file.d.ts

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import ConfigContext from '../../config-provider/context';
+import type { AjaxResponse } from '../../_utils/types';
 import type { HttpRequestHeader } from '../../download/src/download';
 import type { UploadProps, ButtonProps } from '../../antd';
 export interface UploadFile {
@@ -8,22 +9,30 @@ export interface UploadFile {
     fileName?: string;
     url?: string;
     thumbUrl?: string;
+    response?: AjaxResponse;
     status?: 'error' | 'success' | 'done' | 'uploading' | 'removed';
 }
 type IProps = Omit<UploadProps, 'onPreview'> & {
     fileTypes?: string[];
     fileSize?: number;
     readOnly?: boolean;
+    draggable?: boolean;
+    editable?: boolean;
     fileDirection?: 'horizontal' | 'vertical';
     downloadWithHeaders?: boolean | HttpRequestHeader;
     button?: {
         text?: string;
     } & ButtonProps;
     onPreview?: (file: UploadFile, cb: (file?: UploadFile) => void) => void;
+    onSortChange?: (fileList: UploadFile[]) => void;
+    onEditChange?: (file: UploadFile, fileList: UploadFile[]) => void;
 };
 export type UploadFileProps = IProps;
+type IState = {
+    actived: Record<string, boolean>;
+};
 export declare const downloadFile: (url: string, { fileName, headers, params }: any) => Promise<void>;
-declare class QmUploadFile extends Component<IProps> {
+declare class QmUploadFile extends Component<IProps, IState> {
     static contextType: React.Context<import("../../config-provider/context").IConfig>;
     context: React.ContextType<typeof ConfigContext>;
     static defaultProps: {
@@ -36,9 +45,18 @@ declare class QmUploadFile extends Component<IProps> {
             showRemoveIcon: boolean;
         };
     };
+    state: IState;
+    uploadRef: React.RefObject<HTMLSpanElement>;
+    private sortableInstance;
     get $size(): import("../../_utils/types").ComponentSize;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    setActiveState: (uid: string, value?: boolean) => void;
+    createSortable: () => void;
+    getFileListNode: () => Element | null;
     beforeUpload: (file: any, fileList: any) => Promise<any>;
-    doDownload: (file: any) => Promise<void>;
+    doDownload: (file: UploadFile) => Promise<void>;
+    itemRender: (file: UploadFile, actions: any) => React.JSX.Element;
     render(): React.JSX.Element;
 }
 export default QmUploadFile;

package/lib/upload-file/style/index.less

@@ -16,6 +16,17 @@
     .ant-upload-list-item {
       height: 30px;
       margin: 0;
+      &-name {
+        padding: 0 4px;
+        a {
+          display: block;
+        }
+      }
+      &.handle {
+        .ant-upload-list-item-name {
+          cursor: move;
+        }
+      }
     }
   }
   &--horizontal {

package/lib/upload-img/src/upload-img.d.ts

@@ -1,23 +1,18 @@
 import React, { Component } from 'react';
 import ConfigContext from '../../config-provider/context';
+import type { UploadFile } from '../../upload-file/src/upload-file';
 import type { UploadProps } from '../../antd';
-export interface UploadFile {
-    uid: string;
-    name: string;
-    fileName?: string;
-    url?: string;
-    thumbUrl?: string;
-    status?: 'error' | 'success' | 'done' | 'uploading' | 'removed';
-}
 type IProps = UploadProps & {
     fixedSize?: [number, number] | undefined;
     quality?: number;
     fileTypes?: string[];
     fileSize?: number;
+    draggable?: boolean;
     openCropper?: boolean;
     popupClassName?: string;
     readOnly?: boolean;
     beforeCrop?: (file: UploadFile, fileList: UploadFile[]) => Promise<boolean>;
+    onSortChange?: (fileList: UploadFile[]) => void;
 };
 type IState = {
     previewVisible: boolean;
@@ -36,14 +31,18 @@ declare class QmUploadImg extends Component<IProps, IState> {
         openCropper: boolean;
     };
     state: IState;
+    uploadRef: React.RefObject<HTMLSpanElement>;
+    private sortableInstance;
     private isFocused;
     get $size(): import("../../_utils/types").ComponentSize;
     get showUploadButton(): boolean;
     componentDidMount(): void;
     componentDidUpdate(prevProps: IProps): void;
     componentWillUnmount(): void;
+    createSortable: () => void;
+    getFileListNode: () => Element | null;
     beforeUpload: (file: any, fileList: any) => Promise<any>;
-    handlePreview: (file: any) => void;
+    handlePreview: (file: UploadFile) => void;
     handlePaste: (ev: any) => Promise<void>;
     render(): React.JSX.Element;
 }

package/lib/upload-img/style/index.less

@@ -50,6 +50,9 @@
         display: block;
       }
     }
+    &.handle {
+      cursor: move;
+    }
     .icon {
       position: absolute;
       top: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jiaozhiye/qm-design-react",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "A Component Library for React",
   "keywords": [
     "React",
@@ -71,7 +71,7 @@
     "react-sortablejs": "^6.1.4",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^2.2.31",
-    "sortablejs": "^1.15.0"
+    "sortablejs": "^1.15.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.18.6",