@visactor/openinula-vchart 1.10.2-alpha.2

package/cjs/components/tooltip/util.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.initCustomTooltip = void 0;
+
+const openinula_1 = __importDefault(require("openinula")), vutils_1 = require("@visactor/vutils"), constant_1 = require("./constant"), openinula_2 = require("openinula"), initCustomTooltip = (setTooltipNode, props, spec) => {
+    let render;
+    if ((null == spec ? void 0 : spec.tooltipRender) ? (render = spec.tooltipRender, 
+    delete spec.tooltipRender) : (null == spec ? void 0 : spec.children) ? render = (tooltipElement, actualTooltip, params) => openinula_1.default.Children.map(spec.children, (child => (0, 
+    vutils_1.isObject)(child) ? openinula_1.default.cloneElement(child, {
+        tooltipElement: tooltipElement,
+        actualTooltip: actualTooltip,
+        params: params
+    }) : child)) : props.tooltipRender && (render = props.tooltipRender), render) {
+        let reserve;
+        return (null == spec ? void 0 : spec.reserveDefaultTooltip) ? (reserve = spec.reserveDefaultTooltip, 
+        delete spec.reserveDefaultTooltip) : reserve = props.reserveDefaultTooltip, Object.assign(Object.assign({}, spec), {
+            updateElement: (el, actualTooltip, params) => {
+                const {changePositionOnly: changePositionOnly} = params;
+                if (!changePositionOnly) {
+                    if (!reserve) {
+                        el.style.width = "auto", el.style.height = "auto", el.style.minHeight = "auto", 
+                        el.style.padding = "0px";
+                        for (let i = 0; i < el.children.length; i++) {
+                            const childNode = el.children[i];
+                            childNode.className !== constant_1.REACT_TOOLTIP_ClASS_NAME && "none" !== childNode.style.display && (childNode.style.display = "none");
+                        }
+                    }
+                    setTooltipNode((0, openinula_2.createPortal)(openinula_1.default.createElement("div", {
+                        className: constant_1.REACT_TOOLTIP_ClASS_NAME
+                    }, render(el, actualTooltip, params)), el));
+                }
+            }
+        });
+    }
+    return spec;
+};
+
+exports.initCustomTooltip = initCustomTooltip;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/util.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAA8B;AAG9B,6CAA4C;AAE5C,yCAAsD;AACtD,yCAAyC;AAGlC,MAAM,iBAAiB,GAAG,CAC/B,cAAqE,EACrE,KAAqB,EACrB,IAAmB,EACnB,EAAE;IACF,IAAI,MAAM,GAAkB,SAAS,CAAC;IACtC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAAE;QACvB,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC;KAC3B;SAAM,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE;QACzB,MAAM,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,CACjD,mBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CACxC,IAAA,iBAAQ,EAAC,KAAK,CAAC;YACb,CAAC,CAAC,mBAAK,CAAC,YAAY,CAAC,KAAkE,EAAE;gBACrF,cAAc;gBACd,aAAa;gBACb,MAAM;aACP,CAAC;YACJ,CAAC,CAAC,KAAK,CACV,CAAC;KACL;SAAM,IAAI,KAAK,CAAC,aAAa,EAAE;QAC9B,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;KAC9B;IAED,IAAI,MAAM,EAAE;QACV,IAAI,OAAO,GAAY,SAAS,CAAC;QACjC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE;YAC/B,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrC,OAAO,IAAI,CAAC,qBAAqB,CAAC;SACnC;aAAM;YACL,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC;SACvC;QACD,OAAO,gCACF,IAAI,KACP,aAAa,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;gBAC3C,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;gBACtC,IAAI,kBAAkB,EAAE;oBACtB,OAAO;iBACR;gBACD,IAAI,CAAC,OAAO,EAAE;oBACZ,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;oBACxB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;oBAC5B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;oBACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBAC3C,MAAM,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAC;wBAChD,IAAI,SAAS,CAAC,SAAS,KAAK,mCAAwB,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;4BAC1F,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;yBAClC;qBACF;iBACF;gBACD,cAAc,CACZ,IAAA,wBAAY,EAAC,2CAAK,SAAS,EAAE,mCAAwB,IAAG,MAAM,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,CAAC,CAAO,EAAE,EAAE,CAAC,CACtG,CAAC;YACJ,CAAC,GACc,CAAC;KACnB;IAED,OAAO,IAAoB,CAAC;AAC9B,CAAC,CAAC;AA3DW,QAAA,iBAAiB,qBA2D5B","file":"util.js","sourcesContent":["import React from 'openinula';\nimport type { BaseChartProps } from '../../charts/BaseChart';\nimport { TooltipProps, TooltipRender } from './interface';\nimport { isObject } from '@visactor/vutils';\nimport { ITooltipSpec } from '@visactor/vchart';\nimport { REACT_TOOLTIP_ClASS_NAME } from './constant';\nimport { createPortal } from 'openinula';\n\n/** tooltip 自定义插槽 */\nexport const initCustomTooltip = (\n  setTooltipNode: React.Dispatch<React.SetStateAction<React.ReactNode>>,\n  props: BaseChartProps,\n  spec?: TooltipProps\n) => {\n  let render: TooltipRender = undefined;\n  if (spec?.tooltipRender) {\n    render = spec.tooltipRender;\n    delete spec.tooltipRender;\n  } else if (spec?.children) {\n    render = (tooltipElement, actualTooltip, params) =>\n      React.Children.map(spec.children, child =>\n        isObject(child)\n          ? React.cloneElement(child as React.ReactElement<any, React.JSXElementConstructor<any>>, {\n              tooltipElement,\n              actualTooltip,\n              params\n            })\n          : child\n      );\n  } else if (props.tooltipRender) {\n    render = props.tooltipRender;\n  }\n\n  if (render) {\n    let reserve: boolean = undefined;\n    if (spec?.reserveDefaultTooltip) {\n      reserve = spec.reserveDefaultTooltip;\n      delete spec.reserveDefaultTooltip;\n    } else {\n      reserve = props.reserveDefaultTooltip;\n    }\n    return {\n      ...spec,\n      updateElement: (el, actualTooltip, params) => {\n        const { changePositionOnly } = params;\n        if (changePositionOnly) {\n          return;\n        }\n        if (!reserve) {\n          el.style.width = 'auto';\n          el.style.height = 'auto';\n          el.style.minHeight = 'auto';\n          el.style.padding = '0px';\n          for (let i = 0; i < el.children.length; i++) {\n            const childNode = el.children[i] as HTMLElement;\n            if (childNode.className !== REACT_TOOLTIP_ClASS_NAME && childNode.style.display !== 'none') {\n              childNode.style.display = 'none';\n            }\n          }\n        }\n        setTooltipNode(\n          createPortal(<div className={REACT_TOOLTIP_ClASS_NAME}>{render(el, actualTooltip, params)}</div>, el)\n        );\n      }\n    } as ITooltipSpec;\n  }\n\n  return spec as ITooltipSpec;\n};\n"]}

package/cjs/constants.d.ts

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

package/cjs/constants.js

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

package/cjs/constants.js.map

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

package/cjs/containers/withContainer.d.ts

@@ -0,0 +1,11 @@
+export interface ContainerProps {
+    style?: React.CSSProperties;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+}
+export default function withContainer<Props extends ContainerProps, CompProps>(Comp: any, name?: string, getProps?: (props: any) => CompProps): import("openinula").ExoticComponent<import("openinula").PropsOmitRef<CompProps & Props>> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};

package/cjs/containers/withContainer.js

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

package/cjs/containers/withContainer.js.map

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

package/cjs/context/chart.d.ts

@@ -0,0 +1,13 @@
+import React from 'openinula';
+import type { IVChart } from '@visactor/vchart';
+export interface ChartContextType {
+    chart?: IVChart;
+    isChildrenUpdated?: boolean;
+}
+declare const ChartContext: import("openinula").Context<ChartContextType>;
+export declare function withChartInstance<T>(Component: typeof React.Component): import("openinula").ExoticComponent<import("openinula").PropsOmitRef<T>> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};
+export default ChartContext;

package/cjs/context/chart.js

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

package/cjs/context/chart.js.map

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

package/cjs/context/stage.d.ts

@@ -0,0 +1,9 @@
+import React from 'openinula';
+import type { IStage } from '@visactor/vrender-core';
+declare const StageContext: import("openinula").Context<IStage>;
+export declare function withStage<T>(Component: typeof React.Component): import("openinula").ExoticComponent<import("openinula").PropsOmitRef<T>> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};
+export default StageContext;

package/cjs/context/stage.js

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

package/cjs/context/stage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/stage.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAA8B;AAG9B,MAAM,YAAY,GAAG,mBAAK,CAAC,aAAa,CAAS,IAAI,CAAC,CAAC;AACvD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAgB,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,mBAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,kCAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,kCAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAM,KAAK,EAAI,CAAyB,CAAC;IAChH,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAND,8BAMC;AAED,kBAAe,YAAY,CAAC","file":"stage.js","sourcesContent":["import React from 'openinula';\nimport type { IStage } from '@visactor/vrender-core';\n\nconst StageContext = React.createContext<IStage>(null);\nStageContext.displayName = 'StageContext';\n\nexport function withStage<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <StageContext.Consumer>{ctx => <Component ref={ref} stage={ctx} {...props} />}</StageContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default StageContext;\n"]}

package/cjs/context/view.d.ts

@@ -0,0 +1,9 @@
+import React from 'openinula';
+import type { IView } from '@visactor/vgrammar-core';
+declare const ViewContext: import("openinula").Context<IView>;
+export declare function withView<T>(Component: typeof React.Component): import("openinula").ExoticComponent<import("openinula").PropsOmitRef<T>> & {
+    key?: import("openinula").Key;
+} & {
+    ref?: import("openinula").Ref<any>;
+};
+export default ViewContext;

package/cjs/context/view.js

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

package/cjs/context/view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context/view.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAA8B;AAG9B,MAAM,WAAW,GAAG,mBAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,SAAgB,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,mBAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,kCAAC,WAAW,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,kCAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAM,KAAK,EAAI,CAAwB,CAAC;IAC7G,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAND,4BAMC;AAED,kBAAe,WAAW,CAAC","file":"view.js","sourcesContent":["import React from 'openinula';\nimport type { IView } from '@visactor/vgrammar-core';\n\nconst ViewContext = React.createContext<IView>(null);\nViewContext.displayName = 'ViewContext';\n\nexport function withView<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <ViewContext.Consumer>{ctx => <Component ref={ref} view={ctx} {...props} />}</ViewContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ViewContext;\n"]}

package/cjs/eventsUtils.d.ts

@@ -0,0 +1,256 @@
+import type { IVChart, EventCallback, EventParamsDefinition } from '@visactor/vchart';
+export interface LegendEventProps {
+    onLegendItemHover?: (e: any) => void;
+    onLegendItemUnHover?: (e: any) => void;
+    onLegendItemClick?: (e: any) => void;
+    onLegendFilter?: (e: any) => void;
+    onLegendSelectedDataChange?: (e: any) => void;
+}
+export interface BrushEventProps {
+    onBrushStart?: (e: any) => void;
+    onBrushChange?: (e: any) => void;
+    onBrushEnd?: (e: any) => void;
+}
+export interface DataZoomEventProps {
+    onDataZoomChange?: (e: any) => void;
+}
+export interface PlayerEventProps {
+    onPlayerPlay?: (e: any) => void;
+    onPlayerPause?: (e: any) => void;
+    onPlayerEnd?: (e: any) => void;
+    onPlayerChange?: (e: any) => void;
+    onPlayerForward?: (e: any) => void;
+    onPlayerBackward?: (e: any) => void;
+}
+export interface ScrollBarEventProps {
+    onScrollBarChange?: (e: any) => void;
+}
+export interface DimensionEventProps {
+    onDimensionHover?: (e: any) => void;
+    onDimensionClick?: (e: any) => void;
+}
+export interface HierarchyEventProps {
+    onDrill?: (e: any) => void;
+}
+export interface ChartLifeCycleEventProps {
+    onInitialized?: (e: any) => void;
+    onRendered?: (e: any) => void;
+    onRenderFinished?: (e: any) => void;
+    onAnimationFinished?: (e: any) => void;
+    onLayoutStart?: (e: any) => void;
+    onLayoutEnd?: (e: any) => void;
+}
+export interface EventsProps {
+    onPointerDown?: EventCallback<EventParamsDefinition['pointerdown']>;
+    onPointerUp?: EventCallback<EventParamsDefinition['pointerup']>;
+    onPointerUpOutside?: EventCallback<EventParamsDefinition['pointerupoutside']>;
+    onPointerTap?: EventCallback<EventParamsDefinition['pointertap']>;
+    onPointerOver?: EventCallback<EventParamsDefinition['pointerover']>;
+    onPointerMove?: EventCallback<EventParamsDefinition['pointermove']>;
+    onPointerEnter?: EventCallback<EventParamsDefinition['pointerenter']>;
+    onPointerLeave?: EventCallback<EventParamsDefinition['pointerleave']>;
+    onPointerOut?: EventCallback<EventParamsDefinition['pointerout']>;
+    onMouseDown?: EventCallback<EventParamsDefinition['mousedown']>;
+    onMouseUp?: EventCallback<EventParamsDefinition['mouseup']>;
+    onMouseUpOutside?: EventCallback<EventParamsDefinition['mouseupoutside']>;
+    onMouseMove?: EventCallback<EventParamsDefinition['mousemove']>;
+    onMouseOver?: EventCallback<EventParamsDefinition['mouseover']>;
+    onMouseOut?: EventCallback<EventParamsDefinition['mouseout']>;
+    onMouseEnter?: EventCallback<EventParamsDefinition['mouseenter']>;
+    onMouseLeave?: EventCallback<EventParamsDefinition['mouseleave']>;
+    onPinch?: EventCallback<EventParamsDefinition['pinch']>;
+    onPinchStart?: EventCallback<EventParamsDefinition['pinchstart']>;
+    onPinchEnd?: EventCallback<EventParamsDefinition['pinchend']>;
+    onPan?: EventCallback<EventParamsDefinition['pan']>;
+    onPanStart?: EventCallback<EventParamsDefinition['panstart']>;
+    onPanEnd?: EventCallback<EventParamsDefinition['panend']>;
+    onDrag?: EventCallback<EventParamsDefinition['drag']>;
+    onDragStart?: EventCallback<EventParamsDefinition['dragstart']>;
+    onDragEnter?: EventCallback<EventParamsDefinition['dragenter']>;
+    onDragLeave?: EventCallback<EventParamsDefinition['dragleave']>;
+    onDragOver?: EventCallback<EventParamsDefinition['dragover']>;
+    onDragEnd?: EventCallback<EventParamsDefinition['dragend']>;
+    onRightDown?: EventCallback<EventParamsDefinition['rightdown']>;
+    onRightUp?: EventCallback<EventParamsDefinition['rightup']>;
+    onRightUpOutside?: EventCallback<EventParamsDefinition['rightupoutside']>;
+    onTouchStart?: EventCallback<EventParamsDefinition['touchstart']>;
+    onTouchEnd?: EventCallback<EventParamsDefinition['touchend']>;
+    onTouchEndOutside?: EventCallback<EventParamsDefinition['touchendoutside']>;
+    onTouchMove?: EventCallback<EventParamsDefinition['touchmove']>;
+    onTouchCancel?: EventCallback<EventParamsDefinition['touchcancel']>;
+    onPress?: EventCallback<EventParamsDefinition['press']>;
+    onPressUp?: EventCallback<EventParamsDefinition['pressup']>;
+    onPressEnd?: EventCallback<EventParamsDefinition['pressend']>;
+    onSwipe?: EventCallback<EventParamsDefinition['swipe']>;
+    onDrop?: EventCallback<EventParamsDefinition['drop']>;
+    onWeel?: EventCallback<EventParamsDefinition['weel']>;
+    onClick?: EventCallback<EventParamsDefinition['click']>;
+    onDblClick?: EventCallback<EventParamsDefinition['dblclick']>;
+}
+export declare const REACT_TO_VCHART_EVENTS: {
+    onPointerDown: string;
+    onPointerUp: string;
+    onPointerUpOutside: string;
+    onPointerTap: string;
+    onPointerOver: string;
+    onPointerMove: string;
+    onPointerEnter: string;
+    onPointerLeave: string;
+    onPointerOut: string;
+    onMouseDown: string;
+    onMouseUp: string;
+    onMouseUpOutside: string;
+    onMouseMove: string;
+    onMouseOver: string;
+    onMouseOut: string;
+    onMouseEnter: string;
+    onMouseLeave: string;
+    onPinch: string;
+    onPinchStart: string;
+    onPinchEnd: string;
+    onPan: string;
+    onPanStart: string;
+    onPanEnd: string;
+    onDrag: string;
+    onDragStart: string;
+    onDragEnter: string;
+    onDragLeave: string;
+    onDragOver: string;
+    onDragEnd: string;
+    onRightDown: string;
+    onRightUp: string;
+    onRightUpOutside: string;
+    onTouchStart: string;
+    onTouchEnd: string;
+    onTouchEndOutside: string;
+    onTouchMove: string;
+    onTouchCancel: string;
+    onPress: string;
+    onPressUp: string;
+    onPressEnd: string;
+    onSwipe: string;
+    onDrop: string;
+    onWeel: string;
+    onClick: string;
+    onDblClick: string;
+};
+export declare const LEGEND_CUSTOMIZED_EVENTS: {
+    onLegendItemHover: string;
+    onLegendItemUnHover: string;
+    onLegendItemClick: string;
+    onLegendFilter: string;
+    onLegendSelectedDataChange: string;
+};
+export declare const BRUSH_CUSTOMIZED_EVENTS: {
+    onBrushStart: string;
+    onBrushChange: string;
+    onBrushEnd: string;
+    onBrushClear: string;
+};
+export declare const DATAZOOM_CUSTOMIZED_EVENTS: {
+    onDataZoomChange: string;
+};
+export declare const PLAYER_CUSTOMIZED_EVENTS: {
+    onPlayerPlay: string;
+    onPlayerPause: string;
+    onPlayerEnd: string;
+    onPlayerChange: string;
+    onPlayerForward: string;
+    onPlayerBackward: string;
+};
+export declare const SCROLLBAR_CUSTOMIZED_EVENTS: {
+    onScrollBarChange: string;
+};
+export declare const DIMENSION_EVENTS: {
+    onDimensionHover: string;
+    onDimensionClick: string;
+};
+export declare const HIERARCHY_EVENTS: {
+    onDrill: string;
+};
+export declare const CHART_LIFECYCLE_EVENTS: {
+    onInitialized: string;
+    onRendered: string;
+    onRenderFinished: string;
+    onAnimationFinished: string;
+    onLayoutStart: string;
+    onLayoutEnd: string;
+};
+export declare const CHART_EVENTS: {
+    onPointerDown: string;
+    onPointerUp: string;
+    onPointerUpOutside: string;
+    onPointerTap: string;
+    onPointerOver: string;
+    onPointerMove: string;
+    onPointerEnter: string;
+    onPointerLeave: string;
+    onPointerOut: string;
+    onMouseDown: string;
+    onMouseUp: string;
+    onMouseUpOutside: string;
+    onMouseMove: string;
+    onMouseOver: string;
+    onMouseOut: string;
+    onMouseEnter: string;
+    onMouseLeave: string;
+    onPinch: string;
+    onPinchStart: string;
+    onPinchEnd: string;
+    onPan: string;
+    onPanStart: string;
+    onPanEnd: string;
+    onDrag: string;
+    onDragStart: string;
+    onDragEnter: string;
+    onDragLeave: string;
+    onDragOver: string;
+    onDragEnd: string;
+    onRightDown: string;
+    onRightUp: string;
+    onRightUpOutside: string;
+    onTouchStart: string;
+    onTouchEnd: string;
+    onTouchEndOutside: string;
+    onTouchMove: string;
+    onTouchCancel: string;
+    onPress: string;
+    onPressUp: string;
+    onPressEnd: string;
+    onSwipe: string;
+    onDrop: string;
+    onWeel: string;
+    onClick: string;
+    onDblClick: string;
+    onDrill: string;
+    onInitialized: string;
+    onRendered: string;
+    onRenderFinished: string;
+    onAnimationFinished: string;
+    onLayoutStart: string;
+    onLayoutEnd: string;
+    onDimensionHover: string;
+    onDimensionClick: string;
+    onScrollBarChange: string;
+    onDataZoomChange: string;
+    onPlayerPlay: string;
+    onPlayerPause: string;
+    onPlayerEnd: string;
+    onPlayerChange: string;
+    onPlayerForward: string;
+    onPlayerBackward: string;
+    onBrushStart: string;
+    onBrushChange: string;
+    onBrushEnd: string;
+    onBrushClear: string;
+    onLegendItemHover: string;
+    onLegendItemUnHover: string;
+    onLegendItemClick: string;
+    onLegendFilter: string;
+    onLegendSelectedDataChange: string;
+};
+export declare const CHART_EVENTS_KEYS: string[];
+export declare const COMMON_EVENTK_KEYS: string[];
+export declare const VCHART_TO_REACT_EVENTS: {};
+export declare const findEventProps: <T extends EventsProps>(props: T, supportedEvents?: Record<string, string>) => EventsProps;
+export declare const bindEventsToChart: <T>(chart: IVChart, newProps?: T, prevProps?: T, supportedEvents?: Record<string, string>) => boolean;

package/cjs/eventsUtils.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindEventsToChart = exports.findEventProps = exports.VCHART_TO_REACT_EVENTS = exports.COMMON_EVENTK_KEYS = exports.CHART_EVENTS_KEYS = exports.CHART_EVENTS = exports.CHART_LIFECYCLE_EVENTS = exports.HIERARCHY_EVENTS = exports.DIMENSION_EVENTS = exports.SCROLLBAR_CUSTOMIZED_EVENTS = exports.PLAYER_CUSTOMIZED_EVENTS = exports.DATAZOOM_CUSTOMIZED_EVENTS = exports.BRUSH_CUSTOMIZED_EVENTS = exports.LEGEND_CUSTOMIZED_EVENTS = exports.REACT_TO_VCHART_EVENTS = void 0, 
+exports.REACT_TO_VCHART_EVENTS = {
+    onPointerDown: "pointerdown",
+    onPointerUp: "pointerup",
+    onPointerUpOutside: "pointerupoutside",
+    onPointerTap: "pointertap",
+    onPointerOver: "pointerover",
+    onPointerMove: "pointermove",
+    onPointerEnter: "pointerenter",
+    onPointerLeave: "pointerleave",
+    onPointerOut: "pointerout",
+    onMouseDown: "mousedown",
+    onMouseUp: "mouseup",
+    onMouseUpOutside: "mouseupoutside",
+    onMouseMove: "mousemove",
+    onMouseOver: "mouseover",
+    onMouseOut: "mouseout",
+    onMouseEnter: "mouseenter",
+    onMouseLeave: "mouseleave",
+    onPinch: "pinch",
+    onPinchStart: "pinchstart",
+    onPinchEnd: "pinchend",
+    onPan: "pan",
+    onPanStart: "panstart",
+    onPanEnd: "panend",
+    onDrag: "drag",
+    onDragStart: "dragstart",
+    onDragEnter: "dragenter",
+    onDragLeave: "dragleave",
+    onDragOver: "dragover",
+    onDragEnd: "dragend",
+    onRightDown: "rightdown",
+    onRightUp: "rightup",
+    onRightUpOutside: "rightupoutside",
+    onTouchStart: "touchstart",
+    onTouchEnd: "touchend",
+    onTouchEndOutside: "touchendoutside",
+    onTouchMove: "touchmove",
+    onTouchCancel: "touchcancel",
+    onPress: "press",
+    onPressUp: "pressup",
+    onPressEnd: "pressend",
+    onSwipe: "swipe",
+    onDrop: "drop",
+    onWeel: "wheel",
+    onClick: "click",
+    onDblClick: "dblclick"
+}, exports.LEGEND_CUSTOMIZED_EVENTS = {
+    onLegendItemHover: "legendItemHover",
+    onLegendItemUnHover: "legendItemUnHover",
+    onLegendItemClick: "legendItemClick",
+    onLegendFilter: "legendFilter",
+    onLegendSelectedDataChange: "legendSelectedDataChange"
+}, exports.BRUSH_CUSTOMIZED_EVENTS = {
+    onBrushStart: "brushStart",
+    onBrushChange: "brushChange",
+    onBrushEnd: "brushEnd",
+    onBrushClear: "brushClear"
+}, exports.DATAZOOM_CUSTOMIZED_EVENTS = {
+    onDataZoomChange: "dataZoomChange"
+}, exports.PLAYER_CUSTOMIZED_EVENTS = {
+    onPlayerPlay: "playerPlay",
+    onPlayerPause: "playerPause",
+    onPlayerEnd: "playerEnd",
+    onPlayerChange: "playerChange",
+    onPlayerForward: "playerForward",
+    onPlayerBackward: "playerBackward"
+}, exports.SCROLLBAR_CUSTOMIZED_EVENTS = {
+    onScrollBarChange: "scrollBarChange"
+}, exports.DIMENSION_EVENTS = {
+    onDimensionHover: "dimensionHover",
+    onDimensionClick: "dimensionClick"
+}, exports.HIERARCHY_EVENTS = {
+    onDrill: "drill"
+}, exports.CHART_LIFECYCLE_EVENTS = {
+    onInitialized: "initialized",
+    onRendered: "rendered",
+    onRenderFinished: "renderFinished",
+    onAnimationFinished: "animationFinished",
+    onLayoutStart: "layoutStart",
+    onLayoutEnd: "layoutEnd"
+}, exports.CHART_EVENTS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, exports.LEGEND_CUSTOMIZED_EVENTS), exports.BRUSH_CUSTOMIZED_EVENTS), exports.PLAYER_CUSTOMIZED_EVENTS), exports.DATAZOOM_CUSTOMIZED_EVENTS), exports.SCROLLBAR_CUSTOMIZED_EVENTS), exports.DIMENSION_EVENTS), exports.CHART_LIFECYCLE_EVENTS), exports.HIERARCHY_EVENTS), exports.REACT_TO_VCHART_EVENTS), 
+exports.CHART_EVENTS_KEYS = Object.keys(exports.CHART_EVENTS), exports.COMMON_EVENTK_KEYS = Object.keys(exports.REACT_TO_VCHART_EVENTS), 
+exports.VCHART_TO_REACT_EVENTS = Object.keys(exports.REACT_TO_VCHART_EVENTS).reduce(((res, key) => (res[exports.REACT_TO_VCHART_EVENTS[key]] = key, 
+res)), {});
+
+const findEventProps = (props, supportedEvents = exports.REACT_TO_VCHART_EVENTS) => {
+    const result = {};
+    return Object.keys(props).forEach((key => {
+        supportedEvents[key] && props[key] && (result[key] = props[key]);
+    })), result;
+};
+
+exports.findEventProps = findEventProps;
+
+const bindEventsToChart = (chart, newProps, prevProps, supportedEvents = exports.REACT_TO_VCHART_EVENTS) => {
+    if (!newProps && !prevProps || !chart) return !1;
+    const prevEventProps = prevProps ? (0, exports.findEventProps)(prevProps, supportedEvents) : null, newEventProps = newProps ? (0, 
+    exports.findEventProps)(newProps, supportedEvents) : null;
+    return prevEventProps && Object.keys(prevEventProps).forEach((eventKey => {
+        if (!newEventProps || !newEventProps[eventKey] || newEventProps[eventKey] !== prevEventProps[eventKey]) {
+            chart.off(supportedEvents[eventKey], prevProps[eventKey]);
+        }
+    })), newEventProps && Object.keys(newEventProps).forEach((eventKey => {
+        prevEventProps && prevEventProps[eventKey] && prevEventProps[eventKey] === newEventProps[eventKey] || chart.on(supportedEvents[eventKey], newEventProps[eventKey]);
+    })), !0;
+};
+
+exports.bindEventsToChart = bindEventsToChart;
+//# sourceMappingURL=eventsUtils.js.map