@visactor/openinula-vtable 0.21.3-alpha.1

package/README.md

@@ -0,0 +1,93 @@
+<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>React-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.React-VTable is a React wrapper of VTable.
+
+[![npm Version](https://img.shields.io/npm/v/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vtable)
+[![npm Download](https://img.shields.io/npm/dm/@visactor/vtable.svg)](https://www.npmjs.com/package/@visactor/react-vvtable)
+[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vtable/blob/main/LICENSE)
+
+</div>
+
+# Usage
+
+## Installation
+
+[npm package](https://www.npmjs.com/package/@visactor/react-vtable)
+
+```bash
+// npm
+npm install @visactor/react-vtable
+
+// yarn
+yarn add @visactor/react-vtable
+```
+
+## Quick Start
+
+```jsx
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { ListTable } from "@visactor/react-vtable";
+
+const option = {
+  header: [
+    {
+      field: "0",
+      caption: "name",
+    },
+    {
+      field: "1",
+      caption: "age",
+    },
+    {
+      field: "2",
+      caption: "gender",
+    },
+    {
+      field: "3",
+      caption: "hobby",
+    },
+  ],
+  records: new Array(1000).fill(["John", 18, "male", "🏀"]),
+};
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <ListTable option={option} height={'500px'}/>
+);
+```
+
+##
+
+[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 @@
+export interface BaseComponentProps {
+    id?: string | number;
+}
+type ComponentProps = BaseComponentProps & {
+    updateId?: number;
+    componentId?: 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,54 @@
+"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 openinula_1 = __importStar(require("openinula")), vutils_1 = require("@visactor/vutils"), table_1 = __importDefault(require("../context/table")), eventsUtils_1 = require("../eventsUtils"), createComponent = (componentName, optionName, supportedEvents, isSingle) => {
+    const ignoreKeys = [ "id", "updateId", "componentId" ], notOptionKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
+        const context = (0, openinula_1.useContext)(table_1.default), eventsBinded = openinula_1.default.useRef(null), updateId = openinula_1.default.useRef(props.updateId);
+        if (props.updateId !== updateId.current) {
+            updateId.current = props.updateId;
+            !!supportedEvents && (0, eventsUtils_1.bindEventsToTable)(context.table, props, eventsBinded.current, supportedEvents) && (eventsBinded.current = props);
+        }
+        return (0, openinula_1.useEffect)((() => () => {
+            supportedEvents && (0, eventsUtils_1.bindEventsToTable)(context.table, null, eventsBinded.current, supportedEvents);
+        }), []), null;
+    };
+    return Comp.displayName = componentName, Comp.parseOption = props => ({
+        option: (0, vutils_1.pickWithout)(props, notOptionKeys),
+        optionName: optionName,
+        isSingle: isSingle
+    }), Comp;
+};
+
+exports.createComponent = createComponent;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/base-component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAyD;AACzD,6CAA+D;AAG/D,6DAAgD;AAChD,gDAAmD;AAS5C,MAAM,eAAe,GAAG,CAC7B,aAAqB,EACrB,UAAkB,EAClB,eAA+C,EAC/C,QAAkB,EAClB,EAAE;IACF,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAErG,MAAM,IAAI,GAAgB,CAAC,KAAQ,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,IAAA,sBAAU,EAAC,eAAgB,CAAC,CAAC;QAG7C,MAAM,YAAY,GAAG,mBAAK,CAAC,MAAM,CAAI,IAAI,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAG,mBAAK,CAAC,MAAM,CAAS,KAAK,CAAC,QAAQ,CAAC,CAAC;QAGtD,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE;YAEvC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;YAGlC,MAAM,mBAAmB,GAAG,eAAe;gBACzC,CAAC,CAAC,IAAA,+BAAiB,EAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC;gBAChF,CAAC,CAAC,KAAK,CAAC;YACV,IAAI,mBAAmB,EAAE;gBACvB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;aAC9B;SAQF;QAED,IAAA,qBAAS,EAAC,GAAG,EAAE;YACb,OAAO,GAAG,EAAE;gBACV,IAAI,eAAe,EAAE;oBACnB,IAAA,+BAAiB,EAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;iBAC/E;YAEH,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;IAEhC,IAAY,CAAC,WAAW,GAAG,CAAC,KAAsD,EAAE,EAAE;QACrF,MAAM,kBAAkB,GAAe,IAAA,oBAAW,EAAI,KAAK,EAAE,aAAa,CAAC,CAAC;QAE5E,OAAO;YACL,MAAM,EAAE,kBAAkB;YAC1B,UAAU;YACV,QAAQ;SACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AA9DW,QAAA,eAAe,mBA8D1B","file":"base-component.js","sourcesContent":["import React, { useContext, useEffect } from 'openinula';\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; componentId?: 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', 'componentId'];\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\n  (Comp as any).parseOption = (props: T & { updateId?: number; componentId?: string }) => {\n    const newComponentOption: Partial<T> = pickWithout<T>(props, notOptionKeys);\n\n    return {\n      option: newComponentOption,\n      optionName,\n      isSingle\n    };\n  };\n\n  return Comp;\n};\n\n// const 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\n// const 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 '@visactor/vtable';
+export type MenuProps = {
+    renderMode?: 'canvas' | 'html';
+    defaultHeaderMenuItems?: TYPES.MenuListItem[];
+    contextMenuItems?: TYPES.MenuListItem[] | ((field: string, row: number, col: number) => TYPES.MenuListItem[]);
+    dropDownMenuHighlight?: TYPES.DropDownMenuHighlightInfo[];
+} & BaseComponentProps;
+export declare const Menu: React.FC<T>;

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 '@visactor/vtable';\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, col: 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: React.FC<T>;

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.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 'openinula';\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 '@visactor/vtable';
+export type ListColumnProps = ColumnDefine & BaseComponentProps;
+export declare const ListColumn: React.FC<T>;

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 '@visactor/vtable';\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 '@visactor/vtable';
+export type PivotCornerProps = ICornerDefine & BaseComponentProps;
+export declare const PivotCorner: React.FC<T>;

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 '@visactor/vtable';\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,6 @@
+import type { BaseComponentProps } from '../base-component';
+import type { IRowDimension, IColumnDimension } from '@visactor/vtable';
+export type RowPivotDimensionProps = IRowDimension & BaseComponentProps;
+export type ColumnPivotDimensionProps = IColumnDimension & BaseComponentProps;
+export declare const PivotColumnDimension: React.FC<T>;
+export declare const PivotRowDimension: React.FC<T>;

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;AAMvC,QAAA,oBAAoB,GAAG,IAAA,gCAAe,EAA4B,sBAAsB,EAAE,SAAS,CAAC,CAAC;AACrG,QAAA,iBAAiB,GAAG,IAAA,gCAAe,EAAyB,mBAAmB,EAAE,MAAM,CAAC,CAAC","file":"pivot-dimension.js","sourcesContent":["import type { BaseComponentProps } from '../base-component';\nimport { createComponent } from '../base-component';\nimport type { IRowDimension, IColumnDimension } from '@visactor/vtable';\n\nexport type RowPivotDimensionProps = IRowDimension & BaseComponentProps;\nexport type ColumnPivotDimensionProps = IColumnDimension & BaseComponentProps;\n\nexport const PivotColumnDimension = createComponent<ColumnPivotDimensionProps>('PivotColumnDimension', 'columns');\nexport const PivotRowDimension = createComponent<RowPivotDimensionProps>('PivotRowDimension', 'rows');\n"]}

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

@@ -0,0 +1,5 @@
+import type { BaseComponentProps } from '../base-component';
+import type { ITitleDefine } from '@visactor/vtable';
+export type PivotHeaderTitleProps = ITitleDefine & BaseComponentProps;
+export declare const PivotColumnHeaderTitle: React.FC<T>;
+export declare const PivotRowHeaderTitle: React.FC<T>;

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 '@visactor/vtable';\n\nexport type PivotHeaderTitleProps = ITitleDefine & BaseComponentProps;\n\nexport const PivotColumnHeaderTitle = createComponent<PivotHeaderTitleProps>(\n  'PivotColumnHeaderTitle',\n  'columnHeaderTitle',\n  undefined,\n  true\n);\nexport const PivotRowHeaderTitle = createComponent<PivotHeaderTitleProps>(\n  'PivotRowHeaderTitle',\n  'rowHeaderTitle',\n  undefined,\n  true\n);\n"]}

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

@@ -0,0 +1,4 @@
+import type { BaseComponentProps } from '../base-component';
+import type { IIndicator } from '@visactor/vtable';
+export type PivotIndicatorProps = IIndicator & BaseComponentProps;
+export declare const PivotIndicator: React.FC<T>;

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 '@visactor/vtable';\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.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 openinula_1 = __importStar(require("openinula"));
+
+function withContainer(Comp, name = "TableContainer", getProps) {
+    const Cls = openinula_1.default.forwardRef(((props, ref) => {
+        const container = (0, openinula_1.useRef)(), [inited, setInited] = (0, openinula_1.useState)(!1), {className: className, style: style, width: width} = props, options = __rest(props, [ "className", "style", "width" ]);
+        return (0, openinula_1.useLayoutEffect)((() => {
+            setInited(!0);
+        }), []), openinula_1.default.createElement("div", {
+            ref: container,
+            className: className,
+            style: Object.assign({
+                position: "relative",
+                height: props.height || "100%",
+                width: props.width || "100%"
+            }, style)
+        }, inited ? openinula_1.default.createElement(Comp, Object.assign({
+            ref: ref,
+            container: container.current
+        }, getProps ? getProps(options) : options)) : openinula_1.default.createElement(openinula_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,uDAAqE;AASrE,SAAwB,aAAa,CACnC,IAA4C,EAC5C,IAAI,GAAG,gBAAgB,EACvB,QAAoC;IAEpC,MAAM,GAAG,GAAG,mBAAK,CAAC,UAAU,CAAyB,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;QACrF,MAAM,SAAS,GAAG,IAAA,kBAAM,GAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,oBAAQ,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,2BAAe,EAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,2CACE,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,kCAAC,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,qEAAK,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 'openinula';\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,13 @@
+import React from 'openinula';
+import type { ListTable, PivotTable, PivotChart } from '@visactor/vtable';
+export interface TableContextType {
+    table?: ListTable | PivotTable | PivotChart;
+    isChildrenUpdated?: boolean;
+}
+declare const TableContext: import("openinula").Context<TableContextType>;
+export declare function withTableInstance<T>(Component: typeof React.Component): import("openinula").ExoticComponent<import("openinula").PropsOmitRef<T>> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};
+export default TableContext;

package/cjs/context/table.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.withTableInstance = void 0;
+
+const openinula_1 = __importDefault(require("openinula")), TableContext = openinula_1.default.createContext(null);
+
+function withTableInstance(Component) {
+    const Com = openinula_1.default.forwardRef(((props, ref) => openinula_1.default.createElement(TableContext.Consumer, null, (ctx => openinula_1.default.createElement(Component, Object.assign({
+        ref: ref,
+        table: ctx.table
+    }, props))))));
+    return Com.displayName = Component.name, Com;
+}
+
+TableContext.displayName = "TableContext", exports.withTableInstance = withTableInstance, 
+exports.default = TableContext;
+//# sourceMappingURL=table.js.map

package/cjs/context/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["context/table.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAA8B;AAS9B,MAAM,YAAY,GAAG,mBAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAgB,iBAAiB,CAAI,SAAiC;IACpE,MAAM,GAAG,GAAG,mBAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,kCAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,kCAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IAAM,KAAK,EAAI,CAC1D,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAVD,8CAUC;AAED,kBAAe,YAAY,CAAC","file":"table.js","sourcesContent":["import React from 'openinula';\nimport type { ListTable, PivotTable, PivotChart } from '@visactor/vtable';\n\nexport interface TableContextType {\n  table?: ListTable | PivotTable | PivotChart;\n  // optionFromChildren: any;\n  isChildrenUpdated?: boolean;\n}\n\nconst TableContext = React.createContext<TableContextType>(null);\nTableContext.displayName = 'TableContext';\n\nexport function withTableInstance<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return (\n      <TableContext.Consumer>\n        {(ctx: TableContextType) => <Component ref={ref} table={ctx.table} {...props} />}\n      </TableContext.Consumer>\n    );\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default TableContext;\n"]}