dcp-design-react 1.9.18 → 1.9.20

package/lib/split/style/index.less

@@ -1,83 +1,83 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-02-09 09:27:46
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2021-11-05 13:33:02
- */
-@import '../../style/common';
-
-@prefix-split: ~'@{qm-prefix}-split';
-@prefix-split-pane: ~'@{qm-prefix}-split-pane';
-
-.@{prefix-split} {
-  .reset-container();
-  display: flex;
-  &.vertical {
-    flex-direction: column;
-  }
-  &__resize-bar {
-    position: relative;
-    background-color: transparent;
-    border-radius: @--border-radius-base - 1px;
-    transition: background-color 0.4s ease;
-    user-select: none;
-    box-sizing: border-box;
-    z-index: 1;
-    &.horizontal {
-      width: 11px;
-      margin: 0 -5px;
-      cursor: col-resize;
-      &::after {
-        content: ' ';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 50%;
-        width: 0;
-        pointer-events: none;
-        border-left: 1px solid @--border-color-base;
-      }
-    }
-    &.vertical {
-      height: 11px;
-      margin: -5px 0;
-      cursor: row-resize;
-      &::after {
-        content: ' ';
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 50%;
-        height: 0;
-        pointer-events: none;
-        border-top: 1px solid @--border-color-base;
-      }
-    }
-    &:hover,
-    &:active {
-      background-color: @--background-color;
-    }
-  }
-  .@{prefix-split-pane} {
-    box-sizing: border-box;
-    &.horizontal {
-      &:nth-child(1) {
-        padding-right: 5px;
-      }
-      &:nth-child(3) {
-        padding-left: 5px;
-      }
-    }
-    &.vertical {
-      &:nth-of-type(1) {
-        padding-bottom: 5px;
-      }
-      &:nth-of-type(3) {
-        padding-top: 5px;
-      }
-    }
-    &.isLocked {
-      pointer-events: none;
-    }
-  }
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-02-09 09:27:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-11-05 13:33:02
+ */
+@import '../../style/common';
+
+@prefix-split: ~'@{qm-prefix}-split';
+@prefix-split-pane: ~'@{qm-prefix}-split-pane';
+
+.@{prefix-split} {
+  .reset-container();
+  display: flex;
+  &.vertical {
+    flex-direction: column;
+  }
+  &__resize-bar {
+    position: relative;
+    background-color: transparent;
+    border-radius: @--border-radius-base - 1px;
+    transition: background-color 0.4s ease;
+    user-select: none;
+    box-sizing: border-box;
+    z-index: 1;
+    &.horizontal {
+      width: 11px;
+      margin: 0 -5px;
+      cursor: col-resize;
+      &::after {
+        content: ' ';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 50%;
+        width: 0;
+        pointer-events: none;
+        border-left: 1px solid @--border-color-base;
+      }
+    }
+    &.vertical {
+      height: 11px;
+      margin: -5px 0;
+      cursor: row-resize;
+      &::after {
+        content: ' ';
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 50%;
+        height: 0;
+        pointer-events: none;
+        border-top: 1px solid @--border-color-base;
+      }
+    }
+    &:hover,
+    &:active {
+      background-color: @--background-color;
+    }
+  }
+  .@{prefix-split-pane} {
+    box-sizing: border-box;
+    &.horizontal {
+      &:nth-child(1) {
+        padding-right: 5px;
+      }
+      &:nth-child(3) {
+        padding-left: 5px;
+      }
+    }
+    &.vertical {
+      &:nth-of-type(1) {
+        padding-bottom: 5px;
+      }
+      &:nth-of-type(3) {
+        padding-top: 5px;
+      }
+    }
+    &.isLocked {
+      pointer-events: none;
+    }
+  }
+}

package/lib/style/compact.less

@@ -1,10 +1,10 @@
-/*
- * @Author: 焦质晔
- * @Date: 2022-11-26 21:14:37
- * @Last Modified by: 焦质晔
- * @Last Modified time: 2023-03-28 11:52:53
- */
-@import '../antd/compact.less';
-@import './themes/default.less';
-@import './themes/compact.less';
-@import './reset.less';
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-11-26 21:14:37
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-03-28 11:52:53
+ */
+@import '../antd/compact.less';
+@import './themes/default.less';
+@import './themes/compact.less';
+@import './reset.less';

package/lib/style/mixins/reset.less

@@ -1,34 +1,34 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 18:58:43
- * @Last Modified by:   焦质晔
- * @Last Modified time: 2021-07-23 18:58:43
- */
-@import '../themes/index';
-
-.reset-container() {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: @--text-color;
-  font-variant: @font-variant-base;
-  line-height: @--line-height-base;
-  list-style: none;
-  font-feature-settings: @font-feature-settings-base;
-}
-
-.box-sizing-content() {
-  box-sizing: border-box;
-}
-
-.text-overflow-cut() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.user-select-none() {
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:58:43
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2021-07-23 18:58:43
+ */
+@import '../themes/index';
+
+.reset-container() {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: @--text-color;
+  font-variant: @font-variant-base;
+  line-height: @--line-height-base;
+  list-style: none;
+  font-feature-settings: @font-feature-settings-base;
+}
+
+.box-sizing-content() {
+  box-sizing: border-box;
+}
+
+.text-overflow-cut() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.user-select-none() {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}

package/lib/style/reset.less

@@ -1,132 +1,132 @@
-/* http://meyerweb.com/eric/tools/css/reset/
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-.svgicon {
-  display: inline-block;
-  color: inherit;
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.svgicon {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/lib/style/var.less

@@ -1,9 +1,9 @@
-/*
- * @Author: 焦质晔
- * @Date: 2022-04-12 10:32:21
- * @Last Modified by:   焦质晔
- * @Last Modified time: 2022-04-12 10:32:21
- */
-html {
-  --qm-primary-color: @--primary-color;
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-04-12 10:32:21
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2022-04-12 10:32:21
+ */
+html {
+  --qm-primary-color: @--primary-color;
+}

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

@@ -45,6 +45,7 @@ export type ITableContext = {
     tableChange: () => void;
     getTableData: () => Promise<void>;
     setElementStore: (key: string, value: HTMLElement) => void;
+    createWebPageData: () => IRecord[];
     createTableFullData: (records: IRecord[]) => void;
     updateTableData: () => void;
     setSorter: (value: ITableState['sorter']) => void;

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

@@ -34,6 +34,7 @@ type IExtra = {
     setTableFlatColumns: (columns: IColumn[]) => void;
     setTableFullData: (records: IRecord[]) => void;
     setTableOriginData: (records: IRecord[]) => void;
+    setTableFlatData: (records: IRecord[]) => void;
     setAllTableData: (records: IRecord[]) => void;
     setDeriveRowKeys: (records: IRecord[]) => void;
     setPagination: <T extends IPagination>(pagination: T | ((prev: T) => T)) => void;
@@ -71,6 +72,7 @@ declare const useTableCore: <T extends ITableProps>(props: T, extra: IExtra) =>
     createTableFullData: (list: IRecord[]) => void;
     getTableData: () => Promise<void>;
     handleTableData: (dataList: IRecord[]) => void;
+    createWebPageData: () => IRecord<any>[];
     createTableData: (list: IRecord[]) => void;
     createGroupData: (list: IRecord[]) => IRecord<any>[];
     createSelectionKeys: (rowKeys?: IRowKey[]) => (string | number)[];

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

@@ -14,10 +14,8 @@ type IExtra = {
     layout: ITableState['layout'];
     scrollX: boolean;
     scrollY: boolean;
-    tableData: IRecord[];
     showFooter: boolean;
     showPagination: boolean;
-    isWebPagination: boolean;
     isFullScreen: boolean;
     setLayout: <T extends ITableState['layout']>(layout: T | ((prev: T) => T)) => void;
     setScrollX: (scrollX: boolean) => void;

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

@@ -12,6 +12,7 @@ export type ITableRef = {
     originColumns: IColumn[];
     tableFullData: IRecord[];
     tableOriginData: IRecord[];
+    tableFlatData: IRecord[];
     allTableData: IRecord[];
     allRowKeys: IRowKey[];
     deriveRowKeys: IDerivedRowKey[];
@@ -62,6 +63,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     setElementStore: (key: string, value: HTMLElement) => void;
     setOriginColumns: (columns: IColumn[]) => void;
     setTableFullData: (records: IRecord[]) => void;
+    setTableFlatData: (records: IRecord[]) => void;
     setTableOriginData: (records: IRecord[]) => void;
     setAllTableData: (records: IRecord[]) => void;
     setDeriveRowKeys: (records: IRecord[]) => void;
@@ -89,6 +91,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     originColumns: IColumn[];
     tableFullData: IRecord[];
     tableOriginData: IRecord[];
+    tableFlatData: IRecord[];
     allTableData: IRecord[];
     allRowKeys: IRowKey[];
     deriveRowKeys: IDerivedRowKey[];

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

@@ -180,6 +180,9 @@ export declare const propTypes: {
         disabled: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
     }>>;
+    tableConfig: PropTypes.Requireable<PropTypes.InferProps<{
+        virtual: PropTypes.Requireable<boolean>;
+    }>>;
     treeConfig: PropTypes.Requireable<PropTypes.InferProps<{
         virtual: PropTypes.Requireable<boolean>;
         expandIconColumn: PropTypes.Requireable<string>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { BuildInPlacements } from 'rc-trigger';
-import type { ComponentSize, CSSProperties, Nullable, IDict, IAuth, AjaxResponse } from '../../../_utils/types';
+import type { ComponentSize, CSSProperties, AjaxResponse, Nullable, ValueOf, IDict, IAuth } from '../../../_utils/types';
 import type { IFormData, IFormItem } from '../../../form/src/types';
 export type { ITableContext } from '../context';
 export type IFixed = 'left' | 'right';
@@ -200,6 +200,9 @@ export type IRowHighlight = {
     disabled?: (row: IRecord) => boolean;
     onChange?: (rowKey: IRowKey, row: IRecord) => void;
 };
+export type ITableConfig = {
+    virtual?: boolean;
+};
 export type ITreeConfig = {
     virtual?: boolean;
     expandIconColumn?: string;
@@ -303,7 +306,7 @@ export type IColumn = {
         unit?: string;
         render?: () => React.ReactNode;
     };
-    shouldCellUpdate?: (currentRow: IRecord, prevRow: IRecord) => boolean;
+    shouldCellUpdate?: (nextCellValue: ValueOf<IRecord>, prevCellValue: ValueOf<IRecord>, record: 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;
 };
@@ -356,6 +359,7 @@ export type ITableProps = {
     initialFilter?: IFilter;
     rowSelection?: IRowSelection;
     rowHighlight?: IRowHighlight;
+    tableConfig?: ITableConfig;
     treeConfig?: ITreeConfig;
     expandable?: IExpandable;
     summation?: ISummation;

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

@@ -53,3 +53,4 @@ export declare const sortableFormatter: <T>(items: T[]) => T[];
  * @returns
  */
 export declare const equalFn: <T = any>(obj1: T, obj2: T, shallow?: boolean) => boolean;
+export declare const withDefaultProps: <T extends object>(defaultProps: T, props: Partial<T>) => T;