k-react-vtable 1.0.0

package/cjs/table-components/custom-component.d.ts

@@ -0,0 +1,17 @@
+import React, { type CSSProperties, type HTMLAttributes, type DetailedHTMLProps } from 'react';
+export interface CustomComponentProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className' | 'ref'> {
+    style?: CSSProperties;
+    className?: string;
+    displayMode: 'position' | 'cell';
+    x?: number;
+    y?: number;
+    width?: number | string;
+    height?: number | string;
+    row?: number;
+    col?: number;
+    anchor?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    dx?: number | string;
+    dy?: number | string;
+}
+export declare const CustomComponent: React.FC<CustomComponentProps>;
+export default function useMergeProps<PropsType>(componentProps: PropsType, defaultProps: Partial<PropsType>): PropsType;

package/cjs/table-components/custom-component.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CustomComponent = void 0;
+
+const react_1 = __importStar(require("react")), table_1 = __importDefault(require("../context/table")), vutils_1 = require("@visactor/vutils"), CustomComponent = baseProps => {
+    const context = (0, react_1.useContext)(table_1.default), {table: table} = context, props = useMergeProps(baseProps, {
+        style: {
+            left: 0,
+            top: 0
+        },
+        className: "vtable-custom-component",
+        displayMode: "position",
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        row: 0,
+        col: 0,
+        anchor: "top-left",
+        dx: 0,
+        dy: 0
+    }), {displayMode: displayMode, x: x, y: y, width: width, height: height, row: row, col: col, anchor: anchor, dx: dx, dy: dy, className: className, children: children, style: style} = props;
+    let styleLeft, styleTop, styleWidth, styleHeight;
+    if ("position" === displayMode) styleLeft = x + dx + "px", styleTop = y + dy + "px", 
+    styleWidth = width + "px", styleHeight = height + "px"; else if ("cell" === displayMode) {
+        const cellRect = table && col >= 0 && row >= 0 ? null == table ? void 0 : table.getCellRelativeRect(col, row) : {
+            width: 0,
+            height: 0,
+            left: -9999,
+            top: -9999
+        };
+        styleWidth = dealWidthNumber(width, cellRect.width) + "px", styleHeight = dealWidthNumber(height, cellRect.height) + "px", 
+        "top-left" === anchor ? (styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + "px", 
+        styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + "px") : "top-right" === anchor ? (styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + cellRect.width + "px", 
+        styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + "px") : "bottom-left" === anchor ? (styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + "px", 
+        styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + cellRect.height + "px") : "bottom-right" === anchor && (styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + cellRect.width + "px", 
+        styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + cellRect.height + "px");
+    }
+    const componentStyle = (0, vutils_1.merge)({}, style, {
+        position: "absolute",
+        zIndex: 1e3,
+        width: styleWidth,
+        height: styleHeight,
+        left: styleLeft,
+        top: styleTop
+    });
+    return react_1.default.createElement("div", {
+        className: className,
+        style: componentStyle
+    }, react_1.default.Children.map(children, (child => child ? react_1.default.cloneElement(child, {}) : child)));
+};
+
+function useMergeProps(componentProps, defaultProps) {
+    const _defaultProps = (0, react_1.useMemo)((() => Object.assign({}, defaultProps)), [ defaultProps ]);
+    return (0, react_1.useMemo)((() => {
+        const mProps = (0, vutils_1.merge)({}, componentProps);
+        for (const propName in _defaultProps) void 0 === mProps[propName] && (mProps[propName] = _defaultProps[propName]);
+        return mProps;
+    }), [ componentProps, _defaultProps ]);
+}
+
+function dealWidthNumber(value, refenceValue) {
+    return (0, vutils_1.isNumber)(value) ? value : "string" == typeof value && value.endsWith("%") ? Number(value.slice(0, -1)) / 100 * refenceValue : 0;
+}
+
+//# sourceMappingURL=custom-component.js.map
+exports.CustomComponent = CustomComponent, exports.default = useMergeProps;

package/cjs/table-components/custom-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/custom-component.tsx"],"names":[],"mappings":"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","file":"custom-component.js","sourcesContent":["import type { ReactElement } from 'react';\nimport React, {\n  type CSSProperties,\n  type ReactNode,\n  type HTMLAttributes,\n  type DetailedHTMLProps,\n  useContext,\n  useMemo\n} from 'react';\nimport RootTableContext from '../context/table';\nimport { isNumber, merge } from '@visactor/vutils';\n\nexport interface CustomComponentProps\n  extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className' | 'ref'> {\n  style?: CSSProperties;\n  // className?: string | string[];\n  className?: string;\n\n  // for table\n  displayMode: 'position' | 'cell';\n  x?: number;\n  y?: number;\n  width?: number | string;\n  height?: number | string;\n  // width?: number;\n  // height?: number;\n  row?: number;\n  col?: number;\n  anchor?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  dx?: number | string;\n  dy?: number | string;\n  // dx?: number;\n  // dy?: number;\n}\n\nexport const CustomComponent: React.FC<CustomComponentProps> = (baseProps: CustomComponentProps) => {\n  const context = useContext(RootTableContext);\n  const { table } = context;\n\n  // if (!table) {\n  //   return null;\n  // }\n\n  const props = useMergeProps<CustomComponentProps>(baseProps, {\n    style: {\n      left: 0,\n      top: 0\n    },\n    className: 'vtable-custom-component',\n    displayMode: 'position',\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    row: 0,\n    col: 0,\n    anchor: 'top-left',\n    dx: 0,\n    dy: 0\n  });\n  const { displayMode, x, y, width, height, row, col, anchor, dx, dy, className, children, style } = props;\n\n  let styleLeft;\n  let styleTop;\n  let styleWidth;\n  let styleHeight;\n\n  if (displayMode === 'position') {\n    styleLeft = x + (dx as number) + 'px';\n    styleTop = y + (dy as number) + 'px';\n    styleWidth = width + 'px';\n    styleHeight = height + 'px';\n  } else if (displayMode === 'cell') {\n    const cellRect =\n      table && col >= 0 && row >= 0\n        ? table?.getCellRelativeRect(col, row)\n        : { width: 0, height: 0, left: -9999, top: -9999 };\n    styleWidth = dealWidthNumber(width, cellRect.width) + 'px';\n    styleHeight = dealWidthNumber(height, cellRect.height) + 'px';\n    if (anchor === 'top-left') {\n      styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + 'px';\n      styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + 'px';\n    } else if (anchor === 'top-right') {\n      styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + cellRect.width + 'px';\n      styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + 'px';\n    } else if (anchor === 'bottom-left') {\n      styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + 'px';\n      styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + cellRect.height + 'px';\n    } else if (anchor === 'bottom-right') {\n      styleLeft = cellRect.left + dealWidthNumber(dx, cellRect.width) + cellRect.width + 'px';\n      styleTop = cellRect.top + dealWidthNumber(dy, cellRect.height) + cellRect.height + 'px';\n    }\n  }\n\n  const componentStyle = merge({}, style, {\n    position: 'absolute',\n    zIndex: 1000,\n    width: styleWidth,\n    height: styleHeight,\n    left: styleLeft,\n    top: styleTop\n  });\n\n  return (\n    <div className={className} style={componentStyle}>\n      {React.Children.map(children, (child: ReactNode) => {\n        if (child) {\n          return React.cloneElement(child as ReactElement, {});\n        }\n        return child;\n      })}\n    </div>\n  );\n};\n\n// export const CustomComponent = forwardRef<unknown, CustomComponentProps>(CustomComponent1);\n\nexport default function useMergeProps<PropsType>(\n  componentProps: PropsType,\n  defaultProps: Partial<PropsType>\n): PropsType {\n  const _defaultProps = useMemo(() => {\n    return { ...defaultProps };\n  }, [defaultProps]);\n\n  const props = useMemo(() => {\n    const mProps = merge({}, componentProps);\n\n    // https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react/src/ReactElement.js#L312\n    for (const propName in _defaultProps) {\n      if (mProps[propName] === undefined) {\n        mProps[propName] = _defaultProps[propName];\n      }\n    }\n\n    return mProps;\n  }, [componentProps, _defaultProps]);\n\n  return props;\n}\n\nfunction dealWidthNumber(value: string | number, refenceValue: number) {\n  if (isNumber(value)) {\n    return value;\n  }\n\n  if (typeof value === 'string' && value.endsWith('%')) {\n    return (Number(value.slice(0, -1)) / 100) * refenceValue;\n  }\n\n  return 0;\n}\n"]}

package/cjs/table-components/index.d.ts

@@ -0,0 +1,20 @@
+import type React from 'react';
+export { ListColumn } from './list/list-column';
+export { PivotColumnDimension, PivotRowDimension } from './pivot/pivot-dimension';
+export { PivotIndicator } from './pivot/pivot-indicator';
+export { PivotColumnHeaderTitle, PivotRowHeaderTitle } from './pivot/pivot-header-title';
+export { PivotCorner } from './pivot/pivot-corner';
+export { Menu } from './component/menu';
+export { Tooltip } from './component/tooltip';
+export { EmptyTip } from './component/emptyTip';
+export { Title } from './component/title';
+export { CustomComponent } from './custom-component';
+export { CustomLayout, type CustomLayoutFunctionArg } from './custom/custom-layout';
+export * from './custom/graphic';
+export * from './custom/vtable-react-attribute-plugin';
+type Props = {
+    updateId?: number;
+};
+export interface IMarkElement extends React.ReactElement<Props, React.JSXElementConstructor<Props>> {
+    id: string | number;
+}

package/cjs/table-components/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CustomLayout = exports.CustomComponent = exports.Title = exports.EmptyTip = exports.Tooltip = exports.Menu = exports.PivotCorner = exports.PivotRowHeaderTitle = exports.PivotColumnHeaderTitle = exports.PivotIndicator = exports.PivotRowDimension = exports.PivotColumnDimension = exports.ListColumn = void 0;
+
+var list_column_1 = require("./list/list-column");
+
+Object.defineProperty(exports, "ListColumn", {
+    enumerable: !0,
+    get: function() {
+        return list_column_1.ListColumn;
+    }
+});
+
+var pivot_dimension_1 = require("./pivot/pivot-dimension");
+
+Object.defineProperty(exports, "PivotColumnDimension", {
+    enumerable: !0,
+    get: function() {
+        return pivot_dimension_1.PivotColumnDimension;
+    }
+}), Object.defineProperty(exports, "PivotRowDimension", {
+    enumerable: !0,
+    get: function() {
+        return pivot_dimension_1.PivotRowDimension;
+    }
+});
+
+var pivot_indicator_1 = require("./pivot/pivot-indicator");
+
+Object.defineProperty(exports, "PivotIndicator", {
+    enumerable: !0,
+    get: function() {
+        return pivot_indicator_1.PivotIndicator;
+    }
+});
+
+var pivot_header_title_1 = require("./pivot/pivot-header-title");
+
+Object.defineProperty(exports, "PivotColumnHeaderTitle", {
+    enumerable: !0,
+    get: function() {
+        return pivot_header_title_1.PivotColumnHeaderTitle;
+    }
+}), Object.defineProperty(exports, "PivotRowHeaderTitle", {
+    enumerable: !0,
+    get: function() {
+        return pivot_header_title_1.PivotRowHeaderTitle;
+    }
+});
+
+var pivot_corner_1 = require("./pivot/pivot-corner");
+
+Object.defineProperty(exports, "PivotCorner", {
+    enumerable: !0,
+    get: function() {
+        return pivot_corner_1.PivotCorner;
+    }
+});
+
+var menu_1 = require("./component/menu");
+
+Object.defineProperty(exports, "Menu", {
+    enumerable: !0,
+    get: function() {
+        return menu_1.Menu;
+    }
+});
+
+var tooltip_1 = require("./component/tooltip");
+
+Object.defineProperty(exports, "Tooltip", {
+    enumerable: !0,
+    get: function() {
+        return tooltip_1.Tooltip;
+    }
+});
+
+var emptyTip_1 = require("./component/emptyTip");
+
+Object.defineProperty(exports, "EmptyTip", {
+    enumerable: !0,
+    get: function() {
+        return emptyTip_1.EmptyTip;
+    }
+});
+
+var title_1 = require("./component/title");
+
+Object.defineProperty(exports, "Title", {
+    enumerable: !0,
+    get: function() {
+        return title_1.Title;
+    }
+});
+
+var custom_component_1 = require("./custom-component");
+
+Object.defineProperty(exports, "CustomComponent", {
+    enumerable: !0,
+    get: function() {
+        return custom_component_1.CustomComponent;
+    }
+});
+
+var custom_layout_1 = require("./custom/custom-layout");
+
+Object.defineProperty(exports, "CustomLayout", {
+    enumerable: !0,
+    get: function() {
+        return custom_layout_1.CustomLayout;
+    }
+}), __exportStar(require("./custom/graphic"), exports), __exportStar(require("./custom/vtable-react-attribute-plugin"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/table-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,kDAAgD;AAAvC,yGAAA,UAAU,OAAA;AACnB,2DAAkF;AAAzE,uHAAA,oBAAoB,OAAA;AAAE,oHAAA,iBAAiB,OAAA;AAChD,2DAAyD;AAAhD,iHAAA,cAAc,OAAA;AACvB,iEAAyF;AAAhF,4HAAA,sBAAsB,OAAA;AAAE,yHAAA,mBAAmB,OAAA;AACpD,qDAAmD;AAA1C,2GAAA,WAAW,OAAA;AACpB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,+CAA8C;AAArC,kGAAA,OAAO,OAAA;AAChB,iDAAgD;AAAvC,oGAAA,QAAQ,OAAA;AACjB,2CAA0C;AAAjC,8FAAA,KAAK,OAAA;AAEd,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,wDAAoF;AAA3E,6GAAA,YAAY,OAAA;AACrB,mDAAiC;AAEjC,yEAAuD","file":"index.js","sourcesContent":["import type React from 'react';\nexport { ListColumn } from './list/list-column';\nexport { PivotColumnDimension, PivotRowDimension } from './pivot/pivot-dimension';\nexport { PivotIndicator } from './pivot/pivot-indicator';\nexport { PivotColumnHeaderTitle, PivotRowHeaderTitle } from './pivot/pivot-header-title';\nexport { PivotCorner } from './pivot/pivot-corner';\nexport { Menu } from './component/menu';\nexport { Tooltip } from './component/tooltip';\nexport { EmptyTip } from './component/emptyTip';\nexport { Title } from './component/title';\n\nexport { CustomComponent } from './custom-component';\nexport { CustomLayout, type CustomLayoutFunctionArg } from './custom/custom-layout';\nexport * from './custom/graphic';\n\nexport * from './custom/vtable-react-attribute-plugin';\n\ntype Props = { updateId?: number };\n\nexport interface IMarkElement extends React.ReactElement<Props, React.JSXElementConstructor<Props>> {\n  id: string | number;\n}\n"]}

package/cjs/table-components/list/list-column.d.ts

@@ -0,0 +1,4 @@
+import type { BaseComponentProps } from '../base-component';
+import type { ColumnDefine } from 'k-vtable';
+export type ListColumnProps = Omit<ColumnDefine, 'columns'> & BaseComponentProps;
+export declare const ListColumn: import("react").FC<ListColumnProps>;

package/cjs/table-components/list/list-column.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ListColumn = void 0;
+
+const base_component_1 = require("../base-component");
+
+exports.ListColumn = (0, base_component_1.createComponent)("ListColumn", "columns");
+//# sourceMappingURL=list-column.js.map

package/cjs/table-components/list/list-column.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/list/list-column.tsx"],"names":[],"mappings":";;;AAEA,sDAAoD;AAKvC,QAAA,UAAU,GAAG,IAAA,gCAAe,EAAkB,YAAY,EAAE,SAAS,CAAC,CAAC","file":"list-column.js","sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { ColumnDefine } from 'k-vtable';\n\nexport type ListColumnProps = Omit<ColumnDefine, 'columns'> & BaseComponentProps;\n\nexport const ListColumn = createComponent<ListColumnProps>('ListColumn', 'columns');\n"]}

package/cjs/table-components/pivot/pivot-corner.d.ts

@@ -0,0 +1,4 @@
+import type { BaseComponentProps } from '../base-component';
+import type { ICornerDefine } from 'k-vtable';
+export type PivotCornerProps = ICornerDefine & BaseComponentProps;
+export declare const PivotCorner: import("react").FC<any>;

package/cjs/table-components/pivot/pivot-corner.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PivotCorner = void 0;
+
+const base_component_1 = require("../base-component");
+
+exports.PivotCorner = (0, base_component_1.createComponent)("PivotCorner", "corner", void 0, !0);
+//# sourceMappingURL=pivot-corner.js.map

package/cjs/table-components/pivot/pivot-corner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-corner.tsx"],"names":[],"mappings":";;;AACA,sDAAoD;AAKvC,QAAA,WAAW,GAAG,IAAA,gCAAe,EAAmB,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC","file":"pivot-corner.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { ICornerDefine } from 'k-vtable';\n\nexport type PivotCornerProps = ICornerDefine & BaseComponentProps;\n\nexport const PivotCorner = createComponent<PivotCornerProps>('PivotCorner', 'corner', undefined, true);\n"]}

package/cjs/table-components/pivot/pivot-dimension.d.ts

@@ -0,0 +1,6 @@
+import type { BaseComponentProps } from '../base-component';
+import type { IRowDimension, IColumnDimension } from 'k-vtable';
+export type RowPivotDimensionProps = IRowDimension & BaseComponentProps;
+export type ColumnPivotDimensionProps = IColumnDimension & BaseComponentProps;
+export declare const PivotColumnDimension: import("react").FC<any>;
+export declare const PivotRowDimension: import("react").FC<any>;

package/cjs/table-components/pivot/pivot-dimension.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PivotRowDimension = exports.PivotColumnDimension = void 0;
+
+const base_component_1 = require("../base-component");
+
+exports.PivotColumnDimension = (0, base_component_1.createComponent)("PivotColumnDimension", "columns"), 
+exports.PivotRowDimension = (0, base_component_1.createComponent)("PivotRowDimension", "rows");
+//# sourceMappingURL=pivot-dimension.js.map

package/cjs/table-components/pivot/pivot-dimension.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-dimension.tsx"],"names":[],"mappings":";;;AACA,sDAAoD;AAMvC,QAAA,oBAAoB,GAAG,IAAA,gCAAe,EAA4B,sBAAsB,EAAE,SAAS,CAAC,CAAC;AACrG,QAAA,iBAAiB,GAAG,IAAA,gCAAe,EAAyB,mBAAmB,EAAE,MAAM,CAAC,CAAC","file":"pivot-dimension.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { IRowDimension, IColumnDimension } from 'k-vtable';\n\nexport type RowPivotDimensionProps = IRowDimension & BaseComponentProps;\nexport type ColumnPivotDimensionProps = IColumnDimension & BaseComponentProps;\n\nexport const PivotColumnDimension = createComponent<ColumnPivotDimensionProps>('PivotColumnDimension', 'columns');\nexport const PivotRowDimension = createComponent<RowPivotDimensionProps>('PivotRowDimension', 'rows');\n"]}

package/cjs/table-components/pivot/pivot-header-title.d.ts

@@ -0,0 +1,5 @@
+import type { BaseComponentProps } from '../base-component';
+import type { ITitleDefine } from 'k-vtable';
+export type PivotHeaderTitleProps = ITitleDefine & BaseComponentProps;
+export declare const PivotColumnHeaderTitle: import("react").FC<any>;
+export declare const PivotRowHeaderTitle: import("react").FC<any>;

package/cjs/table-components/pivot/pivot-header-title.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PivotRowHeaderTitle = exports.PivotColumnHeaderTitle = void 0;
+
+const base_component_1 = require("../base-component");
+
+exports.PivotColumnHeaderTitle = (0, base_component_1.createComponent)("PivotColumnHeaderTitle", "columnHeaderTitle", void 0, !0), 
+exports.PivotRowHeaderTitle = (0, base_component_1.createComponent)("PivotRowHeaderTitle", "rowHeaderTitle", void 0, !0);
+//# sourceMappingURL=pivot-header-title.js.map

package/cjs/table-components/pivot/pivot-header-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-header-title.tsx"],"names":[],"mappings":";;;AACA,sDAAoD;AAKvC,QAAA,sBAAsB,GAAG,IAAA,gCAAe,EACnD,wBAAwB,EACxB,mBAAmB,EACnB,SAAS,EACT,IAAI,CACL,CAAC;AACW,QAAA,mBAAmB,GAAG,IAAA,gCAAe,EAChD,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,IAAI,CACL,CAAC","file":"pivot-header-title.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { ITitleDefine } from 'k-vtable';\n\nexport type PivotHeaderTitleProps = ITitleDefine & BaseComponentProps;\n\nexport const PivotColumnHeaderTitle = createComponent<PivotHeaderTitleProps>(\n  'PivotColumnHeaderTitle',\n  'columnHeaderTitle',\n  undefined,\n  true\n);\nexport const PivotRowHeaderTitle = createComponent<PivotHeaderTitleProps>(\n  'PivotRowHeaderTitle',\n  'rowHeaderTitle',\n  undefined,\n  true\n);\n"]}

package/cjs/table-components/pivot/pivot-indicator.d.ts

@@ -0,0 +1,4 @@
+import type { BaseComponentProps } from '../base-component';
+import type { IIndicator } from 'k-vtable';
+export type PivotIndicatorProps = IIndicator & BaseComponentProps;
+export declare const PivotIndicator: import("react").FC<any>;

package/cjs/table-components/pivot/pivot-indicator.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PivotIndicator = void 0;
+
+const base_component_1 = require("../base-component");
+
+exports.PivotIndicator = (0, base_component_1.createComponent)("PivotIndicator", "indicators");
+//# sourceMappingURL=pivot-indicator.js.map

package/cjs/table-components/pivot/pivot-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-indicator.ts"],"names":[],"mappings":";;;AACA,sDAAoD;AAKvC,QAAA,cAAc,GAAG,IAAA,gCAAe,EAAsB,gBAAgB,EAAE,YAAY,CAAC,CAAC","file":"pivot-indicator.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { IIndicator } from 'k-vtable';\n\nexport type PivotIndicatorProps = IIndicator & BaseComponentProps;\n\nexport const PivotIndicator = createComponent<PivotIndicatorProps>('PivotIndicator', 'indicators');\n"]}

package/cjs/tables/base-table.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ContainerProps } from '../containers/withContainer';
+import type { EventsProps } from '../eventsUtils';
+import { VTableReactAttributePlugin } from '../table-components/custom/vtable-react-attribute-plugin';
+import type { ListTable, PivotTable, PivotChart, ListTableConstructorOptions, PivotTableConstructorOptions, PivotChartConstructorOptions } from 'k-vtable';
+export type IVTable = ListTable | PivotTable | PivotChart;
+export type IOption = ListTableConstructorOptions | PivotTableConstructorOptions | PivotChartConstructorOptions;
+export type BaseTableProps = EventsProps & IOption & {
+    vtableConstrouctor?: any;
+    type?: string;
+    container?: HTMLDivElement;
+    option?: IOption;
+    records?: Record<string, unknown>[];
+    width?: number | string;
+    height?: number | string;
+    skipFunctionDiff?: boolean;
+    keepColumnWidthChange?: boolean;
+    ReactDOM?: any;
+    reactAttributePlugin?: VTableReactAttributePlugin;
+    onReady?: (instance: IVTable, isInitial: boolean) => void;
+    onError?: (err: Error) => void;
+};
+export declare const createTable: <T extends unknown>(componentName: string, defaultProps?: Partial<T>, callback?: (props: T) => T) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & ContainerProps> & React.RefAttributes<any>>;

package/cjs/tables/base-table.js

@@ -0,0 +1,199 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createTable = void 0;
+
+const react_1 = __importStar(require("react")), withContainer_1 = __importDefault(require("../containers/withContainer")), table_1 = __importDefault(require("../context/table")), vutils_1 = require("@visactor/vutils"), util_1 = require("../util"), constants_1 = require("../constants"), eventsUtils_1 = require("../eventsUtils"), vtable_react_attribute_plugin_1 = require("../table-components/custom/vtable-react-attribute-plugin"), vtable_browser_env_contribution_1 = require("../table-components/custom/vtable-browser-env-contribution"), vrender_1 = require("k-vtable/es/vrender");
+
+(0, vrender_1.isBrowserEnv)() && vrender_1.container.load(vtable_browser_env_contribution_1.reactEnvModule);
+
+const notOptionKeys = [ ...constants_1.REACT_PRIVATE_PROPS, ...eventsUtils_1.TABLE_EVENTS_KEYS, "skipFunctionDiff", "onError", "onReady", "option", "records", "container", "vtableConstrouctor" ], getComponentId = (child, index) => `${child && child.type && (child.type.displayName || child.type.name)}-${index}`, parseOptionFromChildren = props => {
+    const optionFromChildren = {};
+    return (0, util_1.toArray)(props.children).map(((child, index) => {
+        const parseOption = child && child.type && child.type.parseOption;
+        if (parseOption && child.props) {
+            const optionResult = parseOption((0, vutils_1.isNil)(child.props.componentId) ? Object.assign(Object.assign({}, child.props), {
+                componentId: getComponentId(child, index)
+            }) : child.props);
+            child.key && (optionResult.option.key = child.key), optionResult.isSingle ? optionFromChildren[optionResult.optionName] = optionResult.option : (optionFromChildren[optionResult.optionName] || (optionFromChildren[optionResult.optionName] = []), 
+            optionFromChildren[optionResult.optionName].push(optionResult.option));
+        }
+    })), optionFromChildren;
+}, BaseTable = react_1.default.forwardRef(((props, ref) => {
+    const [updateId, setUpdateId] = (0, react_1.useState)(0), tableContext = (0, react_1.useRef)({});
+    (0, react_1.useImperativeHandle)(ref, (() => {
+        var _a;
+        return null === (_a = tableContext.current) || void 0 === _a ? void 0 : _a.table;
+    }));
+    const hasOption = !!props.option, hasRecords = !!props.records, isUnmount = (0, 
+    react_1.useRef)(!1), prevOption = (0, react_1.useRef)((0, vutils_1.pickWithout)(props, notOptionKeys)), optionFromChildren = (0, 
+    react_1.useRef)(null), prevRecords = (0, react_1.useRef)(props.records), eventsBinded = react_1.default.useRef(null), skipFunctionDiff = !!props.skipFunctionDiff, keepColumnWidthChange = !!props.keepColumnWidthChange, columnWidths = (0, 
+    react_1.useRef)(new Map), pivotColumnWidths = (0, react_1.useRef)([]), pivotHeaderColumnWidths = (0, 
+    react_1.useRef)([]), parseOption = (0, react_1.useCallback)((props => hasOption && props.option ? hasRecords && props.records ? Object.assign(Object.assign({}, props.option), {
+        clearDOM: !1,
+        records: props.records
+    }) : Object.assign(Object.assign({}, props.option), {
+        clearDOM: !1
+    }) : Object.assign(Object.assign(Object.assign({
+        records: props.records
+    }, prevOption.current), optionFromChildren.current), {
+        clearDOM: !1,
+        customConfig: Object.assign(Object.assign({}, prevOption.current.customConfig), {
+            createReactContainer: !0
+        })
+    })), [ hasOption, hasRecords ]), createTable = (0, react_1.useCallback)((props => {
+        var _a;
+        const vtable = new props.vtableConstrouctor(props.container, parseOption(props));
+        vtable.scenegraph.stage.reactAttribute = props.ReactDOM, vtable.scenegraph.stage.pluginService.register(null !== (_a = props.reactAttributePlugin) && void 0 !== _a ? _a : new vtable_react_attribute_plugin_1.VTableReactAttributePlugin), 
+        vtable.scenegraph.stage.params.ReactDOM = props.ReactDOM, tableContext.current = Object.assign(Object.assign({}, tableContext.current), {
+            table: vtable
+        }), isUnmount.current = !1, columnWidths.current.clear(), pivotColumnWidths.current = [], 
+        pivotHeaderColumnWidths.current = [], vtable.on("resize_column_end", (args => {
+            const table = tableContext.current.table;
+            if (!keepColumnWidthChange) return;
+            const {col: col, colWidths: colWidths} = args, width = colWidths[col];
+            if (vtable.isPivotTable()) {
+                const path = table.getCellHeaderPaths(col, table.columnHeaderLevelCount);
+                let dimensions;
+                dimensions = "rowHeader" === path.cellLocation ? path.rowHeaderPaths : path.colHeaderPaths;
+                let found = !1;
+                pivotColumnWidths.current.forEach((item => {
+                    JSON.stringify(item.dimensions) === JSON.stringify(dimensions) && (item.width = width, 
+                    found = !0);
+                })), found || pivotColumnWidths.current.push({
+                    dimensions: dimensions,
+                    width: width
+                });
+            } else {
+                const define = table.getBodyColumnDefine(col, 0);
+                (null == define ? void 0 : define.key) && columnWidths.current.set(define.key, width);
+            }
+        }));
+    }), [ parseOption ]), handleTableRender = (0, react_1.useCallback)((() => {
+        if (!isUnmount.current) {
+            if (!tableContext.current || !tableContext.current.table) return;
+            (0, eventsUtils_1.bindEventsToTable)(tableContext.current.table, props, eventsBinded.current, eventsUtils_1.TABLE_EVENTS), 
+            setUpdateId(updateId + 1), props.onReady && props.onReady(tableContext.current.table, 0 === updateId);
+        }
+    }), [ updateId, setUpdateId, props ]), renderTable = (0, react_1.useCallback)((() => {
+        tableContext.current.table && (tableContext.current.table.render(), handleTableRender());
+    }), [ handleTableRender ]);
+    return (0, react_1.useEffect)((() => {
+        var _a;
+        const newOptionFromChildren = hasOption ? null : parseOptionFromChildren(props);
+        if (!(null === (_a = tableContext.current) || void 0 === _a ? void 0 : _a.table)) return hasOption || (optionFromChildren.current = newOptionFromChildren), 
+        createTable(props), renderTable(), void (eventsBinded.current = props);
+        if (hasOption) {
+            if ((0, vutils_1.isEqual)(eventsBinded.current.option, props.option, {
+                skipFunction: skipFunctionDiff
+            })) {
+                if (hasRecords && !(0, vutils_1.isEqual)(eventsBinded.current.records, props.records, {
+                    skipFunction: skipFunctionDiff
+                })) {
+                    if (keepColumnWidthChange) {
+                        const columnWidthConfig = updateWidthCache(columnWidths.current, pivotColumnWidths.current, tableContext.current.table);
+                        tableContext.current.table.internalProps.columnWidthConfig = columnWidthConfig, 
+                        tableContext.current.table.internalProps.columnWidthConfigForRowHeader = columnWidthConfig;
+                    }
+                    tableContext.current.table.setRecords(props.records), handleTableRender(), eventsBinded.current = props;
+                }
+            } else {
+                const option = parseOption(props);
+                if (keepColumnWidthChange) {
+                    const columnWidthConfig = updateWidthCache(columnWidths.current, pivotColumnWidths.current, tableContext.current.table);
+                    option.columnWidthConfig = columnWidthConfig, option.columnWidthConfigForRowHeader = columnWidthConfig;
+                }
+                tableContext.current.table.updateOption(option), handleTableRender(), eventsBinded.current = props;
+            }
+            return;
+        }
+        const newOption = (0, vutils_1.pickWithout)(props, notOptionKeys);
+        if ((0, vutils_1.isEqual)(newOption, prevOption.current, {
+            skipFunction: skipFunctionDiff
+        }) && (0, vutils_1.isEqual)(newOptionFromChildren, optionFromChildren.current, {
+            skipFunction: skipFunctionDiff
+        })) {
+            if (hasRecords && !(0, vutils_1.isEqual)(props.records, prevRecords.current, {
+                skipFunction: skipFunctionDiff
+            })) {
+                if (prevRecords.current = props.records, keepColumnWidthChange) {
+                    const columnWidthConfig = updateWidthCache(columnWidths.current, pivotColumnWidths.current, tableContext.current.table);
+                    tableContext.current.table.internalProps.columnWidthConfig = columnWidthConfig, 
+                    tableContext.current.table.internalProps.columnWidthConfigForRowHeader = columnWidthConfig;
+                }
+                tableContext.current.table.setRecords(props.records), handleTableRender(), eventsBinded.current = props;
+            }
+        } else {
+            prevOption.current = newOption, optionFromChildren.current = newOptionFromChildren;
+            const option = parseOption(props);
+            if (keepColumnWidthChange) {
+                const columnWidthConfig = updateWidthCache(columnWidths.current, pivotColumnWidths.current, tableContext.current.table);
+                option.columnWidthConfig = columnWidthConfig, option.columnWidthConfigForRowHeader = columnWidthConfig;
+            }
+            tableContext.current.table.updateOption(option), handleTableRender(), eventsBinded.current = props;
+        }
+    }), [ createTable, hasOption, hasRecords, parseOption, handleTableRender, renderTable, skipFunctionDiff, props ]), 
+    (0, react_1.useEffect)((() => () => {
+        tableContext && tableContext.current && tableContext.current.table && (tableContext.current.table.release(), 
+        tableContext.current = null), eventsBinded.current = null, isUnmount.current = !0;
+    }), []), react_1.default.createElement(table_1.default.Provider, {
+        value: tableContext.current
+    }, (0, util_1.toArray)(props.children).map(((child, index) => {
+        if ("string" == typeof child) return;
+        const childId = getComponentId(child, index);
+        return react_1.default.createElement(react_1.default.Fragment, {
+            key: childId
+        }, react_1.default.cloneElement(child, {
+            updateId: updateId,
+            componentId: childId,
+            componentIndex: index
+        }));
+    })));
+})), createTable = (componentName, defaultProps, callback) => {
+    const Com = (0, withContainer_1.default)(BaseTable, componentName, (props => defaultProps ? Object.assign(props, defaultProps) : props));
+    return Com.displayName = componentName, Com;
+};
+
+function updateWidthCache(columnWidths, pivotColumnWidths, table) {
+    if (table.isPivotTable()) return pivotColumnWidths;
+    const columnWidthConfig = [];
+    return columnWidths.forEach(((width, key) => {
+        columnWidthConfig.push({
+            key: key,
+            width: width
+        });
+    })), columnWidthConfig;
+}
+
+//# sourceMappingURL=base-table.js.map
+exports.createTable = createTable;