@jiaozhiye/qm-design-react 1.10.11 → 1.10.13

package/lib/antd/index.less

@@ -13,7 +13,7 @@
   &-disabled {
     .ant-select-selection-item,
     .ant-select-selection-item-content {
-      color: @--text-color-secondary-dark;
+      color: @--text-color-secondary;
     }
   }
 }

package/lib/cropper/src/cropper.d.ts

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import type { CSSProperties, AnyObject, AnyFunction } from '../../_utils/types';
 type IProps = {
     src: string;
@@ -17,6 +17,7 @@ type IProps = {
     checkCrossOrigin?: boolean;
     checkOrientation?: boolean;
     crossorigin?: string;
+    modal?: boolean;
     guides?: boolean;
     center?: boolean;
     highlight?: boolean;
@@ -47,167 +48,5 @@ type IProps = {
     zoom?: AnyFunction<void>;
 };
 export type CropperProps = IProps;
-declare class QmCropper extends Component<IProps> {
-    static defaultProps: {
-        src: string;
-        responsive: boolean;
-        restore: boolean;
-        checkCrossOrigin: boolean;
-        checkOrientation: boolean;
-        modal: boolean;
-        guides: boolean;
-        center: boolean;
-        highlight: boolean;
-        background: boolean;
-        autoCrop: boolean;
-        movable: boolean;
-        rotatable: boolean;
-        scalable: boolean;
-        zoomable: boolean;
-        zoomOnTouch: boolean;
-        zoomOnWheel: boolean;
-        cropBoxMovable: boolean;
-        cropBoxResizable: boolean;
-        toggleDragModeOnDblclick: boolean;
-    };
-    private imgRef;
-    private cropper;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    reset(): any;
-    clear(): any;
-    initCrop(): any;
-    /**
-     * Replace the image's src and rebuild the cropper
-     * @param {string} url - The new URL.
-     * @param {boolean} [onlyColorChanged] - Indicate if the new image only changed color.
-     * @returns {Object} this
-     */
-    replace(url: any, onlyColorChanged?: boolean): any;
-    enable(): any;
-    disable(): any;
-    destroy(): any;
-    /**
-     * Move the canvas with relative offsets
-     * @param {number} offsetX - The relative offset distance on the x-axis.
-     * @param {number} offsetY - The relative offset distance on the y-axis.
-     * @returns {Object} this
-     */
-    move(offsetX: any, offsetY: any): any;
-    /**
-     * Move the canvas to an absolute point
-     * @param {number} x - The x-axis coordinate.
-     * @param {number} [y=x] - The y-axis coordinate.
-     * @returns {Object} this
-     */
-    moveTo(x: any, y?: any): any;
-    /**
-     * Zoom the canvas with a relative ratio
-     * @param {number} ratio - The target ratio.
-     * @param {Event} _originalEvent - The original event if any.
-     * @returns {Object} this
-     */
-    relativeZoom(ratio: any, _originalEvent: any): any;
-    /**
-     * Zoom the canvas to an absolute ratio
-     * @param {number} ratio - The target ratio.
-     * @param {Event} _originalEvent - The original event if any.
-     * @returns {Object} this
-     */
-    zoomTo(ratio: any, _originalEvent: any): any;
-    /**
-     * Rotate the canvas with a relative degree
-     * @param {number} degree - The rotate degree.
-     * @returns {Object} this
-     */
-    rotate(degree: any): any;
-    /**
-     * Rotate the canvas to an absolute degree
-     * @param {number} degree - The rotate degree.
-     * @returns {Object} this
-     */
-    rotateTo(degree: any): any;
-    /**
-     * Scale the image on the x-axis.
-     * @param {number} scaleX - The scale ratio on the x-axis.
-     * @returns {Object} this
-     */
-    scaleX(scaleX: any): any;
-    /**
-     * Scale the image on the y-axis.
-     * @param {number} scaleY - The scale ratio on the y-axis.
-     * @returns {Object} this
-     */
-    scaleY(scaleY: any): any;
-    /**
-     * Scale the image
-     * @param {number} scaleX - The scale ratio on the x-axis.
-     * @param {number} [scaleY=scaleX] - The scale ratio on the y-axis.
-     * @returns {Object} this
-     */
-    scale(scaleX: any, scaleY?: any): any;
-    /**
-     * Get the cropped area position and size data (base on the original image)
-     * @param {boolean} [rounded=false] - Indicate if round the data values or not.
-     * @returns {Object} The result cropped data.
-     */
-    getData(rounded?: boolean): any;
-    /**
-     * Set the cropped area position and size with new data
-     * @param {Object} data - The new data.
-     * @returns {Object} this
-     */
-    setData(data: any): any;
-    /**
-     * Get the container size data.
-     * @returns {Object} The result container data.
-     */
-    getContainerData(): any;
-    /**
-     * Get the image position and size data.
-     * @returns {Object} The result image data.
-     */
-    getImageData(): any;
-    /**
-     * Get the canvas position and size data.
-     * @returns {Object} The result canvas data.
-     */
-    getCanvasData(): any;
-    /**
-     * Set the canvas position and size with new data.
-     * @param {Object} data - The new canvas data.
-     * @returns {Object} this
-     */
-    setCanvasData(data: any): any;
-    /**
-     * Get the crop box position and size data.
-     * @returns {Object} The result crop box data.
-     */
-    getCropBoxData(): any;
-    /**
-     * Set the crop box position and size with new data.
-     * @param {Object} data - The new crop box data.
-     * @returns {Object} this
-     */
-    setCropBoxData(data: any): any;
-    /**
-     * Get a canvas drawn the cropped image.
-     * @param {Object} [options={}] - The config options.
-     * @returns {HTMLCanvasElement} - The result canvas.
-     */
-    getCroppedCanvas(options?: {}): any;
-    /**
-     * Change the aspect ratio of the crop box.
-     * @param {number} aspectRatio - The new aspect ratio.
-     * @returns {Object} this
-     */
-    setAspectRatio(aspectRatio: any): any;
-    /**
-     * Change the drag mode.
-     * @param {string} mode - The new drag mode.
-     * @returns {Object} this
-     */
-    setDragMode(mode: any): any;
-    render(): React.JSX.Element;
-}
-export default QmCropper;
+declare const Cropper: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default Cropper;

package/lib/divider/style/index.less

@@ -17,7 +17,7 @@
   line-height: 1;
   border: 1px solid @--border-color-base;
   border-radius: @--border-radius-base;
-  background-color: @--background-color-cecondary;
+  background-color: @--background-color-light;
   position: relative;
   &::before {
     content: ' ';
@@ -26,6 +26,8 @@
     left: -1px;
     top: -1px;
     bottom: -1px;
+    border-top-left-radius: @--border-radius-base;
+    border-bottom-left-radius: @--border-radius-base;
     background-color: @--primary-color;
   }
   &__title {

package/lib/drawer/style/index.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 19:05:57
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 20:25:11
+ * @Last Modified time: 2024-10-29 10:53:46
  */
 @import '../../style/common';
 
@@ -21,6 +21,9 @@
         top: 4px;
         right: 42px;
       }
+      .ant-drawer-extra {
+        display: none;
+      }
     }
   }
   .ant-drawer-header {
@@ -51,7 +54,7 @@
       position: absolute;
       right: 34px;
       padding: @--padding-md 5px @--padding-md @--padding-md;
-      color: @--text-color-secondary;
+      color: @--text-color-placeholder;
       line-height: 1;
       font-size: @--font-size-lg;
       transition: all 0.3s ease;
@@ -60,6 +63,9 @@
         color: @--text-color;
       }
     }
+    .ant-drawer-extra {
+      margin-right: 50px;
+    }
   }
   .ant-drawer-body {
     padding: @--padding-md;

package/lib/form/src/fields-filter.d.ts

@@ -1,29 +1,9 @@
-import React, { Component } from 'react';
-import ConfigContext from '../../config-provider/context';
+import React from 'react';
 import type { IFormItem } from './types';
 type IProps = {
     uniqueKey?: string;
     items: IFormItem[];
     fieldsChange?: (items: IFormItem[]) => void;
 };
-type IState = {
-    visible: boolean;
-};
-declare class FieldsFilter extends Component<IProps, IState> {
-    static contextType: React.Context<import("../../config-provider/context").IConfig>;
-    context: React.ContextType<typeof ConfigContext>;
-    private linkRef;
-    state: IState;
-    get formUniqueKey(): string;
-    componentDidMount(): void;
-    getFormFieldsConfig: (key: string) => Promise<unknown[] | void>;
-    saveFormFieldsConfig: (key: string, value: Partial<IFormItem>[]) => Promise<void>;
-    getLocalFields(): Array<IFormItem> | void;
-    setLocalFields(list: IFormItem[]): void;
-    initLocalfields(): void;
-    changeHandle(items: IFormItem[]): void;
-    resetFieldsHandle: (items: IFormItem[]) => void;
-    popupRender(): React.JSX.Element;
-    render(): React.JSX.Element;
-}
+declare const FieldsFilter: React.FC<IProps>;
 export default FieldsFilter;

package/lib/form/style/index.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 19:05:57
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-12-02 20:00:11
+ * @Last Modified time: 2024-10-29 13:39:17
  */
 @import '../../style/common';
 
@@ -55,6 +55,22 @@
         line-height: 1;
       }
     }
+    // radio-group  checkbox-group
+    .ant-radio-group,
+    .ant-checkbox-group {
+      display: inline-flex;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      row-gap: 4px;
+      .ant-radio-wrapper,
+      .ant-checkbox-wrapper {
+        margin: 0;
+        margin-right: 20px;
+        &:last-of-type {
+          margin-right: 0;
+        }
+      }
+    }
     // textarea
     .ant-input-textarea-show-count {
       position: relative;
@@ -67,7 +83,7 @@
     }
     // input extra
     .extra-tooltip {
-      color: @--text-color-secondary-dark;
+      color: @--text-color-secondary;
       vertical-align: -0.4em;
       transform: scale(1.2);
     }
@@ -248,7 +264,7 @@
           padding: 0 8px;
           margin: 0 4px 4px 0;
           border: 1px solid @--border-color-secondary;
-          border-radius: @--border-radius-base;
+          border-radius: 2px;
           cursor: pointer;
           &.actived {
             color: @--white;
@@ -346,7 +362,7 @@
         .text-overflow-cut();
         .handle {
           padding: 2px;
-          color: @--text-color-secondary;
+          color: @--text-color-placeholder;
           cursor: s-resize;
           transform: scale(0.9);
         }

package/lib/guide-tracker/style/index.less

@@ -53,7 +53,7 @@
     position: absolute;
     top: 10px;
     inset-inline-end: 10px;
-    color: @--text-color-secondary;
+    color: @--text-color-placeholder;
     width: 22px;
     height: 22px;
     display: flex;
@@ -160,7 +160,7 @@
         }
         .handle {
           padding: 2px;
-          color: @--text-color-secondary;
+          color: @--text-color-placeholder;
           cursor: s-resize;
           transform: scale(0.9);
         }
@@ -176,7 +176,7 @@
           .close-icon {
             padding: 2px;
             font-size: 12px;
-            color: @--text-color-secondary;
+            color: @--text-color-placeholder;
             border-radius: 4px;
             cursor: pointer;
             display: none;