@kdcloudjs/table 1.2.2-canary.19 → 1.2.2-canary.20

package/es/table/base/colgroup.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { VisibleColumnDescriptor } from './interfaces';
 export declare function Colgroup({ descriptors }: {
     descriptors: VisibleColumnDescriptor[];
-}): JSX.Element;
+}): React.JSX.Element;

package/es/table/base/empty.d.ts

@@ -6,4 +6,4 @@ export interface EmptyTableProps {
     emptyCellHeight?: number;
     EmptyContent?: React.ComponentType;
 }
-export declare function EmptyHtmlTable({ descriptors, isLoading, emptyCellHeight, EmptyContent }: EmptyTableProps): JSX.Element;
+export declare function EmptyHtmlTable({ descriptors, isLoading, emptyCellHeight, EmptyContent }: EmptyTableProps): React.JSX.Element;

package/es/table/base/globalStyleComponent.d.ts

@@ -1,8 +1,8 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 interface GlobalStyleComponentProps {
     direction: string;
 }
 export default class GlobalStyleComponent extends PureComponent<GlobalStyleComponentProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/es/table/base/header.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RenderInfo } from './interfaces';
 interface TableHeaderProps {
     info: RenderInfo;
@@ -6,5 +6,5 @@ interface TableHeaderProps {
     rowCount?: number;
     stickyRightOffset?: number;
 }
-export default function TableHeader({ info, theaderPosition, rowCount: _rowCount, stickyRightOffset }: TableHeaderProps): JSX.Element;
+export default function TableHeader({ info, theaderPosition, rowCount: _rowCount, stickyRightOffset }: TableHeaderProps): React.JSX.Element;
 export {};

package/es/table/base/html-table.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RenderInfo } from './interfaces';
 import { BaseTableProps } from './table';
 export interface HtmlTableProps extends Required<Pick<BaseTableProps, 'getRowProps' | 'primaryKey'>> {
@@ -14,4 +14,4 @@ export interface HtmlTableProps extends Required<Pick<BaseTableProps, 'getRowPro
     };
     tbodyPosition?: 'left' | 'center' | 'right';
 }
-export declare function HtmlTable({ tbodyHtmlTag, getRowProps, primaryKey, stickyRightOffset, data, verticalRenderInfo: verInfo, horizontalRenderInfo: hozInfo, tbodyPosition }: HtmlTableProps): JSX.Element;
+export declare function HtmlTable({ tbodyHtmlTag, getRowProps, primaryKey, stickyRightOffset, data, verticalRenderInfo: verInfo, horizontalRenderInfo: hozInfo, tbodyPosition }: HtmlTableProps): React.JSX.Element;

package/es/table/base/loading.d.ts

@@ -9,5 +9,5 @@ interface LoadingProps {
     LoadingContentWrapper?: React.ComponentType<LoadingContentWrapperProps>;
     LoadingIcon?: React.ComponentType;
 }
-export default function Loading({ visible, children, LoadingContentWrapper, LoadingIcon }: LoadingProps): JSX.Element;
+export default function Loading({ visible, children, LoadingContentWrapper, LoadingIcon }: LoadingProps): React.JSX.Element;
 export {};

package/es/table/base/table.d.ts

@@ -170,7 +170,7 @@ export declare class BaseTable extends React.Component<BaseTableProps, BaseTable
     private renderStickyScroll;
     private getScrollBarWidth;
     private getStickyScrollContainerStyle;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<BaseTableProps>, prevState: Readonly<BaseTableState>): void;
     private didMountOrUpdate;

package/es/table/common-views.d.ts

@@ -10,10 +10,10 @@ interface IconProps extends React.SVGProps<SVGElement> {
     xmlns?: string;
     ref?: any;
 }
-declare function CaretDownIcon(props: IconProps): JSX.Element;
-declare function InfoIcon(props: IconProps): JSX.Element;
-declare function CaretRightIcon(props: IconProps): JSX.Element;
-declare function LoadingIcon(props: IconProps): JSX.Element;
+declare function CaretDownIcon(props: IconProps): React.JSX.Element;
+declare function InfoIcon(props: IconProps): React.JSX.Element;
+declare function CaretRightIcon(props: IconProps): React.JSX.Element;
+declare function LoadingIcon(props: IconProps): React.JSX.Element;
 export declare const icons: {
     Loading: typeof LoadingIcon;
     CaretDown: typeof CaretDownIcon;

package/es/table/internals.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ArtColumn } from './interfaces';
-declare function safeRenderHeader(column: ArtColumn): number | boolean | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any>) | (new (props: any) => import("react").Component<any, any, any>)> | import("react").ReactFragment;
+declare function safeRenderHeader(column: ArtColumn): {};
 declare function safeGetValue(column: ArtColumn, record: any, rowIndex: number): any;
 declare function safeGetRowKey(primaryKey: string | ((record: any) => string), record: any, rowIndex: number): string;
 declare function safeGetCellProps(column: ArtColumn, record: any, rowIndex: number): import("./interfaces").CellProps;

package/es/table/pipeline/features/colGroupExtendable.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
 var _templateObject;
-import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import React from 'react';
 import styled from 'styled-components';
 import { internals } from '../../internals';
@@ -79,11 +81,22 @@ export var colGroupExtendable = function colGroupExtendable() {
       return makeRecursiveMapper(function (col) {
         var _a;
         var _ref2 = (col === null || col === void 0 ? void 0 : col.features) || {},
-          showExtendIcon = _ref2.showExtendIcon;
+          showExtendIcon = _ref2.showExtendIcon,
+          collapseDisplayFields = _ref2.collapseDisplayFields;
         if (showExtendIcon === true && ((_a = col.children) === null || _a === void 0 ? void 0 : _a.length) > 1) {
-          var _context;
           col = addIcon(col);
-          curState[col.code] === false && _spliceInstanceProperty(_context = col.children).call(_context, 1, col.children.length);
+          if (curState[col.code] === false) {
+            if (Array.isArray(collapseDisplayFields) && collapseDisplayFields.length > 0) {
+              var _context, _context2;
+              var filtered = _filterInstanceProperty(_context = col.children).call(_context, function (child) {
+                return _includesInstanceProperty(collapseDisplayFields).call(collapseDisplayFields, child.code);
+              });
+              col.children = filtered.length > 0 ? filtered : _sliceInstanceProperty(_context2 = col.children).call(_context2, 0, 1);
+            } else {
+              var _context3;
+              col.children = _sliceInstanceProperty(_context3 = col.children).call(_context3, 0, 1);
+            }
+          }
         }
         return col;
       })(columns);

package/es/table/pipeline/features/filter/DefaultFilterContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DefaultFilterPanelProps } from '../../../interfaces';
-declare function DefaultFilterContent({ setFilterModel, filterModel, hidePanel, localeText }: DefaultFilterPanelProps): JSX.Element;
+declare function DefaultFilterContent({ setFilterModel, filterModel, hidePanel, localeText }: DefaultFilterPanelProps): React.JSX.Element;
 export default DefaultFilterContent;

package/es/table/pipeline/features/filter/DefaultFilterIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export default function DefaultFilterIcon({ width, height }: {
     width: string | number;
     height: string | number;
-}): JSX.Element;
+}): React.JSX.Element;

package/es/table/pipeline/features/filter/Filter.d.ts

@@ -20,5 +20,5 @@ interface FilterProps {
     };
     direction?: string;
 }
-declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText, direction }: FilterProps): JSX.Element;
+declare function Filter({ size, style, className, FilterPanelContent, filterIcon, setFilter, setFilterModel, filterModel, isFilterActive, stopClickEventPropagation, stopESCKeyDownEventPropagation, hideFilterPopupHeader, getPopupParent, localeText, direction }: FilterProps): React.JSX.Element;
 export default Filter;

package/es/table/pipeline/features/filter/FilterPanel.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 interface PositionType {
     x: number;
     y: number;
@@ -19,5 +19,5 @@ declare function FilterPanel({ style, children, position, filterIcon, onClose, h
     onClose: any;
     hideFilterPopupHeader: any;
     direction: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export default FilterPanel;

package/es/table/pivot/cross-table/cross-table.d.ts

@@ -14,5 +14,5 @@ export interface CrossTableProps extends Omit<TableProps, 'dataSource' | 'column
     render?(value: any, leftNode: LeftCrossTreeNode, topNode: TopCrossTreeNode, leftDepth: number, topDepth: number): React.ReactNode;
     getCellProps?(value: any, leftNode: LeftCrossTreeNode, topNode: TopCrossTreeNode, leftDepth: number, topDepth: number): CellProps;
 }
-declare const _default: ({ BaseTableComponent, leftTree, leftTotalNode, topTree, topTotalNode, getValue, getCellProps, leftMetaColumns, render, baseTableRef, ...others }: CrossTableProps) => JSX.Element;
+declare const _default: ({ BaseTableComponent, leftTree, leftTotalNode, topTree, topTotalNode, getValue, getCellProps, leftMetaColumns, render, baseTableRef, ...others }: CrossTableProps) => React.JSX.Element;
 export default _default;

package/es/table/pivot/cross-tree-table/cross-tree-table.d.ts

@@ -34,5 +34,5 @@ export default class CrossTreeTable extends React.Component<CrossTreeTableProps,
     };
     constructor(props: Readonly<CrossTreeTableProps>);
     onChangeOpenKeys: (nextOpenKeys: string[]) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/es/table/style/index.less

@@ -1 +1 @@
-
+

package/lib/_utils/usePopper.d.ts

@@ -25,5 +25,5 @@ export interface PopperProps {
     getTriggerElement?: (locatorNode: HTMLElement) => HTMLElement;
     getPopupContainer?: (locatorNode: HTMLElement) => HTMLElement;
 }
-declare function usePopper(locatorElement: React.ReactElement, popperElement: React.ReactElement, props: PopperProps): JSX.Element;
+declare function usePopper(locatorElement: React.ReactElement, popperElement: React.ReactElement, props: PopperProps): React.JSX.Element;
 export default usePopper;

package/lib/style/color/colors.less

@@ -1,2 +1,2 @@
-// color palettes
+// color palettes
 @blue-base: #1890ff;

package/lib/style/components.less

@@ -1 +1 @@
-@import "../table/style/index.less";
+@import "../table\style\index.less";

package/lib/style/core/index.less

@@ -1,2 +1,2 @@
-@import 'motion';
+@import 'motion';
 @import 'reset';

package/lib/style/core/motion/other.less

@@ -1,28 +1,28 @@
-@keyframes loadingcircle {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes waveEffect {
-  100% {
-      box-shadow: 0 0 0 6px @theme-color;
-  }
-}
-
-@keyframes fadeEffect {
-  100% {
-      opacity: 0;
-  }
-}
-
-@keyframes kdRadioEffect {
-  0% {
-    transform: translateY(-50%) scale(0.5);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(-50%) scale(1);
-    opacity: 1;
-  }
+@keyframes loadingcircle {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes waveEffect {
+  100% {
+      box-shadow: 0 0 0 6px @theme-color;
+  }
+}
+
+@keyframes fadeEffect {
+  100% {
+      opacity: 0;
+  }
+}
+
+@keyframes kdRadioEffect {
+  0% {
+    transform: translateY(-50%) scale(0.5);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(-50%) scale(1);
+    opacity: 1;
+  }
 }

package/lib/style/core/motion/slide.less

@@ -1,53 +1,53 @@
-@keyframes kdSlideDownIn {
-  0% {
-    transform: scaleY(0.8);
-    transform-origin: 50% 0%;
-    opacity: 0;
-  }
-  100% {
-    transform: scaleY(1);
-    transform-origin: 50% 0%;
-    opacity: 1;
-  }
-}
-
-@keyframes kdSlideDownOut {
-  0% {
-    transform: scaleY(1);
-    transform-origin: 50% 0%;
-    opacity: 1;
-  }
-  100% {
-    transform: scaleY(0.9);
-    transform-origin: 50% 0%;
-    opacity: 0;
-  }
-}
-
-@keyframes kdSlideUpIn {
-  0% {
-    transform-origin: 50% 100%;
-    opacity: 0;
-  }
-  5% {
-    transform: scaleY(0.8);
-  }
-  100% {
-    transform: scaleY(1);
-    transform-origin: 50% 100%;
-    opacity: 1;
-  }
-}
-
-@keyframes kdSlideUpOut {
-  0% {
-    transform: scaleY(1);
-    transform-origin: 50% 100%;
-    opacity: 1;
-  }
-  100% {
-    transform: scaleY(0.9);
-    transform-origin: 50% 100%;
-    opacity: 0;
-  }
-}
+@keyframes kdSlideDownIn {
+  0% {
+    transform: scaleY(0.8);
+    transform-origin: 50% 0%;
+    opacity: 0;
+  }
+  100% {
+    transform: scaleY(1);
+    transform-origin: 50% 0%;
+    opacity: 1;
+  }
+}
+
+@keyframes kdSlideDownOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 50% 0%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleY(0.9);
+    transform-origin: 50% 0%;
+    opacity: 0;
+  }
+}
+
+@keyframes kdSlideUpIn {
+  0% {
+    transform-origin: 50% 100%;
+    opacity: 0;
+  }
+  5% {
+    transform: scaleY(0.8);
+  }
+  100% {
+    transform: scaleY(1);
+    transform-origin: 50% 100%;
+    opacity: 1;
+  }
+}
+
+@keyframes kdSlideUpOut {
+  0% {
+    transform: scaleY(1);
+    transform-origin: 50% 100%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleY(0.9);
+    transform-origin: 50% 100%;
+    opacity: 0;
+  }
+}

package/lib/style/core/motion.less

@@ -1,2 +1,2 @@
-@import 'motion/other';
+@import 'motion/other';
 @import 'motion/slide';