dcp-design-react 1.7.42

package/lib/style/mixins/box.less

@@ -0,0 +1,13 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:58:07
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2021-07-23 18:58:07
+ */
+.box(@position: absolute) {
+  position: @position;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}

package/lib/style/mixins/clearfix.less

@@ -0,0 +1,21 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:58:15
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2021-07-23 18:58:15
+ */
+// mixins for clearfix
+// ------------------------
+.clearfix() {
+  // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229
+  &::before {
+    display: table;
+    content: '';
+  }
+  &::after {
+    // https://github.com/ant-design/ant-design/issues/21864
+    display: table;
+    clear: both;
+    content: '';
+  }
+}

package/lib/style/mixins/index.less

@@ -0,0 +1,11 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:59:22
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-23 18:59:53
+ */
+@import './size';
+@import './clearfix';
+@import './reset';
+@import './operation-unit';
+@import './box';

package/lib/style/mixins/operation-unit.less

@@ -0,0 +1,24 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:58:20
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-23 18:59:02
+ */
+@import '../themes/index';
+
+.operation-unit() {
+  color: @--link-color;
+  text-decoration: none;
+  outline: none;
+  cursor: pointer;
+  transition: color 0.3s;
+
+  &:focus,
+  &:hover {
+    color: @--link-hover-color;
+  }
+
+  &:active {
+    color: @--link-active-color;
+  }
+}

package/lib/style/mixins/reset.less

@@ -0,0 +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;
+}

package/lib/style/mixins/size.less

@@ -0,0 +1,15 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:59:08
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2021-07-23 18:59:08
+ */
+// Sizing shortcuts
+.size(@width; @height) {
+  width: @width;
+  height: @height;
+}
+
+.square(@size) {
+  .size(@size; @size);
+}

package/lib/style/reset.less

@@ -0,0 +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;
+}

package/lib/style/themes/compact.less

@@ -0,0 +1,19 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2022-11-26 18:06:56
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-01-07 14:06:12
+ */
+// height rules
+@height-base: 32px;
+@height-lg: 40px;
+@height-sm: 24px;
+
+// Dropdown
+@dropdown-line-height: 18px;
+
+// Menu
+@menu-item-font-size: 13px;
+
+// Form
+@form-item-label-colon-margin-right: 4px;

package/lib/style/themes/default.less

@@ -0,0 +1,117 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:25:34
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2023-03-28 11:42:59
+ */
+// The prefix to use on all css classes.
+@qm-prefix: qm;
+
+// An override for the html selector for theme prefixes
+@--html-selector: html;
+
+// -------- Colors -----------
+@--primary-color: #1890ff;
+
+@--info-color: @--primary-color;
+@--success-color: #52c41a;
+@--error-color: #f5222d;
+@--warning-color: #faad14;
+@--normal-color: #d9d9d9;
+@--white: #fff;
+@--black: #000;
+
+// Color used by default to control hover and active backgrounds and for
+// colorPalette from antd/lib/style/color/colorPalette
+@--primary-1: color(~`colorPalette('@{--primary-color}', 1) `);
+@--primary-2: color(~`colorPalette('@{--primary-color}', 2) `);
+@--primary-3: color(~`colorPalette('@{--primary-color}', 3) `);
+@--primary-4: color(~`colorPalette('@{--primary-color}', 4) `);
+@--primary-5: color(~`colorPalette('@{--primary-color}', 5) `);
+@--primary-6: @--primary-color;
+@--primary-7: color(~`colorPalette('@{--primary-color}', 7) `);
+@--primary-8: color(~`colorPalette('@{--primary-color}', 8) `);
+@--primary-9: color(~`colorPalette('@{--primary-color}', 9) `);
+@--primary-10: color(~`colorPalette('@{--primary-color}', 10) `);
+
+// Background color for `<body>`
+@--body-background: @--white;
+// Base background color for most components
+@--component-background: @--white;
+// Popover background color
+@--popover-background: @--component-background;
+
+// Background-color
+@--background-color: #f2f2f2;
+@--background-color-cecondary: #f5f5f5;
+
+// Font-family
+@--font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+@--font-path: './fonts';
+
+// Text color
+@--text-color: fade(@--black, 85%);
+@--text-color-secondary-dark: fade(@--black, 65%);
+@--text-color-secondary: fade(@--black, 45%);
+@--header-color: fade(@--black, 85%);
+
+// Iconfont
+@--icon-color: @--text-color-secondary-dark;
+
+// Disabled color
+@--disabled-color: fade(@--black, 25%);
+@--disabled-bg: @--background-color;
+
+// Font-size
+@--font-size-base: 14px;
+@--font-size-lg: @--font-size-base + 2px;
+@--font-size-sm: 12px;
+
+// Line-height
+@--line-height-base: 1.5715;
+
+// Border
+@--border-color-base: #d9d9d9;
+@--border-color-secondary: #e8e8e8;
+@--border-width-base: 1px;
+@--border-style-base: solid;
+@--border-radius-base: 2px;
+@--border-radius-sm: @--border-radius-base;
+
+// Outline
+@--outline-width: 2px;
+@--outline-color: @--primary-color;
+@--error-color-outline: fade(@--error-color, 20%);
+
+// Vertical paddings
+@--padding-lg: 12px;
+@--padding-md: 10px;
+@--padding-sm: 8px;
+
+// Vertical margins
+@--margin-lg: 12px;
+@--margin-md: 10px;
+@--margin-sm: 8px;
+
+// Height rules
+@--height-lg: 40px;
+@--height-md: 32px;
+@--height-sm: 24px;
+
+// LINK
+@--link-color: @--primary-color;
+@--link-hover-color: @--primary-5;
+@--link-active-color: @--primary-7;
+
+// Shadow
+@--shadow-color: fade(@--black, 0.15);
+@--shadow-1-up: 0 -2px 8px @--shadow-color;
+@--shadow-1-down: 0 2px 8px @--shadow-color;
+@--shadow-1-left: -2px 0 8px @--shadow-color;
+@--shadow-1-right: 2px 0 8px @--shadow-color;
+@--box-shadow-base: @--shadow-1-down;
+
+// antd
+@blue-base: @--primary-color;
+@input-disabled-color: @--text-color-secondary-dark;

package/lib/style/themes/index.less

@@ -0,0 +1,7 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:25:16
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-23 18:25:45
+ */
+@import './default';

package/lib/style/var.less

@@ -0,0 +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;
+}

package/lib/table/index.d.ts

@@ -0,0 +1,4 @@
+import Table from './src/table';
+export type { TableProps } from './src/table';
+export type { TableRef, IColumn as TableColumn } from './src/table/types';
+export default Table;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type IAlertProps = {
+    total: number;
+};
+declare const Alert: React.FC<IAlertProps>;
+export default Alert;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IColumn, IRecord, TableBodyRef } from '../table/types';
+type IBodyProps = {
+    tableData: IRecord[];
+    flattenColumns: IColumn[];
+};
+declare const TableBody: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<TableBodyRef>>;
+export default TableBody;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const useMergeCell: () => {
+    dragStart: (ev: any) => void;
+    renderDragPanel: () => React.JSX.Element;
+    closeDragPanel: () => void;
+};
+export default useMergeCell;

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

@@ -0,0 +1,12 @@
+declare const useValueFormat: () => {
+    dateFormat: (val: string) => string;
+    datetimeFormat: (val: string) => string;
+    dateShortTimeFormat: (val: string) => string;
+    percentFormat: (val: number) => string | number;
+    financeFormat: (val: number | string) => string;
+    secretNameFormat: (val: string) => string;
+    secretPhoneFormat: (val: string) => string;
+    secretIDnumberFormat: (val: string) => string;
+    secretBankNumberFormat: (val: string) => string;
+};
+export default useValueFormat;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IColumn, ToolMethodRef } from '../table/types';
+type ITableClipboardProps = {
+    flattenColumns: IColumn[];
+    open?: boolean;
+};
+declare const TableClipboard: React.ForwardRefExoticComponent<ITableClipboardProps & React.RefAttributes<ToolMethodRef>>;
+export default TableClipboard;

package/lib/table/src/clipboard/setting.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IColumn } from '../table/types';
+type ISettingProps = {
+    columns: IColumn[];
+    onClose: () => void;
+};
+declare const Setting: React.FC<ISettingProps>;
+export default Setting;

package/lib/table/src/column-filter/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IColumn } from '../table/types';
+type IColumnFilterProps = {
+    columns: IColumn[];
+};
+declare const ColumnFilter: React.FC<IColumnFilterProps>;
+export default ColumnFilter;

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

@@ -0,0 +1,47 @@
+declare const config: {
+    defaultColumnWidth: number;
+    selectionColumnWidth: number;
+    rowHeightMaps: {
+        large: number;
+        middle: number;
+        small: number;
+    };
+    sortDirections: string[];
+    pagination: {
+        current: number;
+        pageSize: number;
+        pageSizeOptions: number[];
+        showSizeChanger: boolean;
+        showQuickJumper: boolean;
+    };
+    groupSummary: {
+        total: {
+            text: string;
+            value: string;
+        };
+        recordTotalIndex: string;
+        summaryFieldName: string;
+        groupbyFieldName: string;
+    };
+    highSearch: {
+        showSQL: boolean;
+    };
+    treeTable: {
+        textIndent: number;
+    };
+    dataKey: string;
+    summationKey: string;
+    totalKey: string;
+    virtualScrollY: number;
+    sorterFieldName: string;
+    filterFieldName: string;
+    currentPageName: string;
+    pageSizeName: string;
+    showFilterType: boolean;
+    printWidth: number;
+    operationColumn: string;
+    selectionColumn: string;
+    expandableColumn: string;
+    summaryIgnore: string;
+};
+export default config;

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

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import type { TableBodyRef, IColumn, IDerivedRowKey, IFetchParams, IPagination, IRecord, IRowColSpan, IRowKey, IRule, ITableProps } 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;
+    flattenColumns: IColumn[];
+    editableColumns: IColumn[];
+    leftFixedColumns: IColumn[];
+    rightFixedColumns: IColumn[];
+    treeExpandIndex: string;
+    sorter: ITableState['sorter'];
+    filters: ITableState['filters'];
+    superFilters: ITableState['superFilters'];
+    layout: ITableState['layout'];
+    bordered: boolean;
+    showFooter: boolean;
+    showSummary: boolean;
+    summationRows: Record<string, number | string>[];
+    scrollX: ITableState['scrollX'];
+    scrollY: ITableState['scrollY'];
+    pagination: IPagination;
+    fetchParams: IFetchParams;
+    selectionKeys: IRowKey[];
+    rowExpandedKeys: ITableState['rowExpandedKeys'];
+    highlightKey: IRowKey;
+    isFetch: boolean;
+    isPingLeft: boolean;
+    isPingRight: boolean;
+    isHeadSorter: boolean;
+    isHeadFilter: boolean;
+    isFullScreen: boolean;
+    isTableEmpty: boolean;
+    isHeadGroup: boolean;
+    isTreeTable: boolean;
+    isGroupSubtotal: boolean;
+    isWebPagination: boolean;
+    isDragMergeCell: boolean;
+    dataChange: () => void;
+    tableChange: () => void;
+    getTableData: () => Promise<void>;
+    setElementStore: (key: string, value: HTMLElement) => void;
+    createTableFullData: (records: IRecord[]) => void;
+    updateTableData: () => void;
+    setSorter: (value: ITableState['sorter']) => void;
+    setFilters: (value: ITableState['filters']) => void;
+    setSuperFilters: (options: ITableState['superFilters']) => void;
+    setHighlightKey: (rowKey: IRowKey) => void;
+    setRowExpandedKeys: (rowKeys: IRowKey[]) => void;
+    setSelectionRows: (records: IRecord[]) => void;
+    setSelectionKeysEffect: (rowKeys: IRowKey[]) => void;
+    setInvalidRowKeys: (rowKeys: IRowKey[]) => void;
+    getSpan: (row: IRecord, column: IColumn, rowIndex: number, columnIndex: number, tableData: IRecord[]) => IRowColSpan;
+    getStickyLeft: (dataIndex: string) => number;
+    getStickyRight: (dataIndex: string) => number;
+    scrollXToColumn: (dataIndex: string, index?: number) => void;
+    scrollYToRecord: (rowKey: IRowKey, index?: number) => void;
+    rowInViewport: (index: number) => boolean;
+    setPagination: (pagination: IPagination) => void;
+    setPingLeft: (value: boolean) => void;
+    setPingRight: (value: boolean) => void;
+    setSpinning: (value: boolean) => void;
+    setFullScreen: (value: boolean) => void;
+    setShouldToTop: (value: boolean) => void;
+    doFieldValidate: (rules: IRule[], val: unknown, rowKey: IRowKey, columnKey: string) => void;
+    createTableData: (list: IRecord[]) => void;
+    createGroupData: (records: IRecord[]) => IRecord[];
+    findParentRowKeys: (deriveRowKeys: IDerivedRowKey[], key: IRowKey) => IRowKey[];
+    getAllChildRowKeys: (deriveRowKeys: IDerivedRowKey[]) => IRowKey[];
+    triggerScrollYEvent: (st: number) => void;
+    scrollBottomDebouncer: (event: React.MouseEvent<HTMLDivElement>) => void;
+    resetTableScroll: () => void;
+    clearTableSorter: () => void;
+    clearTableFilter: () => void;
+    clearSuperFilters: () => void;
+    clearRowSelection: () => void;
+    clearRowHighlight: () => void;
+};
+declare const TableContext: import("react").Context<ITableContext | undefined>;
+export default TableContext;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ComponentSize } from '../../../_utils/types';
+type INumberProps = {
+    size?: ComponentSize;
+    defaultValue?: number | string;
+    value?: number | string;
+    min?: number;
+    max?: number;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    placeholder?: string;
+    maxLength?: number;
+    precision?: number;
+    stringMode?: boolean;
+    allowClear?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    formatter?: (value: number | string) => string;
+    parser?: (value: string) => string;
+    onChange?: (value: number | string) => void;
+    onFocus?: () => void;
+    onBlur?: (value: string, beforeFormatValue: string) => void;
+    onEnter?: (value: string, beforeFormatValue: string) => void;
+};
+declare const InputNumber: React.ForwardRefExoticComponent<INumberProps & React.RefAttributes<any>>;
+export default InputNumber;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { IColumn, IRecord, IRowKey } from '../table/types';
+type ICellEditProps = {
+    column: IColumn;
+    record: IRecord;
+    rowKey: IRowKey;
+    columnKey: string;
+    clicked: [IRowKey, string] | [];
+    text: string | number;
+};
+type CellEditRef = {
+    focus: () => void;
+};
+declare const CellEdit: React.ForwardRefExoticComponent<ICellEditProps & React.RefAttributes<CellEditRef>>;
+export default CellEdit;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TableEmpty: React.FC;
+export default TableEmpty;

package/lib/table/src/expandable/all.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type IAllExpandableProps = {
+    style?: React.CSSProperties;
+};
+declare const AllExpandable: React.FC<IAllExpandableProps>;
+export default AllExpandable;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IRecord, IRowKey } from '../table/types';
+type IExpandableProps = {
+    record: IRecord;
+    rowKey: IRowKey;
+    style?: React.CSSProperties;
+};
+declare const Expandable: React.FC<IExpandableProps>;
+export default Expandable;