@jiaozhiye/qm-design-react 1.8.1 → 1.8.3

package/lib/table/src/body/context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IClicked } from '../table/types';
+declare const BodyContext: React.Context<IClicked>;
+export default BodyContext;

package/lib/table/src/cell/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { IColumn, IRecord, IRowKey } from '../table/types';
+type ICellProps = {
+    row: IRecord;
+    column: IColumn;
+    rowIndex: number;
+    columnIndex: number;
+    rowKey: IRowKey;
+    depth: number;
+    showTitle?: boolean;
+};
+declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<any>>;
+export default Cell;

package/lib/table/src/cell/useCellText.d.ts

@@ -0,0 +1,6 @@
+import type { IColumn, IRecord } from '../table/types';
+export declare const useCellText: () => {
+    renderText: (text: string | number, column: IColumn, row: IRecord) => string | number;
+    getTitleFromCellNode: (vNode: React.ReactNode | string | number) => string;
+    getTitleFromCellValue: (row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => string;
+};

package/lib/table/src/{body → cell}/useValueFormat.d.ts

@@ -1,4 +1,4 @@
-declare const useValueFormat: () => {
+export declare const useValueFormat: () => {
     dateFormat: (val: string) => string;
     datetimeFormat: (val: string) => string;
     dateShortTimeFormat: (val: string) => string;
@@ -9,4 +9,3 @@ declare const useValueFormat: () => {
     secretIDnumberFormat: (val: string) => string;
     secretBankNumberFormat: (val: string) => string;
 };
-export default useValueFormat;

package/lib/table/src/context/index.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import type { TableBodyRef, IColumn, IDerivedRowKey, IFetchParams, IPagination, IRecord, IRowColSpan, IRowKey, IRule, ITableProps } from '../table/types';
+import type { TableBodyRef, IColumn, IDerivedRowKey, IFetchParams, IPagination, IRecord, IRowColSpan, IRowKey, IRule } from '../table/types';
 import type { ITableRef } from '../hooks/useTableRef';
 import type { ITableState } from '../hooks/useTableState';
 import type { ComponentSize } from '../../../_utils/types';
 export type ITableContext = {
     getRowKey: (row: IRecord, index: number) => IRowKey;
-    tableProps: ITableProps;
     tableRef: React.MutableRefObject<ITableRef>;
     tableBodyRef: React.RefObject<TableBodyRef>;
     $size: ComponentSize;
@@ -29,6 +28,7 @@ export type ITableContext = {
     selectionKeys: IRowKey[];
     rowExpandedKeys: ITableState['rowExpandedKeys'];
     highlightKey: IRowKey;
+    updateMark: ITableState['updateMark'];
     isFetch: boolean;
     isPingLeft: boolean;
     isPingRight: boolean;

package/lib/table/src/edit/index.d.ts

@@ -5,9 +5,7 @@ type ICellEditProps = {
     record: IRecord;
     rowKey: IRowKey;
     columnKey: string;
-    clicked: [IRowKey, string] | [];
-    text: string | number;
-    cellBgColor: string;
+    textNode: React.ReactNode;
 };
 type CellEditRef = {
     focus: () => void;

package/lib/table/src/hooks/useImperativeMethod.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import type { ITableRef } from './useTableRef';
-import type { getRowKeyType, ITableProps, IColumn, IFetchParams, IPagination, IRecord, IRowKey, IRule, IValidItem, TableRef, ToolBoxRef, TableBodyRef, ColumnDefineRef } from '../table/types';
+import type { getRowKeyType, IColumn, IFetchParams, IPagination, IRecord, IRowKey, IRule, IValidItem, TableRef, ToolBoxRef, TableBodyRef, ColumnDefineRef } from '../table/types';
 type IExtra = {
     getRowKey: getRowKeyType;
-    tableProps: ITableProps;
     tableRef: React.MutableRefObject<ITableRef>;
     toolBoxRef: React.RefObject<ToolBoxRef>;
     tableBodyRef: React.RefObject<TableBodyRef>;

package/lib/table/src/hooks/useTableRef.d.ts

@@ -3,6 +3,7 @@ import Store from '../store';
 import type { getRowKeyType, IColumn, IDerivedRowKey, IFieldAuthItem, IMergeCell, InsertMode, IRecord, IRowKey, ITableProps } from '../table/types';
 import type { ComponentSize, Nullable } from '../../../_utils/types';
 export type ITableRef = {
+    props: ITableProps;
     uid: string;
     elementStore: Record<string, Nullable<HTMLElement>>;
     originColumns: IColumn[];
@@ -70,6 +71,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     setHandleChange: (value: boolean) => void;
     clearElementStore: () => void;
     clearRecordsMap: () => void;
+    props: ITableProps;
     uid: string;
     elementStore: Record<string, Nullable<HTMLElement>>;
     originColumns: IColumn[];

package/lib/table/src/hooks/useTableState.d.ts

@@ -9,6 +9,7 @@ export type ITableState = {
     selectionKeys: IRowKey[];
     rowExpandedKeys: IRowKey[];
     highlightKey: IRowKey;
+    updateMark: number;
     layout: {
         gutterWidth: number;
         tableWidth: number;
@@ -49,6 +50,8 @@ declare const useTableState: <T extends ITableProps>(props: T) => {
     setRowExpandedKeys: React.Dispatch<(string | number)[]>;
     highlightKey: string | number;
     setHighlightKey: React.Dispatch<React.SetStateAction<string | number>>;
+    updateMark: number;
+    forceUpdate: React.DispatchWithoutAction;
     layout: {
         gutterWidth: number;
         tableWidth: number;

package/lib/table/src/table/props.d.ts

@@ -109,6 +109,7 @@ export declare const propTypes: {
             unit: PropTypes.Requireable<string>;
             render: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
+        shouldCellUpdate: PropTypes.Requireable<(...args: any[]) => any>;
         headRender: PropTypes.Requireable<(...args: any[]) => any>;
         render: PropTypes.Requireable<(...args: any[]) => any>;
     }> | null | undefined)[]>;

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

@@ -300,6 +300,7 @@ export type IColumn = {
         unit?: string;
         render?: () => React.ReactNode;
     };
+    shouldCellUpdate?: (currentRow: IRecord, prevRow: IRecord) => boolean;
     headRender?: (column: IColumn, tableData: IRecord[]) => React.ReactNode;
     render?: (text: string | number, row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => React.ReactNode | string | number;
 };
@@ -431,7 +432,6 @@ export type TableRef = {
     };
 };
 export type TableBodyRef = {
-    renderCellTitle: (column: IColumn, row: IRecord, rowIndex: number, columnIndex: number) => string;
     setClickedValues: (clicked: IClicked) => void;
     createFocus: (rowKey: IRowKey, dataIndex: string) => void;
     forceUpdate: () => void;

package/lib/table/style/alert.less

@@ -1,34 +1,32 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-18 10:26:46
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-12-28 21:55:44
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}__alert {
-  display: flex;
-  align-items: center;
-  position: relative;
-  margin-right: @v-module-distance;
-  padding: 0 6px 0 30px;
-  border: 1px solid @v-table-border-color;
-  border-radius: @v-border-radius;
-  background-color: @v-table-header-background-color;
-  .box-sizing-content();
-  .icon {
-    position: absolute;
-    left: @v-module-distance;
-    line-height: 1;
-    font-size: 1.05em;
-    color: @v-primary-color;
-  }
-  em {
-    display: inline-block;
-    color: @v-primary-color;
-    padding: 0 @v-module-distance;
-    margin-right: -5px;
-    font-style: normal;
-    cursor: pointer;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-18 10:26:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-12-28 21:55:44
+ */
+.@{prefix-table}__alert {
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin-right: @v-module-distance;
+  padding: 0 6px 0 30px;
+  border: 1px solid @v-table-border-color;
+  border-radius: @v-border-radius;
+  background-color: @v-table-header-background-color;
+  .box-sizing-content();
+  .icon {
+    position: absolute;
+    left: @v-module-distance;
+    line-height: 1;
+    font-size: 1.05em;
+    color: @v-primary-color;
+  }
+  em {
+    display: inline-block;
+    color: @v-primary-color;
+    padding: 0 @v-module-distance;
+    margin-right: -5px;
+    font-style: normal;
+    cursor: pointer;
+  }
+}

package/lib/table/style/clipboard.less

@@ -1,29 +1,27 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:26:46
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-05-17 14:16:51
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-clipboard {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-  &__setting {
-    .info {
-      padding-left: 20px;
-      margin-bottom: 6px;
-      font-size: @v-font-size-small;
-      color: @v-font-secondary-dark-color;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:26:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-05-17 14:16:51
+ */
+.@{prefix-table}-clipboard {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+  &__setting {
+    .info {
+      padding-left: 20px;
+      margin-bottom: 6px;
+      font-size: @v-font-size-small;
+      color: @v-font-secondary-dark-color;
+    }
+  }
+}

package/lib/table/style/column-filter.less

@@ -4,8 +4,6 @@
  * @Last Modified by: 焦质晔
  * @Last Modified time: 2022-11-26 20:32:27
  */
-@prefix-table: ~'@{qm-prefix}-table';
-
 .@{prefix-table}-column-filter {
   display: inline-block;
   padding: 5px 0 5px 3px;

package/lib/table/style/empty.less

@@ -1,19 +1,17 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-05-19 19:18:15
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-09-12 22:09:00
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}--empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  width: 100%;
-  pointer-events: none;
-  .ant-empty-image {
-    margin-bottom: 0;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-05-19 19:18:15
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-09-12 22:09:00
+ */
+.@{prefix-table}--empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  pointer-events: none;
+  .ant-empty-image {
+    margin-bottom: 0;
+  }
+}

package/lib/table/style/export.less

@@ -1,26 +1,24 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-03-26 11:26:46
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-01-09 11:58:00
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-export {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-  &__setting {
-    .@{qm-prefix}-form--sm .@{qm-prefix}-table-column-filter {
-      font-size: @v-font-size-small;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-26 11:26:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-01-09 11:58:00
+ */
+.@{prefix-table}-export {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+  &__setting {
+    .@{qm-prefix}-form--sm .@{qm-prefix}-table-column-filter {
+      font-size: @v-font-size-small;
+    }
+  }
+}

package/lib/table/style/fast-search.less

@@ -1,110 +1,108 @@
-/*
- * @Author: 焦质晔
- * @Date: 2022-03-16 19:05:30
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 21:11:04
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}-fast-search {
-  display: inline-block;
-  padding: 5px 3px;
-  line-height: 1;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  .icon {
-    font-size: 1.05em;
-  }
-  &:hover {
-    color: @v-primary-color;
-  }
-}
-
-.@{prefix-table}-fast-search__setting {
-  height: 100%;
-  .main {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    .top {
-      display: flex;
-      flex: 1;
-      height: 0;
-      overflow-y: auto;
-      .container {
-        flex: 1;
-        width: 0;
-        .@{qm-prefix}-tabs {
-          margin-top: -5px;
-        }
-      }
-      .saved {
-        width: 200px;
-        .form-wrap {
-          display: flex;
-        }
-        .card-wrap {
-          margin-top: @v-module-distance;
-          border: 1px solid @v-table-border-color;
-          > h5 {
-            display: flex;
-            align-items: center;
-            font-size: inherit;
-            font-weight: normal;
-            margin-bottom: 0;
-            padding: 0 @v-module-distance;
-            border-bottom: 1px solid @v-table-border-color;
-            background-color: @v-table-header-background-color;
-          }
-          > ul {
-            margin-bottom: 0;
-            li {
-              display: flex;
-              align-items: center;
-              position: relative;
-              padding: 6px @v-module-distance;
-              border-bottom: 1px solid @v-table-border-color;
-              cursor: pointer;
-              transition: all 0.3s ease;
-              &:last-of-type {
-                border-bottom: 0;
-              }
-              &:hover {
-                background-color: @v-table-row-hover-background-color;
-                .close {
-                  visibility: visible;
-                }
-              }
-              &.selected {
-                background-color: @v-table-row-selected-background-color;
-              }
-              .title {
-                i {
-                  margin-right: 5px;
-                }
-              }
-              .close {
-                position: absolute;
-                right: @v-module-distance;
-                visibility: hidden;
-              }
-            }
-          }
-        }
-      }
-      .line {
-        border-left: 1px dashed @--border-color-base;
-        padding-left: @v-module-distance;
-        margin-left: @v-module-distance;
-      }
-    }
-    .bottom {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 10px 5px;
-      margin-top: 10px;
-      border-top: 1px dashed @--border-color-base;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-03-16 19:05:30
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 21:11:04
+ */
+.@{prefix-table}-fast-search {
+  display: inline-block;
+  padding: 5px 3px;
+  line-height: 1;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  .icon {
+    font-size: 1.05em;
+  }
+  &:hover {
+    color: @v-primary-color;
+  }
+}
+
+.@{prefix-table}-fast-search__setting {
+  height: 100%;
+  .main {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .top {
+      display: flex;
+      flex: 1;
+      height: 0;
+      overflow-y: auto;
+      .container {
+        flex: 1;
+        width: 0;
+        .@{qm-prefix}-tabs {
+          margin-top: -5px;
+        }
+      }
+      .saved {
+        width: 200px;
+        .form-wrap {
+          display: flex;
+        }
+        .card-wrap {
+          margin-top: @v-module-distance;
+          border: 1px solid @v-table-border-color;
+          > h5 {
+            display: flex;
+            align-items: center;
+            font-size: inherit;
+            font-weight: normal;
+            margin-bottom: 0;
+            padding: 0 @v-module-distance;
+            border-bottom: 1px solid @v-table-border-color;
+            background-color: @v-table-header-background-color;
+          }
+          > ul {
+            margin-bottom: 0;
+            li {
+              display: flex;
+              align-items: center;
+              position: relative;
+              padding: 6px @v-module-distance;
+              border-bottom: 1px solid @v-table-border-color;
+              cursor: pointer;
+              transition: all 0.3s ease;
+              &:last-of-type {
+                border-bottom: 0;
+              }
+              &:hover {
+                background-color: @v-table-row-hover-background-color;
+                .close {
+                  visibility: visible;
+                }
+              }
+              &.selected {
+                background-color: @v-table-row-selected-background-color;
+              }
+              .title {
+                i {
+                  margin-right: 5px;
+                }
+              }
+              .close {
+                position: absolute;
+                right: @v-module-distance;
+                visibility: hidden;
+              }
+            }
+          }
+        }
+      }
+      .line {
+        border-left: 1px dashed @--border-color-base;
+        padding-left: @v-module-distance;
+        margin-left: @v-module-distance;
+      }
+    }
+    .bottom {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 10px 5px;
+      margin-top: 10px;
+      border-top: 1px dashed @--border-color-base;
+    }
+  }
+}

package/lib/table/style/footer.less

@@ -1,33 +1,31 @@
-/*
- * @Author: 焦质晔
- * @Date: 2020-02-28 22:13:07
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-05-21 13:56:03
- */
-@prefix-table: ~'@{qm-prefix}-table';
-
-.@{prefix-table}--footer-wrapper {
-  background-color: @v-table-footer-background-color;
-  &::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    right: 0;
-    height: 0;
-    z-index: 3;
-    border-top: 1px solid @v-table-border-color;
-  }
-  .@{prefix-table}--footer {
-    .gutter {
-      background-color: @v-table-footer-background-color;
-    }
-    .cell {
-      font-weight: 700;
-    }
-    .footer--row {
-      &:last-of-type .footer--column {
-        border-bottom: 0;
-      }
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-02-28 22:13:07
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-05-21 13:56:03
+ */
+.@{prefix-table}--footer-wrapper {
+  background-color: @v-table-footer-background-color;
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 0;
+    z-index: 3;
+    border-top: 1px solid @v-table-border-color;
+  }
+  .@{prefix-table}--footer {
+    .gutter {
+      background-color: @v-table-footer-background-color;
+    }
+    .cell {
+      font-weight: 700;
+    }
+    .footer--row {
+      &:last-of-type .footer--column {
+        border-bottom: 0;
+      }
+    }
+  }
+}