@visactor/react-vtable 0.15.0-alpha.2

package/README.md

@@ -0,0 +1,151 @@
+<div align="center">
+  <a href="" target="_blank">
+    <img alt="VisActor Logo" width="200" src="https://github.com/VisActor/.github/blob/main/profile/500_200.svg"/>
+  </a>
+</div>
+
+<div align="center">
+  <h1>VTable</h1>
+</div>
+
+<div align="center">
+
+VTable is not just a high-performance multidimensional data analysis table, but also a grid artist that creates art between rows and columns.
+
+<p align="center">
+  <a href="">Introduction</a> •
+  <a href="">demo</a> •
+  <a href="">Tutorial</a> •
+  <a href="">API</a>•
+</p>
+
+[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/vtable)
+[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/vtable)
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)
+
+</div>
+
+<div align="center">
+
+English| [简体中文](./README.zh-CN.md)
+
+</div>
+
+<div align="center">
+
+（video）
+
+</div>
+
+# Introduction
+
+VTable is a canvas table library based on visual rendering engine [VRender](https://github.com/VisActor/VRender). 
+
+The core capabilities are as follows:
+
+1. Extreme performance: Supports fast computation and rendering of millions of data points.
+2. Multidimensional analysis: Automatically analyzes and presents multidimensional data.
+3. Strong expressiveness: Provides flexible and powerful graphic capabilities, seamlessly integrating with charts of [VChart](https://github.com/VisActor/VChart).
+
+# Repo Intro
+
+This repository includes the following packages:
+
+1. vtable: VTable components
+2. vtable-docs: VTable documentation
+
+# Usage
+
+## Installation
+
+[npm package](https://www.npmjs.com/package/@visactor/vtable)
+
+```bash
+// npm
+npm install @visactor/vtable
+
+// yarn
+yarn add @visactor/vtable
+```
+
+## Quick Start
+
+```javascript
+import * as VTable from '@visactor/vtable';
+
+const columns =[
+    {
+        "field": "Order ID",
+        "caption": "Order ID",
+    },
+    {
+        "field": "Customer ID",
+        "caption": "Customer ID",
+    },
+    {
+        "field": "Product Name",
+        "caption": "Product Name",
+    },
+    {
+        "field": "Sales",
+        "caption": "Sales",
+    },
+    {
+        "field": "Profit",
+        "caption": "Profit",
+    }
+];
+
+const option = {
+  records:[
+      {
+      "Order ID": "CA-2018-156720",
+      "Customer ID": "JM-15580",
+      "Product Name": "Bagged Rubber Bands",
+      "Sales": "3.024",
+      "Profit": "-0.605"
+  },
+  {
+      "Order ID": "CA-2018-115427",
+      "Customer ID": "EB-13975",
+      "Product Name": "GBC Binding covers",
+      "Sales": "20.72",
+      "Profit": "6.475"
+  },
+  ...
+  ],
+  columns,
+  widthMode:'standard'
+};
+const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);
+
+
+
+
+```
+
+##
+
+[More demos and detailed tutorials](https://visactor.io/vtable)
+
+# Related Links
+
+- [Official website](https://visactor.io/vtable)
+
+# Ecosystem
+
+| Project                                                     | Description                                                                            |
+| ----------------------------------------------------------- | -------------------------------------------------------------------------------------- |
+| [AI-generated Components](https://visactor.io/ai-vtable)    | AI-generated table component.                                                          |
+
+# Contribution
+
+If you would like to contribute, please read the [Code of Conduct ](./CODE_OF_CONDUCT.md) 和 [ Guide](./CONTRIBUTING.zh-CN.md) first。
+
+Small streams converge to make great rivers and seas!
+
+<a href="https://github.com/visactor/vtable/graphs/contributors"><img src="https://contrib.rocks/image?repo=visactor/vtable" /></a>
+
+# License
+
+[MIT License](./LICENSE)

package/cjs/components/base-component.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface BaseComponentProps {
+    id?: string | number;
+}
+type ComponentProps = BaseComponentProps & {
+    updateId?: number;
+};
+export declare const createComponent: <T extends ComponentProps>(componentName: string, optionName: string, supportedEvents?: Record<string, string> | null, isSingle?: boolean) => React.FC<T>;
+export {};

package/cjs/components/base-component.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createComponent = void 0;
+
+const react_1 = __importStar(require("react")), vutils_1 = require("@visactor/vutils"), table_1 = __importDefault(require("../context/table")), eventsUtils_1 = require("../eventsUtils"), util_1 = require("../util"), createComponent = (componentName, optionName, supportedEvents, isSingle) => {
+    const ignoreKeys = [ "id", "updateId" ], notOptionKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
+        const context = (0, react_1.useContext)(table_1.default), id = react_1.default.useRef((0, 
+        vutils_1.isNil)(props.id) ? (0, util_1.uid)(optionName) : props.id), eventsBinded = react_1.default.useRef(null), updateId = react_1.default.useRef(props.updateId), componentOption = react_1.default.useRef();
+        if (props.updateId !== updateId.current) {
+            updateId.current = props.updateId;
+            !!supportedEvents && (0, eventsUtils_1.bindEventsToTable)(context.table, props, eventsBinded.current, supportedEvents) && (eventsBinded.current = props);
+        } else {
+            const newComponentOption = (0, vutils_1.pickWithout)(props, notOptionKeys);
+            (0, vutils_1.isEqual)(newComponentOption, componentOption.current) || (componentOption.current = newComponentOption, 
+            updateToContext(context, id.current, optionName, isSingle, newComponentOption));
+        }
+        return (0, react_1.useEffect)((() => () => {
+            supportedEvents && (0, eventsUtils_1.bindEventsToTable)(context.table, null, eventsBinded.current, supportedEvents), 
+            deleteToContext(context, id.current, optionName, isSingle);
+        }), []), null;
+    };
+    return Comp.displayName = componentName, Comp;
+};
+
+exports.createComponent = createComponent;
+
+const updateToContext = (context, id, optionName, isSingle, props) => {
+    if (context.optionFromChildren) {
+        if (isSingle) context.optionFromChildren[optionName] = Object.assign({}, props); else {
+            context.optionFromChildren[optionName] || (context.optionFromChildren[optionName] = []);
+            const comps = context.optionFromChildren[optionName], index = comps.findIndex((entry => entry.id === id));
+            index >= 0 ? comps[index] = Object.assign({
+                id: id
+            }, props) : context.optionFromChildren[optionName].push(Object.assign({
+                id: id
+            }, props));
+        }
+        context.isChildrenUpdated = !0;
+    }
+}, deleteToContext = (context, id, optionName, isSingle) => {
+    var _a;
+    if (context.optionFromChildren) if (isSingle) context.optionFromChildren[optionName] = null; else {
+        const comps = null !== (_a = context.optionFromChildren[optionName]) && void 0 !== _a ? _a : [], index = comps.findIndex((entry => entry.id === id));
+        if (index >= 0) {
+            const newComps = comps.slice(0, index - 1).concat(comps.slice(index + 1));
+            context.optionFromChildren[optionName] = newComps, context.isChildrenUpdated = !0;
+        }
+    }
+};
+//# sourceMappingURL=base-component.js.map

package/cjs/components/base-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/base-component.tsx"],"names":[],"mappings":"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","file":"base-component.js","sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { isEqual, isNil, pickWithout } from '@visactor/vutils';\n\nimport type { TableContextType } from '../context/table';\nimport RootTableContext from '../context/table';\nimport { bindEventsToTable } from '../eventsUtils';\nimport { uid } from '../util';\n\nexport interface BaseComponentProps {\n  id?: string | number;\n}\n\ntype ComponentProps = BaseComponentProps & { updateId?: number };\n\nexport const createComponent = <T extends ComponentProps>(\n  componentName: string,\n  optionName: string,\n  supportedEvents?: Record<string, string> | null,\n  isSingle?: boolean\n) => {\n  const ignoreKeys = ['id', 'updateId'];\n  const notOptionKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys;\n\n  const Comp: React.FC<T> = (props: T) => {\n    const context = useContext(RootTableContext);\n    const id = React.useRef<string | number>(isNil(props.id) ? uid(optionName) : props.id);\n\n    const eventsBinded = React.useRef<T>(null);\n    const updateId = React.useRef<number>(props.updateId);\n    const componentOption = React.useRef<Partial<T>>();\n\n    if (props.updateId !== updateId.current) {\n      // update triggered by table when table is rendered\n      updateId.current = props.updateId;\n\n      // rebind events after table render\n      const hasPrevEventsBinded = supportedEvents\n        ? bindEventsToTable(context.table, props, eventsBinded.current, supportedEvents)\n        : false;\n      if (hasPrevEventsBinded) {\n        eventsBinded.current = props;\n      }\n    } else {\n      const newComponentOption: Partial<T> = pickWithout<T>(props, notOptionKeys);\n\n      if (!isEqual(newComponentOption, componentOption.current)) {\n        componentOption.current = newComponentOption;\n        updateToContext(context, id.current, optionName, isSingle, newComponentOption);\n      }\n    }\n\n    useEffect(() => {\n      return () => {\n        if (supportedEvents) {\n          bindEventsToTable(context.table, null, eventsBinded.current, supportedEvents);\n        }\n        deleteToContext(context, id.current, optionName, isSingle);\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  return Comp;\n};\n\nconst updateToContext = (\n  context: TableContextType,\n  id: string | number,\n  optionName: string,\n  isSingle: boolean,\n  props: Partial<ComponentProps>\n) => {\n  if (!context.optionFromChildren) {\n    return;\n  }\n\n  if (isSingle) {\n    context.optionFromChildren[optionName] = { ...props };\n  } else {\n    if (!context.optionFromChildren[optionName]) {\n      context.optionFromChildren[optionName] = [];\n    }\n\n    const comps = context.optionFromChildren[optionName];\n    const index = comps.findIndex((entry: any) => entry.id === id);\n\n    if (index >= 0) {\n      comps[index] = {\n        id,\n        ...props\n      };\n    } else {\n      context.optionFromChildren[optionName].push({\n        id,\n        ...props\n      });\n    }\n  }\n  context.isChildrenUpdated = true;\n};\n\nconst deleteToContext = (context: TableContextType, id: string | number, optionName: string, isSingle: boolean) => {\n  if (!context.optionFromChildren) {\n    return;\n  }\n\n  if (isSingle) {\n    context.optionFromChildren[optionName] = null;\n  } else {\n    const comps = context.optionFromChildren[optionName] ?? [];\n    const index = comps.findIndex((entry: any) => entry.id === id);\n\n    if (index >= 0) {\n      const newComps = comps.slice(0, index - 1).concat(comps.slice(index + 1));\n\n      context.optionFromChildren[optionName] = newComps;\n      context.isChildrenUpdated = true;\n    }\n  }\n};\n"]}

package/cjs/components/component/menu.d.ts

@@ -0,0 +1,9 @@
+import type { BaseComponentProps } from '../base-component';
+import type { TYPES } from './../../../../vtable/src/index.ts';
+export type MenuProps = {
+    renderMode?: 'canvas' | 'html';
+    defaultHeaderMenuItems?: TYPES.MenuListItem[];
+    contextMenuItems?: TYPES.MenuListItem[] | ((field: string, row: number) => TYPES.MenuListItem[]);
+    dropDownMenuHighlight?: TYPES.DropDownMenuHighlightInfo[];
+} & BaseComponentProps;
+export declare const Menu: import("react").FC<MenuProps>;

package/cjs/components/component/menu.js

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

package/cjs/components/component/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/component/menu.tsx"],"names":[],"mappings":";;;AACA,sDAAoD;AAcvC,QAAA,IAAI,GAAG,IAAA,gCAAe,EAAY,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC","file":"menu.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { TYPES } from './../../../../vtable/src/index.ts';\n\nexport type MenuProps = {\n  /** 代替原来的option.menuType  html目前实现较完整 先默认html渲染方式*/\n  renderMode?: 'canvas' | 'html';\n  /** 内置下拉菜单的全局设置项 目前只针对基本表格有效 会对每个表头单元格开启默认的下拉菜单功能。代替原来的option.dropDownMenu*/\n  defaultHeaderMenuItems?: TYPES.MenuListItem[];\n  /** 右键菜单。代替原来的option.contextmenu */\n  contextMenuItems?: TYPES.MenuListItem[] | ((field: string, row: number) => TYPES.MenuListItem[]);\n  /** 设置选中状态的菜单。代替原来的option.dropDownMenuHighlight  */\n  dropDownMenuHighlight?: TYPES.DropDownMenuHighlightInfo[];\n} & BaseComponentProps;\n\nexport const Menu = createComponent<MenuProps>('Menu', 'menu', undefined, true);\n"]}

package/cjs/components/component/tooltip.d.ts

@@ -0,0 +1,7 @@
+import type { BaseComponentProps } from '../base-component';
+export type TooltipProps = {
+    renderMode?: 'html';
+    isShowOverflowTextTooltip?: boolean;
+    confine?: boolean;
+} & BaseComponentProps;
+export declare const Tooltip: import("react").FC<TooltipProps>;

package/cjs/components/component/tooltip.js

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

package/cjs/components/component/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/component/tooltip.tsx"],"names":[],"mappings":";;;AACA,sDAAoD;AAWvC,QAAA,OAAO,GAAG,IAAA,gCAAe,EAAe,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC","file":"tooltip.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\n\nexport type TooltipProps = {\n  /** html目前实现较完整 先默认html渲染方式 */\n  renderMode?: 'html'; // 目前暂不支持canvas方案\n  /** 代替原来hover:isShowTooltip配置 暂时需要将renderMode配置为html才能显示，canvas的还未开发*/\n  isShowOverflowTextTooltip?: boolean;\n  /** 是否将 tooltip 框限制在画布区域内，默认开启。针对renderMode:\"html\"有效 */\n  confine?: boolean;\n} & BaseComponentProps;\n\nexport const Tooltip = createComponent<TooltipProps>('Tooltip', 'tooltip', undefined, true);\n"]}

package/cjs/components/index.d.ts

@@ -0,0 +1,14 @@
+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';
+type Props = {
+    updateId?: number;
+};
+export interface IMarkElement extends React.ReactElement<Props, React.JSXElementConstructor<Props>> {
+    id: string | number;
+}

package/cjs/components/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Tooltip = exports.Menu = exports.PivotCorner = exports.PivotRowHeaderTitle = exports.PivotColumnHeaderTitle = exports.PivotIndicator = exports.PivotRowDimension = exports.PivotColumnDimension = exports.ListColumn = void 0;
+
+var list_column_1 = require("./list/list-column");
+
+Object.defineProperty(exports, "ListColumn", {
+    enumerable: !0,
+    get: function() {
+        return list_column_1.ListColumn;
+    }
+});
+
+var pivot_dimension_1 = require("./pivot/pivot-dimension");
+
+Object.defineProperty(exports, "PivotColumnDimension", {
+    enumerable: !0,
+    get: function() {
+        return pivot_dimension_1.PivotColumnDimension;
+    }
+}), Object.defineProperty(exports, "PivotRowDimension", {
+    enumerable: !0,
+    get: function() {
+        return pivot_dimension_1.PivotRowDimension;
+    }
+});
+
+var pivot_indicator_1 = require("./pivot/pivot-indicator");
+
+Object.defineProperty(exports, "PivotIndicator", {
+    enumerable: !0,
+    get: function() {
+        return pivot_indicator_1.PivotIndicator;
+    }
+});
+
+var pivot_header_title_1 = require("./pivot/pivot-header-title");
+
+Object.defineProperty(exports, "PivotColumnHeaderTitle", {
+    enumerable: !0,
+    get: function() {
+        return pivot_header_title_1.PivotColumnHeaderTitle;
+    }
+}), Object.defineProperty(exports, "PivotRowHeaderTitle", {
+    enumerable: !0,
+    get: function() {
+        return pivot_header_title_1.PivotRowHeaderTitle;
+    }
+});
+
+var pivot_corner_1 = require("./pivot/pivot-corner");
+
+Object.defineProperty(exports, "PivotCorner", {
+    enumerable: !0,
+    get: function() {
+        return pivot_corner_1.PivotCorner;
+    }
+});
+
+var menu_1 = require("./component/menu");
+
+Object.defineProperty(exports, "Menu", {
+    enumerable: !0,
+    get: function() {
+        return menu_1.Menu;
+    }
+});
+
+var tooltip_1 = require("./component/tooltip");
+
+Object.defineProperty(exports, "Tooltip", {
+    enumerable: !0,
+    get: function() {
+        return tooltip_1.Tooltip;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/index.ts"],"names":[],"mappings":";;;AACA,kDAAgD;AAAvC,yGAAA,UAAU,OAAA;AACnB,2DAAkF;AAAzE,uHAAA,oBAAoB,OAAA;AAAE,oHAAA,iBAAiB,OAAA;AAChD,2DAAyD;AAAhD,iHAAA,cAAc,OAAA;AACvB,iEAAyF;AAAhF,4HAAA,sBAAsB,OAAA;AAAE,yHAAA,mBAAmB,OAAA;AACpD,qDAAmD;AAA1C,2GAAA,WAAW,OAAA;AACpB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA;AACb,+CAA8C;AAArC,kGAAA,OAAO,OAAA","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';\n\ntype Props = { updateId?: number };\n\nexport interface IMarkElement extends React.ReactElement<Props, React.JSXElementConstructor<Props>> {\n  id: string | number;\n}\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import type { BaseComponentProps } from '../base-component';
+import type { IDimension } from './../../../../vtable/src/index.ts';
+export type PivotDimensionProps = IDimension & BaseComponentProps;
+export declare const PivotColumnDimension: import("react").FC<any>;
+export declare const PivotRowDimension: import("react").FC<any>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/pivot/pivot-dimension.tsx"],"names":[],"mappings":";;;AACA,sDAAoD;AAKvC,QAAA,oBAAoB,GAAG,IAAA,gCAAe,EAAsB,sBAAsB,EAAE,SAAS,CAAC,CAAC;AAC/F,QAAA,iBAAiB,GAAG,IAAA,gCAAe,EAAsB,mBAAmB,EAAE,MAAM,CAAC,CAAC","file":"pivot-dimension.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { IDimension } from './../../../../vtable/src/index.ts';\n\nexport type PivotDimensionProps = IDimension & BaseComponentProps;\n\nexport const PivotColumnDimension = createComponent<PivotDimensionProps>('PivotColumnDimension', 'columns');\nexport const PivotRowDimension = createComponent<PivotDimensionProps>('PivotRowDimension', 'rows');\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/constants.d.ts

@@ -0,0 +1 @@
+export declare const REACT_PRIVATE_PROPS: string[];

package/cjs/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.REACT_PRIVATE_PROPS = void 0, exports.REACT_PRIVATE_PROPS = [ "children", "hooks", "ref" ];
+//# sourceMappingURL=constants.js.map

package/cjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC","file":"constants.js","sourcesContent":["export const REACT_PRIVATE_PROPS = ['children', 'hooks', 'ref'];\n"]}

package/cjs/containers/withContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ContainerProps {
+    style?: React.CSSProperties;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+}
+export default function withContainer<Props extends ContainerProps, CompProps>(Comp: typeof React.Component<any, CompProps>, name?: string, getProps?: (props: any) => CompProps): React.ForwardRefExoticComponent<React.PropsWithoutRef<CompProps & Props> & React.RefAttributes<any>>;

package/cjs/containers/withContainer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const react_1 = __importStar(require("react"));
+
+function withContainer(Comp, name = "TableContainer", getProps) {
+    const Cls = react_1.default.forwardRef(((props, ref) => {
+        const container = (0, react_1.useRef)(), [inited, setInited] = (0, react_1.useState)(!1), {className: className, style: style, width: width} = props, options = __rest(props, [ "className", "style", "width" ]);
+        return (0, react_1.useLayoutEffect)((() => {
+            setInited(!0);
+        }), []), react_1.default.createElement("div", {
+            ref: container,
+            className: className,
+            style: Object.assign({
+                position: "relative",
+                height: props.height || "100%",
+                width: props.width || "100%"
+            }, style)
+        }, inited ? react_1.default.createElement(Comp, Object.assign({
+            ref: ref,
+            container: container.current
+        }, getProps ? getProps(options) : options)) : react_1.default.createElement(react_1.default.Fragment, null));
+    }));
+    return Cls.displayName = name || Comp.name, Cls;
+}
+
+exports.default = withContainer;
+//# sourceMappingURL=withContainer.js.map

package/cjs/containers/withContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AASjE,SAAwB,aAAa,CACnC,IAA4C,EAC5C,IAAI,GAAG,gBAAgB,EACvB,QAAoC;IAEpC,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAyB,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;QACrF,MAAM,SAAS,GAAG,IAAA,cAAM,GAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,IAAA,uBAAe,EAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,uCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,IACzB,KAAK,KAGT,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,IAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC,EAAI,CAC9G,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACG,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC;AAnCD,gCAmCC","file":"withContainer.js","sourcesContent":["import React, { useRef, useState, useLayoutEffect } from 'react';\n\nexport interface ContainerProps {\n  style?: React.CSSProperties;\n  className?: string;\n  width?: number | string;\n  height?: number | string;\n}\n\nexport default function withContainer<Props extends ContainerProps, CompProps>(\n  Comp: typeof React.Component<any, CompProps>,\n  name = 'TableContainer',\n  getProps?: (props: any) => CompProps\n) {\n  const Cls = React.forwardRef<any, CompProps & Props>((props: CompProps & Props, ref) => {\n    const container = useRef();\n    const [inited, setInited] = useState(false);\n    const { className, style, width, ...options } = props;\n\n    useLayoutEffect(() => {\n      setInited(true);\n    }, []);\n\n    return (\n      <div\n        ref={container}\n        className={className}\n        style={{\n          position: 'relative',\n          height: props.height || '100%',\n          width: props.width || '100%',\n          ...style\n        }}\n      >\n        {inited ? (\n          <Comp ref={ref} container={container.current} {...(getProps ? getProps(options) : (options as CompProps))} />\n        ) : (\n          <></>\n        )}\n      </div>\n    );\n  });\n  Cls.displayName = name || Comp.name;\n  return Cls;\n}\n"]}

package/cjs/context/table.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ListTable, PivotTable, PivotChart } from './../../../vtable/src/index.ts';
+export interface TableContextType {
+    table?: ListTable | PivotTable | PivotChart;
+    optionFromChildren: any;
+    isChildrenUpdated?: boolean;
+}
+declare const TableContext: React.Context<TableContextType>;
+export declare function withTableInstance<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
+export default TableContext;