@jiaozhiye/qm-design-react 1.10.8 → 1.10.10

package/lib/locale/lang/en.js

@@ -1,8 +1,8 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-06-19 08:46:00
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-07-26 10:21:48
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-06-19 08:46:00
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-07-26 10:21:48
  */
 export default {
   name: 'en',

package/lib/locale/lang/zh-cn.js

@@ -1,8 +1,8 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-06-19 08:45:54
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-07-26 09:00:17
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-06-19 08:45:54
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-07-26 09:00:17
  */
 export default {
   name: 'zh-cn',

package/lib/modal/index.d.ts

@@ -1,3 +1,3 @@
 import Modal from './src/modal';
-export type { ModalProps } from './src/modal';
+export type { ModalRef, ModalProps } from './src/modal';
 export default Modal;

package/lib/modal/src/modal.d.ts

@@ -1,9 +1,6 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { ComponentSize } from '../../_utils/types';
 import type { ModalProps as AntModalProps } from '../../antd';
-type EventType = React.MouseEvent<HTMLElement>;
 type IProps = AntModalProps & {
     visible?: boolean;
     size?: ComponentSize;
@@ -12,57 +9,25 @@ type IProps = AntModalProps & {
     draggable?: boolean;
     showHeader?: boolean;
     showFullScreen?: boolean;
-    onClose?: (e: EventType) => void;
+    onClose?: (e: React.MouseEvent<HTMLElement>) => void;
     onClosed?: () => void;
     onFullChange?: (value: boolean) => void;
 };
-type IState = {
-    fullscreen: boolean;
-    spinning: boolean;
-    sloading: boolean;
-    disabled: boolean;
-    bounds: {
-        left: number;
-        top: number;
-        bottom: number;
-        right: number;
-    };
-    position?: {
-        x: number;
-        y: number;
-    };
-};
-export type ModalProps = IProps;
-declare class QmModal extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    static propTypes: {
-        size: (props: any, propName: any, componentName: any) => void;
-        spinning: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        width: string;
-        showHeader: boolean;
-        showFullScreen: boolean;
-        destroyOnClose: boolean;
-        draggable: boolean;
-        footer: null;
-        style: {
-            top: string;
-        };
-    };
-    draggleRef: React.RefObject<HTMLDivElement>;
-    private opened;
-    get $size(): ComponentSize;
-    get defaultHeight(): string;
-    state: IState;
-    componentDidUpdate(prevProps: IProps, prevState: IState): void;
-    onStart: (ev: any, uiData: any) => void;
-    toggleHandle: (ev: any) => void;
-    afterVisibleChange: () => void;
-    renderTitle(): React.JSX.Element;
+export type ModalRef = {
     START_LOADING: () => void;
     STOP_LOADING: () => void;
-    render(): React.JSX.Element;
-}
+};
+export type ModalProps = IProps;
+declare const QmModal: React.ForwardRefExoticComponent<AntModalProps & {
+    visible?: boolean | undefined;
+    size?: ComponentSize | undefined;
+    height?: string | number | undefined;
+    loading?: boolean | undefined;
+    draggable?: boolean | undefined;
+    showHeader?: boolean | undefined;
+    showFullScreen?: boolean | undefined;
+    onClose?: ((e: React.MouseEvent<HTMLElement>) => void) | undefined;
+    onClosed?: (() => void) | undefined;
+    onFullChange?: ((value: boolean) => void) | undefined;
+} & React.RefAttributes<ModalRef>>;
 export default QmModal;

package/lib/spin/style/index.less

@@ -1,18 +1,18 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-07-31 22:38:07
- */
-@import '../../style/common';
-
-@prefix-spin: ~'@{qm-prefix}-spin';
-
-.@{prefix-spin} {
-  &-fullHeight {
-    height: 100%;
-    .ant-spin-container {
-      height: 100%;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-spin: ~'@{qm-prefix}-spin';
+
+.@{prefix-spin} {
+  &-fullHeight {
+    height: 100%;
+    .ant-spin-container {
+      height: 100%;
+    }
+  }
+}

package/lib/split/src/split-pane.d.ts

@@ -6,7 +6,7 @@ type IProps = {
     children?: React.ReactNode;
 };
 export type SplitPaneProps = IProps;
-declare const QmSplitPane: React.ForwardRefExoticComponent<IProps & {
+declare const SplitPane: React.ForwardRefExoticComponent<IProps & {
     offset?: string | undefined;
 } & React.RefAttributes<any>>;
-export default QmSplitPane;
+export default SplitPane;

package/lib/split/src/split.d.ts

@@ -13,6 +13,6 @@ type IProps = {
 };
 export type SplitProps = IProps;
 declare const QmSplit: React.FC<IProps> & {
-    Pane: React.FunctionComponent<SplitPaneProps>;
+    Pane: React.FC<SplitPaneProps>;
 };
 export default QmSplit;

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/upload-file/src/upload-file.d.ts

@@ -17,7 +17,7 @@ type IProps = Omit<UploadProps, 'onPreview'> & {
     readOnly?: boolean;
     draggable?: boolean;
     editable?: boolean;
-    batchDownload?: boolean;
+    batchDownload?: (fileList: UploadFile[]) => Promise<void> | boolean;
     fileDirection?: 'horizontal' | 'vertical';
     downloadWithHeaders?: boolean | HttpRequestHeader;
     button?: {

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

@@ -1,53 +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-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;
-    }
-  }
-}
+/*
+ * @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/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/style/index.less

@@ -1,101 +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;
-    }
-    &: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;
-      }
-    }
-  }
-}
+/*
+ * @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.8",
+  "version": "1.10.10",
   "description": "A Component Library for React",
   "keywords": [
     "React",