@visactor/react-vtable 1.6.3 → 1.6.4-alpha.0

package/cjs/index.d.ts

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

package/cjs/index.js

@@ -18,5 +18,5 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.version = void 0, __exportStar(require("./tables"), exports), __exportStar(require("./table-components"), exports), 
-__exportStar(require("./components"), exports), exports.version = "1.6.3";
+__exportStar(require("./components"), exports), exports.version = "1.6.4-alpha.0";
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,qDAAmC;AACnC,+CAA6B;AAEhB,QAAA,OAAO,GAAG,OAAO,CAAC","file":"index.js","sourcesContent":["export * from './tables';\nexport * from './table-components';\nexport * from './components';\n\nexport const version = \"1.6.3\";\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,qDAAmC;AACnC,+CAA6B;AAEhB,QAAA,OAAO,GAAG,eAAe,CAAC","file":"index.js","sourcesContent":["export * from './tables';\nexport * from './table-components';\nexport * from './components';\n\nexport const version = \"1.6.4-alpha.0\";\n"]}

package/dist/react-vtable.js

@@ -26393,7 +26393,7 @@
 	const Checkbox = React.forwardRef(CheckboxComponent);
 	Checkbox.displayName = 'Checkbox';
 
-	const version = "1.6.3";
+	const version = "1.6.4-alpha.0";
 
 	Object.defineProperty(exports, 'register', {
 		enumerable: true,

package/dist/react-vtable.min.js

@@ -43,4 +43,4 @@
 	 *
 	 * This source code is licensed under the MIT license found in the
 	 * LICENSE file in the root directory of this source tree.
-	 */"production"===production?mc.exports=(pc||(pc=1,yc.ConcurrentRoot=1,yc.ContinuousEventPriority=4,yc.DefaultEventPriority=16,yc.DiscreteEventPriority=1,yc.IdleEventPriority=536870912,yc.LegacyRoot=0),yc):mc.exports=(vc||(vc=1,"production"!==production&&(bc.ConcurrentRoot=1,bc.ContinuousEventPriority=4,bc.DefaultEventPriority=16,bc.DiscreteEventPriority=1,bc.IdleEventPriority=536870912,bc.LegacyRoot=0)),bc);var xc=mc.exports;const Sc=gc({supportsMutation:!0,supportsPersistence:!1,createInstance:(e,t,n)=>{const r=function(e,t){const n=function(e,t){if("tag"===e)return new ju(t.attribute?t.attribute:t);if("radio"===e)return new Wu(t.attribute?t.attribute:t);if("checkbox"===e)return new Fu(t.attribute?t.attribute:t)}(e,t);if(n)return n;if(!ir.graphicService.creator[e])return;const r=ir.graphicService.creator[e](t.attribute);return r}(e,t);if(r)return function(e,t){for(const n in t)_c(n,t)&&pl[n]&&e.addEventListener(pl[n],t[n])}(r,t),r},createTextInstance:(e,t)=>{},appendInitialChild:(e,t)=>{e.add(t)},finalizeInitialChildren:()=>!1,prepareUpdate:()=>!0,shouldSetTextContent:()=>!1,getRootHostContext:()=>null,getChildHostContext:()=>null,getPublicInstance:e=>e,prepareForCommit:()=>null,resetAfterCommit:()=>{},preparePortalMount:()=>null,scheduleTimeout:setTimeout,cancelTimeout:clearTimeout,noTimeout:-1,isPrimaryRenderer:!1,getCurrentEventPriority:()=>xc.DefaultEventPriority,getInstanceFromNode:e=>null,beforeActiveInstanceBlur:()=>{},afterActiveInstanceBlur:()=>{},prepareScopeUpdate:()=>{},getInstanceFromScope:()=>{},detachDeletedInstance:()=>{},supportsHydration:!1,appendChild:(e,t)=>{e.add(t)},appendChildToContainer:(e,t)=>{e.add(t)},insertBefore:(e,t,n)=>{e.insertBefore(t,n)},insertInContainerBefore:(e,t,n)=>{e.insertBefore(t,n)},removeChild:(e,t)=>{t.delete()},removeChildFromContainer:(e,t)=>{t.delete()},commitUpdate:(e,t,n,r,i)=>{!function(e,t,n){for(const r in n)_c(r,n)&&n[r]!==t[r]&&e.removeEventListener(pl[r],n[r]);for(const r in t)_c(r,t)&&n[r]!==t[r]&&e.addEventListener(pl[r],t[r]);const r=t.attribute??D({},t);e.initAttributes(r),"image"===e.type&&e.loadImage(r.image)}(e,i,r)},hideInstance:e=>{e.setAttribute("visible",!1)},unhideInstance:(e,t)=>{e.setAttribute("visible",!0)},clearContainer:e=>{e.removeAllChild()},commitTextUpdate:(e,t,n)=>{}});function _c(e,t){return e.startsWith("on")&&g(t[e])}Sc.injectIntoDevTools({bundleType:"production"!==production?1:0,version:u.version,rendererPackageName:"react-vtable"});const wc=(e,t)=>{const{componentId:n,children:r}=e;if(!l.isValidElement(r))return null;const i=l.useContext(c),{table:a}=i,o="header-custom-layout"===r.props.role,s=l.useRef(new Map),u=l.useCallback((e=>{const t=`${e.col}-${e.row}`;let n;if(s.current.has(t)){const i=s.current.get(t);Ac(r,i,e),n=i.containerInfo}else{n=new zi({});const i=Sc.createContainer(n,xc.LegacyRoot,null,null,null,"custom",null,null);s.current.set(t,i),Ac(r,i,e)}return{rootContainer:n,renderDefault:!!r.props.renderDefault}}),[r]),d=l.useCallback(((e,t)=>{const n=`${e}-${t}`;if(s.current.has(n)){const e=s.current.get(n);Sc.updateContainer(null,e,null),s.current.delete(n)}}),[]),h=l.useCallback((()=>{s.current.forEach(((e,t)=>{const n=e;Sc.updateContainer(null,n,null)})),s.current.clear()}),[]);return l.useLayoutEffect((()=>(console.log("init",e,a),()=>{console.log("release",e,a)})),[]),l.useLayoutEffect((()=>{console.log("update props",e,a),a?.checkReactCustomLayout(h),a&&!a.reactCustomLayout?.hasReactCreateGraphic(n,o)?(a.reactCustomLayout?.setReactCreateGraphic(n,u,o),a.reactCustomLayout?.setReactRemoveGraphic(n,d,o),a.reactCustomLayout?.updateCustomCell(n,o)):a&&s.current.forEach(((e,t)=>{const[n,i]=t.split("-").map(Number),{width:o,height:s}=function(e,t,n){const r=n.getCellRange(e,t),i=n.getCellsRect(r.start.col,r.start.row,r.end.col,r.end.row);return i}(n,i,a),l=e,u={col:n,row:i,dataValue:a.getCellOriginValue(n,i),value:a.getCellValue(n,i)||"",rect:{left:0,top:0,right:o,bottom:s,width:o,height:s},table:a};l.containerInfo,Ac(r,l,u),a.scenegraph.updateNextFrame()}))})),null};function Ac(e,t,n){Sc.updateContainer(u.cloneElement(e,{...n}),t,null)}const kc=(e,t,n,r)=>{const i=["id","updateId","componentIndex","children"],a=n?Object.keys(n).concat(i):i,o=e=>{const t=l.useContext(c),r=u.useRef(null),i=u.useRef(e.updateId);if(e.updateId!==i.current){i.current=e.updateId;!!n&&We(t.table,e,r.current,n)&&(r.current=e)}return l.useEffect((()=>()=>{n&&We(t.table,null,r.current,n)}),[]),Bc(e.children,e.componentId)};return o.displayName=e,o.parseOption=e=>{const n=z(e,a);if(e.children){const{children:t}=e;u.Children.map(t,((t,r)=>{Tc(t,e,n,a,e.componentId+"-"+r)}))}return{option:n,optionName:t,isSingle:r}},o};function Tc(e,t,n,r,i){if("custom-layout"===e.props.role&&(n.customLayout="react-custom-layout",n.customLayoutComponentId=i),"header-custom-layout"===e.props.role&&(n.headerCustomLayout="react-custom-layout",n.headerCustomLayoutComponentId=i),"ListColumn"===e.type.displayName){n.columns||(n.columns=[]);const a=z(e.props,r);n.columns.push(a),a.componentId=i,e.props.children&&u.Children.map(e.props.children,((e,n)=>{Tc(e,t,a,r,i+"-"+n)}))}}function Bc(e,t){return(n=e)&&n.$$typeof===Symbol.for("react.element")||Array.isArray(e)?u.Children.map(e,((e,n)=>e.props.children?Bc(e.props.children,t+"-"+n):"custom-layout"===e.props.role||"header-custom-layout"===e.props.role?u.createElement(wc,{componentId:t},e):null)):null;var n}const Cc=kc("ListColumn","columns"),Ec=kc("PivotColumnDimension","columns"),Pc=kc("PivotRowDimension","rows"),Rc=kc("PivotIndicator","indicators"),Mc=kc("PivotColumnHeaderTitle","columnHeaderTitle",void 0,!0),Lc=kc("PivotRowHeaderTitle","rowHeaderTitle",void 0,!0),Oc=kc("PivotCorner","corner",void 0,!0),Ic=kc("Menu","menu",void 0,!0),Nc=kc("Tooltip","tooltip",void 0,!0),Uc=kc("EmptyTip","emptyTip",void 0,!0),Dc=kc("Title","title",void 0,!0);function zc(e,t){return A(e)?e:"string"==typeof e&&e.endsWith("%")?Number(e.slice(0,-1))/100*t:0}const jc="group",Fc="text",Wc="tag",Hc={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"#FFF"},panelStyle:{visible:!0,fill:"rgb(22, 93, 255)",lineWidth:1,cornerRadius:2},padding:10,state:{panelStyle:{hover:{fill:"rgb(64, 128, 255)"},disabled:{fill:"rgb(148, 191, 255)"}}}};const $c=u.forwardRef((function(e,t){const n=D({},Hc,e),{disabled:r,onClick:i}=n;let a=u.useRef(null);a=t||a;const o=u.useCallback((e=>{r?"function"==typeof e?.preventDefault&&e.preventDefault():i&&i(e)}),[r,i]),s=function(e){const{textStyle:t,padding:n,panelStyle:r,minWidth:i,maxWidth:a,visible:o,cursor:s,disabled:l,state:u,children:c}=e,d={text:c,textStyle:t,padding:n,panel:r,minWidth:i,maxWidth:a,visible:o,cursor:s??l?"not-allowed":"pointer",childrenPickable:!1,state:{text:{hover:u?.textStyle?.hover,disabled:u?.textStyle?.disabled},panel:{hover:u?.panelStyle?.hover,disabled:u?.panelStyle?.disabled}}};return d}(n);return l.useEffect((()=>{a.current.addEventListener("mouseenter",(()=>{r||(a.current.addState("hover",!0,!1),a.current.stage.renderNextFrame())})),a.current.addEventListener("mouseleave",(()=>{r||(a.current.removeState("hover",!1),a.current.stage.renderNextFrame())}))})),l.useEffect((()=>{r?(a.current.removeState("disabled",!1),a.current.addState("disabled",!0,!1)):a.current.removeState("disabled",!1),a.current.stage.renderNextFrame()})),u.createElement(Wc,{ref:a,attribute:s,onClick:o})}));$c.displayName="Button";const Vc={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"rgb(64, 128, 255)"},panelStyle:{visible:!0,opacity:0,fill:"rgba(242, 243, 245, 0.5)",lineWidth:1,cornerRadius:2},padding:4,space:6,state:{textStyle:{disabled:{fill:"rgb(148, 191, 255)"}},panelStyle:{hover:{opacity:1}}}};const Gc=u.forwardRef((function(e,t){const n=D({},Vc,e),{disabled:r,href:i,onClick:a}=n;let o=u.useRef(null);o=t||o;const s=u.useCallback((e=>{r?"function"==typeof e?.preventDefault&&e.preventDefault():(a&&a(e),i&&window.open(i))}),[r,i,a]),c=function(e){const{textStyle:t,padding:n,space:r,panelStyle:i,minWidth:a,maxWidth:o,visible:s,cursor:l,disabled:u,icon:c,state:d,children:h}=e,f={text:h,textStyle:t,padding:n,panel:i,minWidth:a,maxWidth:o,visible:s,cursor:l??u?"not-allowed":"pointer",childrenPickable:!1,state:{text:{hover:d?.textStyle?.hover,disabled:d?.textStyle?.disabled},panel:{hover:d?.panelStyle?.hover,disabled:d?.panelStyle?.disabled}},space:r,shape:{visible:!!c,fill:!1,stroke:t.fill,symbolType:"M -0.2927 -15.4348 L -15.142 -0.5855 C -18.6567 2.9292 -18.6567 8.6277 -15.142 12.1424 V 12.1424 C -11.6273 15.6571 -5.9288 15.6571 -2.4141 12.1424 L 15.2636 -5.5353 C 17.6067 -7.8784 17.6067 -11.6774 15.2636 -14.0206 V -14.0206 C 12.9205 -16.3637 9.1215 -16.3637 6.7783 -14.0206 L -10.8993 3.6571 C -12.0709 4.8287 -12.0709 6.7282 -10.8993 7.8997 V 7.8997 C -9.7278 9.0713 -7.8283 9.0713 -6.6567 7.8997 L 8.1925 -6.9495"}};return f}(n);return l.useEffect((()=>{o.current.addEventListener("mouseenter",(()=>{r||(o.current.addState("hover",!0,!1),o.current.stage.renderNextFrame())})),o.current.addEventListener("mouseleave",(()=>{r||(o.current.removeState("hover",!1),o.current.stage.renderNextFrame())}))}),[]),l.useEffect((()=>{r?(o.current.removeState("disabled",!1),o.current.addState("disabled",!0,!1)):o.current.removeState("disabled",!1),o.current.stage.renderNextFrame()})),u.createElement(Wc,{ref:o,attribute:c,onClick:s})}));Gc.displayName="Link";const Yc={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"#FFF"},panelStyle:{visible:!0,fill:"rgb(201, 205, 212)",lineWidth:1,cornerRadius:2},size:40,shape:"circle",autoFixFontSize:!0};const qc=u.forwardRef((function(e,t){const n=D({},Yc,e),{size:r,children:i,onClick:a}=n;let o=u.useRef(null);o=t||o;const s=u.useCallback((e=>{a&&a(e)}),[a]),l=function(e){const{panelStyle:t,size:n,shape:r}=e,i={...t,width:n,height:n,clip:!0,cornerRadius:"circle"===r?n/2:t.cornerRadius??2,display:"flex",alignItems:"center",justifyContent:"center",visibleAll:!0,path:void 0};return i}(n);if(S(i)){const e=function(e){const{textStyle:t,size:n,children:r,autoFixFontSize:i}=e,a={text:r,...t};i&&function(e,t){const n=Uu(t.text,t).width,r=e/(n+8),i=Math.max(Math.floor(t.fontSize*r),6);t.fontSize=i}(n,a);return a}(n);return u.createElement(jc,{ref:o,attribute:l,onClick:s},u.createElement(Fc,{attribute:e}))}return"image"===i.type&&(i.props.attribute.width=r,i.props.attribute.height=r),u.createElement(jc,{ref:o,attribute:l,onClick:s},i)}));qc.displayName="Avatar";const Qc={defaultPopupVisible:!1,position:"top"},Xc={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"},Kc=e=>{const t={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)",...Zc(e.position)};return e.visible?u.createElement(u.Fragment,null,u.createElement("div",{style:Xc},e.content),u.createElement("div",{style:t})):u.createElement(u.Fragment,null)};function Zc(e){switch(e){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"}}}const Jc=u.forwardRef((function(e,t){const n=D({},Qc,e),{content:r,position:i,popupVisible:a,defaultPopupVisible:o,children:s}=n;let c=u.useRef(null);c=t||c;const[d,h]=l.useState(!1);l.useEffect((()=>{h(!!a),c.current.stage.renderNextFrame()}),[a]),l.useEffect((()=>{h(a??o??!1)}),[]);const{transform:f,anchorType:p}=function(e){switch(e){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%)"}}}(i),g={react:{style:{transform:f},element:u.createElement(Kc,{visible:d,content:r,position:i}),container:null,visible:!0,pointerEvents:!1,anchorType:p}},m=l.useCallback((e=>{y(a)||(h(!0),e.currentTarget.stage.renderNextFrame())}),[]),v=l.useCallback((e=>{y(a)||(h(!1),e.currentTarget.stage.renderNextFrame())}),[]);return u.createElement(jc,{ref:c,attribute:g,onMouseEnter:m,onMouseLeave:v},s)}));Jc.displayName="Popover";const ed={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"rgb(51, 101, 238)"},panelStyle:{visible:!0,fill:"#e6fffb",lineWidth:1,cornerRadius:4}};const td=u.forwardRef((function(e,t){const n=D({},ed,e),{attribute:r,panelStyle:i,children:a,...o}=n;let s=u.useRef(null);return s=t||s,u.createElement(Wc,{ref:s,attribute:r??{text:a,panel:i,...o}})}));td.displayName="Tag";const nd={};const rd=u.forwardRef((function(e,t){const n=D({},nd,e),{textStyle:r,circleStyle:i,children:a,...o}=n;let s=u.useRef(null);s=t||s;const c=l.useCallback((e=>{n.onChange&&n.onChange(e.target.attribute.checked)}),[]);return l.useEffect((()=>(s.current.addEventListener("radio_checked",c),()=>{s.current.removeEventListener("radio_checked",c)})),[]),u.createElement("radio",{ref:s,attribute:{text:{...r,text:a},circle:i,...o}})}));rd.displayName="Radio";const id={};const ad=u.forwardRef((function(e,t){const n=D({},id,e),{textStyle:r,boxStyle:i,iconStyle:a,children:o,...s}=n;let c=u.useRef(null);c=t||c;const d=l.useCallback((e=>{n.onChange&&n.onChange(e.target.attribute.checked)}),[]);return l.useEffect((()=>(c.current?.addEventListener("checkbox_state_change",d),()=>{c.current?.removeEventListener("checkbox_state_change",d)})),[]),u.createElement("checkbox",{ref:c,attribute:{text:{...r,text:o},box:i,icon:a,...s}})}));ad.displayName="Checkbox";Object.defineProperty(e,"register",{enumerable:!0,get:function(){return t.register}}),e.Arc="arc",e.Avatar=qc,e.Button=$c,e.Checkbox=ad,e.Circle="circle",e.CustomComponent=e=>{const t=l.useContext(c),{table:n}=t,r=function(e,t){const n=l.useMemo((()=>({...t})),[t]),r=l.useMemo((()=>{const t=D({},e);for(const e in n)void 0===t[e]&&(t[e]=n[e]);return t}),[e,n]);return r}(e,{style:{left:0,top:0},className:"vtable-custom-component",displayMode:"position",x:0,y:0,width:0,height:0,row:0,col:0,anchor:"top-left",dx:0,dy:0}),{displayMode:i,x:a,y:o,width:s,height:d,row:h,col:f,anchor:p,dx:g,dy:m,className:y,children:v,style:b}=r;let x,S,_,w;if("position"===i)x=a+g+"px",S=o+m+"px",_=s+"px",w=d+"px";else if("cell"===i){const e=n&&f>=0&&h>=0?n?.getCellRelativeRect(f,h):{width:0,height:0,left:-9999,top:-9999};_=zc(s,e.width)+"px",w=zc(d,e.height)+"px","top-left"===p?(x=e.left+zc(g,e.width)+"px",S=e.top+zc(m,e.height)+"px"):"top-right"===p?(x=e.left+zc(g,e.width)+e.width+"px",S=e.top+zc(m,e.height)+"px"):"bottom-left"===p?(x=e.left+zc(g,e.width)+"px",S=e.top+zc(m,e.height)+e.height+"px"):"bottom-right"===p&&(x=e.left+zc(g,e.width)+e.width+"px",S=e.top+zc(m,e.height)+e.height+"px")}const A=D({},b,{position:"absolute",zIndex:1e3,width:_,height:w,left:x,top:S});return u.createElement("div",{className:y,style:A},u.Children.map(v,(e=>e?u.cloneElement(e,{}):e)))},e.CustomLayout=wc,e.EmptyTip=Uc,e.Group=jc,e.Image="image",e.Line="line",e.Link=Gc,e.ListColumn=Cc,e.ListTable=Xu,e.ListTableSimple=Ju,e.Menu=Ic,e.Path="path",e.PivotChart=Zu,e.PivotColumnDimension=Ec,e.PivotColumnHeaderTitle=Mc,e.PivotCorner=Oc,e.PivotIndicator=Rc,e.PivotRowDimension=Pc,e.PivotRowHeaderTitle=Lc,e.PivotTable=Ku,e.PivotTableSimple=ec,e.Polygon="polygon",e.Popover=Jc,e.Radio=rd,e.Rect="rect",e.RichText="richtext",e.Symbol="symbol",e.Tag=td,e.Text=Fc,e.Title=Dc,e.Tooltip=Nc,e.registerChartModule=function(e,n){t.register.chartModule(e,n)},e.version="1.6.3"}));
+	 */"production"===production?mc.exports=(pc||(pc=1,yc.ConcurrentRoot=1,yc.ContinuousEventPriority=4,yc.DefaultEventPriority=16,yc.DiscreteEventPriority=1,yc.IdleEventPriority=536870912,yc.LegacyRoot=0),yc):mc.exports=(vc||(vc=1,"production"!==production&&(bc.ConcurrentRoot=1,bc.ContinuousEventPriority=4,bc.DefaultEventPriority=16,bc.DiscreteEventPriority=1,bc.IdleEventPriority=536870912,bc.LegacyRoot=0)),bc);var xc=mc.exports;const Sc=gc({supportsMutation:!0,supportsPersistence:!1,createInstance:(e,t,n)=>{const r=function(e,t){const n=function(e,t){if("tag"===e)return new ju(t.attribute?t.attribute:t);if("radio"===e)return new Wu(t.attribute?t.attribute:t);if("checkbox"===e)return new Fu(t.attribute?t.attribute:t)}(e,t);if(n)return n;if(!ir.graphicService.creator[e])return;const r=ir.graphicService.creator[e](t.attribute);return r}(e,t);if(r)return function(e,t){for(const n in t)_c(n,t)&&pl[n]&&e.addEventListener(pl[n],t[n])}(r,t),r},createTextInstance:(e,t)=>{},appendInitialChild:(e,t)=>{e.add(t)},finalizeInitialChildren:()=>!1,prepareUpdate:()=>!0,shouldSetTextContent:()=>!1,getRootHostContext:()=>null,getChildHostContext:()=>null,getPublicInstance:e=>e,prepareForCommit:()=>null,resetAfterCommit:()=>{},preparePortalMount:()=>null,scheduleTimeout:setTimeout,cancelTimeout:clearTimeout,noTimeout:-1,isPrimaryRenderer:!1,getCurrentEventPriority:()=>xc.DefaultEventPriority,getInstanceFromNode:e=>null,beforeActiveInstanceBlur:()=>{},afterActiveInstanceBlur:()=>{},prepareScopeUpdate:()=>{},getInstanceFromScope:()=>{},detachDeletedInstance:()=>{},supportsHydration:!1,appendChild:(e,t)=>{e.add(t)},appendChildToContainer:(e,t)=>{e.add(t)},insertBefore:(e,t,n)=>{e.insertBefore(t,n)},insertInContainerBefore:(e,t,n)=>{e.insertBefore(t,n)},removeChild:(e,t)=>{t.delete()},removeChildFromContainer:(e,t)=>{t.delete()},commitUpdate:(e,t,n,r,i)=>{!function(e,t,n){for(const r in n)_c(r,n)&&n[r]!==t[r]&&e.removeEventListener(pl[r],n[r]);for(const r in t)_c(r,t)&&n[r]!==t[r]&&e.addEventListener(pl[r],t[r]);const r=t.attribute??D({},t);e.initAttributes(r),"image"===e.type&&e.loadImage(r.image)}(e,i,r)},hideInstance:e=>{e.setAttribute("visible",!1)},unhideInstance:(e,t)=>{e.setAttribute("visible",!0)},clearContainer:e=>{e.removeAllChild()},commitTextUpdate:(e,t,n)=>{}});function _c(e,t){return e.startsWith("on")&&g(t[e])}Sc.injectIntoDevTools({bundleType:"production"!==production?1:0,version:u.version,rendererPackageName:"react-vtable"});const wc=(e,t)=>{const{componentId:n,children:r}=e;if(!l.isValidElement(r))return null;const i=l.useContext(c),{table:a}=i,o="header-custom-layout"===r.props.role,s=l.useRef(new Map),u=l.useCallback((e=>{const t=`${e.col}-${e.row}`;let n;if(s.current.has(t)){const i=s.current.get(t);Ac(r,i,e),n=i.containerInfo}else{n=new zi({});const i=Sc.createContainer(n,xc.LegacyRoot,null,null,null,"custom",null,null);s.current.set(t,i),Ac(r,i,e)}return{rootContainer:n,renderDefault:!!r.props.renderDefault}}),[r]),d=l.useCallback(((e,t)=>{const n=`${e}-${t}`;if(s.current.has(n)){const e=s.current.get(n);Sc.updateContainer(null,e,null),s.current.delete(n)}}),[]),h=l.useCallback((()=>{s.current.forEach(((e,t)=>{const n=e;Sc.updateContainer(null,n,null)})),s.current.clear()}),[]);return l.useLayoutEffect((()=>(console.log("init",e,a),()=>{console.log("release",e,a)})),[]),l.useLayoutEffect((()=>{console.log("update props",e,a),a?.checkReactCustomLayout(h),a&&!a.reactCustomLayout?.hasReactCreateGraphic(n,o)?(a.reactCustomLayout?.setReactCreateGraphic(n,u,o),a.reactCustomLayout?.setReactRemoveGraphic(n,d,o),a.reactCustomLayout?.updateCustomCell(n,o)):a&&s.current.forEach(((e,t)=>{const[n,i]=t.split("-").map(Number),{width:o,height:s}=function(e,t,n){const r=n.getCellRange(e,t),i=n.getCellsRect(r.start.col,r.start.row,r.end.col,r.end.row);return i}(n,i,a),l=e,u={col:n,row:i,dataValue:a.getCellOriginValue(n,i),value:a.getCellValue(n,i)||"",rect:{left:0,top:0,right:o,bottom:s,width:o,height:s},table:a};l.containerInfo,Ac(r,l,u),a.scenegraph.updateNextFrame()}))})),null};function Ac(e,t,n){Sc.updateContainer(u.cloneElement(e,{...n}),t,null)}const kc=(e,t,n,r)=>{const i=["id","updateId","componentIndex","children"],a=n?Object.keys(n).concat(i):i,o=e=>{const t=l.useContext(c),r=u.useRef(null),i=u.useRef(e.updateId);if(e.updateId!==i.current){i.current=e.updateId;!!n&&We(t.table,e,r.current,n)&&(r.current=e)}return l.useEffect((()=>()=>{n&&We(t.table,null,r.current,n)}),[]),Bc(e.children,e.componentId)};return o.displayName=e,o.parseOption=e=>{const n=z(e,a);if(e.children){const{children:t}=e;u.Children.map(t,((t,r)=>{Tc(t,e,n,a,e.componentId+"-"+r)}))}return{option:n,optionName:t,isSingle:r}},o};function Tc(e,t,n,r,i){if("custom-layout"===e.props.role&&(n.customLayout="react-custom-layout",n.customLayoutComponentId=i),"header-custom-layout"===e.props.role&&(n.headerCustomLayout="react-custom-layout",n.headerCustomLayoutComponentId=i),"ListColumn"===e.type.displayName){n.columns||(n.columns=[]);const a=z(e.props,r);n.columns.push(a),a.componentId=i,e.props.children&&u.Children.map(e.props.children,((e,n)=>{Tc(e,t,a,r,i+"-"+n)}))}}function Bc(e,t){return(n=e)&&n.$$typeof===Symbol.for("react.element")||Array.isArray(e)?u.Children.map(e,((e,n)=>e.props.children?Bc(e.props.children,t+"-"+n):"custom-layout"===e.props.role||"header-custom-layout"===e.props.role?u.createElement(wc,{componentId:t},e):null)):null;var n}const Cc=kc("ListColumn","columns"),Ec=kc("PivotColumnDimension","columns"),Pc=kc("PivotRowDimension","rows"),Rc=kc("PivotIndicator","indicators"),Mc=kc("PivotColumnHeaderTitle","columnHeaderTitle",void 0,!0),Lc=kc("PivotRowHeaderTitle","rowHeaderTitle",void 0,!0),Oc=kc("PivotCorner","corner",void 0,!0),Ic=kc("Menu","menu",void 0,!0),Nc=kc("Tooltip","tooltip",void 0,!0),Uc=kc("EmptyTip","emptyTip",void 0,!0),Dc=kc("Title","title",void 0,!0);function zc(e,t){return A(e)?e:"string"==typeof e&&e.endsWith("%")?Number(e.slice(0,-1))/100*t:0}const jc="group",Fc="text",Wc="tag",Hc={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"#FFF"},panelStyle:{visible:!0,fill:"rgb(22, 93, 255)",lineWidth:1,cornerRadius:2},padding:10,state:{panelStyle:{hover:{fill:"rgb(64, 128, 255)"},disabled:{fill:"rgb(148, 191, 255)"}}}};const $c=u.forwardRef((function(e,t){const n=D({},Hc,e),{disabled:r,onClick:i}=n;let a=u.useRef(null);a=t||a;const o=u.useCallback((e=>{r?"function"==typeof e?.preventDefault&&e.preventDefault():i&&i(e)}),[r,i]),s=function(e){const{textStyle:t,padding:n,panelStyle:r,minWidth:i,maxWidth:a,visible:o,cursor:s,disabled:l,state:u,children:c}=e,d={text:c,textStyle:t,padding:n,panel:r,minWidth:i,maxWidth:a,visible:o,cursor:s??l?"not-allowed":"pointer",childrenPickable:!1,state:{text:{hover:u?.textStyle?.hover,disabled:u?.textStyle?.disabled},panel:{hover:u?.panelStyle?.hover,disabled:u?.panelStyle?.disabled}}};return d}(n);return l.useEffect((()=>{a.current.addEventListener("mouseenter",(()=>{r||(a.current.addState("hover",!0,!1),a.current.stage.renderNextFrame())})),a.current.addEventListener("mouseleave",(()=>{r||(a.current.removeState("hover",!1),a.current.stage.renderNextFrame())}))})),l.useEffect((()=>{r?(a.current.removeState("disabled",!1),a.current.addState("disabled",!0,!1)):a.current.removeState("disabled",!1),a.current.stage.renderNextFrame()})),u.createElement(Wc,{ref:a,attribute:s,onClick:o})}));$c.displayName="Button";const Vc={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"rgb(64, 128, 255)"},panelStyle:{visible:!0,opacity:0,fill:"rgba(242, 243, 245, 0.5)",lineWidth:1,cornerRadius:2},padding:4,space:6,state:{textStyle:{disabled:{fill:"rgb(148, 191, 255)"}},panelStyle:{hover:{opacity:1}}}};const Gc=u.forwardRef((function(e,t){const n=D({},Vc,e),{disabled:r,href:i,onClick:a}=n;let o=u.useRef(null);o=t||o;const s=u.useCallback((e=>{r?"function"==typeof e?.preventDefault&&e.preventDefault():(a&&a(e),i&&window.open(i))}),[r,i,a]),c=function(e){const{textStyle:t,padding:n,space:r,panelStyle:i,minWidth:a,maxWidth:o,visible:s,cursor:l,disabled:u,icon:c,state:d,children:h}=e,f={text:h,textStyle:t,padding:n,panel:i,minWidth:a,maxWidth:o,visible:s,cursor:l??u?"not-allowed":"pointer",childrenPickable:!1,state:{text:{hover:d?.textStyle?.hover,disabled:d?.textStyle?.disabled},panel:{hover:d?.panelStyle?.hover,disabled:d?.panelStyle?.disabled}},space:r,shape:{visible:!!c,fill:!1,stroke:t.fill,symbolType:"M -0.2927 -15.4348 L -15.142 -0.5855 C -18.6567 2.9292 -18.6567 8.6277 -15.142 12.1424 V 12.1424 C -11.6273 15.6571 -5.9288 15.6571 -2.4141 12.1424 L 15.2636 -5.5353 C 17.6067 -7.8784 17.6067 -11.6774 15.2636 -14.0206 V -14.0206 C 12.9205 -16.3637 9.1215 -16.3637 6.7783 -14.0206 L -10.8993 3.6571 C -12.0709 4.8287 -12.0709 6.7282 -10.8993 7.8997 V 7.8997 C -9.7278 9.0713 -7.8283 9.0713 -6.6567 7.8997 L 8.1925 -6.9495"}};return f}(n);return l.useEffect((()=>{o.current.addEventListener("mouseenter",(()=>{r||(o.current.addState("hover",!0,!1),o.current.stage.renderNextFrame())})),o.current.addEventListener("mouseleave",(()=>{r||(o.current.removeState("hover",!1),o.current.stage.renderNextFrame())}))}),[]),l.useEffect((()=>{r?(o.current.removeState("disabled",!1),o.current.addState("disabled",!0,!1)):o.current.removeState("disabled",!1),o.current.stage.renderNextFrame()})),u.createElement(Wc,{ref:o,attribute:c,onClick:s})}));Gc.displayName="Link";const Yc={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"#FFF"},panelStyle:{visible:!0,fill:"rgb(201, 205, 212)",lineWidth:1,cornerRadius:2},size:40,shape:"circle",autoFixFontSize:!0};const qc=u.forwardRef((function(e,t){const n=D({},Yc,e),{size:r,children:i,onClick:a}=n;let o=u.useRef(null);o=t||o;const s=u.useCallback((e=>{a&&a(e)}),[a]),l=function(e){const{panelStyle:t,size:n,shape:r}=e,i={...t,width:n,height:n,clip:!0,cornerRadius:"circle"===r?n/2:t.cornerRadius??2,display:"flex",alignItems:"center",justifyContent:"center",visibleAll:!0,path:void 0};return i}(n);if(S(i)){const e=function(e){const{textStyle:t,size:n,children:r,autoFixFontSize:i}=e,a={text:r,...t};i&&function(e,t){const n=Uu(t.text,t).width,r=e/(n+8),i=Math.max(Math.floor(t.fontSize*r),6);t.fontSize=i}(n,a);return a}(n);return u.createElement(jc,{ref:o,attribute:l,onClick:s},u.createElement(Fc,{attribute:e}))}return"image"===i.type&&(i.props.attribute.width=r,i.props.attribute.height=r),u.createElement(jc,{ref:o,attribute:l,onClick:s},i)}));qc.displayName="Avatar";const Qc={defaultPopupVisible:!1,position:"top"},Xc={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"},Kc=e=>{const t={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)",...Zc(e.position)};return e.visible?u.createElement(u.Fragment,null,u.createElement("div",{style:Xc},e.content),u.createElement("div",{style:t})):u.createElement(u.Fragment,null)};function Zc(e){switch(e){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"}}}const Jc=u.forwardRef((function(e,t){const n=D({},Qc,e),{content:r,position:i,popupVisible:a,defaultPopupVisible:o,children:s}=n;let c=u.useRef(null);c=t||c;const[d,h]=l.useState(!1);l.useEffect((()=>{h(!!a),c.current.stage.renderNextFrame()}),[a]),l.useEffect((()=>{h(a??o??!1)}),[]);const{transform:f,anchorType:p}=function(e){switch(e){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%)"}}}(i),g={react:{style:{transform:f},element:u.createElement(Kc,{visible:d,content:r,position:i}),container:null,visible:!0,pointerEvents:!1,anchorType:p}},m=l.useCallback((e=>{y(a)||(h(!0),e.currentTarget.stage.renderNextFrame())}),[]),v=l.useCallback((e=>{y(a)||(h(!1),e.currentTarget.stage.renderNextFrame())}),[]);return u.createElement(jc,{ref:c,attribute:g,onMouseEnter:m,onMouseLeave:v},s)}));Jc.displayName="Popover";const ed={textStyle:{fontSize:14,fontFamily:"sans-serif",fill:"rgb(51, 101, 238)"},panelStyle:{visible:!0,fill:"#e6fffb",lineWidth:1,cornerRadius:4}};const td=u.forwardRef((function(e,t){const n=D({},ed,e),{attribute:r,panelStyle:i,children:a,...o}=n;let s=u.useRef(null);return s=t||s,u.createElement(Wc,{ref:s,attribute:r??{text:a,panel:i,...o}})}));td.displayName="Tag";const nd={};const rd=u.forwardRef((function(e,t){const n=D({},nd,e),{textStyle:r,circleStyle:i,children:a,...o}=n;let s=u.useRef(null);s=t||s;const c=l.useCallback((e=>{n.onChange&&n.onChange(e.target.attribute.checked)}),[]);return l.useEffect((()=>(s.current.addEventListener("radio_checked",c),()=>{s.current.removeEventListener("radio_checked",c)})),[]),u.createElement("radio",{ref:s,attribute:{text:{...r,text:a},circle:i,...o}})}));rd.displayName="Radio";const id={};const ad=u.forwardRef((function(e,t){const n=D({},id,e),{textStyle:r,boxStyle:i,iconStyle:a,children:o,...s}=n;let c=u.useRef(null);c=t||c;const d=l.useCallback((e=>{n.onChange&&n.onChange(e.target.attribute.checked)}),[]);return l.useEffect((()=>(c.current?.addEventListener("checkbox_state_change",d),()=>{c.current?.removeEventListener("checkbox_state_change",d)})),[]),u.createElement("checkbox",{ref:c,attribute:{text:{...r,text:o},box:i,icon:a,...s}})}));ad.displayName="Checkbox";Object.defineProperty(e,"register",{enumerable:!0,get:function(){return t.register}}),e.Arc="arc",e.Avatar=qc,e.Button=$c,e.Checkbox=ad,e.Circle="circle",e.CustomComponent=e=>{const t=l.useContext(c),{table:n}=t,r=function(e,t){const n=l.useMemo((()=>({...t})),[t]),r=l.useMemo((()=>{const t=D({},e);for(const e in n)void 0===t[e]&&(t[e]=n[e]);return t}),[e,n]);return r}(e,{style:{left:0,top:0},className:"vtable-custom-component",displayMode:"position",x:0,y:0,width:0,height:0,row:0,col:0,anchor:"top-left",dx:0,dy:0}),{displayMode:i,x:a,y:o,width:s,height:d,row:h,col:f,anchor:p,dx:g,dy:m,className:y,children:v,style:b}=r;let x,S,_,w;if("position"===i)x=a+g+"px",S=o+m+"px",_=s+"px",w=d+"px";else if("cell"===i){const e=n&&f>=0&&h>=0?n?.getCellRelativeRect(f,h):{width:0,height:0,left:-9999,top:-9999};_=zc(s,e.width)+"px",w=zc(d,e.height)+"px","top-left"===p?(x=e.left+zc(g,e.width)+"px",S=e.top+zc(m,e.height)+"px"):"top-right"===p?(x=e.left+zc(g,e.width)+e.width+"px",S=e.top+zc(m,e.height)+"px"):"bottom-left"===p?(x=e.left+zc(g,e.width)+"px",S=e.top+zc(m,e.height)+e.height+"px"):"bottom-right"===p&&(x=e.left+zc(g,e.width)+e.width+"px",S=e.top+zc(m,e.height)+e.height+"px")}const A=D({},b,{position:"absolute",zIndex:1e3,width:_,height:w,left:x,top:S});return u.createElement("div",{className:y,style:A},u.Children.map(v,(e=>e?u.cloneElement(e,{}):e)))},e.CustomLayout=wc,e.EmptyTip=Uc,e.Group=jc,e.Image="image",e.Line="line",e.Link=Gc,e.ListColumn=Cc,e.ListTable=Xu,e.ListTableSimple=Ju,e.Menu=Ic,e.Path="path",e.PivotChart=Zu,e.PivotColumnDimension=Ec,e.PivotColumnHeaderTitle=Mc,e.PivotCorner=Oc,e.PivotIndicator=Rc,e.PivotRowDimension=Pc,e.PivotRowHeaderTitle=Lc,e.PivotTable=Ku,e.PivotTableSimple=ec,e.Polygon="polygon",e.Popover=Jc,e.Radio=rd,e.Rect="rect",e.RichText="richtext",e.Symbol="symbol",e.Tag=td,e.Text=Fc,e.Title=Dc,e.Tooltip=Nc,e.registerChartModule=function(e,n){t.register.chartModule(e,n)},e.version="1.6.4-alpha.0"}));

package/es/index.d.ts

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

package/es/index.js

@@ -4,5 +4,5 @@ export * from "./table-components";
 
 export * from "./components";
 
-export const version = "1.6.3";
+export const version = "1.6.4-alpha.0";
 //# sourceMappingURL=index.js.map

package/es/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/react-vtable",
-  "version": "1.6.3",
+  "version": "1.6.4-alpha.0",
   "description": "The react version of VTable",
   "keywords": [
     "react",
@@ -43,10 +43,10 @@
     "access": "public"
   },
   "dependencies": {
+    "@visactor/vtable": "1.6.4-alpha.0",
     "@visactor/vutils": "~0.18.13",
     "react-is": "^18.2.0",
-    "react-reconciler": "0.29.2",
-    "@visactor/vtable": "1.6.3"
+    "react-reconciler": "0.29.2"
   },
   "devDependencies": {
     "@visactor/vchart": "1.12.1",
@@ -91,9 +91,9 @@
     "@types/react-is": "^17.0.3",
     "@arco-design/web-react": "2.60.2",
     "@types/react-reconciler": "0.28.8",
-    "@internal/bundler": "0.0.1",
     "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/ts-config": "0.0.1",
+    "@internal/bundler": "0.0.1"
   },
   "scripts": {
     "start": "vite ./demo",