@jiaozhiye/qm-design-react 1.10.7 → 1.10.9

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/tabs/src/tab-pane.d.ts

@@ -1,9 +1,6 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { TabPaneProps as AntTabPaneProps } from '../../antd';
 type IProps = AntTabPaneProps;
 export type TabPaneProps = IProps;
-declare class QmTabPane extends Component<IProps> {
-    static displayName: string;
-    render(): React.JSX.Element;
-}
-export default QmTabPane;
+declare const TabPane: React.FC<IProps>;
+export default TabPane;

package/lib/tabs/src/tabs.d.ts

@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { IAuth } from '../../_utils/types';
 import type { TabsProps as AntTabsProps } from '../../antd';
+import type { TabPaneProps } from './tab-pane';
 type IProps = AntTabsProps & {
     children?: React.ReactNode;
     authConfig?: {
@@ -9,13 +9,7 @@ type IProps = AntTabsProps & {
     };
 };
 export type TabsProps = IProps;
-declare class QmTabs extends Component<IProps> {
-    static TabPane: React.ClassicComponentClass<import("rc-tabs/lib/TabPanelList/TabPane").TabPaneProps>;
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static defaultProps: {
-        tabPosition: string;
-    };
-    render(): React.JSX.Element;
-}
+declare const QmTabs: React.FC<IProps> & {
+    TabPane: React.FC<TabPaneProps>;
+};
 export default QmTabs;

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?: (fileList: UploadFile[]) => Promise<void> | 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

@@ -9,6 +9,11 @@
 @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%;

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

@@ -1,6 +1,4 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
-import type { CSSProperties } from '../../_utils/types';
+import React from 'react';
 type IProps = {
     fixedSize?: [number, number];
     quality?: number;
@@ -10,27 +8,5 @@ type IProps = {
     beforeCrop?: (file: any, fileList: any[]) => Promise<boolean>;
     children?: React.ReactNode;
 };
-type IState = {
-    src: string;
-};
-declare class CropperPreview extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    private cropperRef;
-    private beforeUploadRef;
-    private fileRef;
-    private resolveRef;
-    private rejectRef;
-    state: IState;
-    get previewSize(): CSSProperties;
-    setSrc(src: any): void;
-    renderUpload(): React.CElement<any, React.Component<any, any, any>> | null;
-    confirmHandle: () => Promise<void>;
-    scaleHandle(percent: number): void;
-    rotateHandle(deg: number): void;
-    renderCropper(): React.JSX.Element;
-    onOk: () => void;
-    onClose: () => void;
-    render(): React.JSX.Element;
-}
+declare const CropperPreview: React.FC<IProps>;
 export default CropperPreview;

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

@@ -13,32 +13,40 @@
   .ant-upload-select {
     & > span {
       flex-direction: column;
-      .ant-upload-drag-icon {
-        font-size: 24px;
-        line-height: 0;
-        color: @--primary-5;
+    }
+    &: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;
       }
-      .ant-upload-text {
-        font-size: @--font-size-base - 1px;
+      &.disabled {
+        pointer-events: none;
       }
+    }
+    &[class*='disabled'] {
       .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;
-        }
+        pointer-events: none;
       }
     }
   }

package/package.json

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