@visactor/openinula-vtable 0.21.3-alpha.1

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

@@ -0,0 +1,21 @@
+import * as VTable from '@visactor/vtable';
+import type { ContainerProps } from '../containers/withContainer';
+import type { EventsProps } from '../eventsUtils';
+export type IVTable = VTable.ListTable | VTable.PivotTable | VTable.PivotChart;
+export type IOption = VTable.ListTableConstructorOptions | VTable.PivotTableConstructorOptions | VTable.PivotChartConstructorOptions;
+export interface BaseTableProps extends EventsProps {
+    type?: string;
+    container?: HTMLDivElement;
+    option?: any;
+    records?: Record<string, unknown>[];
+    width?: number;
+    height?: number;
+    skipFunctionDiff?: boolean;
+    onReady?: (instance: IVTable, isInitial: boolean) => void;
+    onError?: (err: Error) => void;
+}
+export declare const createTable: <T extends React.PropsWithChildren<BaseTableProps>>(componentName: string, type?: string, callback?: (props: T) => T) => import("openinula").ExoticComponent<import("openinula").PropsOmitRef<T & ContainerProps>> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};

package/es/tables/base-table.js

@@ -0,0 +1,103 @@
+import * as VTable from "@visactor/vtable";
+
+import React, { useState, useEffect, useRef, useImperativeHandle, useCallback } from "openinula";
+
+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";
+
+const notOptionKeys = [ ...REACT_PRIVATE_PROPS, ...TABLE_EVENTS_KEYS, "skipFunctionDiff", "onError", "onReady", "option", "records", "container" ], 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);
+            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, parseOption = useCallback((props => hasOption && props.option ? hasRecords && props.records ? Object.assign(Object.assign({}, props.option), {
+        records: props.records
+    }) : props.option : Object.assign(Object.assign({
+        records: props.records
+    }, prevOption.current), optionFromChildren.current)), [ hasOption, hasRecords ]), createTable = useCallback((props => {
+        let vtable;
+        vtable = "pivot-table" === props.type ? new VTable.PivotTable(props.container, parseOption(props)) : "pivot-chart" === props.type ? new VTable.PivotChart(props.container, parseOption(props)) : new VTable.ListTable(props.container, parseOption(props)), 
+        tableContext.current = Object.assign(Object.assign({}, tableContext.current), {
+            table: vtable
+        }), isUnmount.current = !1;
+    }), [ 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, _b;
+        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) return void (isEqual(eventsBinded.current.option, props.option, {
+            skipFunction: skipFunctionDiff
+        }) ? hasRecords && !isEqual(eventsBinded.current.records, props.records, {
+            skipFunction: skipFunctionDiff
+        }) && (eventsBinded.current = props, tableContext.current.table.setRecords(props.records, {
+            restoreHierarchyState: props.option.restoreHierarchyState
+        }), handleTableRender()) : (eventsBinded.current = props, tableContext.current.table.updateOption(parseOption(props)), 
+        handleTableRender()));
+        const newOption = pickWithout(props, notOptionKeys);
+        isEqual(newOption, prevOption.current, {
+            skipFunction: skipFunctionDiff
+        }) && isEqual(newOptionFromChildren, optionFromChildren.current, {
+            skipFunction: skipFunctionDiff
+        }) ? hasRecords && !isEqual(props.records, prevRecords.current, {
+            skipFunction: skipFunctionDiff
+        }) && (prevRecords.current = props.records, tableContext.current.table.setRecords(props.records, {
+            restoreHierarchyState: null === (_b = props.option) || void 0 === _b ? void 0 : _b.restoreHierarchyState
+        }), handleTableRender()) : (prevOption.current = newOption, optionFromChildren.current = newOptionFromChildren, 
+        tableContext.current.table.updateOption(parseOption(props)), handleTableRender());
+    }), [ 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
+        }));
+    })));
+}));
+
+export const createTable = (componentName, type, callback) => {
+    const Com = withContainer(BaseTable, componentName, (props => (props.type = type, 
+    callback ? callback(props) : type ? Object.assign(Object.assign({}, props), {
+        type: type
+    }) : props)));
+    return Com.displayName = componentName, Com;
+};
+//# 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 */\nimport * as VTable from '@visactor/vtable';\nimport React, { useState, useEffect, useRef, useImperativeHandle, useCallback } from 'openinula';\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 '../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';\n\nexport type IVTable = VTable.ListTable | VTable.PivotTable | VTable.PivotChart;\nexport type IOption =\n  | VTable.ListTableConstructorOptions\n  | VTable.PivotTableConstructorOptions\n  | VTable.PivotChartConstructorOptions;\n\nexport interface BaseTableProps extends EventsProps {\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  /** 表格渲染完成事件 */\n  onReady?: (instance: IVTable, isInitial: boolean) => void;\n  /** throw error when chart run into an error */\n  onError?: (err: Error) => void;\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];\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'> = {};\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);\n\n      if (optionResult.isSingle) {\n        optionFromChildren[optionResult.optionName] = optionResult.option;\n      } else {\n        if (!optionFromChildren[optionResult.optionName]) {\n          optionFromChildren[optionResult.optionName] = [];\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            records: props.records\n          };\n        }\n        return props.option;\n      }\n      return {\n        records: props.records,\n        ...prevOption.current,\n        ...optionFromChildren.current\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      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        eventsBinded.current = props;\n        // eslint-disable-next-line promise/catch-or-return\n        tableContext.current.table.updateOption(parseOption(props));\n        handleTableRender();\n      } else if (\n        hasRecords &&\n        !isEqual(eventsBinded.current.records, props.records, { skipFunction: skipFunctionDiff })\n      ) {\n        eventsBinded.current = props;\n        tableContext.current.table.setRecords(props.records as any[], {\n          restoreHierarchyState: props.option.restoreHierarchyState\n        });\n        handleTableRender();\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    } else if (hasRecords && !isEqual(props.records, prevRecords.current, { skipFunction: skipFunctionDiff })) {\n      prevRecords.current = props.records;\n      tableContext.current.table.setRecords(props.records, {\n        restoreHierarchyState: props.option?.restoreHierarchyState\n      });\n      handleTableRender();\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            })}\n          </React.Fragment>\n        );\n      })}\n    </RootTableContext.Provider>\n  );\n});\n\nexport const createTable = <T extends Props>(componentName: string, type?: string, callback?: (props: T) => T) => {\n  const Com = withContainer<ContainerProps, T>(BaseTable as any, componentName, (props: T) => {\n    props.type = type;\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

@@ -0,0 +1,3 @@
+export { ListTable } from './list-table';
+export { PivotTable } from './pivot-table';
+export { PivotChart, registerChartModule } from './pivot-chart';

package/es/tables/index.js

@@ -0,0 +1,6 @@
+export { ListTable } from "./list-table";
+
+export { PivotTable } from "./pivot-table";
+
+export { PivotChart, registerChartModule } from "./pivot-chart";
+//# 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","file":"index.js","sourcesContent":["export { ListTable } from './list-table';\nexport { PivotTable } from './pivot-table';\nexport { PivotChart, registerChartModule } from './pivot-chart';\n"]}

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

@@ -0,0 +1,9 @@
+import type { ListTableConstructorOptions } from '@visactor/vtable';
+import type { BaseTableProps } from './base-table';
+export interface ListTableProps extends Omit<BaseTableProps, 'records' | 'type'>, Omit<ListTableConstructorOptions, 'container'> {
+}
+export declare const ListTable: import("openinula").ExoticComponent<Omit<any, "ref">> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};

package/es/tables/list-table.js

@@ -0,0 +1,4 @@
+import { createTable } from "./base-table";
+
+export const ListTable = createTable("ListTable", "list-table");
+//# sourceMappingURL=list-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/list-table.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAA0C,WAAW,EAAE,YAAY,CAAC,CAAC","file":"list-table.js","sourcesContent":["// import type React from 'react';\nimport type React from 'openinula';\nimport type { ListTableConstructorOptions } from '@visactor/vtable';\nimport type { BaseTableProps } from './base-table';\nimport { createTable } from './base-table';\n\nexport interface ListTableProps\n  extends Omit<BaseTableProps, 'records' | 'type'>,\n    Omit<ListTableConstructorOptions, 'container'> {}\n\nexport const ListTable = createTable<React.PropsWithChildren<ListTableProps>>('ListTable', 'list-table');\n"]}

package/es/tables/pivot-chart.d.ts

@@ -0,0 +1,10 @@
+import type { PivotChartConstructorOptions } from '@visactor/vtable';
+import type { BaseTableProps } from './base-table';
+export interface PivotChartProps extends Omit<BaseTableProps, 'records' | 'type'>, Omit<PivotChartConstructorOptions, 'container'> {
+}
+export declare const PivotChart: import("openinula").ExoticComponent<Omit<any, "ref">> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};
+export declare function registerChartModule(name: string, chart: any): void;

package/es/tables/pivot-chart.js

@@ -0,0 +1,10 @@
+import * as VTable from "@visactor/vtable";
+
+import { createTable } from "./base-table";
+
+export const PivotChart = createTable("PivotChart", "pivot-chart");
+
+export function registerChartModule(name, chart) {
+    VTable.register.chartModule(name, chart);
+}
+//# sourceMappingURL=pivot-chart.js.map

package/es/tables/pivot-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/pivot-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAA2C,YAAY,EAAE,aAAa,CAAC,CAAC;AAE7G,MAAM,UAAU,mBAAmB,CAAC,IAAY,EAAE,KAAU;IAC1D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC","file":"pivot-chart.js","sourcesContent":["// import type React from 'react';\nimport type React from 'openinula';\nimport * as VTable from '@visactor/vtable';\nimport type { PivotChartConstructorOptions } from '@visactor/vtable';\nimport type { BaseTableProps } from './base-table';\nimport { createTable } from './base-table';\n\nexport interface PivotChartProps\n  extends Omit<BaseTableProps, 'records' | 'type'>,\n    Omit<PivotChartConstructorOptions, 'container'> {}\n\nexport const PivotChart = createTable<React.PropsWithChildren<PivotChartProps>>('PivotChart', 'pivot-chart');\n\nexport function registerChartModule(name: string, chart: any) {\n  VTable.register.chartModule(name, chart);\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { PivotTableConstructorOptions } from '@visactor/vtable';
+import type { BaseTableProps } from './base-table';
+export interface PivotTableProps extends Omit<BaseTableProps, 'records' | 'type'>, Omit<PivotTableConstructorOptions, 'container'> {
+}
+export declare const PivotTable: import("openinula").ExoticComponent<Omit<any, "ref">> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};

package/es/tables/pivot-table.js

@@ -0,0 +1,4 @@
+import { createTable } from "./base-table";
+
+export const PivotTable = createTable("PivotTable", "pivot-table");
+//# sourceMappingURL=pivot-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tables/pivot-table.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAA2C,YAAY,EAAE,aAAa,CAAC,CAAC","file":"pivot-table.js","sourcesContent":["// import type React from 'react';\nimport type React from 'openinula';\nimport type { PivotTableConstructorOptions } from '@visactor/vtable';\nimport type { BaseTableProps } from './base-table';\nimport { createTable } from './base-table';\n\nexport interface PivotTableProps\n  extends Omit<BaseTableProps, 'records' | 'type'>,\n    Omit<PivotTableConstructorOptions, 'container'> {}\n\nexport const PivotTable = createTable<React.PropsWithChildren<PivotTableProps>>('PivotTable', 'pivot-table');\n"]}

package/es/util.d.ts

@@ -0,0 +1,9 @@
+import type { InulaElement, InulaPortal } from 'openinula';
+type InulaNode = InulaElement | string | number | Iterable<InulaNode> | InulaPortal | boolean | null | undefined;
+export declare const uid: (prefix?: string) => string;
+export declare const getDisplayName: (Comp: any) => any;
+export declare const typeOfComponent: (component: any, customTypeKey?: string) => string;
+export declare const toArray: <T = InulaNode, TC = InulaNode>(children: T) => TC[];
+export declare const findAllByType: <T extends InulaNode, TC = unknown>(children: InulaNode, type: TC | TC[]) => T[];
+export declare const findChildByType: <T extends InulaNode, TC = unknown>(children: InulaNode, type: TC) => T;
+export {};

package/es/util.js

@@ -0,0 +1,33 @@
+import { isNil, isArray } from "@visactor/vutils";
+
+import Inula, { isFragment } from "openinula";
+
+let id = 0;
+
+export const uid = prefix => prefix ? `${prefix}-${id++}` : "" + id++;
+
+export const getDisplayName = Comp => "string" == typeof Comp ? Comp : Comp ? Comp.displayName || Comp.name : "";
+
+export const typeOfComponent = (component, customTypeKey = "__TYPE") => (null == component ? void 0 : component.props) && component.props[customTypeKey] || "string" == typeof (null == component ? void 0 : component.type) && component.type || (null == component ? void 0 : component.type) && "symbol" == typeof component.type && "Symbol(react.fragment)" === component.type.toString() && "react.fragment" || "function" == typeof (null == component ? void 0 : component.type) && component.type || "object" == typeof (null == component ? void 0 : component.type) && "Symbol(react.forward_ref)" === component.type.$$typeof.toString() && "react.forward_ref" || "string" == typeof component && "string" || "function" == typeof component && "function" || void 0;
+
+export const toArray = children => {
+    let result = [];
+    return Inula.Children.forEach(children, (child => {
+        isNil(child) || (isFragment(child) ? result = result.concat(toArray(child.props.children)) : result.push(child));
+    })), result;
+};
+
+export const findAllByType = (children, type) => {
+    const result = [];
+    let types = [];
+    return types = isArray(type) ? type.map((t => getDisplayName(t))) : [ getDisplayName(type) ], 
+    toArray(children).forEach((child => {
+        const childType = getDisplayName(typeOfComponent(child));
+        -1 !== types.indexOf(childType) && result.push(child);
+    })), result;
+};
+
+export const findChildByType = (children, type) => {
+    const result = findAllByType(children, type);
+    return null == result ? void 0 : result[0];
+};

package/es/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { isNil, isArray, isString, isFunction, isPlainObject } from '@visactor/vutils';\nimport type { InulaElement, InulaPortal } from 'openinula';\nimport Inula, { isFragment } from 'openinula';\n\ntype InulaNode = InulaElement | string | number | Iterable<InulaNode> | InulaPortal | boolean | null | undefined;\n\nlet id = 0;\n\nexport const uid = (prefix?: string) => {\n  if (prefix) {\n    return `${prefix}-${id++}`;\n  }\n\n  return `${id++}`;\n};\n\n/**\n * Get the display name of a component\n * @param  {Object} Comp Specified Component\n * @return {String}      Display name of Component\n */\nexport const getDisplayName = (Comp: any) => {\n  if (typeof Comp === 'string') {\n    return Comp;\n  }\n  if (!Comp) {\n    return '';\n  }\n  return Comp.displayName || Comp.name;\n};\n\nexport const typeOfComponent = (component: any, customTypeKey = '__TYPE'): string => {\n  return (\n    (component?.props && component.props[customTypeKey]) ||\n    (typeof component?.type === 'string' && component.type) ||\n    (component?.type &&\n      typeof component.type === 'symbol' &&\n      component.type.toString() === 'Symbol(react.fragment)' &&\n      'react.fragment') ||\n    (typeof component?.type === 'function' && component.type) ||\n    (typeof component?.type === 'object' &&\n      component.type.$$typeof.toString() === 'Symbol(react.forward_ref)' &&\n      'react.forward_ref') ||\n    (typeof component === 'string' && 'string') ||\n    (typeof component === 'function' && 'function') ||\n    undefined\n  );\n};\n\nexport const toArray = <T = InulaNode, TC = InulaNode>(children: T): TC[] => {\n  let result: TC[] = [];\n\n  Inula.Children.forEach(children, child => {\n    if (isNil(child)) {\n      return;\n    }\n\n    if (isFragment(child)) {\n      result = result.concat(toArray(child.props.children));\n    } else {\n      result.push(child as unknown as TC);\n    }\n  });\n\n  return result;\n};\n\n/*\n * Find and return all matched children by type. `type` can be a React element class or\n * string\n */\nexport const findAllByType = <T extends InulaNode, TC = unknown>(children: InulaNode, type: TC | TC[]): T[] => {\n  const result: T[] = [];\n  let types: string[] = [];\n\n  if (isArray(type)) {\n    types = type.map(t => getDisplayName(t));\n  } else {\n    types = [getDisplayName(type)];\n  }\n\n  toArray(children).forEach(child => {\n    const childType = getDisplayName(typeOfComponent(child));\n\n    if (types.indexOf(childType) !== -1) {\n      result.push(child as T);\n    }\n  });\n\n  return result;\n};\n/*\n * Return the first matched child by type, return null otherwise.\n * `type` can be a React element class or string.\n */\nexport const findChildByType = <T extends InulaNode, TC = unknown>(children: InulaNode, type: TC): T => {\n  const result = findAllByType<T, TC>(children, type);\n\n  return result?.[0];\n};\n"]}

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@visactor/openinula-vtable",
+  "version": "0.21.3-alpha.1",
+  "description": "The openinula version of VTable",
+  "keywords": [
+    "openinula",
+    "grid",
+    "table",
+    "pivottable",
+    "visualization",
+    "VTable",
+    "VisActor",
+    "spreadsheet",
+    "canvas",
+    "datagrid",
+    "datatable"
+  ],
+  "author": {
+    "name": "VisActor",
+    "url": "https://VisActor.io/"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "cjs/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "files": [
+    "cjs",
+    "es",
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "require": "./cjs/index.js",
+      "import": "./es/index.js"
+    }
+  },
+  "unpkg": "latest",
+  "unpkgFiles": [
+    "dist/openinula-vtable.js"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@visactor/vtable": "0.21.3-alpha.1",
+    "@visactor/vutils": "~0.18.1",
+    "openinula": "0.1.2-SNAPSHOT"
+  },
+  "devDependencies": {
+    "@visactor/vchart": "1.9.6",
+    "@rushstack/eslint-patch": "~1.1.4",
+    "eslint": "~8.18.0",
+    "vite": "3.2.6",
+    "typescript": "4.9.5",
+    "@babel/core": "7.20.12",
+    "@babel/preset-env": "7.20.2",
+    "@types/chai": "4.2.22",
+    "@types/jest": "^26.0.0",
+    "@types/mocha": "9.0.0",
+    "@types/node": "*",
+    "@types/offscreencanvas": "2019.6.4",
+    "chai": "4.3.4",
+    "jest": "^26.0.0",
+    "jest-electron": "^0.1.12",
+    "jest-transform-stub": "^2.0.0",
+    "magic-string": "^0.25.7",
+    "mocha": "9.1.3",
+    "postcss": "8.4.21",
+    "rimraf": "3.0.2",
+    "sass": "1.43.5",
+    "ts-jest": "^26.0.0",
+    "ts-loader": "9.2.6",
+    "ts-node": "10.9.0",
+    "tslib": "2.3.1",
+    "ttypescript": "1.5.13",
+    "typescript-transform-paths": "3.3.1",
+    "json-formatter-js": "^2.3.4",
+    "inversify": "6.0.1",
+    "vite-plugin-markdown": "^2.1.0",
+    "markdown-it": "^13.0.0",
+    "node-fetch": "2.6.7",
+    "form-data": "~4.0.0",
+    "axios": "^1.4.0",
+    "@internal/bundler": "0.0.1",
+    "@internal/eslint-config": "0.0.1",
+    "@internal/ts-config": "0.0.1"
+  },
+  "scripts": {
+    "start": "vite ./demo",
+    "build": "bundle --clean"
+  }
+}