@jiaozhiye/qm-design-react 1.4.0-beta.2 → 1.4.0-beta.21

package/lib/_utils/types.d.ts

@@ -16,7 +16,7 @@ export declare type IntervalHandle = ReturnType<typeof setInterval>;
 export declare type AjaxResponse<T = any> = {
     code: number;
     data: T;
-    msg: string;
+    message: string;
 };
 export declare enum SizeHeight {
     large = 40,
@@ -31,3 +31,9 @@ export declare type IDict = {
     disabled?: boolean;
     children?: Array<IDict> | Nullable<undefined>;
 };
+export declare type IAuth = {
+    dataIndex?: string;
+    visible?: number;
+    disabled?: number;
+    secretName?: string;
+};

package/lib/_utils/util.d.ts

@@ -22,4 +22,3 @@ export declare const getValueByPath: (obj: AnyObject<any>, paths?: string) => un
 export declare const deepClone: <T extends object>(target: T, map?: WeakMap<object, any>) => T;
 export declare const getParserWidth: (val: number | string) => string;
 export declare const flatJson: <T extends Record<string, any>>(jsonObject: T) => T;
-export declare const getAuthValue: (code: string) => Record<string, any> | undefined;

package/lib/anchor/src/anchor-nav.d.ts

@@ -6,7 +6,7 @@ declare type IProps = {
     onTabClick: AnyFunction<void>;
 };
 declare class AnchorNav extends Component<IProps> {
-    renderLabel(prefixCls: string): React.ReactNode[];
+    renderLabel(): React.ReactNode[];
     render(): JSX.Element;
 }
 export default AnchorNav;

package/lib/anchor/src/anchor.d.ts

@@ -9,6 +9,8 @@ declare type IProps = {
     size?: ComponentSize;
     labelWidth?: number | string;
     labelList?: Array<ILabelItem>;
+    tabPosition?: 'left' | 'top';
+    onTabClick?: (label: string, ev: React.MouseEvent) => void;
     className?: string;
     style?: CSSProperties;
     children?: React.ReactNode;
@@ -34,7 +36,7 @@ declare class QmAnchor extends Component<IProps, IState> {
         }> | null | undefined)[]>;
     };
     static defaultProps: {
-        labelWidth: number;
+        tabPosition: string;
     };
     static contextType: React.Context<import("../../config-provider/context").IConfig>;
     private currentState;

package/lib/anchor/style/index.less

@@ -9,22 +9,15 @@
 @prefix-anchor: ~'@{qm-prefix}-anchor';
 
 .@{prefix-anchor} {
-  .reset-component;
+  .reset-container;
   display: flex;
-  flex-direction: row;
-  &__label {
-    width: 80px;
-  }
-  &-nav {
-    height: 100%;
-    margin-right: @--margin-md;
-    border-right: 1px solid @--border-color-base;
-    &__item {
+  .anchor-nav {
+    display: flex;
+    flex: none;
+    .item {
       display: flex;
       align-items: center;
-      justify-content: flex-end;
       height: @--height-md;
-      padding-right: @--padding-md;
       position: relative;
       cursor: pointer;
       &.actived {
@@ -32,30 +25,77 @@
         &::after {
           content: '';
           position: absolute;
-          right: -2px;
-          top: 0;
-          width: 2px;
-          height: 100%;
           background-color: @--primary-color;
         }
       }
       span {
         .text-overflow-cut();
         display: block;
-        text-align: right;
       }
     }
   }
-  &__container {
-    flex: 1;
-    width: 0;
-    padding-right: 5px;
+  &-left {
+    flex-direction: row;
+    .anchor-nav {
+      flex-direction: column;
+      margin-right: @--margin-md;
+      border-right: 1px solid @--border-color-base;
+      .item {
+        justify-content: flex-end;
+        padding: 0 @--padding-md;
+        &.actived {
+          &::after {
+            width: 2px;
+            right: -2px;
+            top: 0;
+            bottom: 0;
+          }
+        }
+      }
+    }
+  }
+  &-top {
+    flex-direction: column;
+    .anchor-nav {
+      flex-direction: row;
+      margin-bottom: @--margin-md;
+      border-bottom: 1px solid @--border-color-base;
+      .item {
+        justify-content: center;
+        padding: 0 @--padding-md + 2px;
+        &.actived {
+          &::after {
+            height: 2px;
+            bottom: -2px;
+            left: @--padding-md;
+            right: @--padding-md;
+          }
+        }
+      }
+    }
+  }
+  .anchor-container {
+    flex: auto;
+    min-width: 0;
+    min-height: 0;
     overflow-y: auto;
+    overflow-x: hidden;
   }
   // ------ size ------
   // 40  32  24
   &--lg {
+    .anchor-nav {
+      .item {
+        height: @--height-lg;
+      }
+    }
   }
   &--sm {
+    .anchor-nav {
+      .item {
+        height: @--height-sm + 2px;
+        font-size: 13px;
+      }
+    }
   }
 }

package/lib/antd/compact.less

@@ -0,0 +1,11 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2023-01-07 14:07:04
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-01-07 14:07:27
+ */
+@import 'antd/dist/antd.compact.less';
+
+#__compact__ {
+  background-color: transparent;
+}

package/lib/antd/index.less

@@ -2,8 +2,18 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 19:41:37
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 23:32:46
+ * @Last Modified time: 2023-03-28 11:50:55
  */
 @import 'antd/dist/antd.variable.less';
 
 @root-entry-name: variable;
+
+// Antd Reset
+.ant-select {
+  &-disabled {
+    .ant-select-selection-item,
+    .ant-select-selection-item-content {
+      color: @--text-color-secondary-dark;
+    }
+  }
+}

package/lib/button/src/button.d.ts

@@ -1,11 +1,12 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import type { IAuth } from '../../_utils/types';
 import type { ButtonProps } from '../../antd';
 declare type IProps = ButtonProps & {
-    authCode?: string;
-    click?: () => Promise<void> | void;
+    click?: (ev: React.MouseEventHandler<HTMLElement>) => Promise<void> | void;
+    authConfig?: IAuth;
     confirm?: {
-        title?: string;
+        title?: string | React.ReactNode;
         onConfirm?: () => void;
         onCancel?: (ev: any) => void;
     };
@@ -18,14 +19,14 @@ declare class QmButton extends Component<IProps, IState> {
     static propTypes: {
         click: PropTypes.Requireable<(...args: any[]) => any>;
         confirm: PropTypes.Requireable<PropTypes.InferProps<{
-            title: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
             onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
     };
     static contextType: React.Context<import("../../config-provider/context").IConfig>;
     state: IState;
-    clickHandle: () => Promise<void>;
+    clickHandle: (ev: any) => Promise<void>;
     render(): JSX.Element | null;
 }
 export default QmButton;

package/lib/collapse/src/collapse.d.ts

@@ -7,6 +7,7 @@ declare type IProps = {
     disabled?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
+    onChange?: (value: boolean) => void;
     className?: string;
     style?: React.CSSProperties;
     containerStyle?: React.CSSProperties;

package/lib/countup/style/index.less

@@ -1,22 +1,22 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-08-01 21:58:46
- */
-@import '../../style/common';
-
-@prefix-countup: ~'@{qm-prefix}-countup';
-
-.@{prefix-countup} {
-  .reset-component;
-  font-size: @--font-size-base;
-  // ------ size ------
-  // 40  32  24
-  &--lg {
-    font-size: @--font-size-base;
-  }
-  &--sm {
-    font-size: @--font-size-sm;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-01 21:58:46
+ */
+@import '../../style/common';
+
+@prefix-countup: ~'@{qm-prefix}-countup';
+
+.@{prefix-countup} {
+  .reset-container;
+  font-size: @--font-size-base;
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    font-size: @--font-size-base;
+  }
+  &--sm {
+    font-size: @--font-size-sm;
+  }
+}

package/lib/divider/style/index.less

@@ -1,54 +1,54 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-08-21 20:34:44
- */
-@import '../../style/common';
-
-@prefix-divider: ~'@{qm-prefix}-divider';
-
-.@{prefix-divider} {
-  .reset-component;
-  display: flex;
-  align-items: center;
-  padding: 0 @--padding-md;
-  height: @--height-md;
-  border: 1px solid @--border-color-base;
-  border-radius: @--border-radius-base;
-  background-color: @--background-color-cecondary;
-  position: relative;
-  &::before {
-    content: ' ';
-    position: absolute;
-    width: 6px;
-    left: -1px;
-    top: -1px;
-    bottom: -1px;
-    background-color: @--primary-color;
-  }
-  &__title {
-    margin-left: 5px;
-  }
-  &__extra {
-    .text-overflow-cut();
-    flex: 1;
-    margin-left: @--margin-md;
-  }
-  &__collapse {
-    margin-left: @--margin-md;
-    padding-left: 0;
-    padding-right: 0;
-    .anticon {
-      margin-left: 4px !important;
-    }
-  }
-  // ------ size ------
-  // 40  32  24
-  &--lg {
-    height: @--height-lg;
-  }
-  &--sm {
-    height: @--height-sm;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-21 20:34:44
+ */
+@import '../../style/common';
+
+@prefix-divider: ~'@{qm-prefix}-divider';
+
+.@{prefix-divider} {
+  .reset-container;
+  display: flex;
+  align-items: center;
+  padding: 0 @--padding-md;
+  height: @--height-md;
+  border: 1px solid @--border-color-base;
+  border-radius: @--border-radius-base;
+  background-color: @--background-color-cecondary;
+  position: relative;
+  &::before {
+    content: ' ';
+    position: absolute;
+    width: 6px;
+    left: -1px;
+    top: -1px;
+    bottom: -1px;
+    background-color: @--primary-color;
+  }
+  &__title {
+    margin-left: 5px;
+  }
+  &__extra {
+    .text-overflow-cut();
+    flex: 1;
+    margin-left: @--margin-md;
+  }
+  &__collapse {
+    margin-left: @--margin-md;
+    padding-left: 0;
+    padding-right: 0;
+    .anticon {
+      margin-left: 4px !important;
+    }
+  }
+  // ------ size ------
+  // 40  32  24
+  &--lg {
+    height: @--height-lg;
+  }
+  &--sm {
+    height: @--height-sm;
+  }
+}

package/lib/drawer/style/index.less

@@ -67,7 +67,7 @@
     .ant-drawer-header {
       height: 48px;
     }
-    .qm-drawer-spin {
+    .@{qm-prefix}-drawer-spin {
       top: 48px;
     }
   }
@@ -75,7 +75,7 @@
     .ant-drawer-header {
       height: 40px;
     }
-    .qm-drawer-spin {
+    .@{qm-prefix}-drawer-spin {
       top: 40px;
     }
   }

package/lib/form/src/context.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+import type { FormRef } from './form';
+import type { IDict } from '../../_utils/types';
 export declare type IFormContext = {
-    $$form: any;
+    $$form: FormRef;
+    echo_data: Record<string, IDict[]>;
 };
 declare const FormContext: import("react").Context<IFormContext | undefined>;
 export default FormContext;

package/lib/form/src/form-cascader.d.ts

@@ -6,7 +6,7 @@ declare type IProps = {
     multiple?: boolean;
 };
 declare type IState = {
-    results: IDict[];
+    itemList: IDict[];
     loading: boolean;
 };
 declare class FormCascader extends Component<IProps, IState> {

package/lib/form/src/form-checkbox-group.d.ts

@@ -5,7 +5,7 @@ declare type IProps = {
     option: IFormItem;
 };
 declare type IState = {
-    results: IDict[];
+    itemList: IDict[];
 };
 declare class FormCheckboxGroup extends Component<IProps, IState> {
     static contextType: React.Context<import("./context").IFormContext | undefined>;

package/lib/form/src/form-multiple-tree-table-helper.d.ts

@@ -6,7 +6,7 @@ declare type IProps = {
 declare type IState = {
     searchHelper: IFormItem['searchHelper'];
 };
-declare class FormMultipleTreeHelper extends Component<IProps, IState> {
+declare class FormMultipleTreeTableHelper extends Component<IProps, IState> {
     static contextType: React.Context<import("./context").IFormContext | undefined>;
     private promiseRef;
     state: IState;
@@ -17,4 +17,4 @@ declare class FormMultipleTreeHelper extends Component<IProps, IState> {
     getHelperConfig: ($configContext: any) => void;
     render(): JSX.Element;
 }
-export default FormMultipleTreeHelper;
+export default FormMultipleTreeTableHelper;

package/lib/form/src/form-radio.d.ts

@@ -5,7 +5,7 @@ declare type IProps = {
     option: IFormItem;
 };
 declare type IState = {
-    results: IDict[];
+    itemList: IDict[];
 };
 declare class FormRadio extends Component<IProps, IState> {
     static contextType: React.Context<import("./context").IFormContext | undefined>;

package/lib/form/src/form-select.d.ts

@@ -6,7 +6,7 @@ declare type IProps = {
     multiple?: boolean;
 };
 declare type IState = {
-    results: IDict[];
+    itemList: IDict[];
     loading: boolean;
 };
 declare class FormSelect extends Component<IProps, IState> {

package/lib/form/src/form-tree-select.d.ts

@@ -6,7 +6,7 @@ declare type IProps = {
     multiple?: boolean;
 };
 declare type IState = {
-    results: IDict[];
+    itemList: IDict[];
     loading: boolean;
 };
 declare class FormTreeSelect extends Component<IProps, IState> {

package/lib/form/src/form.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="lodash" />
 import React, { Component } from 'react';
 import { IFieldData } from './types';
-import type { IFormProps, IFormData, IFormItem, IExtraData, IViewData, IExpandData } from './types';
-import type { JSXElement, ValueOf } from '../../_utils/types';
+import type { IFormProps, IFormData, IFormItem, IExtraData, IViewData, IExpandData, IFieldAuthItem } from './types';
+import type { JSXElement, ValueOf, IDict } from '../../_utils/types';
 import type { FormProps } from '../../antd';
 declare type IProps = FormProps & IFormProps;
 declare type IState = {
@@ -29,22 +29,17 @@ declare class QmForm extends Component<IProps, IState> {
         size: (props: any, propName: any, componentName: any) => void;
         cols: import("prop-types").Requireable<number>;
         customClass: import("prop-types").Requireable<string>;
+        compactMode: import("prop-types").Requireable<boolean>;
         labelWidth: import("prop-types").Requireable<string | number>;
         labelAlign: import("prop-types").Requireable<string>;
         labelWrap: import("prop-types").Requireable<boolean>;
         formType: import("prop-types").Requireable<string>;
+        disabled: import("prop-types").Requireable<boolean>;
         uniqueKey: import("prop-types").Requireable<string>;
-        authCode: import("prop-types").Requireable<string>;
         defaultRows: import("prop-types").Requireable<number>;
         searchButtonCols: import("prop-types").Requireable<number>;
         scrollToFirstError: import("prop-types").Requireable<boolean>;
-        authConfig: import("prop-types").Requireable<import("prop-types").InferProps<{
-            fetch: import("prop-types").Requireable<import("prop-types").InferProps<{
-                api: import("prop-types").Validator<(...args: any[]) => any>;
-                params: import("prop-types").Requireable<object>;
-                dataKey: import("prop-types").Requireable<string>;
-            }>>;
-        }>>;
+        authConfig: import("prop-types").Requireable<object>;
         isAutoFocus: import("prop-types").Requireable<boolean>;
         isCollapse: import("prop-types").Requireable<boolean>;
         isFieldsDefine: import("prop-types").Requireable<boolean>;
@@ -81,6 +76,7 @@ declare class QmForm extends Component<IProps, IState> {
     private _initialValues;
     private _initialOthers;
     private _initialExtras;
+    private _fieldAuth;
     private wrapperRef;
     private formRef;
     state: IState;
@@ -92,6 +88,7 @@ declare class QmForm extends Component<IProps, IState> {
     get dividers(): IFormItem[];
     get isFilterType(): boolean;
     get isOnlyShow(): boolean;
+    get isCompactMode(): boolean;
     get showDividerCollapse(): boolean;
     get showFilterCollapse(): boolean | undefined;
     componentDidMount(): void;
@@ -116,6 +113,7 @@ declare class QmForm extends Component<IProps, IState> {
     getFlattenItems: import("memoize-one").MemoizedFn<(items: IFormItem[]) => IFormItem[]>;
     setViewValue(fieldName: string, val?: string): void;
     getViewValue(fieldName: string): string;
+    setExpandHandle(collapse: boolean): void;
     createInputFocus(): void;
     getFormItemLabel(label: string | IFormItem): string;
     getBlockDerivedItems(): Pick<IFormItem, "fieldName" | "label">[][];
@@ -124,8 +122,8 @@ declare class QmForm extends Component<IProps, IState> {
         fieldName: any;
     }): boolean;
     formatFormValue(values: IFormData): IFormData;
-    createFormAuth(): void;
-    getFormAuth(): Promise<void>;
+    setFieldAuth(key: string, value: IFieldAuthItem): void;
+    createFormAuth(): Promise<void>;
     INPUT(option: IFormItem): JSXElement;
     RANGE_INPUT(option: IFormItem): JSXElement;
     INPUT_NUMBER(option: IFormItem): JSXElement;
@@ -158,7 +156,7 @@ declare class QmForm extends Component<IProps, IState> {
     UPLOAD_FILE(option: IFormItem): JSXElement;
     UPLOAD_IMG(option: IFormItem): JSXElement;
     TINYMCE(option: IFormItem): JSXElement;
-    renderFormLabel(label: IFormItem): JSX.Element | IFormItem;
+    renderFormLabel(label: IFormItem | string): string | JSX.Element;
     renderFormItemExtra(option: IFormItem['extra'] & {
         fieldName: string;
     }): JSX.Element;
@@ -169,7 +167,6 @@ declare class QmForm extends Component<IProps, IState> {
     createSearchButtonLayout(lastCols?: number): JSX.Element | null;
     createFormButtonLayout(): JSX.Element | null;
     createFieldsDefine(): JSX.Element;
-    setExpandHandle(collapse: boolean): void;
     valuesChangeHandle: (changedValues: IFormData, allValues: IFormData) => void;
     fieldsChangeHandle: (changedFields: IFieldData[], allFields: IFieldData[]) => void;
     finishHandle: (values: IFormData) => void;
@@ -179,6 +176,7 @@ declare class QmForm extends Component<IProps, IState> {
     }) => void;
     set_fields_other(values: IFormData): void;
     get_fields_other(fields?: string[]): IFormData;
+    openValidateInfo: (errorFields: any) => void;
     scrollToField: (fieldName?: string) => void;
     formValidate(): Promise<IFormData>;
     SET_FIELDS_VALUE(values: IFormData): void;
@@ -186,10 +184,12 @@ declare class QmForm extends Component<IProps, IState> {
     GET_FORM_DATA(): Promise<[any, any]>;
     VALIDATE_FIELDS(fields?: string[]): Promise<any[]>;
     SET_FIELDS_EXTRA(values: IExtraData): void;
+    SET_FIELDS_ECHO(values: Record<string, IDict[]>): void;
     GET_FIELDS_EXTRA(fields?: string[]): IExtraData;
     GET_FIELDS_TOUCHED(fields?: string[]): boolean;
     SUBMIT_FORM(): Promise<void>;
     RESET_FORM(): void;
+    CREATE_FOCUS(fieldName: string): void;
     SET_FORM_ITEM(fieldName: string, option: Record<string, any>, forceUpdate?: boolean): void;
     render(): JSX.Element;
 }