@visactor/react-vrender 0.12.15-alpha.5 → 0.12.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -2487,13 +2487,14 @@
2487
2487
  return instance;
2488
2488
  };
2489
2489
  const appendChild = (parentInstance, child) => {
2490
+ var _a;
2490
2491
  const isParentStage = isStage(parentInstance);
2491
2492
  const isChildLayer = isLayer(child);
2492
2493
  if (isParentStage && !isChildLayer && parentInstance.defaultLayer) {
2493
2494
  parentInstance.defaultLayer.appendChild(child);
2494
2495
  }
2495
2496
  else if (isGlyph(parentInstance)) {
2496
- parentInstance.setSubGraphic((parentInstance.getSubGraphic() ?? []).concat(child));
2497
+ parentInstance.setSubGraphic(((_a = parentInstance.getSubGraphic()) !== null && _a !== void 0 ? _a : []).concat(child));
2497
2498
  }
2498
2499
  else if (isShadowRoot(child)) {
2499
2500
  if (isParentStage) {
package/dist/index.min.js CHANGED
@@ -12,4 +12,4 @@
12
12
  *
13
13
  * This source code is licensed under the MIT license found in the
14
14
  * LICENSE file in the root directory of this source tree.
15
- */"production"===process.env.NODE_ENV?R.exports=(w||(w=1,E.ConcurrentRoot=1,E.ContinuousEventPriority=4,E.DefaultEventPriority=16,E.DiscreteEventPriority=1,E.IdleEventPriority=536870912,E.LegacyRoot=0),E):R.exports=(x||(x=1,"production"!==process.env.NODE_ENV&&(O.ConcurrentRoot=1,O.ContinuousEventPriority=4,O.DefaultEventPriority=16,O.DiscreteEventPriority=1,O.IdleEventPriority=536870912,O.LegacyRoot=0)),O);var k=R.exports;const j={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"},$=e=>!!j[e],I=__DEV__?(...e)=>{console.log(...e)}:()=>{},T=__DEV__?e=>{throw new Error(e)}:()=>{},D=e=>e.stage===e,N=e=>e.layer===e,A=e=>"glyph"===e.type,L=e=>"shadowroot"===e.type,F=(e,r,n)=>{const o=e.toLowerCase(),{graphicProps:a,eventProps:i}=(e=>{const t={},r={};return Object.keys(e).forEach((n=>{j[n]?t[n]=e[n]:r[n]=e[n]})),{graphicProps:r,eventProps:t}})(r);let u;return u="glyph"===o?t.createGlyph(a):"layer"===o&&n?D(n)?n.createLayer():n.stage?n.stage.createLayer():null:"shadowroot"===o?t.createShadowRoot():t.graphicCreator[o](a),((e,t)=>{Object.keys(e).forEach((r=>{"function"==typeof e[r]&&t.addEventListener(j[r],e[r])}))})(i,u),I("createInstance ",o,u),u},U=(e,t)=>{const r=D(e),n=N(t);r&&!n&&e.defaultLayer?e.defaultLayer.appendChild(t):A(e)?e.setSubGraphic((e.getSubGraphic()??[]).concat(t)):L(t)?r?T("stage can not attach shadow root"):e.attachShadow(t):e.appendChild(t)},M=(e,t,r)=>{const n=D(e),o=N(t),a=N(r);if(n)o||a?o&&a&&e.insertBefore(t,r):e.defaultLayer?e.defaultLayer.insertBefore(t,r):T("default layer has been removed ");else if(!n&&o)T(`layer can not be inserted into other graphic: ${e.type}`);else if(A(e)){const n=e.getSubGraphic(),o=n.indexOf(t),a=n.indexOf(r);if(o>=0&&a>=0&&o!==a){const i=n.slice();i[a]=t,i[o]=r,e.setSubGraphic(i)}}else e.insertBefore(t,r)},V=(e,t)=>{const r=D(e),n=N(t);if(r&&!n&&e.defaultLayer)e.defaultLayer.removeChild(t);else if(A(e)){const r=e.getSubGraphic(),n=r.indexOf(t);n>=0&&e.setSubGraphic([...r.slice(0,n-1),...r.slice(n+1)])}else L(t)?r?T("stage can not attach shadow root"):e.detachShadow(t):e.removeChild(t)},H=r({getPublicInstance:e=>e,getRootHostContext(e){},getChildHostContext(e,t,r){},prepareForCommit:e=>null,resetAfterCommit(e){},preparePortalMount(e){},createInstance:(e,t,r,n,o)=>F(e,t,r),appendInitialChild(e,t){I("appendInitialChild",e,t),U(e,t)},finalizeInitialChildren:(e,t,r,n,o)=>!1,prepareUpdate:(e,t,r,n,o,a)=>!0,shouldSetTextContent:(e,t)=>!1,createTextInstance:(e,r,n,o)=>t.createText({text:e}),scheduleTimeout(e,t){},cancelTimeout(e){},noTimeout:void 0,getCurrentEventPriority:()=>k.DefaultEventPriority,getInstanceFromNode(e){throw new Error("Not implemented.")},beforeActiveInstanceBlur(){},isPrimaryRenderer:!1,supportsMutation:!0,supportsPersistence:!1,supportsHydration:!1,appendChild(e,t){I("appendChild"),U(e,t)},appendChildToContainer(e,t){I("appendChildToContainer",e,t),U(e,t)},commitTextUpdate(e,t,r){},commitMount(e,t,r,n){},commitUpdate(e,t,r,n,o,a){I("commitUpdate",e,o),((e,t,r)=>{Object.keys(r).forEach((n=>{r&&r[n]!==t[n]&&($(n)?e.removeEventListener(j[n],r[n]):e.setAttribute(n,void 0))})),Object.keys(t).forEach((n=>{r[n]!==t[n]&&($(n)?"function"==typeof t[n]&&e.addEventListener(j[n],t[n]):e.setAttribute(n,t[n]))}))})(e,o,n)},insertBefore(e,t,r){M(e,t,r)},insertInContainerBefore(e,t,r){M(e,t,r)},removeChild(e,t){I("removeChild",e,t),V(e,t)},removeChildFromContainer(e,t){V(e,t)},resetTextContent(e){},hideInstance(e){},hideTextInstance(e){},unhideInstance(e,t){},unhideTextInstance(e,t){},clearContainer(e){(e=>{if(D(e))for(e.defaultLayer&&e.defaultLayer.removeAllChild();e.childrenCount>1;)e.removeChild(e.getChildAt(1));else e.removeAllChild()})(e)},cloneInstance:(e,t,r,n,o,a,i,u)=>e,createContainerChildSet(e){},appendChildToContainerChildSet(e,t){},finalizeContainerChildren(e,t){},replaceContainerChildren(e,t){},canHydrateInstance:(e,t,r)=>e,canHydrateTextInstance:(e,t)=>null,getNextHydratableSibling(e){},getFirstHydratableChild(e){},hydrateInstance(e,t,r,n,o,a){},hydrateTextInstance:(e,t,r)=>!1,didNotMatchHydratedContainerTextInstance(e,t,r){},didNotMatchHydratedTextInstance(e,t,r,n,o){},didNotHydrateContainerInstance(e,t){},didNotHydrateInstance(e,t,r,n){},didNotFindHydratableContainerInstance(e,t,r){},didNotFindHydratableContainerTextInstance(e,t){},didNotFindHydratableInstance(e,t,r,n,o){},didNotFindHydratableTextInstance(e,t,r,n){},afterActiveInstanceBlur(){},prepareScopeUpdate(){},getInstanceFromScope:()=>null,detachDeletedInstance(){}});H.injectIntoDevTools({bundleType:"production"!==process.env.NODE_ENV?1:0,version:P.version,rendererPackageName:"react-g",rendererConfig:{getInspectorDataForViewTag:e=>{console.log(e)}}});const B=S.forwardRef(((e,r)=>{const{viewBox:n,width:o,height:a,dpr:i,background:u,canvasControled:c,title:s,canvas:l,disableDirtyBounds:f,beforeRender:p,afterRender:d,renderStyle:y,stage3dOptions:h,containerId:m,containerTitle:v,children:b,...g}=e;"function"==typeof r&&T("Callback ref not support!");const C=S.useRef(),_=S.useRef(null),w=S.useRef(null),R=r||w,E=S.useRef(!1);return S.useLayoutEffect((()=>{const e=t.createStage({viewBox:n,width:o,height:a,dpr:i,background:u,canvasControled:c,title:s,autoRender:!0,disableDirtyBounds:f,beforeRender:p,afterRender:d,renderStyle:y,canvas:l,container:_.current});return h&&e.set3dOptions(h),R.current=e,C.current=H.createContainer(e,1,null,!1,!1,""),()=>{H.updateContainer(null,C.current,null)}}),[]),S.useLayoutEffect((()=>{n&&R.current&&E.current&&R.current.setViewBox(n.x1,n.y1,n.x2-n.x1,n.y2-n.y1,!1)}),[R,n,E]),S.useLayoutEffect((()=>{i&&R.current&&E.current&&R.current.setDpr(i)}),[R,i,E]),S.useLayoutEffect((()=>{o>0&&a>0&&R.current&&E.current&&R.current.resize(o,a)}),[o,a,R,E]),S.useLayoutEffect((()=>{E.current=!0,C.current&&H.updateContainer(b,C.current,null)}),[b]),P.createElement("div",{...g,id:m,title:v,ref:_})}));e.Arc="arc",e.Area="area",e.Circle="circle",e.ElementOf=n,e.Glyph="glyph",e.Group="group",e.Image="image",e.Layer="layer",e.Line="line",e.Path="path",e.Polygon="polygon",e.Rect="rect",e.Rect3d="rect3d",e.RichText="richtext",e.ShadowRoot="shadowroot",e.Stage=B,e.TYPES={layer:"Layer",arc:"Arc",rect:"Rect",circle:"Circle",area:"Area",group:"Group"},e.Text="text",e.VRenderSymbol="symbol",e.createInstance=F,e.reconcilor=H,e.render=(e,t,r)=>{const n=H.createContainer(t,1,!1,null);H.updateContainer(e,n,null,r)}}));
15
+ */"production"===process.env.NODE_ENV?R.exports=(w||(w=1,E.ConcurrentRoot=1,E.ContinuousEventPriority=4,E.DefaultEventPriority=16,E.DiscreteEventPriority=1,E.IdleEventPriority=536870912,E.LegacyRoot=0),E):R.exports=(x||(x=1,"production"!==process.env.NODE_ENV&&(O.ConcurrentRoot=1,O.ContinuousEventPriority=4,O.DefaultEventPriority=16,O.DiscreteEventPriority=1,O.IdleEventPriority=536870912,O.LegacyRoot=0)),O);var k=R.exports;const j={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"},$=e=>!!j[e],I=__DEV__?(...e)=>{console.log(...e)}:()=>{},T=__DEV__?e=>{throw new Error(e)}:()=>{},D=e=>e.stage===e,N=e=>e.layer===e,A=e=>"glyph"===e.type,L=e=>"shadowroot"===e.type,F=(e,r,n)=>{const o=e.toLowerCase(),{graphicProps:a,eventProps:i}=(e=>{const t={},r={};return Object.keys(e).forEach((n=>{j[n]?t[n]=e[n]:r[n]=e[n]})),{graphicProps:r,eventProps:t}})(r);let u;return u="glyph"===o?t.createGlyph(a):"layer"===o&&n?D(n)?n.createLayer():n.stage?n.stage.createLayer():null:"shadowroot"===o?t.createShadowRoot():t.graphicCreator[o](a),((e,t)=>{Object.keys(e).forEach((r=>{"function"==typeof e[r]&&t.addEventListener(j[r],e[r])}))})(i,u),I("createInstance ",o,u),u},U=(e,t)=>{var r;const n=D(e),o=N(t);n&&!o&&e.defaultLayer?e.defaultLayer.appendChild(t):A(e)?e.setSubGraphic((null!==(r=e.getSubGraphic())&&void 0!==r?r:[]).concat(t)):L(t)?n?T("stage can not attach shadow root"):e.attachShadow(t):e.appendChild(t)},M=(e,t,r)=>{const n=D(e),o=N(t),a=N(r);if(n)o||a?o&&a&&e.insertBefore(t,r):e.defaultLayer?e.defaultLayer.insertBefore(t,r):T("default layer has been removed ");else if(!n&&o)T(`layer can not be inserted into other graphic: ${e.type}`);else if(A(e)){const n=e.getSubGraphic(),o=n.indexOf(t),a=n.indexOf(r);if(o>=0&&a>=0&&o!==a){const i=n.slice();i[a]=t,i[o]=r,e.setSubGraphic(i)}}else e.insertBefore(t,r)},V=(e,t)=>{const r=D(e),n=N(t);if(r&&!n&&e.defaultLayer)e.defaultLayer.removeChild(t);else if(A(e)){const r=e.getSubGraphic(),n=r.indexOf(t);n>=0&&e.setSubGraphic([...r.slice(0,n-1),...r.slice(n+1)])}else L(t)?r?T("stage can not attach shadow root"):e.detachShadow(t):e.removeChild(t)},H=r({getPublicInstance:e=>e,getRootHostContext(e){},getChildHostContext(e,t,r){},prepareForCommit:e=>null,resetAfterCommit(e){},preparePortalMount(e){},createInstance:(e,t,r,n,o)=>F(e,t,r),appendInitialChild(e,t){I("appendInitialChild",e,t),U(e,t)},finalizeInitialChildren:(e,t,r,n,o)=>!1,prepareUpdate:(e,t,r,n,o,a)=>!0,shouldSetTextContent:(e,t)=>!1,createTextInstance:(e,r,n,o)=>t.createText({text:e}),scheduleTimeout(e,t){},cancelTimeout(e){},noTimeout:void 0,getCurrentEventPriority:()=>k.DefaultEventPriority,getInstanceFromNode(e){throw new Error("Not implemented.")},beforeActiveInstanceBlur(){},isPrimaryRenderer:!1,supportsMutation:!0,supportsPersistence:!1,supportsHydration:!1,appendChild(e,t){I("appendChild"),U(e,t)},appendChildToContainer(e,t){I("appendChildToContainer",e,t),U(e,t)},commitTextUpdate(e,t,r){},commitMount(e,t,r,n){},commitUpdate(e,t,r,n,o,a){I("commitUpdate",e,o),((e,t,r)=>{Object.keys(r).forEach((n=>{r&&r[n]!==t[n]&&($(n)?e.removeEventListener(j[n],r[n]):e.setAttribute(n,void 0))})),Object.keys(t).forEach((n=>{r[n]!==t[n]&&($(n)?"function"==typeof t[n]&&e.addEventListener(j[n],t[n]):e.setAttribute(n,t[n]))}))})(e,o,n)},insertBefore(e,t,r){M(e,t,r)},insertInContainerBefore(e,t,r){M(e,t,r)},removeChild(e,t){I("removeChild",e,t),V(e,t)},removeChildFromContainer(e,t){V(e,t)},resetTextContent(e){},hideInstance(e){},hideTextInstance(e){},unhideInstance(e,t){},unhideTextInstance(e,t){},clearContainer(e){(e=>{if(D(e))for(e.defaultLayer&&e.defaultLayer.removeAllChild();e.childrenCount>1;)e.removeChild(e.getChildAt(1));else e.removeAllChild()})(e)},cloneInstance:(e,t,r,n,o,a,i,u)=>e,createContainerChildSet(e){},appendChildToContainerChildSet(e,t){},finalizeContainerChildren(e,t){},replaceContainerChildren(e,t){},canHydrateInstance:(e,t,r)=>e,canHydrateTextInstance:(e,t)=>null,getNextHydratableSibling(e){},getFirstHydratableChild(e){},hydrateInstance(e,t,r,n,o,a){},hydrateTextInstance:(e,t,r)=>!1,didNotMatchHydratedContainerTextInstance(e,t,r){},didNotMatchHydratedTextInstance(e,t,r,n,o){},didNotHydrateContainerInstance(e,t){},didNotHydrateInstance(e,t,r,n){},didNotFindHydratableContainerInstance(e,t,r){},didNotFindHydratableContainerTextInstance(e,t){},didNotFindHydratableInstance(e,t,r,n,o){},didNotFindHydratableTextInstance(e,t,r,n){},afterActiveInstanceBlur(){},prepareScopeUpdate(){},getInstanceFromScope:()=>null,detachDeletedInstance(){}});H.injectIntoDevTools({bundleType:"production"!==process.env.NODE_ENV?1:0,version:P.version,rendererPackageName:"react-g",rendererConfig:{getInspectorDataForViewTag:e=>{console.log(e)}}});const B=S.forwardRef(((e,r)=>{const{viewBox:n,width:o,height:a,dpr:i,background:u,canvasControled:c,title:s,canvas:l,disableDirtyBounds:f,beforeRender:p,afterRender:d,renderStyle:y,stage3dOptions:h,containerId:m,containerTitle:v,children:b,...g}=e;"function"==typeof r&&T("Callback ref not support!");const C=S.useRef(),_=S.useRef(null),w=S.useRef(null),R=r||w,E=S.useRef(!1);return S.useLayoutEffect((()=>{const e=t.createStage({viewBox:n,width:o,height:a,dpr:i,background:u,canvasControled:c,title:s,autoRender:!0,disableDirtyBounds:f,beforeRender:p,afterRender:d,renderStyle:y,canvas:l,container:_.current});return h&&e.set3dOptions(h),R.current=e,C.current=H.createContainer(e,1,null,!1,!1,""),()=>{H.updateContainer(null,C.current,null)}}),[]),S.useLayoutEffect((()=>{n&&R.current&&E.current&&R.current.setViewBox(n.x1,n.y1,n.x2-n.x1,n.y2-n.y1,!1)}),[R,n,E]),S.useLayoutEffect((()=>{i&&R.current&&E.current&&R.current.setDpr(i)}),[R,i,E]),S.useLayoutEffect((()=>{o>0&&a>0&&R.current&&E.current&&R.current.resize(o,a)}),[o,a,R,E]),S.useLayoutEffect((()=>{E.current=!0,C.current&&H.updateContainer(b,C.current,null)}),[b]),P.createElement("div",{...g,id:m,title:v,ref:_})}));e.Arc="arc",e.Area="area",e.Circle="circle",e.ElementOf=n,e.Glyph="glyph",e.Group="group",e.Image="image",e.Layer="layer",e.Line="line",e.Path="path",e.Polygon="polygon",e.Rect="rect",e.Rect3d="rect3d",e.RichText="richtext",e.ShadowRoot="shadowroot",e.Stage=B,e.TYPES={layer:"Layer",arc:"Arc",rect:"Rect",circle:"Circle",area:"Area",group:"Group"},e.Text="text",e.VRenderSymbol="symbol",e.createInstance=F,e.reconcilor=H,e.render=(e,t,r)=>{const n=H.createContainer(t,1,!1,null);H.updateContainer(e,n,null,r)}}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visactor/react-vrender",
3
- "version": "0.12.15-alpha.5",
3
+ "version": "0.12.15",
4
4
  "description": "",
5
5
  "sideEffects": false,
6
6
  "main": "cjs/index.js",
@@ -15,8 +15,8 @@
15
15
  "react": "^18.2.0"
16
16
  },
17
17
  "dependencies": {
18
- "@visactor/vrender": "0.14.1-alpha.5",
19
- "@visactor/vutils": "~0.13.0",
18
+ "@visactor/vrender": "0.14.1",
19
+ "@visactor/vutils": "~0.15.3",
20
20
  "react-reconciler": "^0.29.0",
21
21
  "tslib": "^2.3.1"
22
22
  },