k-react-vtable 1.0.0

package/es/table-components/custom/vtable-react-attribute-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/custom/vtable-react-attribute-plugin.ts"],"names":[],"mappings":"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","file":"vtable-react-attribute-plugin.js","sourcesContent":["import type {\n  CommonDomOptions,\n  CreateDOMParamsType,\n  IGraphic,\n  IGroup,\n  IStage,\n  IText,\n  SimpleDomStyleOptions\n} from 'k-vtable/es/vrender';\nimport { DefaultAttribute, ReactAttributePlugin, application } from 'k-vtable/es/vrender';\nimport { calculateAnchorOfBounds, isFunction, isNil, isObject, isString, styleStringToObject } from '@visactor/vutils';\nimport type { CreateDOMParamsTypeForVTable } from './vtable-browser-env-contribution';\n\nexport class VTableReactAttributePlugin extends ReactAttributePlugin {\n  declare htmlMap: Record<\n    string,\n    {\n      root?: any;\n      unmount?: () => void;\n      wrapContainer: HTMLElement;\n      nativeContainer: HTMLElement;\n      container: string | HTMLElement | null;\n      renderId: number;\n      graphic: IGraphic;\n    }\n  >;\n  removeElement(id: string) {\n    super.removeElement(id);\n    delete this.htmlMap[id];\n  }\n\n  renderGraphicHTML(graphic: IGraphic) {\n    const { react } = graphic.attribute;\n    if (!react) {\n      return;\n    }\n    const stage = graphic.stage;\n    if (!stage) {\n      return;\n    }\n    const ReactDOM = stage.params.ReactDOM;\n    const { element } = react;\n    let { container } = react;\n    // deal with frozen container\n    if (container) {\n      container = checkFrozenContainer(graphic);\n    }\n\n    if (!(element && ReactDOM && (ReactDOM.createRoot || ReactDOM.render))) {\n      return;\n    }\n    const id = isNil(react.id) ? `${graphic.id ?? graphic._uid}_react` : react.id;\n\n    if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container) {\n      this.removeElement(id);\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      // createa a wrapper contianer to be the root of react element\n      const { wrapContainer, nativeContainer } = this.getWrapContainer(stage, container);\n\n      if (wrapContainer) {\n        if (!this.htmlMap) {\n          this.htmlMap = {};\n        }\n\n        if (ReactDOM.createRoot) {\n          const root = ReactDOM.createRoot(wrapContainer);\n          root.render(element);\n          this.htmlMap[id] = { root, wrapContainer, nativeContainer, container, renderId: this.renderId, graphic };\n        } else {\n          ReactDOM.render(element, wrapContainer);\n\n          this.htmlMap[id] = {\n            wrapContainer,\n            nativeContainer,\n            container,\n            renderId: this.renderId,\n            unmount: () => {\n              ReactDOM.unmountComponentAtNode(wrapContainer);\n            },\n            graphic\n          };\n        }\n      }\n    } else {\n      // update react element\n      if (ReactDOM.createRoot) {\n        this.htmlMap[id].root.render(element);\n      } else {\n        ReactDOM.render(element, this.htmlMap[id].wrapContainer);\n      }\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      return;\n    }\n\n    const { wrapContainer, nativeContainer } = this.htmlMap[id];\n\n    this.updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, react);\n    this.htmlMap[id].renderId = this.renderId;\n  }\n\n  getWrapContainer(stage: IStage, userContainer?: string | HTMLElement | null, domParams?: CreateDOMParamsType) {\n    let nativeContainer;\n    if (userContainer) {\n      if (typeof userContainer === 'string') {\n        nativeContainer = application.global.getElementById(userContainer);\n      } else {\n        nativeContainer = userContainer;\n      }\n    } else {\n      nativeContainer = stage.window.getContainer();\n    }\n    // 创建wrapGroup\n    return {\n      wrapContainer: application.global.createDom({ tagName: 'div', parent: nativeContainer, ...domParams }),\n      nativeContainer\n    };\n  }\n\n  updateStyleOfWrapContainer(\n    graphic: IGraphic,\n    stage: IStage,\n    wrapContainer: HTMLElement,\n    nativeContainer: HTMLElement,\n    options: SimpleDomStyleOptions & CommonDomOptions\n  ) {\n    const { pointerEvents, penetrateEventList = [] } = options;\n    let calculateStyle = this.parseDefaultStyleFromGraphic(graphic);\n\n    calculateStyle.display = graphic.attribute.visible !== false ? 'block' : 'none';\n    // 事件穿透\n    calculateStyle.pointerEvents = pointerEvents === true ? 'all' : pointerEvents ? pointerEvents : 'none';\n    if (calculateStyle.pointerEvents !== 'none') {\n      // 删除所有的事件\n      this.removeWrapContainerEventListener(wrapContainer);\n      // 监听所有的事件\n      penetrateEventList.forEach(event => {\n        if (event === 'wheel') {\n          wrapContainer.addEventListener('wheel', this.onWheel);\n\n          // hack for preventing drag touch cause page jump\n          wrapContainer.addEventListener(\n            'wheel',\n            e => {\n              e.preventDefault();\n            },\n            true\n          );\n        }\n      });\n    }\n\n    // 定位wrapGroup\n    if (!wrapContainer.style.position) {\n      wrapContainer.style.position = 'absolute';\n      // nativeContainer.style.position = 'relative'; // 'relative' will cause the problem of container position\n    }\n    let left: number = 0;\n    let top: number = 0;\n    const b = graphic.globalAABBBounds;\n\n    let anchorType = options.anchorType;\n\n    if (isNil(anchorType)) {\n      anchorType = graphic.type === 'text' ? 'position' : 'boundsLeftTop';\n    }\n\n    if (anchorType === 'boundsLeftTop') {\n      // 兼容老的配置，统一配置\n      anchorType = 'top-left';\n    }\n    if (anchorType === 'position' || b.empty()) {\n      const matrix = graphic.globalTransMatrix;\n      left = matrix.e;\n      top = matrix.f;\n    } else {\n      const anchor = calculateAnchorOfBounds(b, anchorType);\n\n      left = anchor.x;\n      top = anchor.y;\n    }\n\n    // 查看wrapGroup的位置\n    // const wrapGroupTL = application.global.getElementTopLeft(wrapGroup, false);\n    const containerTL = application.global.getElementTopLeft(nativeContainer, false);\n    const windowTL = stage.window.getTopLeft(false);\n    const offsetX = left + windowTL.left - containerTL.left;\n    const offsetTop = top + windowTL.top - containerTL.top;\n    // wrapGroup.style.transform = `translate(${offsetX}px, ${offsetTop}px)`;\n    calculateStyle.left = `${offsetX}px`;\n    calculateStyle.top = `${offsetTop}px`;\n\n    if (graphic.type === 'text' && anchorType === 'position') {\n      calculateStyle = {\n        ...calculateStyle,\n        ...this.getTransformOfText(graphic as IText)\n      };\n    }\n\n    if (isFunction(options.style)) {\n      const userStyle = options.style(\n        { top: offsetTop, left: offsetX, width: b.width(), height: b.height() },\n        graphic,\n        wrapContainer\n      );\n\n      if (userStyle) {\n        calculateStyle = { ...calculateStyle, ...userStyle };\n      }\n    } else if (isObject(options.style)) {\n      calculateStyle = { ...calculateStyle, ...options.style };\n    } else if (isString(options.style) && options.style) {\n      calculateStyle = { ...calculateStyle, ...styleStringToObject(options.style as string) };\n    }\n\n    // 更新样式\n    application.global.updateDom(wrapContainer, {\n      width: options.width,\n      height: options.height,\n      style: calculateStyle,\n      graphic\n    } as CreateDOMParamsTypeForVTable);\n  }\n\n  protected drawHTML() {\n    if (application?.global?.env === 'browser') {\n      (this.pluginService.stage as any).children // fix interactive layer problem\n        .sort((a: IGraphic, b: IGraphic) => {\n          return (a.attribute.zIndex ?? DefaultAttribute.zIndex) - (b.attribute.zIndex ?? DefaultAttribute.zIndex);\n        })\n        .forEach((group: IGroup) => {\n          this.renderGroupHTML(group);\n        });\n\n      this.clearCacheContainer();\n    }\n  }\n}\n\nfunction checkFrozenContainer(graphic: IGraphic) {\n  const targetGroup = getTargetGroup(graphic);\n  if (!targetGroup) {\n    return null;\n  }\n  const { col, row, stage } = targetGroup;\n  let { container } = graphic.attribute.react;\n  const { table } = stage as any;\n  // deal with react dom container\n  if (\n    container === table.bodyDomContainer &&\n    col < table.frozenColCount &&\n    row >= table.rowCount - table.bottomFrozenRowCount\n  ) {\n    container = table.bottomFrozenBodyDomContainer;\n  } else if (\n    container === table.bodyDomContainer &&\n    col >= table.colCount - table.rightFrozenColCount &&\n    row >= table.rowCount - table.bottomFrozenRowCount\n  ) {\n    container = table.rightFrozenBottomDomContainer;\n  } else if (container === table.bodyDomContainer && row >= table.rowCount - table.bottomFrozenRowCount) {\n    container = table.bottomFrozenBodyDomContainer;\n  } else if (container === table.bodyDomContainer && col < table.frozenColCount) {\n    container = table.frozenBodyDomContainer;\n  } else if (container === table.bodyDomContainer && col >= table.colCount - table.rightFrozenColCount) {\n    container = table.rightFrozenBodyDomContainer;\n  } else if (container === table.headerDomContainer && col < table.frozenColCount) {\n    container = table.frozenHeaderDomContainer;\n  } else if (container === table.headerDomContainer && col >= table.colCount - table.rightFrozenColCount) {\n    container = table.rightFrozenHeaderDomContainer;\n  }\n\n  // graphic.attribute.react.container = container;\n  return container;\n}\n\nfunction getTargetGroup(target: any) {\n  while (target && target.parent) {\n    if (target.name === 'custom-container') {\n      return target;\n    }\n    target = target.parent;\n  }\n  return null;\n}\n"]}

package/es/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/es/table-components/custom-component.js

@@ -0,0 +1,67 @@
+import React, { useContext, useMemo } from "react";
+
+import RootTableContext from "../context/table";
+
+import { isNumber, merge } from "@visactor/vutils";
+
+export const CustomComponent = baseProps => {
+    const context = useContext(RootTableContext), {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 = merge({}, style, {
+        position: "absolute",
+        zIndex: 1e3,
+        width: styleWidth,
+        height: styleHeight,
+        left: styleLeft,
+        top: styleTop
+    });
+    return React.createElement("div", {
+        className: className,
+        style: componentStyle
+    }, React.Children.map(children, (child => child ? React.cloneElement(child, {}) : child)));
+};
+
+export default function useMergeProps(componentProps, defaultProps) {
+    const _defaultProps = useMemo((() => Object.assign({}, defaultProps)), [ defaultProps ]);
+    return useMemo((() => {
+        const mProps = merge({}, componentProps);
+        for (const propName in _defaultProps) void 0 === mProps[propName] && (mProps[propName] = _defaultProps[propName]);
+        return mProps;
+    }), [ componentProps, _defaultProps ]);
+}
+
+function dealWidthNumber(value, refenceValue) {
+    return isNumber(value) ? value : "string" == typeof value && value.endsWith("%") ? Number(value.slice(0, -1)) / 100 * refenceValue : 0;
+}
+//# sourceMappingURL=custom-component.js.map

package/es/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/es/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/es/table-components/index.js

@@ -0,0 +1,26 @@
+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 } from "./custom/custom-layout";
+
+export * from "./custom/graphic";
+
+export * from "./custom/vtable-react-attribute-plugin";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAgC,MAAM,wBAAwB,CAAC;AACpF,cAAc,kBAAkB,CAAC;AAEjC,cAAc,wCAAwC,CAAC","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/es/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/es/table-components/list/list-column.js

@@ -0,0 +1,4 @@
+import { createComponent } from "../base-component";
+
+export const ListColumn = createComponent("ListColumn", "columns");
+//# sourceMappingURL=list-column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/list/list-column.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAkB,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/es/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/es/table-components/pivot/pivot-corner.js

@@ -0,0 +1,4 @@
+import { createComponent } from "../base-component";
+
+export const PivotCorner = createComponent("PivotCorner", "corner", void 0, !0);
+//# sourceMappingURL=pivot-corner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-corner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAmB,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/es/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/es/table-components/pivot/pivot-dimension.js

@@ -0,0 +1,6 @@
+import { createComponent } from "../base-component";
+
+export const PivotColumnDimension = createComponent("PivotColumnDimension", "columns");
+
+export const PivotRowDimension = createComponent("PivotRowDimension", "rows");
+//# sourceMappingURL=pivot-dimension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-dimension.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAA4B,sBAAsB,EAAE,SAAS,CAAC,CAAC;AAClH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAyB,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/es/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/es/table-components/pivot/pivot-header-title.js

@@ -0,0 +1,6 @@
+import { createComponent } from "../base-component";
+
+export const PivotColumnHeaderTitle = createComponent("PivotColumnHeaderTitle", "columnHeaderTitle", void 0, !0);
+
+export const PivotRowHeaderTitle = createComponent("PivotRowHeaderTitle", "rowHeaderTitle", void 0, !0);
+//# sourceMappingURL=pivot-header-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-header-title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,CAAC,MAAM,sBAAsB,GAAG,eAAe,CACnD,wBAAwB,EACxB,mBAAmB,EACnB,SAAS,EACT,IAAI,CACL,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAChD,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/es/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/es/table-components/pivot/pivot-indicator.js

@@ -0,0 +1,4 @@
+import { createComponent } from "../base-component";
+
+export const PivotIndicator = createComponent("PivotIndicator", "indicators");
+//# sourceMappingURL=pivot-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/pivot/pivot-indicator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAsB,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/es/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/es/tables/base-table.js

@@ -0,0 +1,178 @@
+import React, { useState, useEffect, useRef, useImperativeHandle, useCallback } from "react";
+
+import withContainer from "../containers/withContainer";
+
+import RootTableContext from "../context/table";
+
+import { isEqual, isNil, pickWithout } from "@visactor/vutils";
+
+import { toArray } from "../util";
+
+import { REACT_PRIVATE_PROPS } from "../constants";
+
+import { bindEventsToTable, TABLE_EVENTS_KEYS, TABLE_EVENTS } from "../eventsUtils";
+
+import { VTableReactAttributePlugin } from "../table-components/custom/vtable-react-attribute-plugin";
+
+import { reactEnvModule } from "../table-components/custom/vtable-browser-env-contribution";
+
+import { container, isBrowserEnv } from "k-vtable/es/vrender";
+
+isBrowserEnv() && container.load(reactEnvModule);
+
+const notOptionKeys = [ ...REACT_PRIVATE_PROPS, ...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 toArray(props.children).map(((child, index) => {
+        const parseOption = child && child.type && child.type.parseOption;
+        if (parseOption && child.props) {
+            const optionResult = parseOption(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.forwardRef(((props, ref) => {
+    const [updateId, setUpdateId] = useState(0), tableContext = useRef({});
+    useImperativeHandle(ref, (() => {
+        var _a;
+        return null === (_a = tableContext.current) || void 0 === _a ? void 0 : _a.table;
+    }));
+    const hasOption = !!props.option, hasRecords = !!props.records, isUnmount = useRef(!1), prevOption = useRef(pickWithout(props, notOptionKeys)), optionFromChildren = useRef(null), prevRecords = useRef(props.records), eventsBinded = React.useRef(null), skipFunctionDiff = !!props.skipFunctionDiff, keepColumnWidthChange = !!props.keepColumnWidthChange, columnWidths = useRef(new Map), pivotColumnWidths = useRef([]), pivotHeaderColumnWidths = useRef([]), parseOption = 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 = 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 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 = useCallback((() => {
+        if (!isUnmount.current) {
+            if (!tableContext.current || !tableContext.current.table) return;
+            bindEventsToTable(tableContext.current.table, props, eventsBinded.current, TABLE_EVENTS), 
+            setUpdateId(updateId + 1), props.onReady && props.onReady(tableContext.current.table, 0 === updateId);
+        }
+    }), [ updateId, setUpdateId, props ]), renderTable = useCallback((() => {
+        tableContext.current.table && (tableContext.current.table.render(), handleTableRender());
+    }), [ handleTableRender ]);
+    return 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 (isEqual(eventsBinded.current.option, props.option, {
+                skipFunction: skipFunctionDiff
+            })) {
+                if (hasRecords && !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 = pickWithout(props, notOptionKeys);
+        if (isEqual(newOption, prevOption.current, {
+            skipFunction: skipFunctionDiff
+        }) && isEqual(newOptionFromChildren, optionFromChildren.current, {
+            skipFunction: skipFunctionDiff
+        })) {
+            if (hasRecords && !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 ]), 
+    useEffect((() => () => {
+        tableContext && tableContext.current && tableContext.current.table && (tableContext.current.table.release(), 
+        tableContext.current = null), eventsBinded.current = null, isUnmount.current = !0;
+    }), []), React.createElement(RootTableContext.Provider, {
+        value: tableContext.current
+    }, toArray(props.children).map(((child, index) => {
+        if ("string" == typeof child) return;
+        const childId = getComponentId(child, index);
+        return React.createElement(React.Fragment, {
+            key: childId
+        }, React.cloneElement(child, {
+            updateId: updateId,
+            componentId: childId,
+            componentIndex: index
+        }));
+    })));
+}));
+
+export const createTable = (componentName, defaultProps, callback) => {
+    const Com = withContainer(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

package/es/tables/base-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/base-table.tsx"],"names":[],"mappings":"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","file":"base-table.js","sourcesContent":["/* eslint-disable react/display-name */\n// import * as VTable from 'k-vtable';\n// import { VTable } from '../vtable';\nimport React, { useState, useEffect, useRef, useImperativeHandle, useCallback } from 'react';\nimport type { ContainerProps } from '../containers/withContainer';\nimport withContainer from '../containers/withContainer';\nimport type { TableContextType } from '../context/table';\nimport RootTableContext from '../context/table';\nimport { isEqual, isNil, isNumber, pickWithout } from '@visactor/vutils';\nimport { toArray } from '../util';\nimport { REACT_PRIVATE_PROPS } from '../constants';\nimport type { IMarkElement } from '../table-components';\nimport type {\n  EventsProps\n  // LegendEventProps,\n  // ScrollBarEventProps,\n  // BrushEventProps,\n  // DataZoomEventProps,\n  // PlayerEventProps,\n  // DimensionEventProps,\n  // HierarchyEventProps,\n  // TableLifeCycleEventProps\n} from '../eventsUtils';\nimport { bindEventsToTable, TABLE_EVENTS_KEYS, TABLE_EVENTS } from '../eventsUtils';\nimport { VTableReactAttributePlugin } from '../table-components/custom/vtable-react-attribute-plugin';\nimport { reactEnvModule } from '../table-components/custom/vtable-browser-env-contribution';\nimport { container, isBrowserEnv } from 'k-vtable/es/vrender';\nimport type {\n  ListTable,\n  PivotTable,\n  PivotChart,\n  ListTableConstructorOptions,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions\n} from 'k-vtable';\nimport type { TYPES } from 'k-vtable';\n\nexport type IVTable = ListTable | PivotTable | PivotChart;\nexport type IOption = ListTableConstructorOptions | PivotTableConstructorOptions | PivotChartConstructorOptions;\n\nexport type BaseTableProps = EventsProps &\n  IOption & {\n    vtableConstrouctor?: any;\n    type?: string;\n    /** 上层container */\n    container?: HTMLDivElement;\n    /** option */\n    option?: IOption;\n    /** 数据 */\n    records?: Record<string, unknown>[];\n    /** 画布宽度 */\n    width?: number | string;\n    /** 画布高度 */\n    height?: number | string;\n    skipFunctionDiff?: boolean;\n    keepColumnWidthChange?: boolean;\n\n    ReactDOM?: any;\n\n    reactAttributePlugin?: VTableReactAttributePlugin;\n\n    /** 表格渲染完成事件 */\n    onReady?: (instance: IVTable, isInitial: boolean) => void;\n    /** throw error when chart run into an error */\n    onError?: (err: Error) => void;\n  };\n\n// for react-vtable\nif (isBrowserEnv()) {\n  container.load(reactEnvModule);\n}\n\ntype Props = React.PropsWithChildren<BaseTableProps>;\n\nconst notOptionKeys = [\n  ...REACT_PRIVATE_PROPS,\n  ...TABLE_EVENTS_KEYS,\n  'skipFunctionDiff',\n  'onError',\n  'onReady',\n  'option',\n  'records',\n  'container',\n  'vtableConstrouctor'\n];\n\nconst getComponentId = (child: React.ReactNode, index: number) => {\n  const componentName = child && (child as any).type && ((child as any).type.displayName || (child as any).type.name);\n  return `${componentName}-${index}`;\n};\n\nconst parseOptionFromChildren = (props: Props) => {\n  const optionFromChildren: Omit<IOption, 'type' | 'data' | 'width' | 'height'> = {} as any;\n\n  toArray(props.children).map((child, index) => {\n    const parseOption = child && (child as any).type && (child as any).type.parseOption;\n\n    if (parseOption && (child as any).props) {\n      const childProps = isNil((child as any).props.componentId)\n        ? {\n            ...(child as any).props,\n            componentId: getComponentId(child, index)\n          }\n        : (child as any).props;\n\n      const optionResult = parseOption(childProps) as {\n        optionName: keyof Omit<IOption, 'type' | 'data' | 'width' | 'height'>;\n        isSingle: boolean;\n        option: any;\n      };\n\n      if ((child as React.ReactElement).key) {\n        optionResult.option.key = (child as React.ReactElement).key;\n      }\n\n      if (optionResult.isSingle) {\n        optionFromChildren[optionResult.optionName] = optionResult.option as never;\n      } else {\n        if (!optionFromChildren[optionResult.optionName]) {\n          optionFromChildren[optionResult.optionName] = [] as never;\n        }\n\n        optionFromChildren[optionResult.optionName].push(optionResult.option);\n      }\n    }\n  });\n\n  return optionFromChildren;\n};\n\nconst BaseTable: React.FC<Props> = React.forwardRef((props, ref) => {\n  const [updateId, setUpdateId] = useState<number>(0);\n  const tableContext = useRef<TableContextType>({});\n  useImperativeHandle(ref, () => tableContext.current?.table);\n  const hasOption = !!props.option;\n  const hasRecords = !!props.records;\n  const isUnmount = useRef<boolean>(false);\n  const prevOption = useRef(pickWithout(props, notOptionKeys));\n  const optionFromChildren = useRef<Omit<IOption, 'records'>>(null);\n  const prevRecords = useRef(props.records);\n  const eventsBinded = React.useRef<BaseTableProps>(null);\n  const skipFunctionDiff = !!props.skipFunctionDiff;\n  const keepColumnWidthChange = !!props.keepColumnWidthChange;\n  const columnWidths = useRef<Map<string, number>>(new Map());\n  const pivotColumnWidths = useRef<{ dimensions: TYPES.IDimensionInfo[]; width: number }[]>([]);\n  const pivotHeaderColumnWidths = useRef<number[]>([]);\n\n  const parseOption = useCallback(\n    (props: Props) => {\n      if (hasOption && props.option) {\n        if (hasRecords && props.records) {\n          return {\n            ...props.option,\n            clearDOM: false,\n            records: props.records\n          };\n        }\n        return {\n          ...props.option,\n          clearDOM: false\n        };\n      }\n\n      return {\n        records: props.records,\n        ...prevOption.current,\n        ...optionFromChildren.current,\n        clearDOM: false,\n        customConfig: {\n          ...prevOption.current.customConfig,\n          createReactContainer: true\n        }\n        // ...tableContext.current?.optionFromChildren\n      };\n    },\n    [hasOption, hasRecords]\n  );\n\n  const createTable = useCallback(\n    (props: Props) => {\n      const vtable = new props.vtableConstrouctor(props.container, parseOption(props));\n      vtable.scenegraph.stage.reactAttribute = props.ReactDOM;\n      vtable.scenegraph.stage.pluginService.register(props.reactAttributePlugin ?? new VTableReactAttributePlugin());\n      vtable.scenegraph.stage.params.ReactDOM = props.ReactDOM;\n      tableContext.current = { ...tableContext.current, table: vtable };\n      isUnmount.current = false;\n\n      columnWidths.current.clear();\n      pivotColumnWidths.current = [];\n      pivotHeaderColumnWidths.current = [];\n\n      vtable.on('resize_column_end', (args: { col: number; colWidths: number[] }) => {\n        const table = tableContext.current.table;\n        if (!keepColumnWidthChange) {\n          return;\n        }\n        const { col, colWidths } = args;\n        const width = colWidths[col];\n        if (vtable.isPivotTable()) {\n          const path = (table as PivotTable).getCellHeaderPaths(col, table.columnHeaderLevelCount);\n          let dimensions;\n          if (path.cellLocation === 'rowHeader') {\n            dimensions = path.rowHeaderPaths as TYPES.IDimensionInfo[];\n          } else {\n            dimensions = path.colHeaderPaths as TYPES.IDimensionInfo[];\n          }\n\n          let found = false;\n          pivotColumnWidths.current.forEach(item => {\n            if (JSON.stringify(item.dimensions) === JSON.stringify(dimensions)) {\n              item.width = width;\n              found = true;\n            }\n          });\n          if (!found) {\n            pivotColumnWidths.current.push({ dimensions, width });\n          }\n        } else {\n          const define = table.getBodyColumnDefine(col, 0);\n          if ((define as any)?.key) {\n            columnWidths.current.set((define as any).key, width);\n          }\n        }\n      });\n    },\n    [parseOption]\n  );\n\n  const handleTableRender = useCallback(() => {\n    if (!isUnmount.current) {\n      if (!tableContext.current || !tableContext.current.table) {\n        return;\n      }\n      // rebind events after render\n      bindEventsToTable(tableContext.current.table, props, eventsBinded.current, TABLE_EVENTS);\n\n      // to be fixed\n      // will cause another useEffect\n      setUpdateId(updateId + 1);\n      if (props.onReady) {\n        props.onReady(tableContext.current.table, updateId === 0);\n      }\n    }\n  }, [updateId, setUpdateId, props]);\n\n  const renderTable = useCallback(() => {\n    if (tableContext.current.table) {\n      // eslint-disable-next-line promise/catch-or-return\n      tableContext.current.table.render();\n      handleTableRender();\n    }\n  }, [handleTableRender]);\n\n  useEffect(() => {\n    const newOptionFromChildren = hasOption ? null : parseOptionFromChildren(props);\n\n    if (!tableContext.current?.table) {\n      if (!hasOption) {\n        optionFromChildren.current = newOptionFromChildren;\n      }\n\n      createTable(props);\n      renderTable();\n      // bindEventsToTable(tableContext.current.table, props, null, TABLE_EVENTS);\n      // tableContext.current = {\n      //   ...tableContext.current,\n      //   isChildrenUpdated: false\n      // };\n      eventsBinded.current = props;\n      return;\n    }\n\n    if (hasOption) {\n      if (!isEqual(eventsBinded.current.option, props.option, { skipFunction: skipFunctionDiff })) {\n        const option = parseOption(props);\n        if (keepColumnWidthChange) {\n          const columnWidthConfig = updateWidthCache(\n            columnWidths.current,\n            pivotColumnWidths.current,\n            tableContext.current.table\n          );\n          (option as any).columnWidthConfig = columnWidthConfig;\n          (option as any).columnWidthConfigForRowHeader = columnWidthConfig;\n        }\n        // eslint-disable-next-line promise/catch-or-return\n        tableContext.current.table.updateOption(option as any);\n        handleTableRender();\n        eventsBinded.current = props;\n      } else if (\n        hasRecords &&\n        !isEqual(eventsBinded.current.records, props.records, { skipFunction: skipFunctionDiff })\n      ) {\n        if (keepColumnWidthChange) {\n          const columnWidthConfig = updateWidthCache(\n            columnWidths.current,\n            pivotColumnWidths.current,\n            tableContext.current.table\n          );\n          (tableContext.current.table.internalProps as any).columnWidthConfig = columnWidthConfig;\n          (tableContext.current.table.internalProps as any).columnWidthConfigForRowHeader = columnWidthConfig;\n        }\n        tableContext.current.table.setRecords(props.records as any[]);\n        handleTableRender();\n        eventsBinded.current = props;\n      }\n      return;\n    }\n\n    const newOption = pickWithout(props, notOptionKeys);\n\n    if (\n      !isEqual(newOption, prevOption.current, { skipFunction: skipFunctionDiff }) ||\n      // tableContext.current.isChildrenUpdated\n      !isEqual(newOptionFromChildren, optionFromChildren.current, { skipFunction: skipFunctionDiff })\n    ) {\n      prevOption.current = newOption;\n      optionFromChildren.current = newOptionFromChildren;\n\n      const option = parseOption(props);\n      if (keepColumnWidthChange) {\n        const columnWidthConfig = updateWidthCache(\n          columnWidths.current,\n          pivotColumnWidths.current,\n          tableContext.current.table\n        );\n        (option as any).columnWidthConfig = columnWidthConfig;\n        (option as any).columnWidthConfigForRowHeader = columnWidthConfig;\n      }\n      tableContext.current.table.updateOption(option as any);\n\n      // columnWidths.current = [];\n      handleTableRender();\n      eventsBinded.current = props;\n    } else if (hasRecords && !isEqual(props.records, prevRecords.current, { skipFunction: skipFunctionDiff })) {\n      prevRecords.current = props.records;\n\n      if (keepColumnWidthChange) {\n        const columnWidthConfig = updateWidthCache(\n          columnWidths.current,\n          pivotColumnWidths.current,\n          tableContext.current.table\n        );\n        (tableContext.current.table.internalProps as any).columnWidthConfig = columnWidthConfig;\n        (tableContext.current.table.internalProps as any).columnWidthConfigForRowHeader = columnWidthConfig;\n      }\n\n      tableContext.current.table.setRecords(props.records);\n      handleTableRender();\n      eventsBinded.current = props;\n    }\n    // tableContext.current = {\n    //   ...tableContext.current,\n    //   isChildrenUpdated: false\n    // };\n  }, [createTable, hasOption, hasRecords, parseOption, handleTableRender, renderTable, skipFunctionDiff, props]);\n\n  useEffect(() => {\n    return () => {\n      if (tableContext) {\n        if (tableContext.current && tableContext.current.table) {\n          tableContext.current.table.release();\n          tableContext.current = null;\n        }\n      }\n      eventsBinded.current = null;\n      isUnmount.current = true;\n    };\n  }, []);\n\n  return (\n    <RootTableContext.Provider value={tableContext.current}>\n      {toArray(props.children).map((child: React.ReactNode, index: number) => {\n        if (typeof child === 'string') {\n          return;\n        }\n\n        const childId = getComponentId(child, index);\n\n        // const componentName =\n        //   child && (child as any).type && ((child as any).type.displayName || (child as any).type.name);\n        // const childId = `${componentName}-${index}`;\n\n        return (\n          // <React.Fragment key={(child as any)?.props?.id ?? (child as any)?.id ?? `child-${index}`}>\n          //   {React.cloneElement(child as IMarkElement, {\n          //     updateId: updateId\n          //   })}\n          // </React.Fragment>\n          <React.Fragment key={childId}>\n            {React.cloneElement(child as React.ReactElement<any, React.JSXElementConstructor<any>>, {\n              updateId: updateId,\n              componentId: childId,\n              componentIndex: index\n            })}\n          </React.Fragment>\n        );\n      })}\n    </RootTableContext.Provider>\n  );\n});\n\nexport const createTable = <T extends Props>(\n  componentName: string,\n  defaultProps?: Partial<T>,\n  callback?: (props: T) => T\n) => {\n  const Com = withContainer<ContainerProps, T>(BaseTable as any, componentName, (props: T) => {\n    // props.type = type;\n\n    if (defaultProps) {\n      return Object.assign(props, defaultProps);\n    }\n\n    // if (callback) {\n    //   return callback(props);\n    // }\n\n    // if (type) {\n    //   return { ...props, type };\n    // }\n    return props;\n  });\n  Com.displayName = componentName;\n  return Com;\n};\n\nfunction updateWidthCache(\n  columnWidths: Map<string, number>,\n  pivotColumnWidths: { dimensions: TYPES.IDimensionInfo[]; width: number }[],\n  table: IVTable\n) {\n  if (table.isPivotTable()) {\n    return pivotColumnWidths;\n  }\n  const columnWidthConfig: { key: string; width: number }[] = [];\n  columnWidths.forEach((width, key) => {\n    columnWidthConfig.push({\n      key,\n      width\n    });\n  });\n  return columnWidthConfig;\n}\n"]}

package/es/tables/index.d.ts

@@ -0,0 +1,6 @@
+export { ListTable } from './list-table';
+export { PivotTable } from './pivot-table';
+export { PivotChart, registerChartModule } from './pivot-chart';
+export { ListTableSimple } from './list-table-simple';
+export { PivotTableSimple } from './pivot-table-simple';
+export { register } from 'k-vtable';

package/es/tables/index.js

@@ -0,0 +1,12 @@
+export { ListTable } from "./list-table";
+
+export { PivotTable } from "./pivot-table";
+
+export { PivotChart, registerChartModule } from "./pivot-chart";
+
+export { ListTableSimple } from "./list-table-simple";
+
+export { PivotTableSimple } from "./pivot-table-simple";
+
+export { register } from "k-vtable";
+//# sourceMappingURL=index.js.map

package/es/tables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC","file":"index.js","sourcesContent":["export { ListTable } from './list-table';\nexport { PivotTable } from './pivot-table';\nexport { PivotChart, registerChartModule } from './pivot-chart';\nexport { ListTableSimple } from './list-table-simple';\nexport { PivotTableSimple } from './pivot-table-simple';\n\nexport { register } from 'k-vtable';\n"]}

package/es/tables/list-table-simple.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+import type { ListTableConstructorOptions } from 'k-vtable';
+import type { BaseTableProps } from './base-table';
+export interface ListTableProps extends Omit<BaseTableProps, 'records'>, Omit<ListTableConstructorOptions, 'container'> {
+}
+export declare const ListTableSimple: React.ForwardRefExoticComponent<Omit<ListTableProps & {
+    children?: React.ReactNode;
+} & import("../containers/withContainer").ContainerProps, "ref"> & React.RefAttributes<any>>;

package/es/tables/list-table-simple.js

@@ -0,0 +1,9 @@
+import { ListTableSimple as ListTableConstrouctor } from "k-vtable";
+
+import { createTable } from "./base-table";
+
+export const ListTableSimple = createTable("ListTable", {
+    type: "list-table",
+    vtableConstrouctor: ListTableConstrouctor
+});
+//# sourceMappingURL=list-table-simple.js.map

package/es/tables/list-table-simple.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/list-table-simple.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAA0C,WAAW,EAAE;IAC/F,IAAI,EAAE,YAAY;IAClB,kBAAkB,EAAE,qBAA4B;CACjD,CAAC,CAAC","file":"list-table-simple.js","sourcesContent":["import type React from 'react';\nimport type { ListTableConstructorOptions } from 'k-vtable';\nimport { ListTableSimple as ListTableConstrouctor } from 'k-vtable';\nimport type { BaseTableProps } from './base-table';\nimport { createTable } from './base-table';\n\nexport interface ListTableProps\n  extends Omit<BaseTableProps, 'records'>,\n    Omit<ListTableConstructorOptions, 'container'> {}\n\nexport const ListTableSimple = createTable<React.PropsWithChildren<ListTableProps>>('ListTable', {\n  type: 'list-table',\n  vtableConstrouctor: ListTableConstrouctor as any\n});\n"]}