@visactor/react-vtable 1.6.0-alpha.5 → 1.6.1

package/es/components/popover/popover.js

@@ -0,0 +1,258 @@
+import { isValid, merge } from "@visactor/vutils";
+
+import React, { useCallback, useEffect, useState } from "react";
+
+import { Group } from "../../table-components";
+
+const defaultProps = {
+    defaultPopupVisible: !1,
+    position: "top"
+}, poptipPanalStyle = {
+    backgroundColor: "rgb(255, 255, 255)",
+    boxShadow: "0 4px 10px rgba(0, 0, 0, .1)",
+    fontSize: "14px",
+    borderRadius: "4px",
+    lineHeight: "1.5715",
+    boxSizing: "border-box",
+    color: "rgb(78, 89, 105)",
+    border: "1px solid rgb(229, 230, 235)",
+    padding: "12px 16px"
+}, Tooltip = props => {
+    const arrowStyle = Object.assign({
+        content: "",
+        height: "8px",
+        width: "8px",
+        position: "absolute",
+        display: "block",
+        boxSizing: "border-box",
+        transform: "rotate(45deg)",
+        transformOrigin: "50% 50% 0",
+        backgroundColor: "rgb(255, 255, 255)",
+        border: "1px solid rgb(229, 230, 235)"
+    }, getArrowStyle(props.position));
+    return props.visible ? React.createElement(React.Fragment, null, React.createElement("div", {
+        style: poptipPanalStyle
+    }, props.content), React.createElement("div", {
+        style: arrowStyle
+    })) : React.createElement(React.Fragment, null);
+};
+
+function PopoverComponent(baseProps, ref) {
+    const props = merge({}, defaultProps, baseProps), {content: content, position: position, popupVisible: popupVisible, defaultPopupVisible: defaultPopupVisible, children: children} = props;
+    let popoverRef = React.useRef(null);
+    popoverRef = ref || popoverRef;
+    const [popupOpen, setPopupOpen] = useState(!1);
+    useEffect((() => {
+        setPopupOpen(!!popupVisible), popoverRef.current.stage.renderNextFrame();
+    }), [ popupVisible ]), useEffect((() => {
+        var _a;
+        setPopupOpen(null !== (_a = null != popupVisible ? popupVisible : defaultPopupVisible) && void 0 !== _a && _a);
+    }), []);
+    const {transform: transform, anchorType: anchorType} = getTransform(position), groupAttribute = {
+        react: {
+            style: {
+                transform: transform
+            },
+            element: React.createElement(Tooltip, {
+                visible: popupOpen,
+                content: content,
+                position: position
+            }),
+            container: null,
+            visible: !0,
+            pointerEvents: !1,
+            anchorType: anchorType
+        }
+    }, groupMouseEnter = useCallback((event => {
+        isValid(popupVisible) || (setPopupOpen(!0), event.currentTarget.stage.renderNextFrame());
+    }), []), groupMouseLeave = useCallback((event => {
+        isValid(popupVisible) || (setPopupOpen(!1), event.currentTarget.stage.renderNextFrame());
+    }), []);
+    return React.createElement(Group, {
+        ref: popoverRef,
+        attribute: groupAttribute,
+        onMouseEnter: groupMouseEnter,
+        onMouseLeave: groupMouseLeave
+    }, children);
+}
+
+function getTransform(position) {
+    switch (position) {
+      case "top":
+        return {
+            anchorType: "top",
+            transform: "translate(-50%, calc(-100% - 10px))"
+        };
+
+      case "tl":
+        return {
+            anchorType: "top-left",
+            transform: "translate(0, calc(-100% - 10px))"
+        };
+
+      case "tr":
+        return {
+            anchorType: "top-right",
+            transform: "translate(-100%, calc(-100% - 10px))"
+        };
+
+      case "bottom":
+        return {
+            anchorType: "bottom",
+            transform: "translate(-50%, 10px)"
+        };
+
+      case "bl":
+        return {
+            anchorType: "bottom-left",
+            transform: "translate(0, 10px)"
+        };
+
+      case "br":
+        return {
+            anchorType: "bottom-right",
+            transform: "translate(-100%, 10px)"
+        };
+
+      case "left":
+        return {
+            anchorType: "left",
+            transform: "translate(calc(-100% - 10px), -50%)"
+        };
+
+      case "lt":
+        return {
+            anchorType: "top-left",
+            transform: "translate(calc(-100% - 10px), 0)"
+        };
+
+      case "lb":
+        return {
+            anchorType: "bottom-left",
+            transform: "translate(calc(-100% - 10px), -100%)"
+        };
+
+      case "right":
+        return {
+            anchorType: "right",
+            transform: "translate(10px, -50%)"
+        };
+
+      case "rt":
+        return {
+            anchorType: "top-right",
+            transform: "translate(10px, 0)"
+        };
+
+      case "rb":
+        return {
+            anchorType: "bottom-right",
+            transform: "translate(10px, -100%)"
+        };
+    }
+}
+
+function getArrowStyle(position) {
+    switch (position) {
+      case "top":
+        return {
+            top: "calc(100% - 5px)",
+            left: "calc(50% - 5px)",
+            borderTop: "none",
+            borderLeft: "none"
+        };
+
+      case "tl":
+        return {
+            top: "calc(100% - 4px)",
+            left: "14px",
+            borderTop: "none",
+            borderLeft: "none"
+        };
+
+      case "tr":
+        return {
+            top: "calc(100% - 4px)",
+            left: "calc(100% - 24px)",
+            borderTop: "none",
+            borderLeft: "none"
+        };
+
+      case "bottom":
+        return {
+            top: "-4px",
+            left: "calc(50% - 4px)",
+            borderRight: "none",
+            borderBottom: "none"
+        };
+
+      case "bl":
+        return {
+            top: "-4px",
+            left: "14px",
+            borderRight: "none",
+            borderBottom: "none"
+        };
+
+      case "br":
+        return {
+            top: "-4px",
+            left: "calc(100% - 24px)",
+            borderRight: "none",
+            borderBottom: "none"
+        };
+
+      case "left":
+        return {
+            top: "calc(50% - 4px)",
+            left: "calc(100% - 5px)",
+            borderLeft: "none",
+            borderBottom: "none"
+        };
+
+      case "lt":
+        return {
+            top: "14px",
+            left: "calc(100% - 5px)",
+            borderLeft: "none",
+            borderBottom: "none"
+        };
+
+      case "lb":
+        return {
+            top: "calc(100% - 24px)",
+            left: "calc(100% - 5px)",
+            borderLeft: "none",
+            borderBottom: "none"
+        };
+
+      case "right":
+        return {
+            top: "calc(50% - 4px)",
+            left: "-4px",
+            borderRight: "none",
+            borderTop: "none"
+        };
+
+      case "rt":
+        return {
+            top: "14px",
+            left: "-4px",
+            borderRight: "none",
+            borderTop: "none"
+        };
+
+      case "rb":
+        return {
+            top: "calc(100% - 24px)",
+            left: "-4px",
+            borderRight: "none",
+            borderTop: "none"
+        };
+    }
+}
+
+export const Popover = React.forwardRef(PopoverComponent);
+
+Popover.displayName = "Popover";
+//# sourceMappingURL=popover.js.map

package/es/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/popover/popover.tsx"],"names":[],"mappings":"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","file":"popover.js","sourcesContent":["import type {\n  BackgroundAttributes,\n  Cursor,\n  IGroup,\n  IGroupGraphicAttribute,\n  IRectGraphicAttribute,\n  ITextGraphicAttribute,\n  Padding,\n  Tag,\n  TagAttributes\n} from '@visactor/vtable/es/vrender';\nimport { Tag as VTag } from '../vrender-components/tag';\nimport type { BoundsAnchorType } from '@visactor/vutils';\nimport { isValid, merge } from '@visactor/vutils';\nimport type { CSSProperties, ReactElement, ReactNode } from 'react';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { Group } from '../../table-components';\n\ntype Anchor = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';\nexport interface PopoverProps {\n  children?: ReactElement;\n  defaultPopupVisible?: boolean;\n  // disabled?: boolean;\n  // popupHoverStay?: boolean;\n  popupVisible?: boolean;\n  // color?: string;\n  position?: Anchor;\n  content?: ReactNode;\n  // onVisibleChange?: (visible: boolean) => void;\n}\n\nconst defaultProps: PopoverProps = {\n  defaultPopupVisible: false,\n  // popupHoverStay: true,\n  // popupVisible: false,\n  position: 'top'\n};\n\nconst poptipPanalStyle: CSSProperties = {\n  backgroundColor: 'rgb(255, 255, 255)',\n  boxShadow: '0 4px 10px rgba(0, 0, 0, .1)',\n  fontSize: '14px',\n  borderRadius: '4px',\n  lineHeight: '1.5715',\n  boxSizing: 'border-box',\n  color: 'rgb(78, 89, 105)',\n  border: '1px solid rgb(229, 230, 235)',\n  padding: '12px 16px'\n};\n\nconst Tooltip = (props: { visible: boolean; content: ReactNode; position: Anchor }) => {\n  const arrowStyle: CSSProperties = {\n    content: '',\n    height: '8px',\n    width: '8px',\n    position: 'absolute',\n    display: 'block',\n    boxSizing: 'border-box',\n    transform: 'rotate(45deg)',\n    transformOrigin: '50% 50% 0',\n    backgroundColor: 'rgb(255, 255, 255)',\n    border: '1px solid rgb(229, 230, 235)',\n    ...getArrowStyle(props.position)\n  };\n\n  return props.visible ? (\n    <>\n      <div style={poptipPanalStyle}>{props.content}</div>\n      <div style={arrowStyle}></div>\n    </>\n  ) : (\n    <></>\n  );\n};\n\nfunction PopoverComponent(baseProps: PopoverProps, ref: React.Ref<IGroup>) {\n  const props: PopoverProps = merge({}, defaultProps, baseProps);\n  const { content, position, popupVisible, defaultPopupVisible, children } = props;\n  let popoverRef = React.useRef<IGroup>(null);\n  popoverRef = ref ? (ref as React.RefObject<IGroup>) : popoverRef;\n\n  const [popupOpen, setPopupOpen] = useState(false);\n\n  useEffect(() => {\n    if (popupVisible) {\n      setPopupOpen(true);\n    } else {\n      setPopupOpen(false);\n    }\n    popoverRef.current.stage.renderNextFrame();\n  }, [popupVisible]);\n\n  useEffect(() => {\n    setPopupOpen(popupVisible ?? defaultPopupVisible ?? false);\n  }, []);\n\n  const { transform, anchorType } = getTransform(position);\n  const poptipContainerStyle: CSSProperties = {\n    // display: popupOpen ? 'block' : 'none',\n    transform: transform\n  };\n\n  const groupAttribute: IGroupGraphicAttribute = {\n    react: {\n      // width: 100,\n      // height: 100,\n      style: poptipContainerStyle,\n      element: <Tooltip visible={popupOpen} content={content} position={position} />,\n      container: null,\n      visible: true,\n      pointerEvents: false,\n      anchorType: anchorType\n    } as IGroupGraphicAttribute['react']\n  };\n\n  const groupMouseEnter = useCallback((event: any) => {\n    if (isValid(popupVisible)) {\n      return;\n    }\n    setPopupOpen(true);\n    event.currentTarget.stage.renderNextFrame();\n  }, []);\n\n  const groupMouseLeave = useCallback((event: any) => {\n    if (isValid(popupVisible)) {\n      return;\n    }\n    setPopupOpen(false);\n    event.currentTarget.stage.renderNextFrame();\n  }, []);\n\n  return (\n    <Group ref={popoverRef} attribute={groupAttribute} onMouseEnter={groupMouseEnter} onMouseLeave={groupMouseLeave}>\n      {children}\n    </Group>\n  );\n}\n\nfunction getTransform(position: Anchor): { transform: string; anchorType: BoundsAnchorType } {\n  switch (position) {\n    case 'top':\n      return {\n        anchorType: 'top',\n        transform: 'translate(-50%, calc(-100% - 10px))'\n      };\n    case 'tl':\n      return {\n        anchorType: 'top-left',\n        transform: 'translate(0, calc(-100% - 10px))'\n      };\n    case 'tr':\n      return {\n        anchorType: 'top-right',\n        transform: 'translate(-100%, calc(-100% - 10px))'\n      };\n    case 'bottom':\n      return {\n        anchorType: 'bottom',\n        transform: 'translate(-50%, 10px)'\n      };\n    case 'bl':\n      return {\n        anchorType: 'bottom-left',\n        transform: 'translate(0, 10px)'\n      };\n    case 'br':\n      return {\n        anchorType: 'bottom-right',\n        transform: 'translate(-100%, 10px)'\n      };\n    case 'left':\n      return {\n        anchorType: 'left',\n        transform: 'translate(calc(-100% - 10px), -50%)'\n      };\n    case 'lt':\n      return {\n        anchorType: 'top-left',\n        transform: 'translate(calc(-100% - 10px), 0)'\n      };\n    case 'lb':\n      return {\n        anchorType: 'bottom-left',\n        transform: 'translate(calc(-100% - 10px), -100%)'\n      };\n    case 'right':\n      return {\n        anchorType: 'right',\n        transform: 'translate(10px, -50%)'\n      };\n    case 'rt':\n      return {\n        anchorType: 'top-right',\n        transform: 'translate(10px, 0)'\n      };\n    case 'rb':\n      return {\n        anchorType: 'bottom-right',\n        transform: 'translate(10px, -100%)'\n      };\n  }\n}\n\nfunction getArrowStyle(position: Anchor): CSSProperties {\n  switch (position) {\n    case 'top':\n      return {\n        top: 'calc(100% - 5px)',\n        left: 'calc(50% - 5px)',\n        borderTop: 'none',\n        borderLeft: 'none'\n      };\n    case 'tl':\n      return {\n        top: 'calc(100% - 4px)',\n        left: '14px', // 4(1/2width) + 10(offset)\n        borderTop: 'none',\n        borderLeft: 'none'\n      };\n    case 'tr':\n      return {\n        top: 'calc(100% - 4px)',\n        left: 'calc(100% - 24px)', // 10(offset) + 10(width) + 4(1/2width)\n        borderTop: 'none',\n        borderLeft: 'none'\n      };\n    case 'bottom':\n      return {\n        top: '-4px',\n        left: 'calc(50% - 4px)',\n        borderRight: 'none',\n        borderBottom: 'none'\n      };\n    case 'bl':\n      return {\n        top: '-4px',\n        left: '14px', // 4(1/2width) + 10(offset)\n        borderRight: 'none',\n        borderBottom: 'none'\n      };\n    case 'br':\n      return {\n        top: '-4px',\n        left: 'calc(100% - 24px)', // 10(offset) + 10(width) + 4(1/2width)\n        borderRight: 'none',\n        borderBottom: 'none'\n      };\n    case 'left':\n      return {\n        top: 'calc(50% - 4px)',\n        left: 'calc(100% - 5px)',\n        borderLeft: 'none',\n        borderBottom: 'none'\n      };\n    case 'lt':\n      return {\n        top: '14px', // 4(1/2width) + 10(offset)\n        left: 'calc(100% - 5px)',\n        borderLeft: 'none',\n        borderBottom: 'none'\n      };\n    case 'lb':\n      return {\n        top: 'calc(100% - 24px)', // 10(offset) + 10(width) + 4(1/2width)\n        left: 'calc(100% - 5px)',\n        borderLeft: 'none',\n        borderBottom: 'none'\n      };\n    case 'right':\n      return {\n        top: 'calc(50% - 4px)',\n        left: '-4px',\n        borderRight: 'none',\n        borderTop: 'none'\n      };\n    case 'rt':\n      return {\n        top: '14px', // 4(1/2width) + 10(offset)\n        left: '-4px',\n        borderRight: 'none',\n        borderTop: 'none'\n      };\n    case 'rb':\n      return {\n        top: 'calc(100% - 24px)', // 10(offset) + 10(width) + 4(1/2width)\n        left: '-4px',\n        borderRight: 'none',\n        borderTop: 'none'\n      };\n  }\n}\n\nexport const Popover = React.forwardRef<IGroup, PopoverProps>(PopoverComponent);\n\nPopover.displayName = 'Popover';\n"]}

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

@@ -0,0 +1,15 @@
+import type { Cursor, Radio as VRenderRadio, RadioAttributes } from '@visactor/vtable/es/vrender';
+import React from 'react';
+export interface RadioProps {
+    children?: string;
+    textStyle?: RadioAttributes['text'];
+    circleStyle?: RadioAttributes['circle'];
+    checked?: boolean;
+    interactive?: boolean;
+    disabled?: boolean;
+    disableCursor?: Cursor;
+    spaceBetweenTextAndIcon?: number;
+    visible?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<VRenderRadio>>;

package/es/components/radio/radio.js

@@ -0,0 +1,43 @@
+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 { Radio as VRadio } from "../vrender-components/radio";
+
+import { merge } from "@visactor/vutils";
+
+import React, { useCallback, useEffect } from "react";
+
+const defaultProps = {};
+
+function RadioComponent(baseProps, ref) {
+    const props = merge({}, defaultProps, baseProps), {textStyle: textStyle, circleStyle: circleStyle, children: children} = props, rest = __rest(props, [ "textStyle", "circleStyle", "children" ]);
+    let radioRef = React.useRef(null);
+    radioRef = ref || radioRef;
+    const handleChange = useCallback((event => {
+        props.onChange && props.onChange(event.target.attribute.checked);
+    }), []);
+    return useEffect((() => (radioRef.current.addEventListener("radio_checked", handleChange), 
+    () => {
+        radioRef.current.removeEventListener("radio_checked", handleChange);
+    })), []), React.createElement(VRadio, {
+        ref: radioRef,
+        attribute: Object.assign({
+            text: Object.assign(Object.assign({}, textStyle), {
+                text: children
+            }),
+            circle: circleStyle
+        }, rest)
+    });
+}
+
+export const Radio = React.forwardRef(RadioComponent);
+
+Radio.displayName = "Radio";
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;AASA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAetD,MAAM,YAAY,GAAe,EAAE,CAAC;AAEpC,SAAS,cAAc,CAAC,SAAqB,EAAE,GAA4B;IACzE,MAAM,KAAK,GAAe,KAAK,CAAC,EAAE,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArD,wCAA6C,CAAQ,CAAC;IAC5D,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAe,IAAI,CAAC,CAAC;IAChD,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAE,GAAqC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEnE,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAA+B,EAAE,EAAE;QACnE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,OAAO,CAAC,mBAAmB,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,EACb,SAAS,kBACP,IAAI,kCACC,SAAS,KACZ,IAAI,EAAE,QAAQ,KAEhB,MAAM,EAAE,WAAW,IAChB,IAAI,IAED,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA2B,cAAc,CAAC,CAAC;AAEhF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC","file":"radio.js","sourcesContent":["import type {\n  BackgroundAttributes,\n  Cursor,\n  IRectGraphicAttribute,\n  ITextGraphicAttribute,\n  Padding,\n  Radio as VRenderRadio,\n  RadioAttributes\n} from '@visactor/vtable/es/vrender';\nimport { Radio as VRadio } from '../vrender-components/radio';\nimport { merge } from '@visactor/vutils';\nimport React, { useCallback, useEffect } from 'react';\n\nexport interface RadioProps {\n  children?: string;\n  textStyle?: RadioAttributes['text'];\n  circleStyle?: RadioAttributes['circle'];\n  checked?: boolean;\n  interactive?: boolean;\n  disabled?: boolean;\n  disableCursor?: Cursor;\n  spaceBetweenTextAndIcon?: number;\n  visible?: boolean;\n  onChange?: (checked: boolean) => void;\n}\n\nconst defaultProps: RadioProps = {};\n\nfunction RadioComponent(baseProps: RadioProps, ref: React.Ref<VRenderRadio>) {\n  const props: RadioProps = merge({}, defaultProps, baseProps);\n  const { textStyle, circleStyle, children, ...rest } = props;\n  let radioRef = React.useRef<VRenderRadio>(null);\n  radioRef = ref ? (ref as React.RefObject<VRenderRadio>) : radioRef;\n\n  const handleChange = useCallback((event: { target: VRenderRadio }) => {\n    props.onChange && props.onChange(event.target.attribute.checked);\n  }, []);\n\n  useEffect(() => {\n    radioRef.current.addEventListener('radio_checked', handleChange);\n    return () => {\n      radioRef.current.removeEventListener('radio_checked', handleChange);\n    };\n  }, []);\n\n  return (\n    <VRadio\n      ref={radioRef}\n      attribute={{\n        text: {\n          ...textStyle,\n          text: children\n        },\n        circle: circleStyle,\n        ...rest\n      }}\n    ></VRadio>\n  );\n}\n\nexport const Radio = React.forwardRef<VRenderRadio, RadioProps>(RadioComponent);\n\nRadio.displayName = 'Radio';\n"]}

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

@@ -0,0 +1,13 @@
+import type { IRectGraphicAttribute, ITextGraphicAttribute, Padding, Tag as VRenderTag, TagAttributes } from '@visactor/vtable/es/vrender';
+import React from 'react';
+export interface TagProps {
+    attribute?: TagAttributes;
+    children?: string;
+    textStyle?: Partial<ITextGraphicAttribute>;
+    panelStyle?: Partial<IRectGraphicAttribute>;
+    padding?: Padding;
+    minWidth?: number;
+    maxWidth?: number;
+    visible?: boolean;
+}
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<VRenderTag>>;

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, {
+        ref: tagRef,
+        attribute: null != attribute ? attribute : Object.assign({
+            text: children,
+            panel: panelStyle
+        }, 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,IACH,GAAG,EAAE,MAAM,EACX,SAAS,EACP,SAAS,aAAT,SAAS,cAAT,SAAS,mBACP,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAiB,IACrB,IAAI,CACR,GAEG,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 '@visactor/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    ></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 '@visactor/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 '@visactor/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,2 @@
+import { CheckBox, Radio, Tag } from '@visactor/vtable/es/vrender';
+export declare function createVRenderComponent(type: string, props: any): Tag | Radio | CheckBox;

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

@@ -0,0 +1,14 @@
+import { CheckBox, Radio, Tag } from "@visactor/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,6BAA6B,CAAC;AAEnE,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 '@visactor/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 '@visactor/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 '@visactor/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 '@visactor/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 '@visactor/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 '@visactor/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 '@visactor/vtable/es/vrender';\n\nexport type GraphicProps<IGraphicGraphicAttribute, IGraphic> = {\n  attribute?: IGraphicGraphicAttribute;\n  ref?: Ref<IGraphic>;\n} & IGraphicGraphicAttribute &\n  IEventParamsType;\n"]}

package/es/constants.js

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

package/es/containers/withContainer.js

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

package/es/eventsUtils.d.ts

@@ -103,4 +103,4 @@ export declare const TABLE_EVENTS: {
 };
 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>(table: IVTable, newProps?: T, prevProps?: T, supportedEvents?: Record<string, string>) => boolean;
+export declare const bindEventsToTable: <T extends EventsProps>(table: IVTable, newProps?: T, prevProps?: T, supportedEvents?: Record<string, string>) => boolean;

package/es/eventsUtils.js

@@ -1,6 +1,6 @@
-import { ListTable, PivotTable, PivotChart } from "@visactor/vtable";
+import { TABLE_EVENT_TYPE, PIVOT_CHART_EVENT_TYPE, PIVOT_TABLE_EVENT_TYPE } from "@visactor/vtable";
 
-const EVENT_TYPE = Object.assign(Object.assign(Object.assign({}, ListTable.EVENT_TYPE), PivotTable.EVENT_TYPE), PivotChart.EVENT_TYPE);
+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,

package/es/eventsUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["eventsUtils.ts"],"names":[],"mappings":"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","file":"eventsUtils.js","sourcesContent":["import { ListTable, PivotTable, PivotChart } from '@visactor/vtable';\nimport type { IVTable } from './tables/base-table';\nimport type { TYPES } from '@visactor/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};\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  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  onChangeHeaderPosition?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position']>;\n  onSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['sort_click']>;\n  onFreezeClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['freeze_click']>;\n  onScroll?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll']>;\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\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  onAfterRender?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_render']>;\n  onInitialized?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['initialized']>;\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\n  onMousedownFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_fill_handle']>;\n  onDragFillHandleEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_fill_handle_end']>;\n  onDblclickFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_fill_handle']>;\n\n  onScrollVerticalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_vertical_end']>;\n  onScrollHorizontalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_horizontal_end']>;\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  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  onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,\n  onSortClick: EVENT_TYPE.SORT_CLICK,\n  onFreezeClick: EVENT_TYPE.FREEZE_CLICK,\n  onScroll: EVENT_TYPE.SCROLL,\n  onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,\n  onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,\n  onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,\n\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  onAfterRender: EVENT_TYPE.AFTER_RENDER,\n  onInitialized: EVENT_TYPE.INITIALIZED,\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  onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,\n  onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,\n  onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,\n  onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,\n  onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END\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]) {\n      result[key] = props[key];\n    }\n  });\n\n  return result;\n};\n\nexport const bindEventsToTable = <T>(\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 = prevProps ? findEventProps(prevProps, supportedEvents) : null;\n  const newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;\n\n  if (prevEventProps) {\n    Object.keys(prevEventProps).forEach(eventKey => {\n      if (!newEventProps || !newEventProps[eventKey] || newEventProps[eventKey] !== prevEventProps[eventKey]) {\n        table.off(supportedEvents[eventKey], prevProps[eventKey]);\n      }\n    });\n  }\n\n  if (newEventProps) {\n    Object.keys(newEventProps).forEach(eventKey => {\n      if (!prevEventProps || !prevEventProps[eventKey] || prevEventProps[eventKey] !== newEventProps[eventKey]) {\n        table.on(supportedEvents[eventKey] as keyof TYPES.TableEventHandlersEventArgumentMap, newEventProps[eventKey]);\n      }\n    });\n  }\n\n  return true;\n};\n"]}
+{"version":3,"sources":["eventsUtils.ts"],"names":[],"mappings":"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","file":"eventsUtils.js","sourcesContent":["// import { ListTable, PivotTable, PivotChart } from '@visactor/vtable';\nimport type { IVTable } from './tables/base-table';\nimport type { TYPES } from '@visactor/vtable';\nimport { TABLE_EVENT_TYPE, PIVOT_CHART_EVENT_TYPE, PIVOT_TABLE_EVENT_TYPE } from '@visactor/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  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  onChangeHeaderPosition?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['change_header_position']>;\n  onSortClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['sort_click']>;\n  onFreezeClick?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['freeze_click']>;\n  onScroll?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll']>;\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\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  onAfterRender?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['after_render']>;\n  onInitialized?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['initialized']>;\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\n  onMousedownFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['mousedown_fill_handle']>;\n  onDragFillHandleEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['drag_fill_handle_end']>;\n  onDblclickFillHandle?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['dblclick_fill_handle']>;\n\n  onScrollVerticalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_vertical_end']>;\n  onScrollHorizontalEnd?: EventCallback<TYPES.TableEventHandlersEventArgumentMap['scroll_horizontal_end']>;\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  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  onChangeHeaderPosition: EVENT_TYPE.CHANGE_HEADER_POSITION,\n  onSortClick: EVENT_TYPE.SORT_CLICK,\n  onFreezeClick: EVENT_TYPE.FREEZE_CLICK,\n  onScroll: EVENT_TYPE.SCROLL,\n  onDropdownMenuClick: EVENT_TYPE.DROPDOWN_MENU_CLICK,\n  onMouseOverChartSymbol: EVENT_TYPE.MOUSEOVER_CHART_SYMBOL,\n  onDragSelectEnd: EVENT_TYPE.DRAG_SELECT_END,\n\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  onAfterRender: EVENT_TYPE.AFTER_RENDER,\n  onInitialized: EVENT_TYPE.INITIALIZED,\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  onMousedownFillHandle: EVENT_TYPE.MOUSEDOWN_FILL_HANDLE,\n  onDragFillHandleEnd: EVENT_TYPE.DRAG_FILL_HANDLE_END,\n  onDblclickFillHandle: EVENT_TYPE.DBLCLICK_FILL_HANDLE,\n  onScrollVerticalEnd: EVENT_TYPE.SCROLL_VERTICAL_END,\n  onScrollHorizontalEnd: EVENT_TYPE.SCROLL_HORIZONTAL_END\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

@@ -1,4 +1,4 @@
 export * from './tables';
+export * from './table-components';
 export * from './components';
-export * from './vtable';
-export declare const version = "1.6.0-alpha.5";
+export declare const version = "1.6.1";

package/es/index.js

@@ -1,8 +1,8 @@
 export * from "./tables";
 
-export * from "./components";
+export * from "./table-components";
 
-export * from "./vtable";
+export * from "./components";
 
-export const version = "1.6.0-alpha.5";
+export const version = "1.6.1";
 //# sourceMappingURL=index.js.map