k-react-vtable 1.0.0

package/es/components/tag/tag.js

@@ -0,0 +1,45 @@
+var __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;
+};
+
+import { Tag as VTag } from "../vrender-components/tag";
+
+import { merge } from "@visactor/vutils";
+
+import React from "react";
+
+const defaultProps = {
+    textStyle: {
+        fontSize: 14,
+        fontFamily: "sans-serif",
+        fill: "rgb(51, 101, 238)"
+    },
+    panelStyle: {
+        visible: !0,
+        fill: "#e6fffb",
+        lineWidth: 1,
+        cornerRadius: 4
+    }
+};
+
+function TagComponent(baseProps, ref) {
+    const props = merge({}, defaultProps, baseProps), {attribute: attribute, panelStyle: panelStyle, children: children} = props, rest = __rest(props, [ "attribute", "panelStyle", "children" ]);
+    let tagRef = React.useRef(null);
+    return tagRef = ref || tagRef, React.createElement(VTag, Object.assign({
+        ref: tagRef,
+        attribute: null != attribute ? attribute : Object.assign({
+            text: children,
+            panel: panelStyle
+        }, rest)
+    }, rest));
+}
+
+export const Tag = React.forwardRef(TagComponent);
+
+Tag.displayName = "Tag";

package/es/components/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/tag/tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AASA,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,MAAM,YAAY,GAAa;IAC7B,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,YAAY;QACxB,IAAI,EAAE,mBAAmB;KAC1B;IAED,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;CACF,CAAC;AAEF,SAAS,YAAY,CAAC,SAAmB,EAAE,GAA0B;IACnE,MAAM,KAAK,GAAa,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAApD,uCAA4C,CAAQ,CAAC;IAC3D,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAE,GAAmC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE7D,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,MAAM,EACX,SAAS,EACP,SAAS,aAAT,SAAS,cAAT,SAAS,mBACP,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAiB,IACrB,IAAI,CACR,IAEC,IAAI,EACF,CACT,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAuB,YAAY,CAAC,CAAC;AAExE,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC","file":"tag.js","sourcesContent":["import type {\n  BackgroundAttributes,\n  Cursor,\n  IRectGraphicAttribute,\n  ITextGraphicAttribute,\n  Padding,\n  Tag as VRenderTag,\n  TagAttributes\n} from 'k-vtable/es/vrender';\nimport { Tag as VTag } from '../vrender-components/tag';\nimport { merge } from '@visactor/vutils';\nimport React, { useEffect } from 'react';\n\nexport interface TagProps {\n  attribute?: TagAttributes;\n  children?: string;\n  textStyle?: Partial<ITextGraphicAttribute>;\n  panelStyle?: Partial<IRectGraphicAttribute>;\n  padding?: Padding;\n  minWidth?: number;\n  maxWidth?: number;\n  visible?: boolean;\n}\n\nconst defaultProps: TagProps = {\n  textStyle: {\n    fontSize: 14,\n    fontFamily: 'sans-serif',\n    fill: 'rgb(51, 101, 238)'\n  },\n  // padding: [8, 10],\n  panelStyle: {\n    visible: true,\n    fill: '#e6fffb',\n    lineWidth: 1,\n    cornerRadius: 4\n  }\n};\n\nfunction TagComponent(baseProps: TagProps, ref: React.Ref<VRenderTag>) {\n  const props: TagProps = merge({}, defaultProps, baseProps);\n  const { attribute, panelStyle, children, ...rest } = props;\n  let tagRef = React.useRef<VRenderTag>(null);\n  tagRef = ref ? (ref as React.RefObject<VRenderTag>) : tagRef;\n\n  return (\n    <VTag\n      ref={tagRef}\n      attribute={\n        attribute ?? {\n          text: children,\n          panel: panelStyle as any,\n          ...rest\n        }\n      }\n      {...rest} // for REACT_TO_CANOPUS_EVENTS\n    ></VTag>\n  );\n}\n\nexport const Tag = React.forwardRef<VRenderTag, TagProps>(TagComponent);\n\nTag.displayName = 'Tag';\n"]}

package/es/components/vrender-components/checkbox.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement, JSXElementConstructor } from 'react';
+import type { CheckboxAttributes, CheckBox as VCheakbox } from 'k-vtable/es/vrender';
+import type { GraphicProps } from './type';
+export declare const Checkbox: (props: GraphicProps<CheckboxAttributes, VCheakbox>) => ReactElement<GraphicProps<CheckboxAttributes, VCheakbox>, JSXElementConstructor<GraphicProps<CheckboxAttributes, VCheakbox>>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/vrender-components/checkbox.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,QAAQ,GAKjB,UAAiB,CAAC","file":"checkbox.js","sourcesContent":["import type { ReactElement, JSXElementConstructor } from 'react';\nimport type { CheckboxAttributes, CheckBox as VCheakbox } from 'k-vtable/es/vrender';\nimport type { GraphicProps } from './type';\n\n// component from vrender-component\nexport const Checkbox: (\n  props: GraphicProps<CheckboxAttributes, VCheakbox>\n) => ReactElement<\n  GraphicProps<CheckboxAttributes, VCheakbox>,\n  JSXElementConstructor<GraphicProps<CheckboxAttributes, VCheakbox>>\n> = 'checkbox' as any;\n"]}

package/es/components/vrender-components/component-creater.d.ts

@@ -0,0 +1 @@
+export declare function createVRenderComponent(type: string, props: any): any;

package/es/components/vrender-components/component-creater.js

@@ -0,0 +1,14 @@
+import { CheckBox, Radio, Tag } from "k-vtable/es/vrender";
+
+export function createVRenderComponent(type, props) {
+    if ("tag" === type) {
+        return new Tag(props.attribute ? props.attribute : props);
+    }
+    if ("radio" === type) {
+        return new Radio(props.attribute ? props.attribute : props);
+    }
+    if ("checkbox" === type) {
+        return new CheckBox(props.attribute ? props.attribute : props);
+    }
+}
+//# sourceMappingURL=component-creater.js.map

package/es/components/vrender-components/component-creater.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/vrender-components/component-creater.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,UAAU,sBAAsB,CAAC,IAAY,EAAE,KAAU;IAE7D,IAAI,IAAI,KAAK,KAAK,EAAE;QAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC/D,OAAO,GAAG,CAAC;KACZ;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE;QAC3B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACnE,OAAO,KAAK,CAAC;KACd;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACzE,OAAO,QAAQ,CAAC;KACjB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC","file":"component-creater.js","sourcesContent":["import { CheckBox, Radio, Tag } from 'k-vtable/es/vrender';\n\nexport function createVRenderComponent(type: string, props: any) {\n  // may have unwanted onxxx prop\n  if (type === 'tag') {\n    const tag = new Tag(props.attribute ? props.attribute : props);\n    return tag;\n  } else if (type === 'radio') {\n    const radio = new Radio(props.attribute ? props.attribute : props);\n    return radio;\n  } else if (type === 'checkbox') {\n    const checkbox = new CheckBox(props.attribute ? props.attribute : props);\n    return checkbox;\n  }\n  return undefined;\n}\n"]}

package/es/components/vrender-components/radio.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement, JSXElementConstructor } from 'react';
+import type { Radio as VRadio, RadioAttributes } from 'k-vtable/es/vrender';
+import type { GraphicProps } from './type';
+export declare const Radio: (props: GraphicProps<RadioAttributes, VRadio>) => ReactElement<GraphicProps<RadioAttributes, VRadio>, JSXElementConstructor<GraphicProps<RadioAttributes, VRadio>>>;

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

@@ -0,0 +1,2 @@
+export const Radio = "radio";
+//# sourceMappingURL=radio.js.map

package/es/components/vrender-components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/vrender-components/radio.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,KAAK,GAGhB,OAAc,CAAC","file":"radio.js","sourcesContent":["import type { ReactElement, JSXElementConstructor } from 'react';\nimport type { Radio as VRadio, RadioAttributes } from 'k-vtable/es/vrender';\nimport type { GraphicProps } from './type';\n\n// component from vrender-component\nexport const Radio: (\n  props: GraphicProps<RadioAttributes, VRadio>\n) => ReactElement<GraphicProps<RadioAttributes, VRadio>, JSXElementConstructor<GraphicProps<RadioAttributes, VRadio>>> =\n  'radio' as any;\n"]}

package/es/components/vrender-components/tag.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement, JSXElementConstructor } from 'react';
+import type { Tag as VTag, TagAttributes } from 'k-vtable/es/vrender';
+import type { GraphicProps } from './type';
+export declare const Tag: (props: GraphicProps<TagAttributes, VTag>) => ReactElement<GraphicProps<TagAttributes, VTag>, JSXElementConstructor<GraphicProps<TagAttributes, VTag>>>;

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

@@ -0,0 +1,2 @@
+export const Tag = "tag";
+//# sourceMappingURL=tag.js.map

package/es/components/vrender-components/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/vrender-components/tag.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,GAAG,GAGd,KAAY,CAAC","file":"tag.js","sourcesContent":["import type { ReactElement, JSXElementConstructor } from 'react';\nimport type { Tag as VTag, TagAttributes } from 'k-vtable/es/vrender';\nimport type { GraphicProps } from './type';\n\n// component from vrender-component\nexport const Tag: (\n  props: GraphicProps<TagAttributes, VTag>\n) => ReactElement<GraphicProps<TagAttributes, VTag>, JSXElementConstructor<GraphicProps<TagAttributes, VTag>>> =\n  'tag' as any;\n"]}

package/es/components/vrender-components/type.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'react';
+import type { IEventParamsType } from 'k-vtable/es/vrender';
+export type GraphicProps<IGraphicGraphicAttribute, IGraphic> = {
+    attribute?: IGraphicGraphicAttribute;
+    ref?: Ref<IGraphic>;
+} & IGraphicGraphicAttribute & IEventParamsType;

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

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=type.js.map

package/es/components/vrender-components/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/vrender-components/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { Ref } from 'react';\nimport type { IEventParamsType } from 'k-vtable/es/vrender';\n\nexport type GraphicProps<IGraphicGraphicAttribute, IGraphic> = {\n  attribute?: IGraphicGraphicAttribute;\n  ref?: Ref<IGraphic>;\n} & IGraphicGraphicAttribute &\n  IEventParamsType;\n"]}

package/es/constants.d.ts

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

package/es/constants.js

@@ -0,0 +1,2 @@
+export const REACT_PRIVATE_PROPS = [ "children", "hooks", "ref" ];
+//# sourceMappingURL=constants.js.map

package/es/constants.js.map

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

package/es/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/es/containers/withContainer.js

@@ -0,0 +1,32 @@
+var __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;
+};
+
+import React, { useRef, useState, useLayoutEffect } from "react";
+
+export default function withContainer(Comp, name = "TableContainer", getProps) {
+    const Cls = React.forwardRef(((props, ref) => {
+        const container = useRef(), [inited, setInited] = useState(!1), {className: className, style: style, width: width} = props, options = __rest(props, [ "className", "style", "width" ]);
+        return useLayoutEffect((() => {
+            setInited(!0);
+        }), []), React.createElement("div", {
+            ref: container,
+            className: className,
+            style: Object.assign({
+                position: "relative",
+                height: props.height || "100%",
+                width: props.width || "100%"
+            }, style)
+        }, inited ? React.createElement(Comp, Object.assign({
+            ref: ref,
+            container: container.current
+        }, getProps ? getProps(options) : options)) : React.createElement(React.Fragment, null));
+    }));
+    return Cls.displayName = name || Comp.name, Cls;
+}

package/es/containers/withContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,IAA4C,EAC5C,IAAI,GAAG,gBAAgB,EACvB,QAAoC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;QACrF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,eAAe,CAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,6BACE,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,oBAAC,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,yCAAK,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","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/es/context/table.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ListTable, PivotTable, PivotChart } from 'k-vtable';
+export interface TableContextType {
+    table?: ListTable | PivotTable | PivotChart;
+    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;

package/es/context/table.js

@@ -0,0 +1,16 @@
+import React from "react";
+
+const TableContext = React.createContext(null);
+
+TableContext.displayName = "TableContext";
+
+export function withTableInstance(Component) {
+    const Com = React.forwardRef(((props, ref) => React.createElement(TableContext.Consumer, null, (ctx => React.createElement(Component, Object.assign({
+        ref: ref,
+        table: ctx.table
+    }, props))))));
+    return Com.displayName = Component.name, Com;
+}
+
+export default TableContext;
+//# sourceMappingURL=table.js.map

package/es/context/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["context/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAI,SAAiC;IACpE,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,oBAAC,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;AAED,eAAe,YAAY,CAAC","file":"table.js","sourcesContent":["import React from 'react';\nimport type { ListTable, PivotTable, PivotChart } from 'k-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"]}

package/es/eventsUtils.d.ts

@@ -0,0 +1,130 @@
+import type { IVTable } from './tables/base-table';
+import type { TYPES } from 'k-vtable';
+export type EventCallback<Params> = (params: Params) => void;
+export interface EventsProps {
+    onClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['click_cell']>;
+    onDblClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_cell']>;
+    onMouseDownCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_cell']>;
+    onMouseUpCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseup_cell']>;
+    onSelectedCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['selected_cell']>;
+    onSelectedClear?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['selected_clear']>;
+    onKeyDown?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['keydown']>;
+    onMouseEnterTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_table']>;
+    onMouseLeaveTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_table']>;
+    onMouseDownTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_table']>;
+    onMouseMoveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousemove_cell']>;
+    onMousemoveTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousemove_table']>;
+    onMouseEnterCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_cell']>;
+    onMouseLeaveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_cell']>;
+    onContextMenuCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['contextmenu_cell']>;
+    onResizeColumn?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column']>;
+    onResizeColumnEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column_end']>;
+    onResizeRow?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_row']>;
+    onResizeRowEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_row_end']>;
+    onChangeHeaderPositionStart?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position_start']>;
+    onChangeHeaderPosition?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position']>;
+    onChangeHeaderPositionFail?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position_fail']>;
+    onSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['sort_click']>;
+    onAfterSort?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_sort']>;
+    onFreezeClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['freeze_click']>;
+    onScroll?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll']>;
+    onScrollVerticalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_vertical_end']>;
+    onScrollHorizontalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_horizontal_end']>;
+    onDropdownMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_click']>;
+    onMouseOverChartSymbol?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseover_chart_symbol']>;
+    onDragSelectEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_select_end']>;
+    onCopyData?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['copy_data']>;
+    onDropdownIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_icon_click']>;
+    onDropdownMenuClear?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_clear']>;
+    onTreeHierarchyStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['tree_hierarchy_state_change']>;
+    onShowMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['show_menu']>;
+    onHideMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['hide_menu']>;
+    onIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['icon_click']>;
+    onLegendItemClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_click']>;
+    onLegendItemHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_hover']>;
+    onLegendItemUnHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_unHover']>;
+    onLegendChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_change']>;
+    onMouseEnterAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_axis']>;
+    onMouseLeaveAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_axis']>;
+    onCheckboxStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['checkbox_state_change']>;
+    onRadioStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['radio_state_change']>;
+    onSwitchStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['switch_state_change']>;
+    onAfterRender?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_render']>;
+    onInitialized?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['initialized']>;
+    onChangeCellValue?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_cell_value']>;
+    onDragFillHandleEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_fill_handle_end']>;
+    onMousedownFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_fill_handle']>;
+    onDblclickFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_fill_handle']>;
+    onPivotSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['pivot_sort_click']>;
+    onDrillMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drillmenu_click']>;
+    onVChartEventType?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['vchart_event_type']>;
+    onChangCellValue?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_cell_value']>;
+    onEmptyTipClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['empty_tip_click']>;
+    onEmptyTipDblClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['empty_tip_dblclick']>;
+    onButtonClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['button_click']>;
+}
+export declare const TABLE_EVENTS: {
+    onClickCell: any;
+    onDblClickCell: any;
+    onMouseDownCell: any;
+    onMouseUpCell: any;
+    onSelectedCell: any;
+    onSelectedClear: any;
+    onKeyDown: any;
+    onMouseEnterTable: any;
+    onMouseLeaveTable: any;
+    onMouseDownTable: any;
+    onMouseMoveCell: any;
+    onMouseMoveTable: any;
+    onMouseEnterCell: any;
+    onMouseLeaveCell: any;
+    onContextMenuCell: any;
+    onResizeColumn: any;
+    onResizeColumnEnd: any;
+    onResizeRow: any;
+    onResizeRowEnd: any;
+    onChangeHeaderPositionStart: any;
+    onChangeHeaderPosition: any;
+    onChangeHeaderPositionFail: any;
+    onSortClick: any;
+    onAfterSort: any;
+    onFreezeClick: any;
+    onScroll: any;
+    onScrollHorizontalEnd: any;
+    onScrollVerticalEnd: any;
+    onDropdownMenuClick: any;
+    onMouseOverChartSymbol: any;
+    onDragSelectEnd: any;
+    onCopyData: any;
+    onDropdownIconClick: any;
+    onDropdownMenuClear: any;
+    onTreeHierarchyStateChange: any;
+    onShowMenu: any;
+    onHideMenu: any;
+    onIconClick: any;
+    onLegendItemClick: any;
+    onLegendItemHover: any;
+    onLegendItemUnHover: any;
+    onLegendChange: any;
+    onMouseEnterAxis: any;
+    onMouseLeaveAxis: any;
+    onCheckboxStateChange: any;
+    onRadioStateChange: any;
+    onSwitchStateChange: any;
+    onAfterRender: any;
+    onInitialized: any;
+    onChangeCellValue: any;
+    onDragFillHandleEnd: any;
+    onMousedownFillHandle: any;
+    onDblclickFillHandle: any;
+    onPivotSortClick: any;
+    onDrillMenuClick: any;
+    onVChartEventType: any;
+    onChangCellValue: any;
+    onEmptyTipClick: any;
+    onEmptyTipDblClick: any;
+    onButtonClick: any;
+};
+export declare const TABLE_EVENTS_KEYS: string[];
+export declare const findEventProps: <T extends EventsProps>(props: T, supportedEvents?: Record<string, string>) => EventsProps;
+export declare const bindEventsToTable: <T extends EventsProps>(table: IVTable, newProps?: T, prevProps?: T, supportedEvents?: Record<string, string>) => boolean;

package/es/eventsUtils.js

@@ -0,0 +1,86 @@
+import { TABLE_EVENT_TYPE, PIVOT_CHART_EVENT_TYPE, PIVOT_TABLE_EVENT_TYPE } from "k-vtable";
+
+const EVENT_TYPE = Object.assign(Object.assign(Object.assign({}, TABLE_EVENT_TYPE), PIVOT_TABLE_EVENT_TYPE), PIVOT_CHART_EVENT_TYPE);
+
+export const TABLE_EVENTS = {
+    onClickCell: EVENT_TYPE.CLICK_CELL,
+    onDblClickCell: EVENT_TYPE.DBLCLICK_CELL,
+    onMouseDownCell: EVENT_TYPE.MOUSEDOWN_CELL,
+    onMouseUpCell: EVENT_TYPE.MOUSEUP_CELL,
+    onSelectedCell: EVENT_TYPE.SELECTED_CELL,
+    onSelectedClear: EVENT_TYPE.SELECTED_CLEAR,
+    onKeyDown: EVENT_TYPE.KEYDOWN,
+    onMouseEnterTable: EVENT_TYPE.MOUSEENTER_TABLE,
+    onMouseLeaveTable: EVENT_TYPE.MOUSELEAVE_TABLE,
+    onMouseDownTable: EVENT_TYPE.MOUSEDOWN_TABLE,
+    onMouseMoveCell: EVENT_TYPE.MOUSEMOVE_CELL,
+    onMouseMoveTable: EVENT_TYPE.MOUSEMOVE_TABLE,
+    onMouseEnterCell: EVENT_TYPE.MOUSEENTER_CELL,
+    onMouseLeaveCell: EVENT_TYPE.MOUSELEAVE_CELL,
+    onContextMenuCell: EVENT_TYPE.CONTEXTMENU_CELL,
+    onResizeColumn: EVENT_TYPE.RESIZE_COLUMN,
+    onResizeColumnEnd: EVENT_TYPE.RESIZE_COLUMN_END,
+    onResizeRow: EVENT_TYPE.RESIZE_ROW,
+    onResizeRowEnd: EVENT_TYPE.RESIZE_ROW_END,
+    onChangeHeaderPositionStart: EVENT_TYPE.CHANGE_HEADER_POSITION_START,
+    onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,
+    onChangeHeaderPositionFail: EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL,
+    onSortClick: EVENT_TYPE.SORT_CLICK,
+    onAfterSort: EVENT_TYPE.AFTER_SORT,
+    onFreezeClick: EVENT_TYPE.FREEZE_CLICK,
+    onScroll: EVENT_TYPE.SCROLL,
+    onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END,
+    onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,
+    onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,
+    onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,
+    onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,
+    onCopyData: EVENT_TYPE.COPY_DATA,
+    onDropdownIconClick: EVENT_TYPE.DROPDOWN_ICON_CLICK,
+    onDropdownMenuClear: EVENT_TYPE.DROPDOWN_MENU_CLEAR,
+    onTreeHierarchyStateChange: EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE,
+    onShowMenu: EVENT_TYPE.SHOW_MENU,
+    onHideMenu: EVENT_TYPE.HIDE_MENU,
+    onIconClick: EVENT_TYPE.ICON_CLICK,
+    onLegendItemClick: EVENT_TYPE.LEGEND_ITEM_CLICK,
+    onLegendItemHover: EVENT_TYPE.LEGEND_ITEM_HOVER,
+    onLegendItemUnHover: EVENT_TYPE.LEGEND_ITEM_UNHOVER,
+    onLegendChange: EVENT_TYPE.LEGEND_CHANGE,
+    onMouseEnterAxis: EVENT_TYPE.MOUSEENTER_AXIS,
+    onMouseLeaveAxis: EVENT_TYPE.MOUSELEAVE_AXIS,
+    onCheckboxStateChange: EVENT_TYPE.CHECKBOX_STATE_CHANGE,
+    onRadioStateChange: EVENT_TYPE.RADIO_STATE_CHANGE,
+    onSwitchStateChange: EVENT_TYPE.SWITCH_STATE_CHANGE,
+    onAfterRender: EVENT_TYPE.AFTER_RENDER,
+    onInitialized: EVENT_TYPE.INITIALIZED,
+    onChangeCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
+    onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,
+    onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,
+    onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,
+    onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,
+    onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,
+    onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,
+    onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,
+    onEmptyTipClick: EVENT_TYPE.EMPTY_TIP_CLICK,
+    onEmptyTipDblClick: EVENT_TYPE.EMPTY_TIP_DBLCLICK,
+    onButtonClick: EVENT_TYPE.BUTTON_CLICK
+};
+
+export const TABLE_EVENTS_KEYS = Object.keys(TABLE_EVENTS);
+
+export const findEventProps = (props, supportedEvents = TABLE_EVENTS) => {
+    const result = {};
+    return Object.keys(props).forEach((key => {
+        supportedEvents[key] && props[key] && (result[key] = props[key]);
+    })), result;
+};
+
+export const bindEventsToTable = (table, newProps, prevProps, supportedEvents = TABLE_EVENTS) => {
+    if (!newProps && !prevProps || !table) return !1;
+    const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : null, newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;
+    return prevEventProps && Object.keys(prevEventProps).forEach((eventKey => {
+        newEventProps && newEventProps[eventKey] && newEventProps[eventKey] === prevEventProps[eventKey] || table.off(supportedEvents[eventKey], prevProps[eventKey]);
+    })), newEventProps && Object.keys(newEventProps).forEach((eventKey => {
+        prevEventProps && prevEventProps[eventKey] && prevEventProps[eventKey] === newEventProps[eventKey] || table.on(supportedEvents[eventKey], newEventProps[eventKey]);
+    })), !0;
+};
+//# sourceMappingURL=eventsUtils.js.map

package/es/eventsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["eventsUtils.ts"],"names":[],"mappings":"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","file":"eventsUtils.js","sourcesContent":["// import { ListTable, PivotTable, PivotChart } from 'k-vtable';\nimport type { IVTable } from './tables/base-table';\nimport type { TYPES } from 'k-vtable';\nimport { TABLE_EVENT_TYPE, PIVOT_CHART_EVENT_TYPE, PIVOT_TABLE_EVENT_TYPE } from 'k-vtable';\n\nexport type EventCallback<Params> = (params: Params) => void;\n\nconst EVENT_TYPE = {\n  // ...ListTable.EVENT_TYPE,\n  // ...PivotTable.EVENT_TYPE,\n  // ...PivotChart.EVENT_TYPE,\n  ...TABLE_EVENT_TYPE,\n  ...PIVOT_TABLE_EVENT_TYPE,\n  ...PIVOT_CHART_EVENT_TYPE\n};\nexport interface EventsProps {\n  onClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['click_cell']>;\n  onDblClickCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_cell']>;\n  onMouseDownCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_cell']>;\n  onMouseUpCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseup_cell']>;\n  onSelectedCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['selected_cell']>;\n  onSelectedClear?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['selected_clear']>;\n  onKeyDown?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['keydown']>;\n  onMouseEnterTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_table']>;\n  onMouseLeaveTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_table']>;\n  onMouseDownTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_table']>;\n  onMouseMoveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousemove_cell']>;\n  onMousemoveTable?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousemove_table']>;\n  onMouseEnterCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_cell']>;\n  onMouseLeaveCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_cell']>;\n  onContextMenuCell?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['contextmenu_cell']>;\n  onResizeColumn?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column']>;\n  onResizeColumnEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_column_end']>;\n  onResizeRow?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_row']>;\n  onResizeRowEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['resize_row_end']>;\n  onChangeHeaderPositionStart?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position_start']>;\n  onChangeHeaderPosition?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position']>;\n  onChangeHeaderPositionFail?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position_fail']>;\n  onSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['sort_click']>;\n\n  onAfterSort?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_sort']>;\n  onFreezeClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['freeze_click']>;\n  onScroll?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll']>;\n  onScrollVerticalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_vertical_end']>;\n  onScrollHorizontalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_horizontal_end']>;\n  onDropdownMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_click']>;\n  onMouseOverChartSymbol?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseover_chart_symbol']>;\n  onDragSelectEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_select_end']>;\n  onCopyData?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['copy_data']>;\n  onDropdownIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_icon_click']>;\n  onDropdownMenuClear?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dropdown_menu_clear']>;\n\n  onTreeHierarchyStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['tree_hierarchy_state_change']>;\n\n  onShowMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['show_menu']>;\n  onHideMenu?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['hide_menu']>;\n\n  onIconClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['icon_click']>;\n\n  onLegendItemClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_click']>;\n  onLegendItemHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_hover']>;\n  onLegendItemUnHover?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_item_unHover']>;\n  onLegendChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['legend_change']>;\n\n  onMouseEnterAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseenter_axis']>;\n  onMouseLeaveAxis?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mouseleave_axis']>;\n\n  onCheckboxStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['checkbox_state_change']>;\n  onRadioStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['radio_state_change']>;\n  onSwitchStateChange?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['switch_state_change']>;\n  onAfterRender?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_render']>;\n  onInitialized?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['initialized']>;\n  onChangeCellValue?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_cell_value']>;\n  onDragFillHandleEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_fill_handle_end']>;\n  onMousedownFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_fill_handle']>;\n  onDblclickFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_fill_handle']>;\n\n  // pivot table only\n  onPivotSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['pivot_sort_click']>;\n  onDrillMenuClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drillmenu_click']>;\n\n  // pivot chart only\n  onVChartEventType?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['vchart_event_type']>;\n\n  onChangCellValue?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_cell_value']>;\n  onEmptyTipClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['empty_tip_click']>;\n  onEmptyTipDblClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['empty_tip_dblclick']>;\n  onButtonClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['button_click']>;\n}\n\nexport const TABLE_EVENTS = {\n  onClickCell: EVENT_TYPE.CLICK_CELL,\n  onDblClickCell: EVENT_TYPE.DBLCLICK_CELL,\n  onMouseDownCell: EVENT_TYPE.MOUSEDOWN_CELL,\n  onMouseUpCell: EVENT_TYPE.MOUSEUP_CELL,\n  onSelectedCell: EVENT_TYPE.SELECTED_CELL,\n  onSelectedClear: EVENT_TYPE.SELECTED_CLEAR,\n  onKeyDown: EVENT_TYPE.KEYDOWN,\n  onMouseEnterTable: EVENT_TYPE.MOUSEENTER_TABLE,\n  onMouseLeaveTable: EVENT_TYPE.MOUSELEAVE_TABLE,\n  onMouseDownTable: EVENT_TYPE.MOUSEDOWN_TABLE,\n  onMouseMoveCell: EVENT_TYPE.MOUSEMOVE_CELL,\n  onMouseMoveTable: EVENT_TYPE.MOUSEMOVE_TABLE,\n  onMouseEnterCell: EVENT_TYPE.MOUSEENTER_CELL,\n  onMouseLeaveCell: EVENT_TYPE.MOUSELEAVE_CELL,\n  onContextMenuCell: EVENT_TYPE.CONTEXTMENU_CELL,\n  onResizeColumn: EVENT_TYPE.RESIZE_COLUMN,\n  onResizeColumnEnd: EVENT_TYPE.RESIZE_COLUMN_END,\n  onResizeRow: EVENT_TYPE.RESIZE_ROW,\n  onResizeRowEnd: EVENT_TYPE.RESIZE_ROW_END,\n  onChangeHeaderPositionStart: EVENT_TYPE.CHANGE_HEADER_POSITION_START,\n  onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,\n  onChangeHeaderPositionFail: EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL,\n  onSortClick: EVENT_TYPE.SORT_CLICK,\n\n  onAfterSort: EVENT_TYPE.AFTER_SORT,\n  onFreezeClick: EVENT_TYPE.FREEZE_CLICK,\n  onScroll: EVENT_TYPE.SCROLL,\n  onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END,\n  onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,\n  onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,\n  onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,\n  onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,\n  onCopyData: EVENT_TYPE.COPY_DATA,\n  onDropdownIconClick: EVENT_TYPE.DROPDOWN_ICON_CLICK,\n  onDropdownMenuClear: EVENT_TYPE.DROPDOWN_MENU_CLEAR,\n\n  onTreeHierarchyStateChange: EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE,\n\n  onShowMenu: EVENT_TYPE.SHOW_MENU,\n  onHideMenu: EVENT_TYPE.HIDE_MENU,\n\n  onIconClick: EVENT_TYPE.ICON_CLICK,\n\n  onLegendItemClick: EVENT_TYPE.LEGEND_ITEM_CLICK,\n  onLegendItemHover: EVENT_TYPE.LEGEND_ITEM_HOVER,\n  onLegendItemUnHover: EVENT_TYPE.LEGEND_ITEM_UNHOVER,\n  onLegendChange: EVENT_TYPE.LEGEND_CHANGE,\n\n  onMouseEnterAxis: EVENT_TYPE.MOUSEENTER_AXIS,\n  onMouseLeaveAxis: EVENT_TYPE.MOUSELEAVE_AXIS,\n\n  onCheckboxStateChange: EVENT_TYPE.CHECKBOX_STATE_CHANGE,\n  onRadioStateChange: EVENT_TYPE.RADIO_STATE_CHANGE,\n  onSwitchStateChange: EVENT_TYPE.SWITCH_STATE_CHANGE,\n  onAfterRender: EVENT_TYPE.AFTER_RENDER,\n  onInitialized: EVENT_TYPE.INITIALIZED,\n  onChangeCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,\n  onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,\n  onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,\n  onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,\n\n  // pivot table only\n  onPivotSortClick: EVENT_TYPE.PIVOT_SORT_CLICK,\n  onDrillMenuClick: EVENT_TYPE.DRILLMENU_CLICK,\n\n  // pivot chart only\n  onVChartEventType: EVENT_TYPE.VCHART_EVENT_TYPE,\n\n  onChangCellValue: EVENT_TYPE.CHANGE_CELL_VALUE,\n  onEmptyTipClick: EVENT_TYPE.EMPTY_TIP_CLICK,\n  onEmptyTipDblClick: EVENT_TYPE.EMPTY_TIP_DBLCLICK,\n  onButtonClick: EVENT_TYPE.BUTTON_CLICK\n};\n\nexport const TABLE_EVENTS_KEYS = Object.keys(TABLE_EVENTS);\n\nexport const findEventProps = <T extends EventsProps>(\n  props: T,\n  supportedEvents: Record<string, string> = TABLE_EVENTS\n): EventsProps => {\n  const result: EventsProps = {};\n\n  Object.keys(props).forEach(key => {\n    if (supportedEvents[key] && props[key as keyof EventsProps]) {\n      result[key as keyof EventsProps] = props[key as keyof EventsProps] as any;\n    }\n  });\n\n  return result;\n};\n\nexport const bindEventsToTable = <T extends EventsProps>(\n  table: IVTable,\n  newProps?: T | null,\n  prevProps?: T | null,\n  supportedEvents: Record<string, string> = TABLE_EVENTS\n) => {\n  if ((!newProps && !prevProps) || !table) {\n    return false;\n  }\n\n  const prevEventProps: EventsProps = prevProps ? findEventProps(prevProps, supportedEvents) : null;\n  const newEventProps: EventsProps = newProps ? findEventProps(newProps, supportedEvents) : null;\n\n  if (prevEventProps) {\n    Object.keys(prevEventProps).forEach(eventKey => {\n      if (\n        !newEventProps ||\n        !newEventProps[eventKey as keyof EventsProps] ||\n        newEventProps[eventKey as keyof EventsProps] !== prevEventProps[eventKey as keyof EventsProps]\n      ) {\n        table.off(supportedEvents[eventKey], prevProps[eventKey as keyof EventsProps] as any);\n      }\n    });\n  }\n\n  if (newEventProps) {\n    Object.keys(newEventProps).forEach(eventKey => {\n      if (\n        !prevEventProps ||\n        !prevEventProps[eventKey as keyof EventsProps] ||\n        prevEventProps[eventKey as keyof EventsProps] !== newEventProps[eventKey as keyof EventsProps]\n      ) {\n        table.on(\n          supportedEvents[eventKey] as keyof TYPES.TableEventHandlersEventArgumentMap,\n          newEventProps[eventKey as keyof EventsProps] as any\n        );\n      }\n    });\n  }\n\n  return true;\n};\n"]}

package/es/index.d.ts

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

package/es/index.js

@@ -0,0 +1,8 @@
+export * from "./tables";
+
+export * from "./table-components";
+
+export * from "./components";
+
+export const version = "1.0.0";
+//# sourceMappingURL=index.js.map

package/es/index.js.map

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

package/es/table-components/base-component.d.ts

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

package/es/table-components/base-component.js

@@ -0,0 +1,60 @@
+import React, { useContext, useEffect } from "react";
+
+import { pickWithout } from "@visactor/vutils";
+
+import RootTableContext from "../context/table";
+
+import { bindEventsToTable } from "../eventsUtils";
+
+import { CustomLayout } from "./custom/custom-layout";
+
+export const createComponent = (componentName, optionName, supportedEvents, isSingle) => {
+    const ignoreKeys = [ "id", "updateId", "componentIndex", "children" ], notOptionKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
+        const context = useContext(RootTableContext), eventsBinded = React.useRef(null), updateId = React.useRef(props.updateId);
+        if (props.updateId !== updateId.current) {
+            updateId.current = props.updateId;
+            !!supportedEvents && bindEventsToTable(context.table, props, eventsBinded.current, supportedEvents) && (eventsBinded.current = props);
+        }
+        return useEffect((() => () => {
+            supportedEvents && bindEventsToTable(context.table, null, eventsBinded.current, supportedEvents);
+        }), []), parseCustomChildren(props.children, props.componentId);
+    };
+    return Comp.displayName = componentName, Comp.parseOption = props => {
+        const newComponentOption = pickWithout(props, notOptionKeys);
+        if (props.children) {
+            const {children: children} = props;
+            React.Children.map(children, ((child, index) => {
+                parseChild(child, props, newComponentOption, notOptionKeys, props.componentId + "-" + index);
+            }));
+        }
+        return {
+            option: newComponentOption,
+            optionName: optionName,
+            isSingle: isSingle
+        };
+    }, Comp;
+};
+
+function parseChild(child, componentProps, newComponentOption, notOptionKeys, componentId) {
+    if ("custom-layout" === child.props.role && (newComponentOption.customLayout = "react-custom-layout", 
+    newComponentOption.customLayoutComponentId = componentId), "header-custom-layout" === child.props.role && (newComponentOption.headerCustomLayout = "react-custom-layout", 
+    newComponentOption.headerCustomLayoutComponentId = componentId), "ListColumn" === child.type.displayName) {
+        newComponentOption.columns || (newComponentOption.columns = []);
+        const childOption = pickWithout(child.props, notOptionKeys);
+        newComponentOption.columns.push(childOption), childOption.componentId = componentId, 
+        child.props.children && React.Children.map(child.props.children, ((child, index) => {
+            parseChild(child, componentProps, childOption, notOptionKeys, componentId + "-" + index);
+        }));
+    }
+}
+
+function parseCustomChildren(children, componentId) {
+    return isReactElement(children) || Array.isArray(children) ? React.Children.map(children, ((child, index) => child.props.children ? parseCustomChildren(child.props.children, componentId + "-" + index) : "custom-layout" === child.props.role || "header-custom-layout" === child.props.role ? React.createElement(CustomLayout, {
+        componentId: componentId
+    }, child) : null)) : null;
+}
+
+function isReactElement(obj) {
+    return obj && obj.$$typeof === Symbol.for("react.element");
+}
+//# sourceMappingURL=base-component.js.map

package/es/table-components/base-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["table-components/base-component.tsx"],"names":[],"mappings":"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","file":"base-component.js","sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport 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';\nimport { CustomLayout } from './custom/custom-layout';\n\nexport interface BaseComponentProps {\n  id?: string | number;\n  children?: React.ReactNode;\n}\n\ntype ComponentProps = BaseComponentProps & { updateId?: number; componentId?: string; componentIndex?: 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', 'componentIndex', 'children'];\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    // children are all custom layout temply\n    // return props.children\n    //   ? React.cloneElement(props.children as ReactElement, { componentIndex: props.componentIndex })\n    //   : null;\n    // if (props.children) {\n    //   return React.Children.map(props.children as ReactElement, (child: ReactElement) => {\n    //     if (child.props.role === 'custom-layout' || child.props.role === 'header-custom-layout') {\n    //       return React.createElement(CustomLayout, { componentId: props.componentId }, child);\n    //     }\n    //   });\n    // }\n    return parseCustomChildren(props.children, props.componentId);\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    // deal width customLayout\n    if (props.children) {\n      const { children } = props;\n      React.Children.map(children as ReactElement, (child: ReactElement, index) => {\n        parseChild(child, props, newComponentOption, notOptionKeys, props.componentId + '-' + index);\n      });\n    }\n    // if (props.children && (props.children as React.ReactElement).props.role === 'custom-layout') {\n    //   (newComponentOption as any).customLayout = 'react-custom-layout';\n    // }\n\n    return {\n      option: newComponentOption,\n      optionName,\n      isSingle\n    };\n  };\n\n  return Comp;\n};\n\nfunction parseChild(\n  child: ReactElement,\n  componentProps: any,\n  newComponentOption: any,\n  notOptionKeys: string[],\n  componentId: string\n) {\n  if (child.props.role === 'custom-layout') {\n    (newComponentOption as any).customLayout = 'react-custom-layout';\n    (newComponentOption as any).customLayoutComponentId = componentId;\n  }\n  if (child.props.role === 'header-custom-layout') {\n    (newComponentOption as any).headerCustomLayout = 'react-custom-layout';\n    (newComponentOption as any).headerCustomLayoutComponentId = componentId;\n  }\n  if ((child.type as any).displayName === 'ListColumn') {\n    if (!newComponentOption.columns) {\n      newComponentOption.columns = [];\n    }\n    const childOption = pickWithout(child.props, notOptionKeys);\n    newComponentOption.columns.push(childOption);\n    childOption.componentId = componentId;\n    if (child.props.children) {\n      React.Children.map(child.props.children as ReactElement, (child: ReactElement, index) => {\n        parseChild(child, componentProps, childOption, notOptionKeys, componentId + '-' + index);\n      });\n    }\n  }\n}\n\nfunction parseCustomChildren(children: ReactNode, componentId: string): ReactNode | undefined {\n  if (isReactElement(children) || Array.isArray(children)) {\n    return React.Children.map(children as ReactElement, (child: ReactElement, index) => {\n      if (child.props.children) {\n        return parseCustomChildren(child.props.children as ReactElement, componentId + '-' + index);\n      } else if (child.props.role === 'custom-layout' || child.props.role === 'header-custom-layout') {\n        return React.createElement(CustomLayout, { componentId: componentId }, child);\n      }\n      return null;\n    });\n  }\n  return null;\n}\n\nfunction isReactElement(obj: any) {\n  return obj && obj.$$typeof === Symbol.for('react.element');\n}\n"]}