bi-sdk-react 0.0.45 → 0.0.46

package/dist/es/js/bi-sdk.es.js

@@ -989,7 +989,7 @@ import*as e from"react";import t,{css as n}from"styled-components";import{AlignC
       background: transparent;
     }
   }
-`,n8=e=>{let{open:t,onCancel:n,onOk:r}=e,[i,a]=(0,t_.useState)(JSON.stringify({info:{},datasources:[],scripts:[],variables:[],items:[]}));return(0,tx.jsx)($,{title:"导入页面",open:t,width:800,onCancel:n,onOk:()=>null==r?void 0:r(JSON.parse(i)),okText:"导入",cancelText:"取消",styles:{body:{height:"calc(100vh - 250px)",overflow:"auto"}},children:(0,tx.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex",height:"100%"},children:(0,tx.jsx)(eg,{height:"100%",defaultLanguage:"json",value:i,options:{minimap:{enabled:!1}},onChange:e=>a(e||"")})})})},n9=t_.default.forwardRef((e,t)=>{var n;let r,{pageId:i,agentList:a=[],plugins:o=[],headerExtra:s,datasourceEnable:u=!0,scriptEnable:c=!0,datasetPanel:d,datasetSelector:g,datasetAdd:m,fetch:y,onSave:x,loading:_=!1}=e,b=(0,t_.useRef)(null),S=(0,t_.useRef)(null),[C,T]=(0,t_.useState)(1),[M,I]=(0,t_.useState)([]),[A,L]=(0,t_.useState)([]),[N,E]=(0,t_.useState)(!1),[B,F]=(0,t_.useState)("desktop"),[H,V]=(0,t_.useState)("component"),[G,U]=(0,t_.useState)((null==y?void 0:y.ai)?"ai":"props"),[q,X]=(0,t_.useState)(!0),[$,K]=(0,t_.useState)(!0),[Z,J]=(0,t_.useState)(null),[ee,et]=(0,t_.useState)({info:{},datasources:[],scripts:[],variables:[],items:[]}),[en,ei]=(0,t_.useState)(!0),[ea,eo]=(0,t_.useState)(!1),[es,eu]=(0,t_.useState)(!1),ec=(0,t_.useMemo)(()=>{let e=q?"250px":"",t=$?"400px":"";return{gridTemplateColumns:`${e} 1fr ${t}`}},[q,$]),eh=(0,t_.useMemo)(()=>({display:q?"flex":"none"}),[q]),ed=(0,t_.useMemo)(()=>({display:$?"flex":"none"}),[$]);n=[ee],(r=(0,t_.useRef)()).current===JSON.stringify(n)&&r.current||(r.current=JSON.stringify(n),(()=>{N||(I(e=>e.length?[...e,JSON.parse(JSON.stringify(ee))].slice(-50):[JSON.parse(JSON.stringify(ee))]),L([]))})()),(0,t_.useImperativeHandle)(t,()=>({handleOpen(e){E(!0),ep(e.items),et(e),I([JSON.parse(JSON.stringify(e))]),L([]),setTimeout(()=>E(!1),0)}}));let ep=(e,t)=>{e&&e.forEach(e=>{e.id||(e.id=t||em()),Array.isArray(e.children)?ep(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&ep(e.children[t],em())})})},ef=e=>{var t,n,r;if((null==(t=e.datasets)?void 0:t.length)&&(null==S||null==(n=S.current)?void 0:n.reload)&&S.current.reload(),e.schema){let t=JSON.parse(JSON.stringify(e.schema));ep(t.items),et(t)}else if(null==(r=e.pageItems)?void 0:r.length){let t=new Map;e.pageItems.forEach(e=>{t.has(e.targetId)||t.set(e.targetId,[]),t.get(e.targetId).push(e)});let n=JSON.parse(JSON.stringify(ee)),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((n,i)=>{t.has(n.id)&&t.get(n.id).forEach(t=>{let{position:r,insertSlot:a,pageItem:s}=t;switch(r){case"before":e.splice(i,0,s);break;case"after":e.splice(i+1,0,s);break;case"replace":Object.keys(n).forEach(e=>{"id"!==e&&delete n[e]}),Object.assign(n,s);break;case"insert":var l,u,c;let h=o.find(e=>e.key===n.type);Array.isArray(null==h||null==(l=h.defaultOptions)?void 0:l.children)?n.children=[...n.children||[],s]:"object"==typeof(null==h||null==(u=h.defaultOptions)?void 0:u.children)&&a&&(n.children={...n.children||{},[a]:[...(null==(c=n.children)?void 0:c[a])||[],s]})}}),Array.isArray(n.children)?r(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>{Array.isArray(n.children[e])&&r(n.children[e])})})};r(n.items),et(n)}},eg=(0,t_.useMemo)(()=>"cascade"!==G||(null==Z?void 0:Z.cascadeIds)?G:"props",[Z,G]);return(0,tx.jsxs)(tw,{pageId:i,designable:en,plugins:o,schema:ee,selectedItem:Z,setSchema:et,setSelectedItem:J,datasetSelector:g,datasetAdd:m,fetch:y,children:[(0,tx.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,tx.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 24px",borderBottom:"solid 1px #e8e8e8"},children:[(0,tx.jsxs)(er,{children:[(0,tx.jsx)("span",{style:{fontSize:16,fontWeight:500},children:"创建数据报表"}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"保存",children:(0,tx.jsx)(R,{type:"link",className:"toolbar",onClick:()=>{null==x||x(ee)},loading:_,children:(0,tx.jsx)(j,{})})}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"撤销",children:(0,tx.jsx)("a",{className:`toolbar ${M.length>1?"active":""}`,onClick:()=>{I(e=>{if(e.length<=1)return e;E(!0);let t=e[e.length-2];return L(e=>[...e,JSON.parse(JSON.stringify(ee))]),et(t),J(null),setTimeout(()=>E(!1),0),e.slice(0,-1)})},children:(0,tx.jsx)(O,{})})}),(0,tx.jsx)(el,{title:"重做",children:(0,tx.jsx)("a",{className:`toolbar ${A.length>0?"active":""}`,onClick:()=>{L(e=>e.length?(E(!0),I(e=>[...e,JSON.parse(JSON.stringify(ee))]),et(e[e.length-1]),J(null),setTimeout(()=>E(!1),0),e.slice(0,-1)):e)},children:(0,tx.jsx)(k,{})})}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"导入JSON",children:(0,tx.jsx)("a",{className:`toolbar ${A.length>0?"active":""}`,onClick:()=>{eo(!0)},children:(0,tx.jsx)(v,{})})})]}),(0,tx.jsxs)(er,{children:[(0,tx.jsx)(el,{title:"缩小",children:(0,tx.jsx)("a",{className:"toolbar",onClick:()=>T(parseFloat(Math.max(C-.1,.5).toFixed(1))),children:(0,tx.jsx)(z,{})})}),(0,tx.jsxs)("div",{style:{fontSize:12,color:"#999",userSelect:"none"},children:[(100*C).toFixed(0),"%"]}),(0,tx.jsx)(el,{title:"放大",children:(0,tx.jsx)("a",{className:"toolbar",onClick:()=>T(parseFloat(Math.min(C+.1,2).toFixed(1))),children:(0,tx.jsx)(P,{})})}),(0,tx.jsx)(el,{title:"重置缩放",children:(0,tx.jsx)("a",{className:"toolbar",onClick:()=>T(1),children:(0,tx.jsx)(na,{type:"icon-zoom-reset"})})}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"切换左侧栏",children:(0,tx.jsx)("a",{className:`toolbar ${q?"active":""}`,onClick:()=>{X(e=>!e),setTimeout(()=>{var e,t;return null==(t=b.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,tx.jsx)(na,{type:"icon-sider-l"})})}),(0,tx.jsx)(el,{title:"切换右侧栏",children:(0,tx.jsx)("a",{className:`toolbar ${$?"active":""}`,onClick:()=>{K(e=>!e),setTimeout(()=>{var e,t;return null==(t=b.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,tx.jsx)(na,{type:"icon-sider-r"})})}),s]})]}),(0,tx.jsxs)(n5,{style:ec,children:[(0,tx.jsxs)("div",{className:"left",style:eh,children:[(0,tx.jsx)("div",{style:{padding:"22px 1px 22px 0",borderRight:"solid 1px #e8e8e8"},children:(0,tx.jsxs)(Q.Group,{value:H,onChange:e=>V(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"left-pane-tabs",children:[(0,tx.jsx)(Q.Button,{value:"component",children:(0,tx.jsx)(el,{title:"组件",placement:"right",children:(0,tx.jsx)(na,{type:"icon-puzzle"})})}),(0,tx.jsx)(Q.Button,{value:"layer",children:(0,tx.jsx)(el,{title:"图层",placement:"right",children:(0,tx.jsx)(na,{type:"icon-outline"})})}),!!d&&(0,tx.jsx)(Q.Button,{value:"dataset",children:(0,tx.jsx)(el,{title:"数据集",placement:"right",children:(0,tx.jsx)(na,{type:"icon-dataset"})})}),u&&(0,tx.jsx)(Q.Button,{value:"datasource",title:"数据源",children:(0,tx.jsx)(el,{title:"数据源",placement:"right",children:(0,tx.jsx)(na,{type:"icon-datasource"})})}),c&&(0,tx.jsx)(Q.Button,{value:"script",children:(0,tx.jsx)(el,{title:"脚本",placement:"right",children:(0,tx.jsx)(na,{type:"icon-js"})})}),(0,tx.jsx)(Q.Button,{value:"env",children:(0,tx.jsx)(el,{title:"环境变量",placement:"right",children:(0,tx.jsx)(na,{type:"icon-variable"})})}),(0,tx.jsx)(Q.Button,{value:"code",children:(0,tx.jsx)(el,{title:"源码",placement:"right",children:(0,tx.jsx)(na,{type:"icon-json"})})})]})}),(0,tx.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["component"===H&&(0,tx.jsx)(nW,{}),"layer"===H&&(0,tx.jsx)(nX,{}),u&&"datasource"===H&&(0,tx.jsx)(nG,{}),c&&"script"===H&&(0,tx.jsx)(n1,{}),"env"===H&&(0,tx.jsx)(n2,{}),"code"===H&&(0,tx.jsx)(nF,{}),!!d&&"dataset"===H&&(0,tx.jsx)(n4,{ref:S,renderNode:d})]})]}),(0,tx.jsxs)("div",{className:"center",style:{flex:"1 1 auto"},children:[(0,tx.jsx)(nT,{title:"页面",extra:(0,tx.jsxs)(er,{children:[(0,tx.jsx)(R,{size:"small",type:en?"default":"primary",icon:en?(0,tx.jsx)(p,{}):(0,tx.jsx)(f,{}),onClick:()=>ei(!en)}),(0,tx.jsxs)(Q.Group,{value:B,onChange:e=>F(e.target.value),size:"small",buttonStyle:"outline",children:[(0,tx.jsx)(Q.Button,{value:"desktop",title:"桌面",children:(0,tx.jsx)(h,{})}),(0,tx.jsx)(Q.Button,{value:"mobile",title:"移动设备",children:(0,tx.jsx)(w,{})}),(0,tx.jsx)(Q.Button,{value:"tablet",title:"平板设备",children:(0,tx.jsx)(D,{})})]})]})}),(0,tx.jsx)("div",{className:["body beautified_scrollbar always",B].join(" "),children:(0,tx.jsx)("div",{style:{transform:`scale(${C})`,transformOrigin:"top center"},children:(0,tx.jsx)(nf,{ref:b,device:B})})})]}),(0,tx.jsxs)("div",{className:"right",style:ed,children:[(0,tx.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:[(0,tx.jsx)(nD,{agentList:a,onEffect:ef,style:{display:"ai"===eg&&(null==y?void 0:y.ai)?void 0:"none"}}),"props"===eg&&(0,tx.jsx)(nZ,{datasourceEnable:u}),"cascade"===eg&&(null==Z?void 0:Z.cascadeIds)&&(0,tx.jsx)(nR,{})]}),(0,tx.jsx)("div",{style:{padding:"22px 0",borderLeft:"solid 1px #e8e8e8",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:(0,tx.jsxs)(Q.Group,{value:eg,onChange:e=>U(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"right-pane-tabs",children:[(null==y?void 0:y.ai)&&(0,tx.jsx)(Q.Button,{value:"ai",children:(0,tx.jsx)(el,{title:"智能助理",placement:"right",children:(0,tx.jsx)(na,{type:"icon-assistant"})})}),(0,tx.jsx)(Q.Button,{value:"props",children:(0,tx.jsx)(el,{title:"属性",placement:"right",children:(0,tx.jsx)(na,{type:"icon-info"})})}),(null==Z?void 0:Z.cascadeIds)&&(0,tx.jsx)(Q.Button,{value:"cascade",children:(0,tx.jsx)(el,{title:"联动",placement:"right",children:(0,tx.jsx)(na,{type:"icon-cascade"})})})]})})]})]})]}),(0,tx.jsx)(n8,{open:ea,onOk:e=>{eo(!1),et(e)},onCancel:()=>eo(!1)}),(0,tx.jsx)(Y,{open:es,size:400,mask:!1,title:null,closable:!1,styles:{body:{padding:0}},onClose:()=>eu(!1),children:(0,tx.jsx)(nD,{agentList:a,headExtra:(0,tx.jsx)(R,{type:"link",icon:(0,tx.jsx)(l,{}),onClick:()=>eu(!1)}),onEffect:ef})})]})});var n6=((ez={}).STRING="STRING",ez.NUMBER="NUMBER",ez.BOOLEAN="BOOLEAN",ez.OBJECT="OBJECT",ez.ARRAY="ARRAY",ez);let n7=t(x)`
+`,n8=e=>{let{open:t,onCancel:n,onOk:r}=e,[i,a]=(0,t_.useState)(JSON.stringify({info:{},datasources:[],scripts:[],variables:[],items:[]}));return(0,tx.jsx)($,{title:"导入页面",open:t,width:800,onCancel:n,onOk:()=>null==r?void 0:r(JSON.parse(i)),okText:"导入",cancelText:"取消",styles:{body:{height:"calc(100vh - 250px)",overflow:"auto"}},children:(0,tx.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex",height:"100%"},children:(0,tx.jsx)(eg,{height:"100%",defaultLanguage:"json",value:i,options:{minimap:{enabled:!1}},onChange:e=>a(e||"")})})})},n9=t_.default.forwardRef((e,t)=>{var n;let r,{pageId:i,agentList:a=[],plugins:o=[],headerExtra:s,datasourceEnable:u=!0,scriptEnable:c=!0,datasetPanel:d,datasetSelector:g,datasetAdd:m,fetch:y,onSave:x,loading:_=!1}=e,b=(0,t_.useRef)(null),S=(0,t_.useRef)(null),[C,T]=(0,t_.useState)(1),[M,I]=(0,t_.useState)([]),[A,L]=(0,t_.useState)([]),[N,E]=(0,t_.useState)(!1),[B,F]=(0,t_.useState)("desktop"),[H,V]=(0,t_.useState)("component"),[G,U]=(0,t_.useState)((null==y?void 0:y.ai)?"ai":"props"),[q,X]=(0,t_.useState)(!0),[$,K]=(0,t_.useState)(!0),[Z,J]=(0,t_.useState)(null),[ee,et]=(0,t_.useState)({info:{},datasources:[],scripts:[],variables:[],items:[]}),[en,ei]=(0,t_.useState)(!0),[ea,eo]=(0,t_.useState)(!1),[es,eu]=(0,t_.useState)(!1),ec=(0,t_.useMemo)(()=>{let e=q?"250px":"",t=$?"400px":"";return{gridTemplateColumns:`${e} 1fr ${t}`}},[q,$]),eh=(0,t_.useMemo)(()=>({display:q?"flex":"none"}),[q]),ed=(0,t_.useMemo)(()=>({display:$?"flex":"none"}),[$]);n=[ee],(r=(0,t_.useRef)()).current===JSON.stringify(n)&&r.current||(r.current=JSON.stringify(n),(()=>{N||(I(e=>e.length?[...e,JSON.parse(JSON.stringify(ee))].slice(-50):[JSON.parse(JSON.stringify(ee))]),L([]))})()),(0,t_.useImperativeHandle)(t,()=>({handleOpen(e){E(!0),ep(e.items),et(e),I([JSON.parse(JSON.stringify(e))]),L([]),setTimeout(()=>E(!1),0)}}));let ep=(e,t)=>{e&&e.forEach(e=>{e.id||(e.id=t||em()),Array.isArray(e.children)?ep(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&ep(e.children[t],em())})})},ef=e=>{var t,n,r;if((null==(t=e.datasets)?void 0:t.length)&&(null==S||null==(n=S.current)?void 0:n.reload)&&S.current.reload(),e.schema){let t=JSON.parse(JSON.stringify(e.schema));ep(t.items),et(t)}else if(null==(r=e.pageItems)?void 0:r.length){let t=new Map;e.pageItems.forEach(e=>{t.has(e.targetId)||t.set(e.targetId,[]),t.get(e.targetId).push(e)});let n=JSON.parse(JSON.stringify(ee)),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((n,i)=>{t.has(n.id)&&t.get(n.id).forEach(t=>{let{position:r,insertSlot:a,pageItem:s}=t;switch(r){case"before":e.splice(i,0,s);break;case"after":e.splice(i+1,0,s);break;case"replace":Object.keys(n).forEach(e=>{"id"!==e&&delete n[e]}),Object.assign(n,s);break;case"insert":var l,u,c;let h=o.find(e=>e.key===n.type);Array.isArray(null==h||null==(l=h.defaultOptions)?void 0:l.children)?n.children=[...n.children||[],s]:"object"==typeof(null==h||null==(u=h.defaultOptions)?void 0:u.children)&&a&&(n.children={...n.children||{},[a]:[...(null==(c=n.children)?void 0:c[a])||[],s]})}}),Array.isArray(n.children)?r(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>{Array.isArray(n.children[e])&&r(n.children[e])})})};r(n.items),et(n)}},eg=(0,t_.useMemo)(()=>"cascade"!==G||(null==Z?void 0:Z.cascadeIds)?G:"props",[Z,G]);return(0,tx.jsxs)(tw,{pageId:i,designable:en,plugins:o,schema:ee,selectedItem:Z,setSchema:et,setSelectedItem:J,datasetSelector:g,datasetAdd:m,fetch:y,children:[(0,tx.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,tx.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 24px",borderBottom:"solid 1px #e8e8e8"},children:[(0,tx.jsxs)(er,{children:[(0,tx.jsx)("span",{style:{fontSize:16,fontWeight:500},children:"创建数据报表"}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"保存",children:(0,tx.jsx)(R,{type:"link",className:"toolbar",onClick:()=>{null==x||x(ee)},loading:_,children:(0,tx.jsx)(j,{})})}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"撤销",children:(0,tx.jsx)("a",{className:`toolbar ${M.length>1?"active":""}`,onClick:()=>{I(e=>{if(e.length<=1)return e;E(!0);let t=e[e.length-2];return L(e=>[...e,JSON.parse(JSON.stringify(ee))]),et(t),J(null),setTimeout(()=>E(!1),0),e.slice(0,-1)})},children:(0,tx.jsx)(O,{})})}),(0,tx.jsx)(el,{title:"重做",children:(0,tx.jsx)("a",{className:`toolbar ${A.length>0?"active":""}`,onClick:()=>{L(e=>e.length?(E(!0),I(e=>[...e,JSON.parse(JSON.stringify(ee))]),et(e[e.length-1]),J(null),setTimeout(()=>E(!1),0),e.slice(0,-1)):e)},children:(0,tx.jsx)(k,{})})}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"导入JSON",children:(0,tx.jsx)("a",{className:`toolbar ${A.length>0?"active":""}`,onClick:()=>{eo(!0)},children:(0,tx.jsx)(v,{})})})]}),(0,tx.jsxs)(er,{children:[(0,tx.jsx)(el,{title:"缩小",children:(0,tx.jsx)("a",{className:"toolbar",onClick:()=>T(parseFloat(Math.max(C-.1,.5).toFixed(1))),children:(0,tx.jsx)(z,{})})}),(0,tx.jsxs)("div",{style:{fontSize:12,color:"#999",userSelect:"none"},children:[(100*C).toFixed(0),"%"]}),(0,tx.jsx)(el,{title:"放大",children:(0,tx.jsx)("a",{className:"toolbar",onClick:()=>T(parseFloat(Math.min(C+.1,2).toFixed(1))),children:(0,tx.jsx)(P,{})})}),(0,tx.jsx)(el,{title:"重置缩放",children:(0,tx.jsx)("a",{className:"toolbar",onClick:()=>T(1),children:(0,tx.jsx)(na,{type:"icon-zoom-reset"})})}),(0,tx.jsx)(W,{orientation:"vertical"}),(0,tx.jsx)(el,{title:"切换左侧栏",children:(0,tx.jsx)("a",{className:`toolbar ${q?"active":""}`,onClick:()=>{X(e=>!e),setTimeout(()=>{var e,t;return null==(t=b.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,tx.jsx)(na,{type:"icon-sider-l"})})}),(0,tx.jsx)(el,{title:"切换右侧栏",children:(0,tx.jsx)("a",{className:`toolbar ${$?"active":""}`,onClick:()=>{K(e=>!e),setTimeout(()=>{var e,t;return null==(t=b.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,tx.jsx)(na,{type:"icon-sider-r"})})}),s]})]}),(0,tx.jsxs)(n5,{style:ec,children:[(0,tx.jsxs)("div",{className:"left",style:eh,children:[(0,tx.jsx)("div",{style:{padding:"22px 1px 22px 0",borderRight:"solid 1px #e8e8e8"},children:(0,tx.jsxs)(Q.Group,{value:H,onChange:e=>V(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"left-pane-tabs",children:[(0,tx.jsx)(Q.Button,{value:"component",children:(0,tx.jsx)(el,{title:"组件",placement:"right",children:(0,tx.jsx)(na,{type:"icon-puzzle"})})}),(0,tx.jsx)(Q.Button,{value:"layer",children:(0,tx.jsx)(el,{title:"图层",placement:"right",children:(0,tx.jsx)(na,{type:"icon-outline"})})}),!!d&&(0,tx.jsx)(Q.Button,{value:"dataset",children:(0,tx.jsx)(el,{title:"数据集",placement:"right",children:(0,tx.jsx)(na,{type:"icon-dataset"})})}),u&&(0,tx.jsx)(Q.Button,{value:"datasource",title:"数据源",children:(0,tx.jsx)(el,{title:"数据源",placement:"right",children:(0,tx.jsx)(na,{type:"icon-datasource"})})}),c&&(0,tx.jsx)(Q.Button,{value:"script",children:(0,tx.jsx)(el,{title:"脚本",placement:"right",children:(0,tx.jsx)(na,{type:"icon-js"})})}),(0,tx.jsx)(Q.Button,{value:"env",children:(0,tx.jsx)(el,{title:"环境变量",placement:"right",children:(0,tx.jsx)(na,{type:"icon-variable"})})}),(0,tx.jsx)(Q.Button,{value:"code",children:(0,tx.jsx)(el,{title:"源码",placement:"right",children:(0,tx.jsx)(na,{type:"icon-json"})})})]})}),(0,tx.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["component"===H&&(0,tx.jsx)(nW,{}),"layer"===H&&(0,tx.jsx)(nX,{}),u&&"datasource"===H&&(0,tx.jsx)(nG,{}),c&&"script"===H&&(0,tx.jsx)(n1,{}),"env"===H&&(0,tx.jsx)(n2,{}),"code"===H&&(0,tx.jsx)(nF,{}),!!d&&"dataset"===H&&(0,tx.jsx)(n4,{ref:S,renderNode:d()})]})]}),(0,tx.jsxs)("div",{className:"center",style:{flex:"1 1 auto"},children:[(0,tx.jsx)(nT,{title:"页面",extra:(0,tx.jsxs)(er,{children:[(0,tx.jsx)(R,{size:"small",type:en?"default":"primary",icon:en?(0,tx.jsx)(p,{}):(0,tx.jsx)(f,{}),onClick:()=>ei(!en)}),(0,tx.jsxs)(Q.Group,{value:B,onChange:e=>F(e.target.value),size:"small",buttonStyle:"outline",children:[(0,tx.jsx)(Q.Button,{value:"desktop",title:"桌面",children:(0,tx.jsx)(h,{})}),(0,tx.jsx)(Q.Button,{value:"mobile",title:"移动设备",children:(0,tx.jsx)(w,{})}),(0,tx.jsx)(Q.Button,{value:"tablet",title:"平板设备",children:(0,tx.jsx)(D,{})})]})]})}),(0,tx.jsx)("div",{className:["body beautified_scrollbar always",B].join(" "),children:(0,tx.jsx)("div",{style:{transform:`scale(${C})`,transformOrigin:"top center"},children:(0,tx.jsx)(nf,{ref:b,device:B})})})]}),(0,tx.jsxs)("div",{className:"right",style:ed,children:[(0,tx.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:[(0,tx.jsx)(nD,{agentList:a,onEffect:ef,style:{display:"ai"===eg&&(null==y?void 0:y.ai)?void 0:"none"}}),"props"===eg&&(0,tx.jsx)(nZ,{datasourceEnable:u}),"cascade"===eg&&(null==Z?void 0:Z.cascadeIds)&&(0,tx.jsx)(nR,{})]}),(0,tx.jsx)("div",{style:{padding:"22px 0",borderLeft:"solid 1px #e8e8e8",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:(0,tx.jsxs)(Q.Group,{value:eg,onChange:e=>U(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"right-pane-tabs",children:[(null==y?void 0:y.ai)&&(0,tx.jsx)(Q.Button,{value:"ai",children:(0,tx.jsx)(el,{title:"智能助理",placement:"right",children:(0,tx.jsx)(na,{type:"icon-assistant"})})}),(0,tx.jsx)(Q.Button,{value:"props",children:(0,tx.jsx)(el,{title:"属性",placement:"right",children:(0,tx.jsx)(na,{type:"icon-info"})})}),(null==Z?void 0:Z.cascadeIds)&&(0,tx.jsx)(Q.Button,{value:"cascade",children:(0,tx.jsx)(el,{title:"联动",placement:"right",children:(0,tx.jsx)(na,{type:"icon-cascade"})})})]})})]})]})]}),(0,tx.jsx)(n8,{open:ea,onOk:e=>{eo(!1),et(e)},onCancel:()=>eo(!1)}),(0,tx.jsx)(Y,{open:es,size:400,mask:!1,title:null,closable:!1,styles:{body:{padding:0}},onClose:()=>eu(!1),children:(0,tx.jsx)(nD,{agentList:a,headExtra:(0,tx.jsx)(R,{type:"link",icon:(0,tx.jsx)(l,{}),onClick:()=>eu(!1)}),onEffect:ef})})]})});var n6=((ez={}).STRING="STRING",ez.NUMBER="NUMBER",ez.BOOLEAN="BOOLEAN",ez.OBJECT="OBJECT",ez.ARRAY="ARRAY",ez);let n7=t(x)`
   vertical-align: middle;
   margin-left: 2px;
   color: var(--ant-color-text-description);

package/dist/types/components/PageDesigner.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import "./styles.css";
 import { DatasetAddFunction, DatasetSelectorFunction, FetchType, PageSchema, PluginType } from "./typing";
+type DatasetPanelComponent = React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<{
+    handleAdd: () => void;
+}>>;
 export type PageDesignerProps = {
     pageId: string;
     agentList?: any[];
@@ -8,9 +11,7 @@ export type PageDesignerProps = {
     headerExtra?: React.ReactNode;
     datasourceEnable?: boolean;
     scriptEnable?: boolean;
-    datasetPanel?: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<{
-        handleAdd: () => void;
-    }>>;
+    datasetPanel?: () => DatasetPanelComponent;
     datasetSelector?: DatasetSelectorFunction;
     datasetAdd?: DatasetAddFunction;
     fetch?: FetchType;

package/dist/umd/js/bi-sdk.umd.min.js

@@ -989,7 +989,7 @@
       background: transparent;
     }
   }
-`,t7=e=>{let{open:t,onCancel:n,onOk:r}=e,[i,a]=(0,ed.useState)(JSON.stringify({info:{},datasources:[],scripts:[],variables:[],items:[]}));return(0,eh.jsx)(tn.Modal,{title:"导入页面",open:t,width:800,onCancel:n,onOk:()=>null==r?void 0:r(JSON.parse(i)),okText:"导入",cancelText:"取消",styles:{body:{height:"calc(100vh - 250px)",overflow:"auto"}},children:(0,eh.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex",height:"100%"},children:(0,eh.jsx)(ta.Editor,{height:"100%",defaultLanguage:"json",value:i,options:{minimap:{enabled:!1}},onChange:e=>a(e||"")})})})},ne=ep().forwardRef((e,t)=>{var n;let r,{pageId:i,agentList:a=[],plugins:o=[],headerExtra:s,datasourceEnable:l=!0,scriptEnable:u=!0,datasetPanel:c,datasetSelector:h,datasetAdd:d,fetch:p,onSave:f,loading:g=!1}=e,m=(0,ed.useRef)(null),v=(0,ed.useRef)(null),[y,x]=(0,ed.useState)(1),[_,b]=(0,ed.useState)([]),[w,S]=(0,ed.useState)([]),[C,T]=(0,ed.useState)(!1),[k,I]=(0,ed.useState)("desktop"),[j,M]=(0,ed.useState)("component"),[D,O]=(0,ed.useState)((null==p?void 0:p.ai)?"ai":"props"),[A,P]=(0,ed.useState)(!0),[R,z]=(0,ed.useState)(!0),[N,L]=(0,ed.useState)(null),[F,E]=(0,ed.useState)({info:{},datasources:[],scripts:[],variables:[],items:[]}),[B,H]=(0,ed.useState)(!0),[V,W]=(0,ed.useState)(!1),[Y,G]=(0,ed.useState)(!1),U=(0,ed.useMemo)(()=>{let e=A?"250px":"",t=R?"400px":"";return{gridTemplateColumns:`${e} 1fr ${t}`}},[A,R]),q=(0,ed.useMemo)(()=>({display:A?"flex":"none"}),[A]),X=(0,ed.useMemo)(()=>({display:R?"flex":"none"}),[R]);n=[F],(r=(0,ed.useRef)()).current===JSON.stringify(n)&&r.current||(r.current=JSON.stringify(n),(()=>{C||(b(e=>e.length?[...e,JSON.parse(JSON.stringify(F))].slice(-50):[JSON.parse(JSON.stringify(F))]),S([]))})()),(0,ed.useImperativeHandle)(t,()=>({handleOpen(e){T(!0),$(e.items),E(e),b([JSON.parse(JSON.stringify(e))]),S([]),setTimeout(()=>T(!1),0)}}));let $=(e,t)=>{e&&e.forEach(e=>{e.id||(e.id=t||ty()),Array.isArray(e.children)?$(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&$(e.children[t],ty())})})},Z=e=>{var t,n,r;if((null==(t=e.datasets)?void 0:t.length)&&(null==v||null==(n=v.current)?void 0:n.reload)&&v.current.reload(),e.schema){let t=JSON.parse(JSON.stringify(e.schema));$(t.items),E(t)}else if(null==(r=e.pageItems)?void 0:r.length){let t=new Map;e.pageItems.forEach(e=>{t.has(e.targetId)||t.set(e.targetId,[]),t.get(e.targetId).push(e)});let n=JSON.parse(JSON.stringify(F)),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((n,i)=>{t.has(n.id)&&t.get(n.id).forEach(t=>{let{position:r,insertSlot:a,pageItem:s}=t;switch(r){case"before":e.splice(i,0,s);break;case"after":e.splice(i+1,0,s);break;case"replace":Object.keys(n).forEach(e=>{"id"!==e&&delete n[e]}),Object.assign(n,s);break;case"insert":var l,u,c;let h=o.find(e=>e.key===n.type);Array.isArray(null==h||null==(l=h.defaultOptions)?void 0:l.children)?n.children=[...n.children||[],s]:"object"==typeof(null==h||null==(u=h.defaultOptions)?void 0:u.children)&&a&&(n.children={...n.children||{},[a]:[...(null==(c=n.children)?void 0:c[a])||[],s]})}}),Array.isArray(n.children)?r(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>{Array.isArray(n.children[e])&&r(n.children[e])})})};r(n.items),E(n)}},K=(0,ed.useMemo)(()=>"cascade"!==D||(null==N?void 0:N.cascadeIds)?D:"props",[N,D]);return(0,eh.jsxs)(ev,{pageId:i,designable:B,plugins:o,schema:F,selectedItem:N,setSchema:E,setSelectedItem:L,datasetSelector:h,datasetAdd:d,fetch:p,children:[(0,eh.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,eh.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 24px",borderBottom:"solid 1px #e8e8e8"},children:[(0,eh.jsxs)(tn.Space,{children:[(0,eh.jsx)("span",{style:{fontSize:16,fontWeight:500},children:"创建数据报表"}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"保存",children:(0,eh.jsx)(tn.Button,{type:"link",className:"toolbar",onClick:()=>{null==f||f(F)},loading:g,children:(0,eh.jsx)(e7.SaveOutlined,{})})}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"撤销",children:(0,eh.jsx)("a",{className:`toolbar ${_.length>1?"active":""}`,onClick:()=>{b(e=>{if(e.length<=1)return e;T(!0);let t=e[e.length-2];return S(e=>[...e,JSON.parse(JSON.stringify(F))]),E(t),L(null),setTimeout(()=>T(!1),0),e.slice(0,-1)})},children:(0,eh.jsx)(e7.UndoOutlined,{})})}),(0,eh.jsx)(tn.Tooltip,{title:"重做",children:(0,eh.jsx)("a",{className:`toolbar ${w.length>0?"active":""}`,onClick:()=>{S(e=>e.length?(T(!0),b(e=>[...e,JSON.parse(JSON.stringify(F))]),E(e[e.length-1]),L(null),setTimeout(()=>T(!1),0),e.slice(0,-1)):e)},children:(0,eh.jsx)(e7.RedoOutlined,{})})}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"导入JSON",children:(0,eh.jsx)("a",{className:`toolbar ${w.length>0?"active":""}`,onClick:()=>{W(!0)},children:(0,eh.jsx)(e7.ImportOutlined,{})})})]}),(0,eh.jsxs)(tn.Space,{children:[(0,eh.jsx)(tn.Tooltip,{title:"缩小",children:(0,eh.jsx)("a",{className:"toolbar",onClick:()=>x(parseFloat(Math.max(y-.1,.5).toFixed(1))),children:(0,eh.jsx)(e7.ZoomOutOutlined,{})})}),(0,eh.jsxs)("div",{style:{fontSize:12,color:"#999",userSelect:"none"},children:[(100*y).toFixed(0),"%"]}),(0,eh.jsx)(tn.Tooltip,{title:"放大",children:(0,eh.jsx)("a",{className:"toolbar",onClick:()=>x(parseFloat(Math.min(y+.1,2).toFixed(1))),children:(0,eh.jsx)(e7.ZoomInOutlined,{})})}),(0,eh.jsx)(tn.Tooltip,{title:"重置缩放",children:(0,eh.jsx)("a",{className:"toolbar",onClick:()=>x(1),children:(0,eh.jsx)(tt,{type:"icon-zoom-reset"})})}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"切换左侧栏",children:(0,eh.jsx)("a",{className:`toolbar ${A?"active":""}`,onClick:()=>{P(e=>!e),setTimeout(()=>{var e,t;return null==(t=m.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,eh.jsx)(tt,{type:"icon-sider-l"})})}),(0,eh.jsx)(tn.Tooltip,{title:"切换右侧栏",children:(0,eh.jsx)("a",{className:`toolbar ${R?"active":""}`,onClick:()=>{z(e=>!e),setTimeout(()=>{var e,t;return null==(t=m.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,eh.jsx)(tt,{type:"icon-sider-r"})})}),s]})]}),(0,eh.jsxs)(t6,{style:U,children:[(0,eh.jsxs)("div",{className:"left",style:q,children:[(0,eh.jsx)("div",{style:{padding:"22px 1px 22px 0",borderRight:"solid 1px #e8e8e8"},children:(0,eh.jsxs)(tn.Radio.Group,{value:j,onChange:e=>M(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"left-pane-tabs",children:[(0,eh.jsx)(tn.Radio.Button,{value:"component",children:(0,eh.jsx)(tn.Tooltip,{title:"组件",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-puzzle"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"layer",children:(0,eh.jsx)(tn.Tooltip,{title:"图层",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-outline"})})}),!!c&&(0,eh.jsx)(tn.Radio.Button,{value:"dataset",children:(0,eh.jsx)(tn.Tooltip,{title:"数据集",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-dataset"})})}),l&&(0,eh.jsx)(tn.Radio.Button,{value:"datasource",title:"数据源",children:(0,eh.jsx)(tn.Tooltip,{title:"数据源",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-datasource"})})}),u&&(0,eh.jsx)(tn.Radio.Button,{value:"script",children:(0,eh.jsx)(tn.Tooltip,{title:"脚本",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-js"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"env",children:(0,eh.jsx)(tn.Tooltip,{title:"环境变量",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-variable"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"code",children:(0,eh.jsx)(tn.Tooltip,{title:"源码",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-json"})})})]})}),(0,eh.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["component"===j&&(0,eh.jsx)(tU,{}),"layer"===j&&(0,eh.jsx)(tK,{}),l&&"datasource"===j&&(0,eh.jsx)(tX,{}),u&&"script"===j&&(0,eh.jsx)(t3,{}),"env"===j&&(0,eh.jsx)(t5,{}),"code"===j&&(0,eh.jsx)(tW,{}),!!c&&"dataset"===j&&(0,eh.jsx)(t8,{ref:v,renderNode:c})]})]}),(0,eh.jsxs)("div",{className:"center",style:{flex:"1 1 auto"},children:[(0,eh.jsx)(tM,{title:"页面",extra:(0,eh.jsxs)(tn.Space,{children:[(0,eh.jsx)(tn.Button,{size:"small",type:B?"default":"primary",icon:B?(0,eh.jsx)(e7.EyeInvisibleOutlined,{}):(0,eh.jsx)(e7.EyeOutlined,{}),onClick:()=>H(!B)}),(0,eh.jsxs)(tn.Radio.Group,{value:k,onChange:e=>I(e.target.value),size:"small",buttonStyle:"outline",children:[(0,eh.jsx)(tn.Radio.Button,{value:"desktop",title:"桌面",children:(0,eh.jsx)(e7.DesktopOutlined,{})}),(0,eh.jsx)(tn.Radio.Button,{value:"mobile",title:"移动设备",children:(0,eh.jsx)(e7.MobileOutlined,{})}),(0,eh.jsx)(tn.Radio.Button,{value:"tablet",title:"平板设备",children:(0,eh.jsx)(e7.TabletOutlined,{})})]})]})}),(0,eh.jsx)("div",{className:["body beautified_scrollbar always",k].join(" "),children:(0,eh.jsx)("div",{style:{transform:`scale(${y})`,transformOrigin:"top center"},children:(0,eh.jsx)(tg,{ref:m,device:k})})})]}),(0,eh.jsxs)("div",{className:"right",style:X,children:[(0,eh.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:[(0,eh.jsx)(tP,{agentList:a,onEffect:Z,style:{display:"ai"===K&&(null==p?void 0:p.ai)?void 0:"none"}}),"props"===K&&(0,eh.jsx)(t1,{datasourceEnable:l}),"cascade"===K&&(null==N?void 0:N.cascadeIds)&&(0,eh.jsx)(tB,{})]}),(0,eh.jsx)("div",{style:{padding:"22px 0",borderLeft:"solid 1px #e8e8e8",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:(0,eh.jsxs)(tn.Radio.Group,{value:K,onChange:e=>O(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"right-pane-tabs",children:[(null==p?void 0:p.ai)&&(0,eh.jsx)(tn.Radio.Button,{value:"ai",children:(0,eh.jsx)(tn.Tooltip,{title:"智能助理",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-assistant"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"props",children:(0,eh.jsx)(tn.Tooltip,{title:"属性",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-info"})})}),(null==N?void 0:N.cascadeIds)&&(0,eh.jsx)(tn.Radio.Button,{value:"cascade",children:(0,eh.jsx)(tn.Tooltip,{title:"联动",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-cascade"})})})]})})]})]})]}),(0,eh.jsx)(t7,{open:V,onOk:e=>{W(!1),E(e)},onCancel:()=>W(!1)}),(0,eh.jsx)(tn.Drawer,{open:Y,size:400,mask:!1,title:null,closable:!1,styles:{body:{padding:0}},onClose:()=>G(!1),children:(0,eh.jsx)(tP,{agentList:a,headExtra:(0,eh.jsx)(tn.Button,{type:"link",icon:(0,eh.jsx)(e7.CloseOutlined,{}),onClick:()=>G(!1)}),onEffect:Z})})]})});var nt=((m={}).STRING="STRING",m.NUMBER="NUMBER",m.BOOLEAN="BOOLEAN",m.OBJECT="OBJECT",m.ARRAY="ARRAY",m);let nn=eg()(e7.InfoCircleOutlined)`
+`,t7=e=>{let{open:t,onCancel:n,onOk:r}=e,[i,a]=(0,ed.useState)(JSON.stringify({info:{},datasources:[],scripts:[],variables:[],items:[]}));return(0,eh.jsx)(tn.Modal,{title:"导入页面",open:t,width:800,onCancel:n,onOk:()=>null==r?void 0:r(JSON.parse(i)),okText:"导入",cancelText:"取消",styles:{body:{height:"calc(100vh - 250px)",overflow:"auto"}},children:(0,eh.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex",height:"100%"},children:(0,eh.jsx)(ta.Editor,{height:"100%",defaultLanguage:"json",value:i,options:{minimap:{enabled:!1}},onChange:e=>a(e||"")})})})},ne=ep().forwardRef((e,t)=>{var n;let r,{pageId:i,agentList:a=[],plugins:o=[],headerExtra:s,datasourceEnable:l=!0,scriptEnable:u=!0,datasetPanel:c,datasetSelector:h,datasetAdd:d,fetch:p,onSave:f,loading:g=!1}=e,m=(0,ed.useRef)(null),v=(0,ed.useRef)(null),[y,x]=(0,ed.useState)(1),[_,b]=(0,ed.useState)([]),[w,S]=(0,ed.useState)([]),[C,T]=(0,ed.useState)(!1),[k,I]=(0,ed.useState)("desktop"),[j,M]=(0,ed.useState)("component"),[D,O]=(0,ed.useState)((null==p?void 0:p.ai)?"ai":"props"),[A,P]=(0,ed.useState)(!0),[R,z]=(0,ed.useState)(!0),[N,L]=(0,ed.useState)(null),[F,E]=(0,ed.useState)({info:{},datasources:[],scripts:[],variables:[],items:[]}),[B,H]=(0,ed.useState)(!0),[V,W]=(0,ed.useState)(!1),[Y,G]=(0,ed.useState)(!1),U=(0,ed.useMemo)(()=>{let e=A?"250px":"",t=R?"400px":"";return{gridTemplateColumns:`${e} 1fr ${t}`}},[A,R]),q=(0,ed.useMemo)(()=>({display:A?"flex":"none"}),[A]),X=(0,ed.useMemo)(()=>({display:R?"flex":"none"}),[R]);n=[F],(r=(0,ed.useRef)()).current===JSON.stringify(n)&&r.current||(r.current=JSON.stringify(n),(()=>{C||(b(e=>e.length?[...e,JSON.parse(JSON.stringify(F))].slice(-50):[JSON.parse(JSON.stringify(F))]),S([]))})()),(0,ed.useImperativeHandle)(t,()=>({handleOpen(e){T(!0),$(e.items),E(e),b([JSON.parse(JSON.stringify(e))]),S([]),setTimeout(()=>T(!1),0)}}));let $=(e,t)=>{e&&e.forEach(e=>{e.id||(e.id=t||ty()),Array.isArray(e.children)?$(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&$(e.children[t],ty())})})},Z=e=>{var t,n,r;if((null==(t=e.datasets)?void 0:t.length)&&(null==v||null==(n=v.current)?void 0:n.reload)&&v.current.reload(),e.schema){let t=JSON.parse(JSON.stringify(e.schema));$(t.items),E(t)}else if(null==(r=e.pageItems)?void 0:r.length){let t=new Map;e.pageItems.forEach(e=>{t.has(e.targetId)||t.set(e.targetId,[]),t.get(e.targetId).push(e)});let n=JSON.parse(JSON.stringify(F)),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach((n,i)=>{t.has(n.id)&&t.get(n.id).forEach(t=>{let{position:r,insertSlot:a,pageItem:s}=t;switch(r){case"before":e.splice(i,0,s);break;case"after":e.splice(i+1,0,s);break;case"replace":Object.keys(n).forEach(e=>{"id"!==e&&delete n[e]}),Object.assign(n,s);break;case"insert":var l,u,c;let h=o.find(e=>e.key===n.type);Array.isArray(null==h||null==(l=h.defaultOptions)?void 0:l.children)?n.children=[...n.children||[],s]:"object"==typeof(null==h||null==(u=h.defaultOptions)?void 0:u.children)&&a&&(n.children={...n.children||{},[a]:[...(null==(c=n.children)?void 0:c[a])||[],s]})}}),Array.isArray(n.children)?r(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>{Array.isArray(n.children[e])&&r(n.children[e])})})};r(n.items),E(n)}},K=(0,ed.useMemo)(()=>"cascade"!==D||(null==N?void 0:N.cascadeIds)?D:"props",[N,D]);return(0,eh.jsxs)(ev,{pageId:i,designable:B,plugins:o,schema:F,selectedItem:N,setSchema:E,setSelectedItem:L,datasetSelector:h,datasetAdd:d,fetch:p,children:[(0,eh.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,eh.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 24px",borderBottom:"solid 1px #e8e8e8"},children:[(0,eh.jsxs)(tn.Space,{children:[(0,eh.jsx)("span",{style:{fontSize:16,fontWeight:500},children:"创建数据报表"}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"保存",children:(0,eh.jsx)(tn.Button,{type:"link",className:"toolbar",onClick:()=>{null==f||f(F)},loading:g,children:(0,eh.jsx)(e7.SaveOutlined,{})})}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"撤销",children:(0,eh.jsx)("a",{className:`toolbar ${_.length>1?"active":""}`,onClick:()=>{b(e=>{if(e.length<=1)return e;T(!0);let t=e[e.length-2];return S(e=>[...e,JSON.parse(JSON.stringify(F))]),E(t),L(null),setTimeout(()=>T(!1),0),e.slice(0,-1)})},children:(0,eh.jsx)(e7.UndoOutlined,{})})}),(0,eh.jsx)(tn.Tooltip,{title:"重做",children:(0,eh.jsx)("a",{className:`toolbar ${w.length>0?"active":""}`,onClick:()=>{S(e=>e.length?(T(!0),b(e=>[...e,JSON.parse(JSON.stringify(F))]),E(e[e.length-1]),L(null),setTimeout(()=>T(!1),0),e.slice(0,-1)):e)},children:(0,eh.jsx)(e7.RedoOutlined,{})})}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"导入JSON",children:(0,eh.jsx)("a",{className:`toolbar ${w.length>0?"active":""}`,onClick:()=>{W(!0)},children:(0,eh.jsx)(e7.ImportOutlined,{})})})]}),(0,eh.jsxs)(tn.Space,{children:[(0,eh.jsx)(tn.Tooltip,{title:"缩小",children:(0,eh.jsx)("a",{className:"toolbar",onClick:()=>x(parseFloat(Math.max(y-.1,.5).toFixed(1))),children:(0,eh.jsx)(e7.ZoomOutOutlined,{})})}),(0,eh.jsxs)("div",{style:{fontSize:12,color:"#999",userSelect:"none"},children:[(100*y).toFixed(0),"%"]}),(0,eh.jsx)(tn.Tooltip,{title:"放大",children:(0,eh.jsx)("a",{className:"toolbar",onClick:()=>x(parseFloat(Math.min(y+.1,2).toFixed(1))),children:(0,eh.jsx)(e7.ZoomInOutlined,{})})}),(0,eh.jsx)(tn.Tooltip,{title:"重置缩放",children:(0,eh.jsx)("a",{className:"toolbar",onClick:()=>x(1),children:(0,eh.jsx)(tt,{type:"icon-zoom-reset"})})}),(0,eh.jsx)(tn.Divider,{orientation:"vertical"}),(0,eh.jsx)(tn.Tooltip,{title:"切换左侧栏",children:(0,eh.jsx)("a",{className:`toolbar ${A?"active":""}`,onClick:()=>{P(e=>!e),setTimeout(()=>{var e,t;return null==(t=m.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,eh.jsx)(tt,{type:"icon-sider-l"})})}),(0,eh.jsx)(tn.Tooltip,{title:"切换右侧栏",children:(0,eh.jsx)("a",{className:`toolbar ${R?"active":""}`,onClick:()=>{z(e=>!e),setTimeout(()=>{var e,t;return null==(t=m.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,eh.jsx)(tt,{type:"icon-sider-r"})})}),s]})]}),(0,eh.jsxs)(t6,{style:U,children:[(0,eh.jsxs)("div",{className:"left",style:q,children:[(0,eh.jsx)("div",{style:{padding:"22px 1px 22px 0",borderRight:"solid 1px #e8e8e8"},children:(0,eh.jsxs)(tn.Radio.Group,{value:j,onChange:e=>M(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"left-pane-tabs",children:[(0,eh.jsx)(tn.Radio.Button,{value:"component",children:(0,eh.jsx)(tn.Tooltip,{title:"组件",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-puzzle"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"layer",children:(0,eh.jsx)(tn.Tooltip,{title:"图层",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-outline"})})}),!!c&&(0,eh.jsx)(tn.Radio.Button,{value:"dataset",children:(0,eh.jsx)(tn.Tooltip,{title:"数据集",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-dataset"})})}),l&&(0,eh.jsx)(tn.Radio.Button,{value:"datasource",title:"数据源",children:(0,eh.jsx)(tn.Tooltip,{title:"数据源",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-datasource"})})}),u&&(0,eh.jsx)(tn.Radio.Button,{value:"script",children:(0,eh.jsx)(tn.Tooltip,{title:"脚本",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-js"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"env",children:(0,eh.jsx)(tn.Tooltip,{title:"环境变量",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-variable"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"code",children:(0,eh.jsx)(tn.Tooltip,{title:"源码",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-json"})})})]})}),(0,eh.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["component"===j&&(0,eh.jsx)(tU,{}),"layer"===j&&(0,eh.jsx)(tK,{}),l&&"datasource"===j&&(0,eh.jsx)(tX,{}),u&&"script"===j&&(0,eh.jsx)(t3,{}),"env"===j&&(0,eh.jsx)(t5,{}),"code"===j&&(0,eh.jsx)(tW,{}),!!c&&"dataset"===j&&(0,eh.jsx)(t8,{ref:v,renderNode:c()})]})]}),(0,eh.jsxs)("div",{className:"center",style:{flex:"1 1 auto"},children:[(0,eh.jsx)(tM,{title:"页面",extra:(0,eh.jsxs)(tn.Space,{children:[(0,eh.jsx)(tn.Button,{size:"small",type:B?"default":"primary",icon:B?(0,eh.jsx)(e7.EyeInvisibleOutlined,{}):(0,eh.jsx)(e7.EyeOutlined,{}),onClick:()=>H(!B)}),(0,eh.jsxs)(tn.Radio.Group,{value:k,onChange:e=>I(e.target.value),size:"small",buttonStyle:"outline",children:[(0,eh.jsx)(tn.Radio.Button,{value:"desktop",title:"桌面",children:(0,eh.jsx)(e7.DesktopOutlined,{})}),(0,eh.jsx)(tn.Radio.Button,{value:"mobile",title:"移动设备",children:(0,eh.jsx)(e7.MobileOutlined,{})}),(0,eh.jsx)(tn.Radio.Button,{value:"tablet",title:"平板设备",children:(0,eh.jsx)(e7.TabletOutlined,{})})]})]})}),(0,eh.jsx)("div",{className:["body beautified_scrollbar always",k].join(" "),children:(0,eh.jsx)("div",{style:{transform:`scale(${y})`,transformOrigin:"top center"},children:(0,eh.jsx)(tg,{ref:m,device:k})})})]}),(0,eh.jsxs)("div",{className:"right",style:X,children:[(0,eh.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:[(0,eh.jsx)(tP,{agentList:a,onEffect:Z,style:{display:"ai"===K&&(null==p?void 0:p.ai)?void 0:"none"}}),"props"===K&&(0,eh.jsx)(t1,{datasourceEnable:l}),"cascade"===K&&(null==N?void 0:N.cascadeIds)&&(0,eh.jsx)(tB,{})]}),(0,eh.jsx)("div",{style:{padding:"22px 0",borderLeft:"solid 1px #e8e8e8",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:(0,eh.jsxs)(tn.Radio.Group,{value:K,onChange:e=>O(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"right-pane-tabs",children:[(null==p?void 0:p.ai)&&(0,eh.jsx)(tn.Radio.Button,{value:"ai",children:(0,eh.jsx)(tn.Tooltip,{title:"智能助理",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-assistant"})})}),(0,eh.jsx)(tn.Radio.Button,{value:"props",children:(0,eh.jsx)(tn.Tooltip,{title:"属性",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-info"})})}),(null==N?void 0:N.cascadeIds)&&(0,eh.jsx)(tn.Radio.Button,{value:"cascade",children:(0,eh.jsx)(tn.Tooltip,{title:"联动",placement:"right",children:(0,eh.jsx)(tt,{type:"icon-cascade"})})})]})})]})]})]}),(0,eh.jsx)(t7,{open:V,onOk:e=>{W(!1),E(e)},onCancel:()=>W(!1)}),(0,eh.jsx)(tn.Drawer,{open:Y,size:400,mask:!1,title:null,closable:!1,styles:{body:{padding:0}},onClose:()=>G(!1),children:(0,eh.jsx)(tP,{agentList:a,headExtra:(0,eh.jsx)(tn.Button,{type:"link",icon:(0,eh.jsx)(e7.CloseOutlined,{}),onClick:()=>G(!1)}),onEffect:Z})})]})});var nt=((m={}).STRING="STRING",m.NUMBER="NUMBER",m.BOOLEAN="BOOLEAN",m.OBJECT="OBJECT",m.ARRAY="ARRAY",m);let nn=eg()(e7.InfoCircleOutlined)`
   vertical-align: middle;
   margin-left: 2px;
   color: var(--ant-color-text-description);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bi-sdk-react",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "private": false,
   "type": "module",
   "main": "dist/umd/js/bi-sdk.umd.min.js",

package/src/components/PageDesigner.tsx

@@ -12,21 +12,8 @@ import {
   ZoomInOutlined,
   ZoomOutOutlined,
 } from "@ant-design/icons";
-import {
-  Button,
-  Divider,
-  Drawer,
-  Modal,
-  Radio,
-  Space,
-  Tooltip
-} from "antd";
-import React, {
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import { Button, Divider, Drawer, Modal, Radio, Space, Tooltip } from "antd";
+import React, { useImperativeHandle, useMemo, useRef, useState } from "react";
 import styled from "styled-components";
 import { IconFont } from "./icon/IconFont";
 import { PageCanvas } from "./layout/PageCanvas";
@@ -58,6 +45,13 @@ import {
 } from "./typing";
 import { uuid } from "./utils";
 
+type DatasetPanelComponent = React.ForwardRefExoticComponent<
+  Omit<any, "ref"> &
+    React.RefAttributes<{
+      handleAdd: () => void;
+    }>
+>;
+
 export type PageDesignerProps = {
   pageId: string;
   agentList?: any[];
@@ -65,12 +59,7 @@ export type PageDesignerProps = {
   headerExtra?: React.ReactNode;
   datasourceEnable?: boolean;
   scriptEnable?: boolean;
-  datasetPanel?: React.ForwardRefExoticComponent<
-    Omit<any, "ref"> &
-      React.RefAttributes<{
-        handleAdd: () => void;
-      }>
-  >;
+  datasetPanel?: () => DatasetPanelComponent;
   datasetSelector?: DatasetSelectorFunction;
   datasetAdd?: DatasetAddFunction;
   fetch?: FetchType;
@@ -670,7 +659,7 @@ export const PageDesigner = React.forwardRef<any, PageDesignerProps>(
                 {!!datasetPanel && leftPanelActiveKey === "dataset" && (
                   <DatasetPanel
                     ref={datasetPanelRef}
-                    renderNode={datasetPanel}
+                    renderNode={datasetPanel()}
                   />
                 )}
               </div>
@@ -708,7 +697,10 @@ export const PageDesigner = React.forwardRef<any, PageDesignerProps>(
                 }
               />
               <div
-                className={["body beautified_scrollbar always", deviceType].join(" ")}
+                className={[
+                  "body beautified_scrollbar always",
+                  deviceType,
+                ].join(" ")}
               >
                 <div
                   style={{
@@ -716,10 +708,7 @@ export const PageDesigner = React.forwardRef<any, PageDesignerProps>(
                     transformOrigin: "top center",
                   }}
                 >
-                  <PageCanvas
-                    ref={pageCanvasRef}
-                    device={deviceType}
-                  />
+                  <PageCanvas ref={pageCanvasRef} device={deviceType} />
                 </div>
               </div>
             </div>

package/src/example.tsx

@@ -145,7 +145,7 @@ export const Example: React.FC = () => {
               </>
             }
             datasourceEnable={false}
-            datasetPanel={DatasetPanel}
+            datasetPanel={() => DatasetPanel}
             datasetSelector={datasetSelector()}
             datasetAdd={datasetAdd()}
             fetch={{