@visactor/react-vtable 1.3.3-alpha.0 → 1.3.3-alpha.1

package/es/components/custom/reconciler.js

@@ -1,105 +0,0 @@
-import { VRender } from "@visactor/vtable";
-
-import { isFunction } from "@visactor/vutils";
-
-import React from "react";
-
-import ReactReconciler from "react-reconciler";
-
-import { DefaultEventPriority } from "react-reconciler/constants.js";
-
-const {application: application, createText: createText, REACT_TO_CANOPUS_EVENTS: REACT_TO_CANOPUS_EVENTS, Tag: Tag} = VRender;
-
-export const reconcilor = ReactReconciler({
-    supportsMutation: !0,
-    supportsPersistence: !1,
-    createInstance: (type, props, instance) => {
-        const graphic = createGraphic(type, props);
-        if (graphic) return bindEventsToGraphic(graphic, props), graphic;
-    },
-    createTextInstance: (text, instance) => {},
-    appendInitialChild: (parentInstance, childInstance) => {
-        parentInstance.add(childInstance);
-    },
-    finalizeInitialChildren: () => !1,
-    prepareUpdate: () => !0,
-    shouldSetTextContent: () => !1,
-    getRootHostContext: () => null,
-    getChildHostContext: () => null,
-    getPublicInstance: instance => instance,
-    prepareForCommit: () => null,
-    resetAfterCommit: () => {},
-    preparePortalMount: () => null,
-    scheduleTimeout: setTimeout,
-    cancelTimeout: clearTimeout,
-    noTimeout: -1,
-    isPrimaryRenderer: !1,
-    getCurrentEventPriority: () => DefaultEventPriority,
-    getInstanceFromNode: node => null,
-    beforeActiveInstanceBlur: () => {},
-    afterActiveInstanceBlur: () => {},
-    prepareScopeUpdate: () => {},
-    getInstanceFromScope: () => {},
-    detachDeletedInstance: () => {},
-    supportsHydration: !1,
-    appendChild: (parentInstance, child) => {
-        parentInstance.add(child);
-    },
-    appendChildToContainer: (container, child) => {
-        container.add(child);
-    },
-    insertBefore: (parentInstance, child, beforeChild) => {
-        parentInstance.insertBefore(child, beforeChild);
-    },
-    insertInContainerBefore: (parentInstance, child, beforeChild) => {
-        parentInstance.insertBefore(child, beforeChild);
-    },
-    removeChild: (parentInstance, child) => {
-        child.delete();
-    },
-    removeChildFromContainer: (parentInstance, child) => {
-        child.delete();
-    },
-    commitUpdate: (instance, updatePayload, type, oldProps, newProps) => {
-        updateGraphicProps(instance, newProps, oldProps);
-    },
-    hideInstance: instance => {
-        instance.setAttribute("visible", !1);
-    },
-    unhideInstance: (instance, props) => {
-        instance.setAttribute("visible", !0);
-    },
-    clearContainer: container => {
-        container.removeAllChild();
-    },
-    commitTextUpdate: (textInstance, oldText, newText) => {}
-});
-
-function createGraphic(type, props) {
-    if ("tag" === type) {
-        return new Tag(props.attribute);
-    }
-    if (!application.graphicService.creator[type]) return;
-    return application.graphicService.creator[type](props.attribute);
-}
-
-function isEventProp(key, props) {
-    return key.startsWith("on") && isFunction(props[key]);
-}
-
-function bindEventsToGraphic(graphic, props) {
-    for (const key in props) isEventProp(key, props) && graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[key], props[key]);
-}
-
-function updateGraphicProps(graphic, newProps, oldProps) {
-    for (const propKey in oldProps) isEventProp(propKey, oldProps) && oldProps[propKey] !== newProps[propKey] && graphic.removeEventListener(REACT_TO_CANOPUS_EVENTS[propKey], oldProps[propKey]);
-    for (const propKey in newProps) isEventProp(propKey, newProps) && oldProps[propKey] !== newProps[propKey] && graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[propKey], newProps[propKey]);
-    graphic.initAttributes(newProps.attribute);
-}
-
-//# sourceMappingURL=reconciler.js.map
-reconcilor.injectIntoDevTools({
-    bundleType: "production" !== process.env.NODE_ENV ? 1 : 0,
-    version: React.version,
-    rendererPackageName: "react-vtable"
-});

package/es/components/custom/reconciler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/custom/reconciler.ts"],"names":[],"mappings":"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","file":"reconciler.js","sourcesContent":["import { VRender } from '@visactor/vtable';\nimport { isFunction } from '@visactor/vutils';\nimport React from 'react';\nimport ReactReconciler from 'react-reconciler';\nimport { DefaultEventPriority } from 'react-reconciler/constants.js';\n\nconst { application, createText, REACT_TO_CANOPUS_EVENTS, Tag } = VRender;\ntype Graphic = VRender.Graphic;\ntype Instance = Graphic;\n\nexport const reconcilor = ReactReconciler({\n  supportsMutation: true,\n  supportsPersistence: false,\n\n  createInstance: (type: string, props: any, instance) => {\n    const graphic = createGraphic(type, props);\n    if (graphic) {\n      bindEventsToGraphic(graphic, props);\n    } else {\n      return undefined;\n      // createInstance\n      // graphic = createGraphic('group', {});\n    }\n    return graphic;\n  },\n\n  createTextInstance: (text, instance) => {\n    // const textGraphic = createText({ text });\n    // return textGraphic;\n    // debugger;\n    // return document.createTextNode(text);\n    return undefined;\n  },\n\n  appendInitialChild: (parentInstance: Instance, childInstance: Instance) => {\n    parentInstance.add(childInstance);\n  },\n\n  finalizeInitialChildren: () => false,\n\n  prepareUpdate: () => true,\n\n  shouldSetTextContent: () => false,\n\n  getRootHostContext: () => null,\n\n  getChildHostContext: () => null,\n\n  getPublicInstance: (instance: Instance) => {\n    return instance;\n  },\n\n  prepareForCommit: () => null,\n\n  resetAfterCommit: () => undefined,\n\n  preparePortalMount: () => null,\n\n  // eslint-disable-next-line no-undef\n  scheduleTimeout: setTimeout,\n  // eslint-disable-next-line no-undef\n  cancelTimeout: clearTimeout,\n\n  noTimeout: -1,\n  isPrimaryRenderer: false,\n\n  getCurrentEventPriority: () => DefaultEventPriority,\n\n  getInstanceFromNode: node => null,\n\n  beforeActiveInstanceBlur: () => undefined,\n\n  afterActiveInstanceBlur: () => undefined,\n\n  prepareScopeUpdate: () => undefined,\n\n  getInstanceFromScope: () => undefined,\n\n  detachDeletedInstance: () => undefined,\n\n  supportsHydration: false,\n\n  appendChild: (parentInstance: Instance, child: Instance) => {\n    parentInstance.add(child);\n  },\n  appendChildToContainer: (container: Instance, child: Instance) => {\n    container.add(child);\n  },\n\n  insertBefore: (parentInstance: Instance, child: Instance, beforeChild: Instance) => {\n    parentInstance.insertBefore(child, beforeChild);\n  },\n\n  insertInContainerBefore: (parentInstance: Instance, child: Instance, beforeChild: Instance) => {\n    parentInstance.insertBefore(child, beforeChild);\n  },\n\n  removeChild: (parentInstance: Instance, child: Instance) => {\n    child.delete();\n  },\n\n  removeChildFromContainer: (parentInstance: Instance, child: Instance) => {\n    child.delete();\n  },\n\n  commitUpdate: (instance, updatePayload, type, oldProps, newProps) => {\n    updateGraphicProps(instance, newProps, oldProps);\n  },\n\n  hideInstance: (instance: Instance) => {\n    instance.setAttribute('visible', false);\n  },\n\n  unhideInstance: (instance, props) => {\n    instance.setAttribute('visible', true);\n  },\n\n  clearContainer: (container: Instance) => {\n    container.removeAllChild();\n  },\n\n  commitTextUpdate: (textInstance: any, oldText: string, newText: string) => {\n    // debugger;\n  }\n});\n\nreconcilor.injectIntoDevTools({\n  // findFiberByHostInstance: () => {},\n  // @ts-ignore\n  // eslint-disable-next-line no-undef\n  bundleType: process.env.NODE_ENV !== 'production' ? 1 : 0,\n  version: React.version,\n  rendererPackageName: 'react-vtable'\n});\n\nfunction createGraphic(type: string, props: any) {\n  // may have unwanted onxxx prop\n  if (type === 'tag') {\n    const tag = new Tag(props.attribute);\n    return tag;\n  } else if (!application.graphicService.creator[type]) {\n    return;\n  }\n  const graphic = application.graphicService.creator[type]((props as any).attribute);\n  return graphic;\n}\n\nfunction isEventProp(key: string, props: any) {\n  return key.startsWith('on') && isFunction(props[key]);\n}\n\nfunction bindEventsToGraphic(graphic: Graphic, props: any) {\n  for (const key in props) {\n    if (isEventProp(key, props)) {\n      graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[key], props[key]);\n    }\n  }\n}\n\nfunction updateGraphicProps(graphic: Graphic, newProps: any, oldProps: any) {\n  // deal width event update\n  for (const propKey in oldProps) {\n    if (isEventProp(propKey, oldProps) && oldProps[propKey] !== newProps[propKey]) {\n      graphic.removeEventListener(REACT_TO_CANOPUS_EVENTS[propKey], oldProps[propKey]);\n    }\n  }\n  for (const propKey in newProps) {\n    if (isEventProp(propKey, newProps) && oldProps[propKey] !== newProps[propKey]) {\n      graphic.addEventListener(REACT_TO_CANOPUS_EVENTS[propKey], newProps[propKey]);\n    }\n  }\n\n  // update all attribute\n  graphic.initAttributes(newProps.attribute);\n}\n"]}

package/es/components/custom/vtable-browser-env-contribution.d.ts

@@ -1,2 +0,0 @@
-import { VRender } from '@visactor/vtable';
-export declare const reactEnvModule: VRender.ContainerModule;

package/es/components/custom/vtable-browser-env-contribution.js

@@ -1,33 +0,0 @@
-import { getTargetCell, VRender } from "@visactor/vtable";
-
-import { isString } from "@visactor/vutils";
-
-const {ContainerModule: ContainerModule, EnvContribution: EnvContribution, BrowserEnvContribution: BrowserEnvContribution} = VRender;
-
-export const reactEnvModule = new ContainerModule(((bind, unbind, isBound, rebind) => {
-    bind(VTableBrowserEnvContribution).toSelf().inSingletonScope(), isBound(EnvContribution) ? rebind(EnvContribution).toService(VTableBrowserEnvContribution) : bind(EnvContribution).toService(VTableBrowserEnvContribution);
-}));
-
-class VTableBrowserEnvContribution extends BrowserEnvContribution {
-    updateDom(dom, params) {
-        var _a, _b;
-        const tableDiv = dom.parentElement;
-        if (tableDiv) {
-            const top = parseInt(params.style.top, 10), left = parseInt(params.style.left, 10);
-            let domWidth, domHeight;
-            if (dom.style.display = "none") {
-                const cellGroup = getTargetCell(params.graphic);
-                domWidth = null !== (_a = cellGroup.attribute.width) && void 0 !== _a ? _a : 1, 
-                domHeight = null !== (_b = cellGroup.attribute.height) && void 0 !== _b ? _b : 1;
-            } else domWidth = dom.offsetWidth, domHeight = dom.offsetHeight;
-            if (top + domHeight < 0 || left + domWidth < 0 || top > tableDiv.offsetHeight || left > tableDiv.offsetWidth) return dom.style.display = "none", 
-            !1;
-        }
-        const {width: width, height: height, style: style} = params;
-        return style && (isString(style) ? dom.setAttribute("style", style) : Object.keys(style).forEach((k => {
-            dom.style[k] = style[k];
-        }))), null != width && (dom.style.width = `${width}px`), null != height && (dom.style.height = `${height}px`), 
-        !0;
-    }
-}
-//# sourceMappingURL=vtable-browser-env-contribution.js.map

package/es/components/custom/vtable-browser-env-contribution.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/custom/vtable-browser-env-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,sBAAsB,EAAE,GAAG,OAAO,CAAC;AAG7E,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,eAAe,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IAClF,IAAI,CAAC,4BAA4B,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/D,IAAI,OAAO,CAAC,eAAe,CAAC,EAAE;QAC5B,MAAM,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;KACjE;SAAM;QACL,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;KAC/D;AACH,CAAC,CAAC,CAAC;AAEH,MAAM,4BAA6B,SAAQ,sBAAsB;IAC/D,SAAS,CAAC,GAAgB,EAAE,MAA2B;;QACrD,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAC;QACnC,IAAI,QAAQ,EAAE;YACZ,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC3C,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAE7C,IAAI,QAAQ,CAAC;YACb,IAAI,SAAS,CAAC;YACd,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE;gBAChC,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAChD,QAAQ,GAAG,MAAA,SAAS,CAAC,SAAS,CAAC,KAAK,mCAAI,CAAC,CAAC;gBAC1C,SAAS,GAAG,MAAA,SAAS,CAAC,SAAS,CAAC,MAAM,mCAAI,CAAC,CAAC;aAC7C;iBAAM;gBACL,QAAQ,GAAG,GAAG,CAAC,WAAW,CAAC;gBAC3B,SAAS,GAAG,GAAG,CAAC,YAAY,CAAC;aAC9B;YACD,IAAI,GAAG,GAAG,SAAS,GAAG,CAAC,IAAI,IAAI,GAAG,QAAQ,GAAG,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,IAAI,GAAG,QAAQ,CAAC,WAAW,EAAE;gBAC5G,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBAC3B,OAAO,KAAK,CAAC;aACd;SACF;QAED,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAExC,IAAI,KAAK,EAAE;YACT,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACnB,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aAClC;iBAAM;gBACL,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1B,CAAC,CAAC,CAAC;aACJ;SACF;QACD,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;SAChC;QACD,IAAI,MAAM,IAAI,IAAI,EAAE;YAClB,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;SAClC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"vtable-browser-env-contribution.js","sourcesContent":["import { getTargetCell, VRender } from '@visactor/vtable';\nimport { isString } from '@visactor/vutils';\n\nconst { ContainerModule, EnvContribution, BrowserEnvContribution } = VRender;\ntype CreateDOMParamsType = VRender.CreateDOMParamsType;\n\nexport const reactEnvModule = new ContainerModule((bind, unbind, isBound, rebind) => {\n  bind(VTableBrowserEnvContribution).toSelf().inSingletonScope();\n  if (isBound(EnvContribution)) {\n    rebind(EnvContribution).toService(VTableBrowserEnvContribution);\n  } else {\n    bind(EnvContribution).toService(VTableBrowserEnvContribution);\n  }\n});\n\nclass VTableBrowserEnvContribution extends BrowserEnvContribution {\n  updateDom(dom: HTMLElement, params: CreateDOMParamsType): boolean {\n    const tableDiv = dom.parentElement;\n    if (tableDiv) {\n      const top = parseInt(params.style.top, 10);\n      const left = parseInt(params.style.left, 10);\n\n      let domWidth;\n      let domHeight;\n      if ((dom.style.display = 'none')) {\n        const cellGroup = getTargetCell(params.graphic);\n        domWidth = cellGroup.attribute.width ?? 1;\n        domHeight = cellGroup.attribute.height ?? 1;\n      } else {\n        domWidth = dom.offsetWidth;\n        domHeight = dom.offsetHeight;\n      }\n      if (top + domHeight < 0 || left + domWidth < 0 || top > tableDiv.offsetHeight || left > tableDiv.offsetWidth) {\n        dom.style.display = 'none';\n        return false;\n      }\n    }\n\n    const { width, height, style } = params;\n\n    if (style) {\n      if (isString(style)) {\n        dom.setAttribute('style', style);\n      } else {\n        Object.keys(style).forEach(k => {\n          dom.style[k] = style[k];\n        });\n      }\n    }\n    if (width != null) {\n      dom.style.width = `${width}px`;\n    }\n    if (height != null) {\n      dom.style.height = `${height}px`;\n    }\n\n    return true;\n  }\n}\n"]}

package/es/components/custom/vtable-react-attribute-plugin.d.ts

@@ -1,17 +0,0 @@
-import { VRender } from '@visactor/vtable';
-declare const ReactAttributePlugin: typeof VRender.ReactAttributePlugin;
-type CommonDomOptions = VRender.CommonDomOptions;
-type CreateDOMParamsType = VRender.CreateDOMParamsType;
-type IGraphic = VRender.CreateDOMParamsType;
-type IStage = VRender.CreateDOMParamsType;
-type SimpleDomStyleOptions = VRender.CreateDOMParamsType;
-export declare class VTableReactAttributePlugin extends ReactAttributePlugin {
-    removeElement(id: string): void;
-    renderGraphicHTML(graphic: IGraphic): void;
-    getWrapContainer(stage: IStage, userContainer?: string | HTMLElement | null, domParams?: CreateDOMParamsType): {
-        wrapContainer: HTMLElement;
-        nativeContainer: any;
-    };
-    updateStyleOfWrapContainer(graphic: IGraphic, stage: IStage, wrapContainer: HTMLElement, nativeContainer: HTMLElement, options: SimpleDomStyleOptions & CommonDomOptions): void;
-}
-export {};

package/es/components/custom/vtable-react-attribute-plugin.js

@@ -1,86 +0,0 @@
-import { VRender } from "@visactor/vtable";
-
-import { calculateAnchorOfBounds, isFunction, isNil, isObject, isString, styleStringToObject } from "@visactor/vutils";
-
-const {ReactAttributePlugin: ReactAttributePlugin, application: application} = VRender;
-
-export class VTableReactAttributePlugin extends ReactAttributePlugin {
-    removeElement(id) {
-        super.removeElement(id), delete this.htmlMap[id];
-    }
-    renderGraphicHTML(graphic) {
-        var _a;
-        const {react: react} = graphic.attribute;
-        if (!react) return;
-        const stage = graphic.stage;
-        if (!stage) return;
-        const ReactDOM = stage.params.ReactDOM, {element: element, container: container} = react;
-        if (!(element && ReactDOM && ReactDOM.createRoot)) return;
-        const id = isNil(react.id) ? `${null !== (_a = graphic.id) && void 0 !== _a ? _a : graphic._uid}_react` : react.id;
-        if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container && this.removeElement(id), 
-        this.htmlMap && this.htmlMap[id]) this.htmlMap[id].root.render(element); else {
-            const {wrapContainer: wrapContainer, nativeContainer: nativeContainer} = this.getWrapContainer(stage, container);
-            if (wrapContainer) {
-                const root = ReactDOM.createRoot(wrapContainer);
-                root.render(element), this.htmlMap || (this.htmlMap = {}), this.htmlMap[id] = {
-                    root: root,
-                    wrapContainer: wrapContainer,
-                    nativeContainer: nativeContainer,
-                    container: container,
-                    renderId: this.renderId
-                };
-            }
-        }
-        if (!this.htmlMap || !this.htmlMap[id]) return;
-        const {wrapContainer: wrapContainer, nativeContainer: nativeContainer} = this.htmlMap[id];
-        this.updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, react), 
-        this.htmlMap[id].renderId = this.renderId;
-    }
-    getWrapContainer(stage, userContainer, domParams) {
-        let nativeContainer;
-        return nativeContainer = userContainer ? "string" == typeof userContainer ? application.global.getElementById(userContainer) : userContainer : stage.window.getContainer(), 
-        {
-            wrapContainer: application.global.createDom(Object.assign({
-                tagName: "div",
-                parent: nativeContainer
-            }, domParams)),
-            nativeContainer: nativeContainer
-        };
-    }
-    updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, options) {
-        const {pointerEvents: pointerEvents} = options;
-        let calculateStyle = this.parseDefaultStyleFromGraphic(graphic);
-        calculateStyle.display = !1 !== graphic.attribute.visible ? "block" : "none", calculateStyle.pointerEvents = !0 === pointerEvents ? "all" : pointerEvents || "none", 
-        wrapContainer.style.position || (wrapContainer.style.position = "absolute", nativeContainer.style.position = "relative");
-        let left = 0, top = 0;
-        const b = graphic.globalAABBBounds;
-        let anchorType = options.anchorType;
-        if (isNil(anchorType) && (anchorType = "text" === graphic.type ? "position" : "boundsLeftTop"), 
-        "boundsLeftTop" === anchorType && (anchorType = "top-left"), "position" === anchorType || b.empty()) {
-            const matrix = graphic.globalTransMatrix;
-            left = matrix.e, top = matrix.f;
-        } else {
-            const anchor = calculateAnchorOfBounds(b, anchorType);
-            left = anchor.x, top = anchor.y;
-        }
-        const containerTL = application.global.getElementTopLeft(nativeContainer, !1), windowTL = stage.window.getTopLeft(!1), offsetX = left + windowTL.left - containerTL.left, offsetTop = top + windowTL.top - containerTL.top;
-        if (calculateStyle.left = `${offsetX}px`, calculateStyle.top = `${offsetTop}px`, 
-        "text" === graphic.type && "position" === anchorType && (calculateStyle = Object.assign(Object.assign({}, calculateStyle), this.getTransformOfText(graphic))), 
-        isFunction(options.style)) {
-            const userStyle = options.style({
-                top: offsetTop,
-                left: offsetX,
-                width: b.width(),
-                height: b.height()
-            }, graphic, wrapContainer);
-            userStyle && (calculateStyle = Object.assign(Object.assign({}, calculateStyle), userStyle));
-        } else isObject(options.style) ? calculateStyle = Object.assign(Object.assign({}, calculateStyle), options.style) : isString(options.style) && options.style && (calculateStyle = Object.assign(Object.assign({}, calculateStyle), styleStringToObject(options.style)));
-        application.global.updateDom(wrapContainer, {
-            width: options.width,
-            height: options.width,
-            style: calculateStyle,
-            graphic: graphic
-        });
-    }
-}
-//# sourceMappingURL=vtable-react-attribute-plugin.js.map

package/es/components/custom/vtable-react-attribute-plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/custom/vtable-react-attribute-plugin.ts"],"names":[],"mappings":"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","file":"vtable-react-attribute-plugin.js","sourcesContent":["import { VRender } from '@visactor/vtable';\nimport { calculateAnchorOfBounds, isFunction, isNil, isObject, isString, styleStringToObject } from '@visactor/vutils';\n\nconst { ReactAttributePlugin, application } = VRender;\ntype CommonDomOptions = VRender.CommonDomOptions;\ntype CreateDOMParamsType = VRender.CreateDOMParamsType;\ntype IGraphic = VRender.CreateDOMParamsType;\ntype IStage = VRender.CreateDOMParamsType;\ntype IText = VRender.CreateDOMParamsType;\ntype SimpleDomStyleOptions = VRender.CreateDOMParamsType;\n\nexport class VTableReactAttributePlugin extends ReactAttributePlugin {\n  removeElement(id: string) {\n    super.removeElement(id);\n    delete this.htmlMap[id];\n  }\n\n  renderGraphicHTML(graphic: IGraphic) {\n    const { react } = graphic.attribute;\n    if (!react) {\n      return;\n    }\n    const stage = graphic.stage;\n    if (!stage) {\n      return;\n    }\n    const ReactDOM = stage.params.ReactDOM;\n    const { element, container } = react;\n    if (!(element && ReactDOM && ReactDOM.createRoot)) {\n      return;\n    }\n    const id = isNil(react.id) ? `${graphic.id ?? graphic._uid}_react` : react.id;\n\n    if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container) {\n      this.removeElement(id);\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      // createa a wrapper contianer to be the root of react element\n      const { wrapContainer, nativeContainer } = this.getWrapContainer(stage, container);\n\n      if (wrapContainer) {\n        const root = ReactDOM.createRoot(wrapContainer);\n        root.render(element);\n\n        if (!this.htmlMap) {\n          this.htmlMap = {};\n        }\n\n        this.htmlMap[id] = { root, wrapContainer, nativeContainer, container, renderId: this.renderId };\n      }\n    } else {\n      // update react element\n      this.htmlMap[id].root.render(element);\n    }\n\n    if (!this.htmlMap || !this.htmlMap[id]) {\n      return;\n    }\n\n    const { wrapContainer, nativeContainer } = this.htmlMap[id];\n\n    this.updateStyleOfWrapContainer(graphic, stage, wrapContainer, nativeContainer, react);\n    this.htmlMap[id].renderId = this.renderId;\n  }\n\n  getWrapContainer(stage: IStage, userContainer?: string | HTMLElement | null, domParams?: CreateDOMParamsType) {\n    let nativeContainer;\n    if (userContainer) {\n      if (typeof userContainer === 'string') {\n        nativeContainer = application.global.getElementById(userContainer);\n      } else {\n        nativeContainer = userContainer;\n      }\n    } else {\n      nativeContainer = stage.window.getContainer();\n    }\n    // 创建wrapGroup\n    return {\n      wrapContainer: application.global.createDom({ tagName: 'div', parent: nativeContainer, ...domParams }),\n      nativeContainer\n    };\n  }\n\n  updateStyleOfWrapContainer(\n    graphic: IGraphic,\n    stage: IStage,\n    wrapContainer: HTMLElement,\n    nativeContainer: HTMLElement,\n    options: SimpleDomStyleOptions & CommonDomOptions\n  ) {\n    const { pointerEvents } = options;\n    let calculateStyle = this.parseDefaultStyleFromGraphic(graphic);\n\n    calculateStyle.display = graphic.attribute.visible !== false ? 'block' : 'none';\n    // 事件穿透\n    calculateStyle.pointerEvents = pointerEvents === true ? 'all' : pointerEvents ? pointerEvents : 'none';\n    // 定位wrapGroup\n    if (!wrapContainer.style.position) {\n      wrapContainer.style.position = 'absolute';\n      nativeContainer.style.position = 'relative';\n    }\n    let left: number = 0;\n    let top: number = 0;\n    const b = graphic.globalAABBBounds;\n\n    let anchorType = options.anchorType;\n\n    if (isNil(anchorType)) {\n      anchorType = graphic.type === 'text' ? 'position' : 'boundsLeftTop';\n    }\n\n    if (anchorType === 'boundsLeftTop') {\n      // 兼容老的配置，统一配置\n      anchorType = 'top-left';\n    }\n    if (anchorType === 'position' || b.empty()) {\n      const matrix = graphic.globalTransMatrix;\n      left = matrix.e;\n      top = matrix.f;\n    } else {\n      const anchor = calculateAnchorOfBounds(b, anchorType);\n\n      left = anchor.x;\n      top = anchor.y;\n    }\n\n    // 查看wrapGroup的位置\n    // const wrapGroupTL = application.global.getElementTopLeft(wrapGroup, false);\n    const containerTL = application.global.getElementTopLeft(nativeContainer, false);\n    const windowTL = stage.window.getTopLeft(false);\n    const offsetX = left + windowTL.left - containerTL.left;\n    const offsetTop = top + windowTL.top - containerTL.top;\n    // wrapGroup.style.transform = `translate(${offsetX}px, ${offsetTop}px)`;\n    calculateStyle.left = `${offsetX}px`;\n    calculateStyle.top = `${offsetTop}px`;\n\n    if (graphic.type === 'text' && anchorType === 'position') {\n      calculateStyle = {\n        ...calculateStyle,\n        ...this.getTransformOfText(graphic as IText)\n      };\n    }\n\n    if (isFunction(options.style)) {\n      const userStyle = options.style(\n        { top: offsetTop, left: offsetX, width: b.width(), height: b.height() },\n        graphic,\n        wrapContainer\n      );\n\n      if (userStyle) {\n        calculateStyle = { ...calculateStyle, ...userStyle };\n      }\n    } else if (isObject(options.style)) {\n      calculateStyle = { ...calculateStyle, ...options.style };\n    } else if (isString(options.style) && options.style) {\n      calculateStyle = { ...calculateStyle, ...styleStringToObject(options.style as string) };\n    }\n\n    // 更新样式\n    application.global.updateDom(wrapContainer, {\n      width: options.width,\n      height: options.width,\n      style: calculateStyle,\n      graphic\n    });\n  }\n}\n"]}

package/es/vtable.d.ts

@@ -1,2 +0,0 @@
-import * as VTable from '@visactor/vtable';
-export { VTable };

package/es/vtable.js

@@ -1,4 +0,0 @@
-import * as VTable from "@visactor/vtable";
-
-export { VTable };
-//# sourceMappingURL=vtable.js.map

package/es/vtable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["vtable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,CAAC","file":"vtable.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n\nexport { VTable };\n"]}