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

package/lib/_utils/util.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { isNumber, isString, isUndefined, isFunction, isArray, isPlainObject as isObject, debounce, throttle, get } from 'lodash-es';
+import { isNumber, isString, isUndefined, isFunction, isArray, isPlainObject as isObject, debounce, throttle, get, set } from 'lodash-es';
 import type { AnyFunction, AnyObject } from './types';
-export { isNumber, isString, isArray, isUndefined, isFunction, isObject, debounce, throttle, get };
+export { isNumber, isString, isArray, isUndefined, isFunction, isObject, debounce, throttle, get, set };
 export declare const isIE: () => boolean;
 export declare const isEdge: () => boolean;
 export declare const isChrome: () => boolean;

package/lib/antd/Calendar.d.ts

@@ -1,4 +1,4 @@
-import { Dayjs } from 'dayjs';
+import type { Dayjs } from 'dayjs';
 import 'antd/es/calendar/style';
 declare const Calendar: (props: import("antd/es/calendar/generateCalendar").CalendarProps<Dayjs>) => JSX.Element;
 export default Calendar;

package/lib/antd/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { Dayjs } from 'dayjs';
+import type { Dayjs } from 'dayjs';
 import 'antd/es/date-picker/style/index';
 declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
     status?: "" | "error" | "warning" | undefined;

package/lib/antd/TimePicker.d.ts

@@ -1,6 +1,6 @@
-import { Dayjs } from 'dayjs';
+import type { Dayjs } from 'dayjs';
 import * as React from 'react';
-import { PickerTimeProps, RangePickerTimeProps } from 'antd/es/date-picker/generatePicker';
+import type { PickerTimeProps, RangePickerTimeProps } from 'antd/es/date-picker/generatePicker';
 export interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'> {
 }
 export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Dayjs>, 'picker'> {

package/lib/antd/index.less

@@ -1,7 +1,9 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:41:37
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-07-30 10:47:18
- */
-@import 'antd/dist/antd.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:41:37
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 23:32:46
+ */
+@import 'antd/dist/antd.variable.less';
+
+@root-entry-name: variable;

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-04-19 12:09:14
+ * @Last Modified time: 2022-11-26 20:25:11
  */
 @import '../../style/common';
 
@@ -27,6 +27,7 @@
         padding: @--padding-md 5px @--padding-md @--padding-md;
         color: @--text-color-secondary;
         line-height: 1;
+        font-size: @--font-size-lg;
         transition: all 0.3s ease;
         cursor: pointer;
         &:hover {

package/lib/form/src/form-item-view.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare type IViewProps<T = string> = {
     value?: T;
+    bordered?: boolean;
 };
 declare const FormItemView: React.FC<IViewProps>;
 export default FormItemView;

package/lib/form/src/form-search-helper.d.ts

@@ -9,6 +9,7 @@ declare type IState = {
 declare class FormSearchHelper extends Component<IProps, IState> {
     static contextType: React.Context<import("./context").IFormContext | undefined>;
     private promiseRef;
+    searchRef: any;
     state: IState;
     constructor(props: IProps, { $$form }: {
         $$form: any;

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

@@ -36,6 +36,8 @@ declare class QmForm extends Component<IProps, IState> {
         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>;
@@ -177,14 +179,18 @@ declare class QmForm extends Component<IProps, IState> {
     }) => void;
     set_fields_other(values: IFormData): void;
     get_fields_other(fields?: string[]): IFormData;
+    scrollToField: (fieldName?: string) => void;
+    formValidate(): Promise<IFormData>;
     SET_FIELDS_VALUE(values: IFormData): void;
     GET_FIELDS_VALUE(fields?: string[]): IFormData;
     GET_FORM_DATA(): Promise<[any, any]>;
+    VALIDATE_FIELDS(fields?: string[]): Promise<any[]>;
     SET_FIELDS_EXTRA(values: IExtraData): void;
     GET_FIELDS_EXTRA(fields?: string[]): IExtraData;
     GET_FIELDS_TOUCHED(fields?: string[]): boolean;
-    SUBMIT_FORM(): void;
+    SUBMIT_FORM(): Promise<void>;
     RESET_FORM(): void;
+    SET_FORM_ITEM(fieldName: string, option: Record<string, any>, forceUpdate?: boolean): void;
     render(): JSX.Element;
 }
 export default QmForm;

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

@@ -9,6 +9,7 @@ export declare const DEFAULT_LABEL_WIDTH = 80;
 export declare const DEFAULT_COL_WIDTH = 300;
 export declare const DEFAULT_TRUE_VALUE = "1";
 export declare const DEFAULT_FALSE_VALUE = "0";
+export declare const DEFAULT_LIST_HEIGHT = 400;
 export declare type IRecord = Record<string, any>;
 export declare type IFormLayout = 'horizontal' | 'vertical';
 export declare type ILabelAlign = 'left' | 'right';
@@ -59,7 +60,7 @@ export declare type IFieldData = {
     validating?: boolean;
     value?: ValueOf<IFormData>;
 };
-export declare type IExtraData = Record<string, string>;
+export declare type IExtraData = Record<string, string | number>;
 export declare type IViewData = Record<string, string>;
 export declare type IExpandData = Record<string, boolean>;
 export declare type IFetchFn = (params?: Record<string, unknown>) => Promise<AjaxResponse>;
@@ -85,6 +86,7 @@ export declare type IFormItem = {
     labelWidth?: number | string;
     hidden?: boolean;
     noAuth?: boolean;
+    noReset?: boolean;
     invisible?: boolean;
     rules?: Record<string, any>[];
     validateTrigger?: IValidateTrigger | IValidateTrigger[];
@@ -111,6 +113,7 @@ export declare type IFormItem = {
         step?: number;
         min?: number;
         max?: number;
+        textAlign?: ILabelAlign | 'center';
         controls?: boolean;
         precision?: number;
         formatter?: (value: number | string) => string;
@@ -135,6 +138,7 @@ export declare type IFormItem = {
         tooltips?: string[];
         count?: number;
         filterable?: boolean;
+        listHeight?: number;
         collapseTags?: boolean;
         maxTagTextLength?: number;
         openPyt?: boolean;
@@ -155,10 +159,12 @@ export declare type IFormItem = {
         maxCount?: number;
         fileTypes?: string[];
         fileSize?: number;
+        openCropper?: boolean;
         onRemove?: (file: any) => void;
         fixedSize?: [number, number] | undefined;
         quality?: number;
-        tinymceHeight?: number | string;
+        tinymce?: Record<string, any>;
+        thresholdSize?: number;
     };
     searchHelper?: {
         name?: string;
@@ -206,12 +212,17 @@ export declare type IFormItem = {
         withCredentials?: boolean;
         params?: IFetchParams;
         dataKey?: string;
+        button?: {
+            text?: string;
+            icon?: React.ReactNode;
+        };
         fieldAliasMap?: (() => Record<string, string>) | Record<string, string>;
     };
     extra?: {
         style?: CSSProperties;
         labelWidth?: number | string;
         isTooltip?: boolean;
+        render?: (options: IFormItem, instance: any) => JSXElement;
     };
     buttonAfter?: JSXElement | ((options: IFormItem) => JSXElement);
     collapse?: {
@@ -243,6 +254,8 @@ export declare type IFormProps = {
     uniqueKey?: string;
     authCode?: string;
     defaultRows?: number;
+    searchButtonCols?: number;
+    scrollToFirstError?: boolean;
     authConfig?: IAuthConfig;
     isAutoFocus?: boolean;
     isCollapse?: boolean;
@@ -275,6 +288,8 @@ export declare const propTypes: {
     uniqueKey: PropTypes.Requireable<string>;
     authCode: PropTypes.Requireable<string>;
     defaultRows: PropTypes.Requireable<number>;
+    searchButtonCols: PropTypes.Requireable<number>;
+    scrollToFirstError: PropTypes.Requireable<boolean>;
     authConfig: PropTypes.Requireable<PropTypes.InferProps<{
         fetch: PropTypes.Requireable<PropTypes.InferProps<{
             api: PropTypes.Validator<(...args: any[]) => any>;

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

@@ -1,9 +1,12 @@
 import dayjs, { Dayjs } from 'dayjs';
 import type { IDict } from '../../_utils/types';
-import type { IFormItem, IFetchFnMaker } from './types';
+import type { IFormItem, IFetchFnMaker, IRecord } from './types';
 export declare const getDate: (dateString: string | undefined, format: string) => dayjs.Dayjs | null;
 export declare const formatDate: (date: Dayjs | null, format: string) => string;
 export declare const isEmptyValue: (value: unknown) => boolean;
+export declare const getSplitValue: (data: IRecord, path: string) => any;
+export declare const setEchoRecord: (row: IRecord, alias: any, echoAlias: any) => void;
+export declare const setEchoExtras: (row: IRecord, extras: any, echoExtras: any) => void;
 export declare const deepMapList: (list: any[], valueKey: string, textKey: string) => IDict[];
 export declare const deepFind: (arr: any[], mark: string) => any;
 export declare const deepFindValues: <T>(arr: T[], str: string, depth?: number) => T[];
@@ -20,7 +23,7 @@ export declare const createShConfig: (data: any, fieldName: string, createFetch:
     table?: {
         fetch?: import("../../table/src/table/types").IFetch | undefined;
         columns?: import("../..").QmTableColumn[] | undefined;
-        rowKey?: string | number | ((row: import("./types").IRecord, index: number) => string | number) | undefined;
+        rowKey?: string | number | ((row: IRecord, index: number) => string | number) | undefined;
         webPagination?: boolean | undefined;
     } | undefined;
     tree?: {

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-02-28 13:36:58
+ * @Last Modified time: 2022-11-26 21:27:53
  */
 @import '../../style/common';
 
@@ -13,10 +13,20 @@
   .ant-form-item {
     margin-bottom: @--margin-md + 2px;
     .ant-form-item-label {
+      & > label[title=''] {
+        width: 100%;
+        .ant-select {
+          text-align: left;
+        }
+      }
       &-wrap {
         line-height: 1.075;
       }
     }
+    // placeholder
+    input::placeholder {
+      text-align: left;
+    }
     // ant-form-inline
     &-with-help {
       margin-bottom: @--margin-md + 2px;
@@ -32,8 +42,11 @@
       line-height: 1;
     }
     // search
-    .ant-input-search > .ant-input-group > .ant-input-group-addon {
-      line-height: 1;
+    .ant-input-search {
+      width: calc(100% + 1px);
+      & > .ant-input-group > .ant-input-group-addon {
+        line-height: 1;
+      }
     }
     // textarea
     .ant-input-textarea-show-count {
@@ -63,6 +76,17 @@
     .ant-select {
       width: 100%;
     }
+    // input number
+    .ant-input-number.right {
+      input {
+        text-align: right;
+      }
+      &.controls {
+        input {
+          padding-right: 30px;
+        }
+      }
+    }
     // range input
     .site-input-left {
       border-right-width: 0;
@@ -98,7 +122,10 @@
     // select-multiple
     .ant-select-multiple {
       .ant-select-selection-overflow-item-rest {
-        pointer-events: none;
+        cursor: pointer;
+        * {
+          pointer-events: none;
+        }
       }
     }
   }
@@ -110,9 +137,21 @@
   &--lg {
   }
   &--sm {
-    .ant-form-item-label > label,
-    .ant-form-item-label .ant-form-item-tooltip {
-      font-size: @--font-size-sm;
+    .ant-form-item {
+      margin-bottom: @--margin-md;
+      // label
+      .ant-form-item-label > label,
+      .ant-form-item-label .ant-form-item-tooltip {
+        font-size: @--font-size-sm;
+      }
+      // valigator
+      .ant-form-item-control {
+        // 待优化
+        & > div:nth-last-of-type(1)[style*='nowrap'] {
+          transform: scale(0.8334);
+          transform-origin: 0 50%;
+        }
+      }
     }
   }
 }
@@ -154,6 +193,7 @@
     }
   }
   &--sm {
+    padding: 5px 10px !important;
     .table {
       th,
       td {
@@ -207,19 +247,15 @@
           margin: 0;
           dt {
             float: left;
-            font-size: 13px;
             font-weight: 700;
-            line-height: 20px;
           }
           dd {
             white-space: normal;
             margin-inline-start: 50px;
             margin-bottom: 8px;
-            line-height: 20px;
             li {
               display: inline-block;
               margin-right: 8px;
-              font-size: 13px;
               cursor: pointer;
               &:hover {
                 color: @--primary-color;
@@ -233,6 +269,12 @@
       }
     }
   }
+  // 40  32  24
+  &--lg {
+  }
+  &--sm {
+    padding: 10px 10px 5px !important;
+  }
 }
 
 // region-select
@@ -244,7 +286,6 @@
       display: flex;
       flex-wrap: wrap;
       width: 440px;
-      line-height: @--line-height-base;
       &__item {
         margin: 0 5px;
         width: 100px;
@@ -259,6 +300,12 @@
       }
     }
   }
+  // 40  32  24
+  &--lg {
+  }
+  &--sm {
+    padding: 15px 10px 5px !important;
+  }
 }
 
 // fields-filter

package/lib/hoc/outsideClick.d.ts

@@ -0,0 +1 @@
+export declare const OutsideClick: (WrappedComponent: any) => any;

package/lib/index.d.ts

@@ -36,6 +36,8 @@ export type { QmUploadFileProps } from './upload-file';
 export { default as QmUploadFile } from './upload-file';
 export type { QmUploadImgProps } from './upload-img';
 export { default as QmUploadImg } from './upload-img';
+export type { QmSearchTreeProps } from './search-tree';
+export { default as QmSearchTree } from './search-tree';
 export type { QmTableRef, QmTableProps, QmTableColumn } from './table';
 export { default as QmTable } from './table';
 export type { QmCopyToClipboardProps } from './copy-to-clipboard';