@visactor/react-vtable 1.6.3-alpha.2 → 1.6.3

package/es/components/tag/tag.js

@@ -42,5 +42,4 @@ function TagComponent(baseProps, ref) {
 
 export const Tag = React.forwardRef(TagComponent);
 
-Tag.displayName = "Tag";
-//# sourceMappingURL=tag.js.map
+Tag.displayName = "Tag";

package/es/components/vrender-components/checkbox.js

@@ -1 +1,2 @@
-export const Checkbox = "checkbox";
+export const Checkbox = "checkbox";
+//# sourceMappingURL=checkbox.js.map

package/es/containers/withContainer.js

@@ -29,5 +29,4 @@ export default function withContainer(Comp, name = "TableContainer", getProps) {
         }, getProps ? getProps(options) : options)) : React.createElement(React.Fragment, null));
     }));
     return Cls.displayName = name || Comp.name, Cls;
-}
-//# sourceMappingURL=withContainer.js.map
+}

package/es/context/table.js

@@ -12,4 +12,5 @@ export function withTableInstance(Component) {
     return Com.displayName = Component.name, Com;
 }
 
-export default TableContext;
+export default TableContext;
+//# sourceMappingURL=table.js.map

package/es/index.d.ts

@@ -1,4 +1,4 @@
 export * from './tables';
 export * from './table-components';
 export * from './components';
-export declare const version = "1.6.3-alpha.2";
+export declare const version = "1.6.3";

package/es/index.js

@@ -4,5 +4,5 @@ export * from "./table-components";
 
 export * from "./components";
 
-export const version = "1.6.3-alpha.2";
+export const version = "1.6.3";
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAE7B,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC","file":"index.js","sourcesContent":["export * from './tables';\nexport * from './table-components';\nexport * from './components';\n\nexport const version = \"1.6.3-alpha.2\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAE7B,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC","file":"index.js","sourcesContent":["export * from './tables';\nexport * from './table-components';\nexport * from './components';\n\nexport const version = \"1.6.3\";\n"]}

package/es/table-components/custom/reconciler.js

@@ -100,7 +100,7 @@ function updateGraphicProps(graphic, newProps, oldProps) {
 
 //# sourceMappingURL=reconciler.js.map
 reconcilor.injectIntoDevTools({
-    bundleType: "production" !== process.env.NODE_ENV ? 1 : 0,
+    bundleType: "production" !== production ? 1 : 0,
     version: React.version,
     rendererPackageName: "react-vtable"
 });

package/es/table-components/custom/reconciler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["table-components/custom/reconciler.ts"],"names":[],"mappings":"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","file":"reconciler.js","sourcesContent":["import { application, REACT_TO_CANOPUS_EVENTS, Tag } from '@visactor/vtable/es/vrender';\nimport type { Graphic, IGraphic, IGraphicCreator } from '@visactor/vtable/es/vrender';\nimport { isFunction, merge } from '@visactor/vutils';\nimport React from 'react';\nimport ReactReconciler from 'react-reconciler';\nimport { DefaultEventPriority } from 'react-reconciler/constants.js';\nimport { createVRenderComponent } from '../../components/vrender-components/component-creater';\n\ntype Instance = Graphic;\n\nexport const reconcilor = ReactReconciler({\n  supportsMutation: true,\n  supportsPersistence: false,\n\n  createInstance: (type: string, props: any, instance) => {\n    const graphic = createGraphic(type, props);\n    if (graphic) {\n      bindEventsToGraphic(graphic as IGraphic, props);\n    } else {\n      return undefined;\n      // createInstance\n      // graphic = createGraphic('group', {});\n    }\n    return graphic;\n  },\n\n  createTextInstance: (text, instance) => {\n    // const textGraphic = createText({ text });\n    // return textGraphic;\n    // debugger;\n    // return document.createTextNode(text);\n    return undefined;\n  },\n\n  appendInitialChild: (parentInstance: Instance, childInstance: Instance) => {\n    parentInstance.add(childInstance);\n  },\n\n  finalizeInitialChildren: () => false,\n\n  prepareUpdate: () => true,\n\n  shouldSetTextContent: () => false,\n\n  getRootHostContext: () => null,\n\n  getChildHostContext: () => null,\n\n  getPublicInstance: (instance: Instance) => {\n    return instance;\n  },\n\n  prepareForCommit: () => null,\n\n  resetAfterCommit: () => undefined,\n\n  preparePortalMount: () => null,\n\n  // eslint-disable-next-line no-undef\n  scheduleTimeout: setTimeout,\n  // eslint-disable-next-line no-undef\n  cancelTimeout: clearTimeout,\n\n  noTimeout: -1,\n  isPrimaryRenderer: false,\n\n  getCurrentEventPriority: () => DefaultEventPriority,\n\n  getInstanceFromNode: node => null,\n\n  beforeActiveInstanceBlur: () => undefined,\n\n  afterActiveInstanceBlur: () => undefined,\n\n  prepareScopeUpdate: () => undefined,\n\n  getInstanceFromScope: () => undefined,\n\n  detachDeletedInstance: () => undefined,\n\n  supportsHydration: false,\n\n  appendChild: (parentInstance: Instance, child: Instance) => {\n    parentInstance.add(child);\n  },\n  appendChildToContainer: (container: Instance, child: Instance) => {\n    container.add(child);\n  },\n\n  insertBefore: (parentInstance: Instance, child: Instance, beforeChild: Instance) => {\n    parentInstance.insertBefore(child, beforeChild);\n  },\n\n  insertInContainerBefore: (parentInstance: Instance, child: Instance, beforeChild: Instance) => {\n    parentInstance.insertBefore(child, beforeChild);\n  },\n\n  removeChild: (parentInstance: Instance, child: Instance) => {\n    child.delete();\n  },\n\n  removeChildFromContainer: (parentInstance: Instance, child: Instance) => {\n    child.delete();\n  },\n\n  commitUpdate: (instance, updatePayload, type, oldProps, newProps) => {\n    updateGraphicProps(instance, newProps, oldProps);\n  },\n\n  hideInstance: (instance: Instance) => {\n    instance.setAttribute('visible', false);\n  },\n\n  unhideInstance: (instance, props) => {\n    instance.setAttribute('visible', true);\n  },\n\n  clearContainer: (container: Instance) => {\n    container.removeAllChild();\n  },\n\n  commitTextUpdate: (textInstance: any, oldText: string, newText: string) => {\n    // debugger;\n  }\n});\n\nreconcilor.injectIntoDevTools({\n  // findFiberByHostInstance: () => {},\n  // @ts-ignore\n  // eslint-disable-next-line no-undef\n  bundleType: process.env.NODE_ENV !== 'production' ? 1 : 0,\n  version: React.version,\n  rendererPackageName: 'react-vtable'\n});\n\nfunction createGraphic(type: string, props: any) {\n  const component = createVRenderComponent(type, props);\n  if (component) {\n    return component;\n  }\n  if (!application.graphicService.creator[type as keyof IGraphicCreator]) {\n    return undefined;\n  }\n  const graphic = application.graphicService.creator[type as keyof IGraphicCreator]((props as any).attribute);\n  return graphic;\n}\n\nfunction isEventProp(key: string, props: any) {\n  return key.startsWith('on') && isFunction(props[key]);\n}\n\nfunction bindEventsToGraphic(graphic: IGraphic, props: any) {\n  for (const key in props) {\n    if (isEventProp(key, props) && REACT_TO_CANOPUS_EVENTS[key as keyof typeof REACT_TO_CANOPUS_EVENTS]) {\n      graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[key as keyof typeof REACT_TO_CANOPUS_EVENTS], props[key]);\n    }\n  }\n}\n\nfunction updateGraphicProps(graphic: IGraphic, newProps: any, oldProps: any) {\n  // deal width event update\n  for (const propKey in oldProps) {\n    if (isEventProp(propKey, oldProps) && oldProps[propKey] !== newProps[propKey]) {\n      graphic.removeEventListener(\n        REACT_TO_CANOPUS_EVENTS[propKey as keyof typeof REACT_TO_CANOPUS_EVENTS],\n        oldProps[propKey]\n      );\n    }\n  }\n  for (const propKey in newProps) {\n    if (isEventProp(propKey, newProps) && oldProps[propKey] !== newProps[propKey]) {\n      graphic.addEventListener(\n        REACT_TO_CANOPUS_EVENTS[propKey as keyof typeof REACT_TO_CANOPUS_EVENTS],\n        newProps[propKey]\n      );\n    }\n  }\n  // update all attribute\n  const attribute = newProps.attribute ?? merge({}, newProps);\n  graphic.initAttributes(attribute);\n  if (graphic.type === 'image') {\n    graphic.loadImage(attribute.image);\n  }\n}\n"]}
+{"version":3,"sources":["table-components/custom/reconciler.ts"],"names":[],"mappings":"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","file":"reconciler.js","sourcesContent":["import { application, REACT_TO_CANOPUS_EVENTS, Tag } from '@visactor/vtable/es/vrender';\nimport type { Graphic, IGraphic, IGraphicCreator } from '@visactor/vtable/es/vrender';\nimport { isFunction, merge } from '@visactor/vutils';\nimport React from 'react';\nimport ReactReconciler from 'react-reconciler';\nimport { DefaultEventPriority } from 'react-reconciler/constants.js';\nimport { createVRenderComponent } from '../../components/vrender-components/component-creater';\n\ntype Instance = Graphic;\n\nexport const reconcilor = ReactReconciler({\n  supportsMutation: true,\n  supportsPersistence: false,\n\n  createInstance: (type: string, props: any, instance) => {\n    const graphic = createGraphic(type, props);\n    if (graphic) {\n      bindEventsToGraphic(graphic as IGraphic, props);\n    } else {\n      return undefined;\n      // createInstance\n      // graphic = createGraphic('group', {});\n    }\n    return graphic;\n  },\n\n  createTextInstance: (text, instance) => {\n    // const textGraphic = createText({ text });\n    // return textGraphic;\n    // debugger;\n    // return document.createTextNode(text);\n    return undefined;\n  },\n\n  appendInitialChild: (parentInstance: Instance, childInstance: Instance) => {\n    parentInstance.add(childInstance);\n  },\n\n  finalizeInitialChildren: () => false,\n\n  prepareUpdate: () => true,\n\n  shouldSetTextContent: () => false,\n\n  getRootHostContext: () => null,\n\n  getChildHostContext: () => null,\n\n  getPublicInstance: (instance: Instance) => {\n    return instance;\n  },\n\n  prepareForCommit: () => null,\n\n  resetAfterCommit: () => undefined,\n\n  preparePortalMount: () => null,\n\n  // eslint-disable-next-line no-undef\n  scheduleTimeout: setTimeout,\n  // eslint-disable-next-line no-undef\n  cancelTimeout: clearTimeout,\n\n  noTimeout: -1,\n  isPrimaryRenderer: false,\n\n  getCurrentEventPriority: () => DefaultEventPriority,\n\n  getInstanceFromNode: node => null,\n\n  beforeActiveInstanceBlur: () => undefined,\n\n  afterActiveInstanceBlur: () => undefined,\n\n  prepareScopeUpdate: () => undefined,\n\n  getInstanceFromScope: () => undefined,\n\n  detachDeletedInstance: () => undefined,\n\n  supportsHydration: false,\n\n  appendChild: (parentInstance: Instance, child: Instance) => {\n    parentInstance.add(child);\n  },\n  appendChildToContainer: (container: Instance, child: Instance) => {\n    container.add(child);\n  },\n\n  insertBefore: (parentInstance: Instance, child: Instance, beforeChild: Instance) => {\n    parentInstance.insertBefore(child, beforeChild);\n  },\n\n  insertInContainerBefore: (parentInstance: Instance, child: Instance, beforeChild: Instance) => {\n    parentInstance.insertBefore(child, beforeChild);\n  },\n\n  removeChild: (parentInstance: Instance, child: Instance) => {\n    child.delete();\n  },\n\n  removeChildFromContainer: (parentInstance: Instance, child: Instance) => {\n    child.delete();\n  },\n\n  commitUpdate: (instance, updatePayload, type, oldProps, newProps) => {\n    updateGraphicProps(instance, newProps, oldProps);\n  },\n\n  hideInstance: (instance: Instance) => {\n    instance.setAttribute('visible', false);\n  },\n\n  unhideInstance: (instance, props) => {\n    instance.setAttribute('visible', true);\n  },\n\n  clearContainer: (container: Instance) => {\n    container.removeAllChild();\n  },\n\n  commitTextUpdate: (textInstance: any, oldText: string, newText: string) => {\n    // debugger;\n  }\n});\n\nreconcilor.injectIntoDevTools({\n  // findFiberByHostInstance: () => {},\n  // @ts-ignore\n  // eslint-disable-next-line no-undef\n  bundleType: production !== 'production' ? 1 : 0,\n  version: React.version,\n  rendererPackageName: 'react-vtable'\n});\n\nfunction createGraphic(type: string, props: any) {\n  const component = createVRenderComponent(type, props);\n  if (component) {\n    return component;\n  }\n  if (!application.graphicService.creator[type as keyof IGraphicCreator]) {\n    return undefined;\n  }\n  const graphic = application.graphicService.creator[type as keyof IGraphicCreator]((props as any).attribute);\n  return graphic;\n}\n\nfunction isEventProp(key: string, props: any) {\n  return key.startsWith('on') && isFunction(props[key]);\n}\n\nfunction bindEventsToGraphic(graphic: IGraphic, props: any) {\n  for (const key in props) {\n    if (isEventProp(key, props) && REACT_TO_CANOPUS_EVENTS[key as keyof typeof REACT_TO_CANOPUS_EVENTS]) {\n      graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[key as keyof typeof REACT_TO_CANOPUS_EVENTS], props[key]);\n    }\n  }\n}\n\nfunction updateGraphicProps(graphic: IGraphic, newProps: any, oldProps: any) {\n  // deal width event update\n  for (const propKey in oldProps) {\n    if (isEventProp(propKey, oldProps) && oldProps[propKey] !== newProps[propKey]) {\n      graphic.removeEventListener(\n        REACT_TO_CANOPUS_EVENTS[propKey as keyof typeof REACT_TO_CANOPUS_EVENTS],\n        oldProps[propKey]\n      );\n    }\n  }\n  for (const propKey in newProps) {\n    if (isEventProp(propKey, newProps) && oldProps[propKey] !== newProps[propKey]) {\n      graphic.addEventListener(\n        REACT_TO_CANOPUS_EVENTS[propKey as keyof typeof REACT_TO_CANOPUS_EVENTS],\n        newProps[propKey]\n      );\n    }\n  }\n  // update all attribute\n  const attribute = newProps.attribute ?? merge({}, newProps);\n  graphic.initAttributes(attribute);\n  if (graphic.type === 'image') {\n    graphic.loadImage(attribute.image);\n  }\n}\n"]}

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

@@ -8,7 +8,7 @@ export interface BaseTableProps extends EventsProps {
     vtableConstrouctor?: any;
     type?: string;
     container?: HTMLDivElement;
-    option?: any;
+    option?: IOption;
     records?: Record<string, unknown>[];
     width?: number;
     height?: number;

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

@@ -1 +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 '@visactor/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, 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 '@visactor/vtable/es/vrender';\nimport type {\n  ListTable,\n  PivotTable,\n  PivotChart,\n  ListTableConstructorOptions,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions\n} from '@visactor/vtable';\n\nexport type IVTable = ListTable | PivotTable | PivotChart;\nexport type IOption = ListTableConstructorOptions | PivotTableConstructorOptions | PivotChartConstructorOptions;\n\nexport interface BaseTableProps extends EventsProps {\n  vtableConstrouctor?: any;\n  type?: string;\n  /** 上层container */\n  container?: HTMLDivElement;\n  /** option */\n  option?: any;\n  /** 数据 */\n  records?: Record<string, unknown>[];\n  /** 画布宽度 */\n  width?: number;\n  /** 画布高度 */\n  height?: number;\n  skipFunctionDiff?: boolean;\n\n  ReactDOM?: any;\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 (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\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      return {\n        records: props.records,\n        ...prevOption.current,\n        ...optionFromChildren.current,\n        clearDOM: false,\n        customConfig: {\n          createReactContainer: true\n        }\n        // ...tableContext.current?.optionFromChildren\n      } as IOption;\n    },\n    [hasOption, hasRecords]\n  );\n\n  const createTable = useCallback(\n    (props: Props) => {\n      // let vtable;\n      // if (props.type === 'pivot-table') {\n      //   vtable = new VTable.PivotTable(props.container, parseOption(props));\n      // } else if (props.type === 'pivot-chart') {\n      //   vtable = new VTable.PivotChart(props.container, parseOption(props));\n      // } else {\n      //   vtable = new VTable.ListTable(props.container, parseOption(props));\n      // }\n      const vtable = new props.vtableConstrouctor(props.container, parseOption(props));\n      // vtable.scenegraph.stage.enableReactAttribute(ReactDOM);\n      vtable.scenegraph.stage.reactAttribute = props.ReactDOM;\n      vtable.scenegraph.stage.pluginService.register(new VTableReactAttributePlugin());\n      vtable.scenegraph.stage.params.ReactDOM = props.ReactDOM;\n      tableContext.current = { ...tableContext.current, table: vtable };\n      isUnmount.current = false;\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        // eslint-disable-next-line promise/catch-or-return\n        tableContext.current.table.updateOption(parseOption(props));\n        handleTableRender();\n        eventsBinded.current = props;\n      } else if (\n        hasRecords &&\n        !isEqual(eventsBinded.current.records, props.records, { skipFunction: skipFunctionDiff })\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      // eslint-disable-next-line promise/catch-or-return\n      tableContext.current.table.updateOption(parseOption(props));\n      handleTableRender();\n      eventsBinded.current = props;\n    } else if (hasRecords && !isEqual(props.records, prevRecords.current, { skipFunction: skipFunctionDiff })) {\n      prevRecords.current = props.records;\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"]}
+{"version":3,"sources":["tables/base-table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAExD,OAAO,gBAAgB,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAanD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,4DAA4D,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAqCtE,IAAI,YAAY,EAAE,EAAE;IAClB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;CAChC;AAID,MAAM,aAAa,GAAG;IACpB,GAAG,mBAAmB;IACtB,GAAG,iBAAiB;IACpB,kBAAkB;IAClB,SAAS;IACT,SAAS;IACT,QAAQ;IACR,SAAS;IACT,WAAW;IACX,oBAAoB;CACrB,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;IAC/D,MAAM,aAAa,GAAG,KAAK,IAAK,KAAa,CAAC,IAAI,IAAI,CAAE,KAAa,CAAC,IAAI,CAAC,WAAW,IAAK,KAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpH,OAAO,GAAG,aAAa,IAAI,KAAK,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,kBAAkB,GAAwD,EAAS,CAAC;IAE1F,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC3C,MAAM,WAAW,GAAG,KAAK,IAAK,KAAa,CAAC,IAAI,IAAK,KAAa,CAAC,IAAI,CAAC,WAAW,CAAC;QAEpF,IAAI,WAAW,IAAK,KAAa,CAAC,KAAK,EAAE;YACvC,MAAM,UAAU,GAAG,KAAK,CAAE,KAAa,CAAC,KAAK,CAAC,WAAW,CAAC;gBACxD,CAAC,iCACO,KAAa,CAAC,KAAK,KACvB,WAAW,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAE7C,CAAC,CAAE,KAAa,CAAC,KAAK,CAAC;YAEzB,MAAM,YAAY,GAAG,WAAW,CAAC,UAAU,CAI1C,CAAC;YAEF,IAAI,YAAY,CAAC,QAAQ,EAAE;gBACzB,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,MAAe,CAAC;aAC5E;iBAAM;gBACL,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;oBAChD,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAW,CAAC;iBAC3D;gBAED,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;aACvE;SACF;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,SAAS,GAAoB,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAmB,EAAE,CAAC,CAAC;IAClD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,CAAA,EAAA,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IACjC,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IACnC,MAAM,SAAS,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAC7D,MAAM,kBAAkB,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAElD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE;QACf,IAAI,SAAS,IAAI,KAAK,CAAC,MAAM,EAAE;YAC7B,IAAI,UAAU,IAAI,KAAK,CAAC,OAAO,EAAE;gBAC/B,uCACK,KAAK,CAAC,MAAM,KACf,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,IACtB;aACH;YACD,uCACK,KAAK,CAAC,MAAM,KACf,QAAQ,EAAE,KAAK,IACf;SACH;QACD,mDACE,OAAO,EAAE,KAAK,CAAC,OAAO,IACnB,UAAU,CAAC,OAAO,GAClB,kBAAkB,CAAC,OAAO,KAC7B,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE;gBACZ,oBAAoB,EAAE,IAAI;aAC3B,IAED;IACJ,CAAC,EACD,CAAC,SAAS,EAAE,UAAU,CAAC,CACxB,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE;QASf,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAEjF,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC;QACxD,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,0BAA0B,EAAE,CAAC,CAAC;QACjF,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QACzD,YAAY,CAAC,OAAO,mCAAQ,YAAY,CAAC,OAAO,KAAE,KAAK,EAAE,MAAM,GAAE,CAAC;QAClE,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;gBACxD,OAAO;aACR;YAED,iBAAiB,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAIzF,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1B,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC;aAC3D;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;YAE9B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACpC,iBAAiB,EAAE,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,qBAAqB,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAEhF,IAAI,CAAC,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,CAAA,EAAE;YAChC,IAAI,CAAC,SAAS,EAAE;gBACd,kBAAkB,CAAC,OAAO,GAAG,qBAAqB,CAAC;aACpD;YAED,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,WAAW,EAAE,CAAC;YAMd,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;YAC7B,OAAO;SACR;QAED,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,EAAE;gBAE3F,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAQ,CAAC,CAAC;gBACnE,iBAAiB,EAAE,CAAC;gBACpB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;aAC9B;iBAAM,IACL,UAAU;gBACV,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,EACzF;gBACA,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,OAAgB,CAAC,CAAC;gBAC9D,iBAAiB,EAAE,CAAC;gBACpB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;aAC9B;YACD,OAAO;SACR;QAED,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAEpD,IACE,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;YAE3E,CAAC,OAAO,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,EAC/F;YACA,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;YAC/B,kBAAkB,CAAC,OAAO,GAAG,qBAAqB,CAAC;YAGnD,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAQ,CAAC,CAAC;YACnE,iBAAiB,EAAE,CAAC;YACpB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;SAC9B;aAAM,IAAI,UAAU,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,EAAE;YACzG,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YACpC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACrD,iBAAiB,EAAE,CAAC;YACpB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;SAC9B;IAKH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/G,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,YAAY,EAAE;gBAChB,IAAI,YAAY,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;oBACtD,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;oBACrC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;iBAC7B;aACF;YACD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,OAAO,IACnD,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;QACrE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO;SACR;QAED,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAM7C,OAAO,CAML,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,OAAO,IACzB,KAAK,CAAC,YAAY,CAAC,KAAkE,EAAE;YACtF,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,OAAO;YACpB,cAAc,EAAE,KAAK;SACtB,CAAC,CACa,CAClB,CAAC;IACJ,CAAC,CAAC,CACwB,CAC7B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,aAAqB,EACrB,YAAyB,EACzB,QAA0B,EAC1B,EAAE;IACF,MAAM,GAAG,GAAG,aAAa,CAAoB,SAAgB,EAAE,aAAa,EAAE,CAAC,KAAQ,EAAE,EAAE;QAGzF,IAAI,YAAY,EAAE;YAChB,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;SAC3C;QASD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC;IAChC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC","file":"base-table.js","sourcesContent":["/* eslint-disable react/display-name */\n// import * as VTable from '@visactor/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, 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 '@visactor/vtable/es/vrender';\nimport type {\n  ListTable,\n  PivotTable,\n  PivotChart,\n  ListTableConstructorOptions,\n  PivotTableConstructorOptions,\n  PivotChartConstructorOptions\n} from '@visactor/vtable';\n\nexport type IVTable = ListTable | PivotTable | PivotChart;\nexport type IOption = ListTableConstructorOptions | PivotTableConstructorOptions | PivotChartConstructorOptions;\n\nexport interface BaseTableProps extends EventsProps {\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;\n  /** 画布高度 */\n  height?: number;\n  skipFunctionDiff?: boolean;\n\n  ReactDOM?: any;\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 (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\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      return {\n        records: props.records,\n        ...prevOption.current,\n        ...optionFromChildren.current,\n        clearDOM: false,\n        customConfig: {\n          createReactContainer: true\n        }\n        // ...tableContext.current?.optionFromChildren\n      };\n    },\n    [hasOption, hasRecords]\n  );\n\n  const createTable = useCallback(\n    (props: Props) => {\n      // let vtable;\n      // if (props.type === 'pivot-table') {\n      //   vtable = new VTable.PivotTable(props.container, parseOption(props));\n      // } else if (props.type === 'pivot-chart') {\n      //   vtable = new VTable.PivotChart(props.container, parseOption(props));\n      // } else {\n      //   vtable = new VTable.ListTable(props.container, parseOption(props));\n      // }\n      const vtable = new props.vtableConstrouctor(props.container, parseOption(props));\n      // vtable.scenegraph.stage.enableReactAttribute(ReactDOM);\n      vtable.scenegraph.stage.reactAttribute = props.ReactDOM;\n      vtable.scenegraph.stage.pluginService.register(new VTableReactAttributePlugin());\n      vtable.scenegraph.stage.params.ReactDOM = props.ReactDOM;\n      tableContext.current = { ...tableContext.current, table: vtable };\n      isUnmount.current = false;\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        // eslint-disable-next-line promise/catch-or-return\n        tableContext.current.table.updateOption(parseOption(props) as any);\n        handleTableRender();\n        eventsBinded.current = props;\n      } else if (\n        hasRecords &&\n        !isEqual(eventsBinded.current.records, props.records, { skipFunction: skipFunctionDiff })\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      // eslint-disable-next-line promise/catch-or-return\n      tableContext.current.table.updateOption(parseOption(props) as any);\n      handleTableRender();\n      eventsBinded.current = props;\n    } else if (hasRecords && !isEqual(props.records, prevRecords.current, { skipFunction: skipFunctionDiff })) {\n      prevRecords.current = props.records;\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"]}

package/es/tables/index.d.ts

@@ -3,3 +3,4 @@ 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 '@visactor/vtable';

package/es/tables/index.js

@@ -7,4 +7,6 @@ export { PivotChart, registerChartModule } from "./pivot-chart";
 export { ListTableSimple } from "./list-table-simple";
 
 export { PivotTableSimple } from "./pivot-table-simple";
+
+export { register } from "@visactor/vtable";
 //# sourceMappingURL=index.js.map

package/es/tables/index.js.map

@@ -1 +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","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"]}
+{"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,kBAAkB,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 '@visactor/vtable';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/react-vtable",
-  "version": "1.6.3-alpha.2",
+  "version": "1.6.3",
   "description": "The react version of VTable",
   "keywords": [
     "react",
@@ -43,13 +43,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@visactor/vtable": "1.6.3-alpha.2",
     "@visactor/vutils": "~0.18.13",
     "react-is": "^18.2.0",
-    "react-reconciler": "0.29.2"
+    "react-reconciler": "0.29.2",
+    "@visactor/vtable": "1.6.3"
   },
   "devDependencies": {
-    "@visactor/vchart": "1.11.10",
+    "@visactor/vchart": "1.12.1",
     "@rushstack/eslint-patch": "~1.1.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",