dcp-design-react 1.8.2 → 1.8.3

package/lib/lazy-load/style/index.less

@@ -1,15 +1,15 @@
-/*
- * @Author: 焦质晔
- * @Date: 2022-01-11 18:01:20
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-02-28 21:22:17
- */
-@import '../../style/common';
-
-@prefix-lazy-load: ~'@{qm-prefix}-lazy-load';
-
-.@{prefix-lazy-load} {
-  .placeholder {
-    min-height: 200px;
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-01-11 18:01:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-02-28 21:22:17
+ */
+@import '../../style/common';
+
+@prefix-lazy-load: ~'@{qm-prefix}-lazy-load';
+
+.@{prefix-lazy-load} {
+  .placeholder {
+    min-height: 200px;
+  }
+}

package/lib/modal/style/index.less

@@ -1,116 +1,116 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 19:05:57
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 20:25:21
- */
-@import '../../style/common';
-
-@prefix-modal: ~'@{qm-prefix}-modal';
-
-.@{prefix-modal} {
-  &.no-header {
-    .ant-modal-close {
-      top: 4px;
-      right: 6px;
-    }
-    .ant-modal-header {
-      height: 0;
-      border: 0;
-      .full-screen {
-        top: 4px;
-        right: 42px;
-      }
-    }
-  }
-  .ant-modal-header {
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-    height: 44px;
-    padding: 0 15px;
-    border-bottom: 1px solid @--border-color-secondary;
-    .ant-modal-title {
-      width: 100%;
-      > div {
-        display: flex;
-        align-items: center;
-        cursor: move;
-      }
-    }
-    .full-screen {
-      display: inline-block;
-      text-align: center;
-      text-transform: none;
-      text-decoration: none;
-      background: transparent;
-      border: 0;
-      outline: 0;
-      position: absolute;
-      right: 34px;
-      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 {
-        color: @--text-color;
-      }
-    }
-  }
-  .ant-modal-close {
-    top: 4px;
-    font-size: @--font-size-lg;
-    padding: @--padding-md 15px @--padding-md 5px;
-    .ant-modal-close-x {
-      width: 1em;
-      height: 1em;
-      font-size: inherit;
-      line-height: 1;
-    }
-  }
-  .ant-modal-body {
-    padding: @--padding-md;
-  }
-  .spinning {
-    position: absolute;
-    top: 44px;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background-color: rgba(255, 255, 255, 0.65);
-    z-index: 9999;
-    .ant-spin-text {
-      margin-top: 4px;
-    }
-  }
-  // ------ size ------
-  // 52  48  44
-  &--lg {
-    .ant-modal-header {
-      height: 48px;
-    }
-    .ant-modal-close {
-      top: 6px;
-    }
-    .spinning {
-      top: 48px;
-    }
-  }
-  &--sm {
-    .ant-modal-header {
-      height: 40px;
-    }
-    .ant-modal-close {
-      top: 2px;
-    }
-    .spinning {
-      top: 40px;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2022-11-26 20:25:21
+ */
+@import '../../style/common';
+
+@prefix-modal: ~'@{qm-prefix}-modal';
+
+.@{prefix-modal} {
+  &.no-header {
+    .ant-modal-close {
+      top: 4px;
+      right: 6px;
+    }
+    .ant-modal-header {
+      height: 0;
+      border: 0;
+      .full-screen {
+        top: 4px;
+        right: 42px;
+      }
+    }
+  }
+  .ant-modal-header {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    height: 44px;
+    padding: 0 15px;
+    border-bottom: 1px solid @--border-color-secondary;
+    .ant-modal-title {
+      width: 100%;
+      > div {
+        display: flex;
+        align-items: center;
+        cursor: move;
+      }
+    }
+    .full-screen {
+      display: inline-block;
+      text-align: center;
+      text-transform: none;
+      text-decoration: none;
+      background: transparent;
+      border: 0;
+      outline: 0;
+      position: absolute;
+      right: 34px;
+      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 {
+        color: @--text-color;
+      }
+    }
+  }
+  .ant-modal-close {
+    top: 4px;
+    font-size: @--font-size-lg;
+    padding: @--padding-md 15px @--padding-md 5px;
+    .ant-modal-close-x {
+      width: 1em;
+      height: 1em;
+      font-size: inherit;
+      line-height: 1;
+    }
+  }
+  .ant-modal-body {
+    padding: @--padding-md;
+  }
+  .spinning {
+    position: absolute;
+    top: 44px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(255, 255, 255, 0.65);
+    z-index: 9999;
+    .ant-spin-text {
+      margin-top: 4px;
+    }
+  }
+  // ------ size ------
+  // 52  48  44
+  &--lg {
+    .ant-modal-header {
+      height: 48px;
+    }
+    .ant-modal-close {
+      top: 6px;
+    }
+    .spinning {
+      top: 48px;
+    }
+  }
+  &--sm {
+    .ant-modal-header {
+      height: 40px;
+    }
+    .ant-modal-close {
+      top: 2px;
+    }
+    .spinning {
+      top: 40px;
+    }
+  }
+}

package/lib/style/index.less

@@ -1,40 +1,40 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 18:23:59
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2024-02-28 21:23:42
- */
-@import '../antd/index.less';
-@import './var.less';
-@import './reset.less';
-
-/* QmDesign */
-@import '../button/style/index.less';
-@import '../space/style/index.less';
-@import '../divider/style/index.less';
-@import '../split/style/index.less';
-@import '../countup/style/index.less';
-@import '../empty/style/index.less';
-@import '../spin/style/index.less';
-@import '../scrollbar/style/index.less';
-@import '../download/style/index.less';
-@import '../anchor/style/index.less';
-@import '../tabs/style/index.less';
-@import '../drawer/style/index.less';
-@import '../modal/style/index.less';
-@import '../form/style/index.less';
-@import '../tinymce/style/index.less';
-@import '../cropper/style/index.less';
-@import '../collapse/style/index.less';
-@import '../upload-file/style/index.less';
-@import '../upload-img/style/index.less';
-@import '../table/style/index.less';
-@import '../search-helper/style/index.less';
-@import '../tree-helper/style/index.less';
-@import '../tree-table-helper/style/index.less';
-@import '../range-table-helper/style/index.less';
-@import '../search-tree/style/index.less';
-@import '../tour/style/index.less';
-@import '../guide-tracker/style/index.less';
-@import '../print/style/index.less';
-@import '../lazy-load/style/index.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:23:59
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2024-02-28 21:23:42
+ */
+@import '../antd/index.less';
+@import './var.less';
+@import './reset.less';
+
+/* QmDesign */
+@import '../button/style/index.less';
+@import '../space/style/index.less';
+@import '../divider/style/index.less';
+@import '../split/style/index.less';
+@import '../countup/style/index.less';
+@import '../empty/style/index.less';
+@import '../spin/style/index.less';
+@import '../scrollbar/style/index.less';
+@import '../download/style/index.less';
+@import '../anchor/style/index.less';
+@import '../tabs/style/index.less';
+@import '../drawer/style/index.less';
+@import '../modal/style/index.less';
+@import '../form/style/index.less';
+@import '../tinymce/style/index.less';
+@import '../cropper/style/index.less';
+@import '../collapse/style/index.less';
+@import '../upload-file/style/index.less';
+@import '../upload-img/style/index.less';
+@import '../table/style/index.less';
+@import '../search-helper/style/index.less';
+@import '../tree-helper/style/index.less';
+@import '../tree-table-helper/style/index.less';
+@import '../range-table-helper/style/index.less';
+@import '../search-tree/style/index.less';
+@import '../tour/style/index.less';
+@import '../guide-tracker/style/index.less';
+@import '../print/style/index.less';
+@import '../lazy-load/style/index.less';

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;
+  }
+}