@jiaozhiye/qm-design-react 1.10.7 → 1.10.8

package/lib/table/src/edit/index.d.ts

@@ -9,6 +9,8 @@ type ICellEditProps = {
 };
 type CellEditRef = {
     focus: () => void;
+    isEditable: () => boolean;
+    isOpening: () => boolean;
 };
 declare const CellEdit: React.ForwardRefExoticComponent<ICellEditProps & React.RefAttributes<CellEditRef>>;
 export default CellEdit;

package/lib/table/src/manager/index.d.ts

@@ -6,8 +6,8 @@ type Instance = {
     vm: React.ForwardedRef<TableRef>;
 };
 declare const TableManager: {
+    _getInstance: (id: string) => Nullable<Instance>;
     getFocusInstance: () => Nullable<Instance>;
-    getInstance: (id: string) => Nullable<Instance>;
     focus: (id: string) => void;
     register: (id: string, instance: React.ForwardedRef<TableRef>) => void;
     deregister: (id: string) => void;

package/lib/table/src/table/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ITableProps, TableRef } from './types';
 export type TableProps = ITableProps;
-declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<TableRef>>;
-export default Table;
+declare const QmTable: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<TableRef>>;
+export default QmTable;

package/lib/tinymce/src/index.d.ts

@@ -1,5 +1,4 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { ComponentSize, CSSProperties } from '../../_utils/types';
 import type { IFetchHeader } from '../../form/src/types';
 type IProps = {
@@ -24,18 +23,5 @@ type IProps = {
     }, ev: any) => void;
 };
 export type TinymceProps = IProps;
-declare class QmTinymce extends Component<IProps> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static propTypes: {
-        size: (props: any, propName: any, componentName: any) => void;
-    };
-    defaultOption: {
-        height: number;
-        plugins: string;
-        menubar: string;
-        toolbar: string;
-    };
-    render(): React.JSX.Element;
-}
-export default QmTinymce;
+declare const Tinymce: React.FC<IProps>;
+export default Tinymce;

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

@@ -1,5 +1,4 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { AjaxResponse } from '../../_utils/types';
 import type { HttpRequestHeader } from '../../download/src/download';
 import type { UploadProps, ButtonProps } from '../../antd';
@@ -18,6 +17,7 @@ type IProps = Omit<UploadProps, 'onPreview'> & {
     readOnly?: boolean;
     draggable?: boolean;
     editable?: boolean;
+    batchDownload?: boolean;
     fileDirection?: 'horizontal' | 'vertical';
     downloadWithHeaders?: boolean | HttpRequestHeader;
     button?: {
@@ -28,35 +28,6 @@ type IProps = Omit<UploadProps, 'onPreview'> & {
     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, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static defaultProps: {
-        name: string;
-        multiple: boolean;
-        fileDirection: string;
-        showUploadList: {
-            showPreviewIcon: boolean;
-            showDownloadIcon: boolean;
-            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: UploadFile) => Promise<void>;
-    itemRender: (file: UploadFile, actions: any) => React.JSX.Element;
-    render(): React.JSX.Element;
-}
-export default QmUploadFile;
+declare const UploadFile: React.FC<IProps>;
+export default UploadFile;

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

@@ -1,48 +1,53 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-10-18 09:35:59
- */
-@import '../../style/common';
-
-@prefix-upload-file: ~'@{qm-prefix}-upload-file';
-
-.@{prefix-upload-file} {
-  .ant-upload-list {
-    .ant-upload-list-text-container {
-      max-width: 100%;
-    }
-    .ant-upload-list-item {
-      height: 30px;
-      margin: 0;
-      &-name {
-        padding: 0 4px;
-        a {
-          display: block;
-        }
-      }
-      &.handle {
-        .ant-upload-list-item-name {
-          cursor: move;
-        }
-      }
-    }
-  }
-  &--horizontal {
-    .ant-upload-list {
-      display: flex;
-      flex-wrap: wrap;
-    }
-  }
-  &--lg {
-    .ant-upload-list .ant-upload-list-item {
-      height: 38px;
-    }
-  }
-  &--sm {
-    .ant-upload-list .ant-upload-list-item {
-      height: 22px;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-10-18 09:35:59
+ */
+@import '../../style/common';
+
+@prefix-upload-file: ~'@{qm-prefix}-upload-file';
+
+.@{prefix-upload-file} {
+  .ant-upload-select {
+    &:has(.inner:empty) {
+      display: none;
+    }
+  }
+  .ant-upload-list {
+    .ant-upload-list-text-container {
+      max-width: 100%;
+    }
+    .ant-upload-list-item {
+      height: 30px;
+      margin: 0;
+      &-name {
+        padding: 0 4px;
+        a {
+          display: block;
+        }
+      }
+      &.handle {
+        .ant-upload-list-item-name {
+          cursor: move;
+        }
+      }
+    }
+  }
+  &--horizontal {
+    .ant-upload-list {
+      display: flex;
+      flex-wrap: wrap;
+    }
+  }
+  &--lg {
+    .ant-upload-list .ant-upload-list-item {
+      height: 38px;
+    }
+  }
+  &--sm {
+    .ant-upload-list .ant-upload-list-item {
+      height: 22px;
+    }
+  }
+}

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

@@ -1,5 +1,4 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { UploadFile } from '../../upload-file/src/upload-file';
 import type { UploadProps } from '../../antd';
 type IProps = UploadProps & {
@@ -14,36 +13,6 @@ type IProps = UploadProps & {
     beforeCrop?: (file: UploadFile, fileList: UploadFile[]) => Promise<boolean>;
     onSortChange?: (fileList: UploadFile[]) => void;
 };
-type IState = {
-    previewVisible: boolean;
-    currentIndex: number;
-};
 export type UploadImgProps = IProps;
-declare class QmUploadImg extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static defaultProps: {
-        name: string;
-        multiple: boolean;
-        accept: string;
-        listType: string;
-        quality: number;
-        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: UploadFile) => void;
-    handlePaste: (ev: any) => Promise<void>;
-    render(): React.JSX.Element;
-}
-export default QmUploadImg;
+declare const UploadImg: React.FC<IProps>;
+export default UploadImg;

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

@@ -1,93 +1,101 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-10-15 12:14:45
- */
-@import '../../style/common';
-
-@prefix-upload-img: ~'@{qm-prefix}-upload-img';
-@prefix-cropper-preview: ~'@{qm-prefix}-cropper-preview';
-
-.@{prefix-upload-img} {
-  .ant-upload-select {
-    & > span {
-      flex-direction: column;
-      .ant-upload-drag-icon {
-        font-size: 24px;
-        line-height: 0;
-        color: @--primary-5;
-      }
-      .ant-upload-text {
-        font-size: @--font-size-base - 1px;
-      }
-      .ant-upload-button {
-        display: inline-block;
-        text-align: center;
-        text-transform: none;
-        text-decoration: none;
-        background: transparent;
-        border: 0;
-        outline: 0;
-        font-size: @--font-size-base - 1px;
-        transition: all 0.3s ease;
-        cursor: inherit;
-        &:focus {
-          box-shadow: 0 0 2px 0 @--primary-5;
-          background-color: @--primary-1;
-        }
-        &.disabled {
-          pointer-events: none;
-        }
-      }
-    }
-  }
-  .upload-item {
-    height: 100%;
-    position: relative;
-    &:hover {
-      .icon {
-        display: block;
-      }
-    }
-    &.handle {
-      cursor: move;
-    }
-    .icon {
-      position: absolute;
-      top: 2px;
-      right: 2px;
-      padding: 1px;
-      border-radius: @--border-radius-base;
-      font-size: @--font-size-sm;
-      color: #fff;
-      background-color: rgba(0, 0, 0, 0.4);
-      z-index: 2;
-      cursor: pointer;
-      display: none;
-    }
-  }
-}
-
-.@{prefix-cropper-preview} {
-  .cropper-preview {
-    display: flex;
-    flex-direction: row;
-    .cropper-area {
-      flex: 1;
-      .actions {
-        margin-top: @--margin-md;
-      }
-    }
-    .preview-area {
-      width: 380px;
-      min-height: 380px;
-      margin-left: @--margin-md;
-      display: flex;
-      justify-content: center;
-      .preview {
-        overflow: hidden;
-      }
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-10-15 12:14:45
+ */
+@import '../../style/common';
+
+@prefix-upload-img: ~'@{qm-prefix}-upload-img';
+@prefix-cropper-preview: ~'@{qm-prefix}-cropper-preview';
+
+.@{prefix-upload-img} {
+  .ant-upload-select {
+    & > span {
+      flex-direction: column;
+    }
+    &:has(.inner:empty) {
+      display: none;
+    }
+    .ant-upload-drag-icon {
+      font-size: 24px;
+      line-height: 0;
+      color: @--primary-5;
+    }
+    .ant-upload-text {
+      font-size: @--font-size-base - 1px;
+    }
+    .ant-upload-button {
+      display: inline-block;
+      text-align: center;
+      text-transform: none;
+      text-decoration: none;
+      background: transparent;
+      border: 0;
+      outline: 0;
+      font-size: @--font-size-base - 1px;
+      transition: all 0.3s ease;
+      cursor: inherit;
+      &:focus {
+        box-shadow: 0 0 2px 0 @--primary-5;
+        background-color: @--primary-1;
+      }
+      &.disabled {
+        pointer-events: none;
+      }
+    }
+    &[class*='disabled'] {
+      .ant-upload-button {
+        pointer-events: none;
+      }
+    }
+  }
+  .upload-item {
+    height: 100%;
+    position: relative;
+    &:hover {
+      .icon {
+        display: block;
+      }
+    }
+    &.handle {
+      cursor: move;
+    }
+    .icon {
+      position: absolute;
+      top: 2px;
+      right: 2px;
+      padding: 1px;
+      border-radius: @--border-radius-base;
+      font-size: @--font-size-sm;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.4);
+      z-index: 2;
+      cursor: pointer;
+      display: none;
+    }
+  }
+}
+
+.@{prefix-cropper-preview} {
+  .cropper-preview {
+    display: flex;
+    flex-direction: row;
+    .cropper-area {
+      flex: 1;
+      .actions {
+        margin-top: @--margin-md;
+      }
+    }
+    .preview-area {
+      width: 380px;
+      min-height: 380px;
+      margin-left: @--margin-md;
+      display: flex;
+      justify-content: center;
+      .preview {
+        overflow: hidden;
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jiaozhiye/qm-design-react",
-  "version": "1.10.7",
+  "version": "1.10.8",
   "description": "A Component Library for React",
   "keywords": [
     "React",