@jiaozhiye/qm-design-react 1.11.15 → 1.11.16

package/lib/pivot-grid/src/grid-layout/Context.d.ts

@@ -1,17 +1,16 @@
 import React from 'react';
 import type { IRowKey } from '../../../table/src/table/types';
 import type { ScrollbarRef } from '../../../scrollbar';
-import type { Summary } from '../utils';
 export type IGridLayoutContext = {
     scrollbarRef: React.RefObject<ScrollbarRef>;
     indentDepth: number;
     selectionKeys: IRowKey[];
     treeExpandKeys: IRowKey[];
-    countMethod: Record<string, string>;
-    summationData: Summary;
+    highlightKey: IRowKey;
     checkedColumnKey: string;
     hoverRowKey: IRowKey;
     updateLayout: number;
+    clicked: [IRowKey, string] | [];
 };
 type IProps = {
     scrollbar: React.RefObject<ScrollbarRef>;
@@ -22,11 +21,12 @@ export declare const useGridLayoutContext: () => (IGridLayoutContext & {
     setContext: (data: Partial<IGridLayoutContext>) => void;
     setSelectionKeys: (rowKeys: IRowKey[]) => void;
     setTreeExpandKeys: (rowKeys: IRowKey[]) => void;
-    setCountMethod: (value: Record<string, string | undefined>) => void;
-    setSummationData: (value: Summary) => void;
+    setHighlightKey: (value: IRowKey) => void;
     setCheckColumnKey: (value: string) => void;
     setHoverRowKey: (value: IRowKey) => void;
     forceUpdateLayout: () => void;
     updateColumnsWidth: () => void;
+    setClicked: (value: [IRowKey, string] | [
+    ]) => void;
 }) | undefined;
 export {};

package/lib/pivot-grid/src/hooks/use-context-menu.d.ts

@@ -4,9 +4,10 @@ type UseContextMenuProps = {
     popup: (ev: MouseEvent) => React.ReactNode;
     getTriggerContainer?: (el: HTMLElement | null) => HTMLElement | null;
     prevent?: (node: HTMLElement) => boolean;
+    prefixCls?: string;
     enabled?: boolean;
 };
-declare const useContextMenu: ({ ref, popup, getTriggerContainer, prevent, enabled }: UseContextMenuProps) => {
+declare const useContextMenu: ({ ref, popup, getTriggerContainer, prevent, prefixCls, enabled }: UseContextMenuProps) => {
     contextMenu: React.JSX.Element;
     closeMenu: () => void;
 };

package/lib/pivot-grid/src/hooks/use-keyboard-event.d.ts

@@ -0,0 +1,3 @@
+import type { GroupLayout } from '../utils';
+declare const useKeyboardEvent: (layout: GroupLayout[]) => void;
+export default useKeyboardEvent;

package/lib/pivot-grid/src/hooks/use-row-cell.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IColumn, IRecord, IRowKey } from '../../../table/src/table/types';
-declare const useRowCell: (isLeftPanel?: boolean) => {
-    renderGroupRow: (columns: IColumn[], row: IRecord, rowKey: IRowKey) => React.JSX.Element;
-    renderRow: (columns: IColumn[], row: IRecord, rowIndex: number, rowKey: IRowKey) => React.JSX.Element;
+declare const useRowCell: (columns: IColumn[], isLeftPanel?: boolean) => {
+    renderGroupRow: (row: IRecord, rowKey: IRowKey) => React.JSX.Element;
+    renderRow: (row: IRecord, rowIndex: number, rowKey: IRowKey) => React.JSX.Element;
 };
 export default useRowCell;

package/lib/pivot-grid/src/main/Context.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import type { IColumn, IOrderBy, IRecord, IRowKey, ISuperFilter } from '../../../table/src/table/types';
 import type { ComponentSize, ValueOf } from '../../../_utils/types';
-import type { IGridLayoutContext } from '../grid-layout/Context';
-import type { PivotGridProps } from './types';
-export type IPivotMode = 'table' | 'gantt' | 'card';
+import type { PivotGridProps, IPivotMode, ICountFn } from './types';
+import type { Summary } from '../utils';
 export type GroupItem = {
     fieldName: string;
     order: IOrderBy;
@@ -32,7 +31,6 @@ export type PivotRef = {
     flatGroupData: IRecord[];
     isTree: boolean;
     keyRecordMap: Map<IRowKey, IRecord>;
-    gridLayoutContext: Partial<IGridLayoutContext>;
 };
 export type IPivotGridContext = {
     pivotRef: React.MutableRefObject<PivotRef>;
@@ -50,6 +48,8 @@ export type IPivotGridContext = {
     searchResults: SearchResult[];
     switchIndex: number;
     fillColorCells: Map<string, string>;
+    countMethod: Record<string, ICountFn>;
+    summationData: Summary;
 };
 type IProps = {
     prefixCls: string;
@@ -76,5 +76,7 @@ export declare const usePivotGridContext: () => (IPivotGridContext & {
     setSearchResults: (value: SearchResult[]) => void;
     setSwitchIndex: (value: number) => void;
     setFillColor: (items: FillColorCell[]) => void;
+    setCountMethod: (value: Record<string, ICountFn | undefined>) => void;
+    setSummationData: (value: Summary) => void;
 }) | undefined;
 export {};

package/lib/pivot-grid/src/main/types.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
-import type { IColumn, IRecord, IRowKey, ISuperFilter } from '../../../table/src/table/types';
+import type { IColumn, IRecord, IRowHighlight, IRowKey, ISelectionType, ISuperFilter } from '../../../table/src/table/types';
 import type { ComponentSize } from '../../../_utils/types';
 import type { GroupItem, SorterItem } from './Context';
+export type IPivotMode = 'table' | 'gantt' | 'card';
+export type ICountFn = 'count' | 'unique' | 'empty' | 'notEmpty' | 'sum' | 'max' | 'min' | 'avg';
 export type RowSelectType = {
+    type?: ISelectionType;
     defaultSelectedRowKeys?: IRowKey[];
     selectedRowKeys?: IRowKey[];
     checkStrictly?: boolean;
@@ -14,6 +17,14 @@ export type TreeExpandType = {
     onChange?: (rowKeys: IRowKey[]) => void;
     onExpand?: (expanded: boolean, record: IRecord) => void;
 };
+export type CxtMenuItem = {
+    key: string | number;
+    label: React.ReactNode;
+    disabled?: (row: IRecord, column: IColumn) => boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    onClick?: (row: IRecord, column: IColumn) => void;
+};
 export type PivotGridRef = {};
 export type PivotGridProps = {
     fromTable?: boolean;
@@ -27,8 +38,11 @@ export type PivotGridProps = {
     className?: string;
     style?: React.CSSProperties;
     rowSelection?: RowSelectType;
+    rowHighlight?: IRowHighlight;
     treeExpandable?: TreeExpandType;
     initialGroup?: GroupItem[];
+    initialCount?: Record<string, ICountFn>;
+    contextMenues?: CxtMenuItem[];
     onDataChange?: (records: IRecord[]) => void;
     onColumnsChange?: (columns: IColumn[]) => void;
     onGroupChange?: (group: GroupItem[]) => void;

package/lib/pivot-grid/style/context-menu.less

@@ -0,0 +1,28 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2025-01-11 18:31:17
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2025-01-12 13:18:56
+ */
+@import '../../style/common';
+
+.@{prefix-pivot-grid}__context-menu {
+  min-width: 150px;
+  .ant-dropdown-menu-item {
+    display: flex;
+    align-items: center;
+    padding-left: @--padding-md;
+    padding-right: @--padding-md;
+    border-radius: @--border-radius-lg;
+    .label {
+      flex: auto;
+    }
+    .prefix {
+      margin-right: 5px;
+    }
+    .suffix {
+      margin-left: 4px;
+      color: @--text-color-placeholder;
+    }
+  }
+}

package/lib/pivot-grid/style/grid-layout.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2022-03-16 19:05:30
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2025-01-09 17:14:40
+ * @Last Modified time: 2025-01-12 14:23:51
  */
 @import '../../style/common';
 
@@ -10,6 +10,7 @@
   .reset-container();
   width: 100%;
   .@{qm-prefix}-scrollbar__wrap {
+    // 调整为 flex 布局
     display: flex;
     flex-wrap: nowrap;
     & > div {
@@ -266,6 +267,11 @@
             }
           }
         }
+        &.row--highlight {
+          .table-cell {
+            background-color: @--primary-1;
+          }
+        }
         &.row--hover {
           .table-cell {
             .drag-icon,

package/lib/pivot-grid/style/index.less

@@ -1,10 +1,11 @@
-/*
- * @Author: 焦质晔
- * @Date: 2024-11-28 19:27:58
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-11-28 20:04:56
- */
-@import './variable.less';
-@import './main.less';
-@import './top-bar.less';
-@import './grid-layout.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2024-11-28 19:27:58
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2025-01-11 18:32:54
+ */
+@import './variable.less';
+@import './main.less';
+@import './top-bar.less';
+@import './grid-layout.less';
+@import './context-menu.less';

package/lib/style/index.css

@@ -30967,7 +30967,7 @@ body {
  * @Author: 焦质晔
  * @Date: 2024-11-28 19:27:58
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-11-28 20:04:56
+ * @Last Modified time: 2025-01-11 18:32:54
  */
 /*
  * @Author: 焦质晔
@@ -31180,7 +31180,7 @@ body {
  * @Author: 焦质晔
  * @Date: 2022-03-16 19:05:30
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2025-01-09 17:14:40
+ * @Last Modified time: 2025-01-12 14:23:51
  */
 .qm-pivot-grid__layout {
   box-sizing: border-box;
@@ -31492,6 +31492,9 @@ body {
 .qm-pivot-grid__layout .container .row-item .table-row.row--selection .table-cell .middle .checkbox {
   display: inline-flex;
 }
+.qm-pivot-grid__layout .container .row-item .table-row.row--highlight .table-cell {
+  background-color: #e6f7ff;
+}
 .qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell .drag-icon,
 .qm-pivot-grid__layout .container .row-item .table-row.row--hover .table-cell .expand-icon {
   visibility: visible;
@@ -31519,6 +31522,32 @@ body {
 .qm-pivot-grid__layout.large .table-cell {
   height: 42px;
 }
+/*
+ * @Author: 焦质晔
+ * @Date: 2025-01-11 18:31:17
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2025-01-12 13:18:56
+ */
+.qm-pivot-grid__context-menu {
+  min-width: 150px;
+}
+.qm-pivot-grid__context-menu .ant-dropdown-menu-item {
+  display: flex;
+  align-items: center;
+  padding-left: 10px;
+  padding-right: 10px;
+  border-radius: 4px;
+}
+.qm-pivot-grid__context-menu .ant-dropdown-menu-item .label {
+  flex: auto;
+}
+.qm-pivot-grid__context-menu .ant-dropdown-menu-item .prefix {
+  margin-right: 5px;
+}
+.qm-pivot-grid__context-menu .ant-dropdown-menu-item .suffix {
+  margin-left: 4px;
+  color: rgba(0, 0, 0, 0.45);
+}
 /*
  * @Author: 焦质晔
  * @Date: 2024-12-02 09:06:20