bi-sdk-react 0.0.60 → 0.0.61

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

@@ -1219,7 +1219,7 @@ return {
   yAxis: { type: 'value' },
   series: [{ data: data.map(i => i.value), type: 'line' }]
 }
-        `},events:[]},events:[{name:"点击",handler:"click"},{name:"双击点击",handler:"dblclick"},{name:"选中变化",handler:"selectchanged"}]},{group:"基础组件",key:"b-anchor",label:"锚点",icon:"icon-anchor",component:e=>{let{id:n,item:i,items:r=[],style:a,linePosition:o=0,lineColor:s="rgba(5, 5, 5, 0.06)",lineWidth:l=2,gap:u=30,itemClassNames:c=[],itemTitleClassNames:d=[],indicatorClassNames:h=[],className:p}=e,{designable:f}=(0,tC.useContext)(tk),g=(0,tC.useMemo)(()=>r.map((e,t)=>({...e,key:e.key||t,title:(0,tS.jsx)("div",{dangerouslySetInnerHTML:{__html:e.title}}),href:`#page-item-${e.href}`})),[r]),m=t(L)`
+        `},events:[]},events:[{name:"点击",handler:"click"},{name:"双击点击",handler:"dblclick"},{name:"选中变化",handler:"selectchanged"}]},{group:"基础组件",key:"b-anchor",label:"锚点",icon:"icon-anchor",component:e=>{let{id:n,item:i,items:r=[],style:a,linePosition:o=0,lineColor:s="rgba(5, 5, 5, 0.06)",lineWidth:l=2,gap:u=30,itemClassNames:c=[],itemTitleClassNames:d=[],indicatorClassNames:h=[],className:p,classNames:f=[]}=e,{designable:g}=(0,tC.useContext)(tk),m=(0,tC.useMemo)(()=>r.map((e,t)=>({...e,key:e.key||t,title:(0,tS.jsx)("div",{dangerouslySetInnerHTML:{__html:e.title}}),href:`#page-item-${e.href}`})),[r]),v=t(L)`
     .ant-anchor:before {
       inset-inline-start: ${o||0}px !important;
       border-inline-start-color: ${s||"rgba(5, 5, 5, 0.06)"} !important;
@@ -1232,4 +1232,4 @@ return {
     div.ant-anchor-link + div.ant-anchor-link {
       margin-top: ${u||30}px;
     }
-  `;return(0,tS.jsx)("div",{id:n,className:p,children:(0,tS.jsx)(m,{style:a,items:g,getContainer:()=>f?document.querySelector(".center > .body.beautified_scrollbar.always"):window,classNames:{item:(c||[]).join(" "),itemTitle:(d||[]).join(" "),indicator:(h||[]).join(" ")},styles:{item:{paddingTop:0,paddingBottom:0},itemTitle:{},indicator:{left:`${o||0}px !important`,width:`${l||2}px !important`}}})})},formComponent:e=>{var t;let{model:n,onChange:i}=e,{schema:r}=(0,tC.useContext)(tk),a=(e,t)=>i&&i({...n,[e]:t}),o=(e,t)=>{let i=[...n.items||[]];i[e]={...i[e],...t},a("items",i)},[s,l]=(0,tC.useState)(!1),[u,d]=(0,tC.useState)(null),p=null!=u&&(null==(t=n.items)?void 0:t[u])?n.items[u]:{title:"",href:"",key:""},f=[{title:"标题",dataIndex:"title",render:e=>(0,tS.jsx)("div",{dangerouslySetInnerHTML:{__html:e}})},{title:"操作",width:80,align:"center",render:(e,t,i)=>(0,tS.jsxs)(es,{children:[(0,tS.jsx)("a",{onClick:()=>{d(i),l(!0)},children:(0,tS.jsx)(h,{})}),(0,tS.jsx)("a",{onClick:()=>{let e;(e=[...n.items||[]]).splice(i,1),a("items",e)},children:(0,tS.jsx)(c,{})})]})}],g=(0,tC.useMemo)(()=>{let e=[],t=n=>{Array.isArray(n)&&n.forEach(n=>{e.push(n),Array.isArray(n.children)?t(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>t(n.children[e]))})};return t((null==r?void 0:r.items)||[]),e},[r]);return(0,tS.jsxs)("div",{children:[(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"线位置（left）",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:n.linePosition,suffix:"px",onChange:e=>a("linePosition",e)})}),(0,tS.jsx)(K.Item,{label:"线颜色",children:(0,tS.jsx)(W,{size:"small",value:n.lineColor,onChange:e=>a("lineColor",e.toHexString()),allowClear:!0})}),(0,tS.jsx)(K.Item,{label:"线宽度",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:n.lineWidth,suffix:"px",onChange:e=>a("lineWidth",e)})}),(0,tS.jsx)(K.Item,{label:"间距",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:n.gap,suffix:"px",onChange:e=>a("gap",e)})}),(0,tS.jsx)(U,{style:{marginTop:10},children:"样式设置"}),(0,tS.jsx)(K.Item,{label:"链接项类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{mode:"tags",size:"small",value:n.itemClassNames||[],onChange:e=>a("itemClassNames",e)})}),(0,tS.jsx)(K.Item,{label:"标题文字类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{mode:"tags",size:"small",value:n.itemTitleClassNames||[],onChange:e=>a("itemTitleClassNames",e)})}),(0,tS.jsx)(K.Item,{label:"指示器类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{mode:"tags",size:"small",value:n.indicatorClassNames||[],onChange:e=>a("indicatorClassNames",e)})})]}),(0,tS.jsx)(U,{children:"锚点项设置"}),(0,tS.jsx)(eu,{size:"small",dataSource:n.items,rowKey:(e,t)=>String(t),columns:f,pagination:!1,bordered:!0}),(0,tS.jsx)(B,{size:"small",onClick:()=>{a("items",[...n.items||[],{title:"",href:"",key:""}])},block:!0,children:"添加列"}),(0,tS.jsx)(Q,{title:"编辑列",open:s,footer:null,width:400,onCancel:()=>l(!1),children:(0,tS.jsxs)(K,{layout:"vertical",size:"small",children:[(0,tS.jsx)(K.Item,{label:"锚点内容",tooltip:"支持HTML标签",style:{marginBottom:10},children:(0,tS.jsx)(Z.TextArea,{value:p.title,onChange:e=>o(u,{title:e.target.value})})}),(0,tS.jsx)(K.Item,{label:"锚点链接",style:{marginBottom:10},children:(0,tS.jsx)(E,{value:p.href,onChange:e=>o(u,{href:e}),options:g.map(e=>({value:e.id,label:e.name}))})})]})})]})},defaultOptions:{props:{items:[{href:"#item1",title:"<i class='icon-dict'></i>项目1"},{href:"#item2",title:"<i class='icon-dict'></i>项目2"},{href:"#item3",title:"<i class='icon-dict'></i>项目3"}],linePosition:10,lineColor:"rgba(5, 5, 5, 0.06)",lineWidth:2,gap:30,itemClassNames:[],itemTitleClassNames:[],indicatorClassNames:[]}}},{group:"表单组件",key:"b-input",label:"输入框",icon:"icon-form-input",component:e=>{let{id:t,var:n="",placeholder:i="",prefix:r,suffix:a,size:o,allowClear:s=!1,search:l=!1,item:u,value:c,onChange:d,onSearch:h,style:p={},className:f}=e,{handleCallback:g,setVar:m}=(0,tC.useContext)(tk),v=e=>{d&&d(e),u&&n&&m(u,n,e)};return l?(0,tS.jsx)(Z.Search,{id:t,value:c,size:o,allowClear:s,placeholder:i,onChange:e=>v(e.target.value),onSearch:()=>{h&&h(c||""),g(u)},style:{...p},className:f}):(0,tS.jsx)(Z,{id:t,value:c,size:o,allowClear:s,placeholder:i,prefix:"string"==typeof r?void 0:r,suffix:"string"==typeof a?void 0:a,onChange:e=>v(e.target.value),style:{...p},className:f})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"搜索框",children:(0,tS.jsx)(el,{size:"small",checked:!!t.search,onChange:e=>i("search",e)})}),(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"占位符",children:(0,tS.jsx)(Z,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),!t.search&&(0,tS.jsxs)(tS.Fragment,{children:[(0,tS.jsx)(K.Item,{label:"前缀",children:(0,tS.jsx)(Z,{size:"small",value:t.prefix,onChange:e=>i("prefix",e.target.value),placeholder:"请输入前缀"})}),(0,tS.jsx)(K.Item,{label:"后缀",children:(0,tS.jsx)(Z,{size:"small",value:t.suffix,onChange:e=>i("suffix",e.target.value),placeholder:"请输入后缀"})})]}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"清除图标",children:(0,tS.jsx)(el,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,search:!1,prefix:"",suffix:"",placeholder:"请输入"},cascadeIds:[]}},{group:"表单组件",key:"b-input-number",label:"数字输入框",icon:"icon-form-input-number",component:e=>{let{id:t,var:n="",value:i,size:r,placeholder:a="请输入",min:o=0,max:s=Number.MAX_SAFE_INTEGER,step:l=1,precision:u=0,item:c,onChange:d,style:h={},className:p}=e,{handleCallback:f,setVar:g}=(0,tC.useContext)(tk);return(0,tS.jsx)(J,{id:t,value:i,placeholder:a,size:r,min:o,max:s,step:l,precision:u,onChange:e=>{var t;return t=e??void 0,void(d&&d(t),c&&n&&g(c,n,t),f(c))},style:{width:"100%",...h},className:p})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"最小值",children:(0,tS.jsx)(J,{size:"small",value:t.min,onChange:e=>i("min",e)})}),(0,tS.jsx)(K.Item,{label:"最大值",children:(0,tS.jsx)(J,{size:"small",value:t.max,onChange:e=>i("max",e)})}),(0,tS.jsx)(K.Item,{label:"步长",children:(0,tS.jsx)(J,{size:"small",value:t.step,onChange:e=>i("step",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,prefix:"",suffix:"",placeholder:"请输入",step:1,min:0,max:100,precision:0},cascadeIds:[]}},{group:"表单组件",key:"b-select",label:"选择框",icon:"icon-form-select",component:e=>{let{id:t,var:n="",size:i,placeholder:r="请选择",allowClear:a=!1,multiple:o=!1,options:s=[],item:l,value:u,onChange:c,style:d={},className:h}=e,{handleCallback:p,setVar:f}=(0,tC.useContext)(tk);return(0,tS.jsx)(ea,{id:t,value:u,size:i,placeholder:r,allowClear:a,mode:o?"multiple":void 0,options:s,onChange:e=>{c&&c(e),l&&n&&f(l,n,e),p(l)},style:{width:"100%",...d},className:h})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,tS.jsx)(es,{children:(0,tS.jsx)(B,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,tS.jsx)(c,{})})})}];return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"占位符",children:(0,tS.jsx)(Z,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"清除图标",children:(0,tS.jsx)(el,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,tS.jsx)(K.Item,{label:"多选",children:(0,tS.jsx)(el,{size:"small",checked:!!t.multiple,onChange:e=>i("multiple",e)})}),(0,tS.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,tS.jsx)(eu,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,tS.jsx)(B,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-capsule",label:"胶囊选择器",icon:"icon-form-capsule",component:e=>{let{id:t,var:n="",size:i="middle",options:r=[],item:a,onChange:o,style:s,className:l}=e,{handleCallback:u,setVar:c}=(0,tC.useContext)(tk);return(0,tS.jsx)("span",{id:t,children:(0,tS.jsx)(ei.Group,{id:t,size:i,buttonStyle:"solid",onChange:e=>{var t;return t=e.target.value,void(o&&o(t),a&&n&&c(a,n,t),u(a))},style:s,className:l,children:r.map(e=>(0,tS.jsx)(ei.Button,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,tS.jsx)(es,{children:(0,tS.jsx)(B,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,tS.jsx)(c,{})})})}];return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,tS.jsx)(eu,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,tS.jsx)(B,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-checkbox",label:"复选框",icon:"icon-form-checkbox",component:e=>{let{id:t,var:n="",layout:i="horizontal",lineNumber:r=3,options:a=[],item:o,onChange:s,style:l,className:u}=e,{handleCallback:c,setVar:d}=(0,tC.useContext)(tk),h={...l,display:"grid"===i?"grid":"flex",gap:"grid"===i?void 0:"8px",flexDirection:"vertical"===i?"column":"row",gridTemplateColumns:"grid"===i?`repeat(${r}, 1fr)`:void 0};return(0,tS.jsx)("span",{id:t,children:(0,tS.jsx)(H.Group,{onChange:e=>{s&&s(e),o&&n&&d(o,n,e),c(o)},style:h,className:u,children:a.map(e=>(0,tS.jsx)(H,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,tS.jsx)(es,{children:(0,tS.jsx)(B,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,tS.jsx)(c,{})})})}];return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"布局",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.layout,onChange:e=>i("layout",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"horizontal",children:"水平"}),(0,tS.jsx)(ei.Button,{value:"vertical",children:"垂直"}),(0,tS.jsx)(ei.Button,{value:"grid",children:"网格"})]})}),"grid"===t.layout&&(0,tS.jsx)(K.Item,{label:"网格行数",children:(0,tS.jsx)(J,{size:"small",value:t.lineNumber,onChange:e=>i("lineNumber",e),min:1,max:10})}),(0,tS.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,tS.jsx)(eu,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,tS.jsx)(B,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",layout:"horizontal",lineNumber:3,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-date-picker",label:"日期选择器",icon:"icon-form-date-picker",component:e=>{let{id:t,var:n="",size:i,allowClear:r=!1,type:a="date",showTime:o=!1,value:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,tC.useContext)(tk),f=e=>{u&&u(e),l&&n&&p(l,n,e),h(l)};if("time"===a){let e="string"==typeof s&&s?eb(s,"HH:mm"):void 0;return(0,tS.jsx)(ed,{id:t,value:e,format:"HH:mm",placeholder:"请选择时间",size:i,allowClear:r,onChange:e=>f(e?e.format("HH:mm"):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("month"===a||"year"===a){let e="month"===a?"YYYY-MM":"YYYY",n="string"==typeof s&&s?eb(s,e):void 0;return(0,tS.jsx)(G,{id:t,picker:a,value:n,format:e,placeholder:"month"===a?"请选择月份":"请选择年份",size:i,allowClear:r,onChange:t=>f(t?t.format(e):void 0),onPanelChange:t=>f(t?t.format(e):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("range"===a){let e=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",n=Array.isArray(s)&&s[0]?eb(s[0],e):void 0,a=Array.isArray(s)&&s[1]?eb(s[1],e):void 0;return(0,tS.jsx)(G.RangePicker,{id:t,value:[n,a],format:e,placeholder:["开始日期","结束日期"],size:i,allowClear:r,showTime:o,onChange:t=>f(t&&t[0]&&t[1]?[t[0].format(e),t[1].format(e)]:void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}let g=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",m="string"==typeof s&&s?eb(s,g):void 0;return(0,tS.jsx)(G,{id:t,value:m,format:g,placeholder:"请选择日期",size:i,allowClear:r,showTime:o,style:{...(null==l?void 0:l.style)||{},...c},className:d,onChange:e=>f(e?e.format(g):void 0)})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"类型",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.type,onChange:e=>i("type",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"date",children:"日期"}),(0,tS.jsx)(ei.Button,{value:"time",children:"时间"}),(0,tS.jsx)(ei.Button,{value:"month",children:"月份"}),(0,tS.jsx)(ei.Button,{value:"year",children:"年份"}),(0,tS.jsx)(ei.Button,{value:"range",children:"日期范围"})]})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"清除图标",children:(0,tS.jsx)(el,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,tS.jsx)(K.Item,{label:"显示时间",children:(0,tS.jsx)(el,{size:"small",checked:!!t.showTime,onChange:e=>i("showTime",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,showTime:!1,type:"date"},cascadeIds:[]}},{group:"表单组件",key:"b-switch",label:"开关",icon:"icon-form-switch",component:e=>{let{id:t,var:n="",checked:i,disabled:r,size:a="default",checkedChildren:o,unCheckedChildren:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,tC.useContext)(tk);return(0,tS.jsx)("span",{children:(0,tS.jsx)(el,{id:t,checked:i,disabled:r,size:"small"===a?"small":void 0,checkedChildren:o,unCheckedChildren:s,onChange:e=>{u&&u(e),l&&n&&p(l,n,e),h(l)},style:c,className:d})})},formComponent:e=>{let{model:t,onChange:n}=e;return(0,tS.jsx)(K,{labelCol:{span:6},wrapperCol:{span:18},children:(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>{let i;return i=e.target.value,n&&n({...t,var:i})},placeholder:"请输入变量名"})})})},defaultOptions:{props:{var:"",size:"default",checkedChildren:"开",unCheckedChildren:"关"},cascadeIds:[]}},{group:"容器组件",key:"b-space",label:"容器",icon:"icon-space",component:e=>{let{id:t,align:n="start",size:i="small",direction:r="horizontal",item:a,ancestors:o,style:s={},className:l}=e,[u,c]=(0,tC.useState)(a.children||[]),d=(0,tC.useMemo)(()=>({...s,...a.style||{},alignItems:n,flexDirection:r,gap:i}),[a,n,i,r]);return(0,tC.useEffect)(()=>{c(a.children||[])},[a.children]),(0,tS.jsx)(nv,{rootComponent:es,rootData:{id:t,style:d,className:l},item:a,ancestors:[...o,a],list:u,onListChange:e=>{a.children=e,c(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"方向",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.direction,onChange:e=>i("direction",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"horizontal",children:"水平"}),(0,tS.jsx)(ei.Button,{value:"vertical",children:"垂直"})]})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"对齐",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.align,onChange:e=>i("align",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"start",children:"开始"}),(0,tS.jsx)(ei.Button,{value:"end",children:"结束"}),(0,tS.jsx)(ei.Button,{value:"center",children:"居中"}),(0,tS.jsx)(ei.Button,{value:"baseline",children:"基线"})]})})]})},defaultOptions:{props:{align:"flex-start",direction:"row",size:"8px"},children:[]}},{group:"容器组件",key:"b-card",label:"卡片",icon:"icon-card",component:e=>{let{id:t,bordered:n=!1,size:i="default",title:r,hoverable:a=!1,shadow:o=!0,item:s,ancestors:l,style:u,className:c}=e,d=(0,tC.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.title||[],[s]),[h,p]=(0,tC.useState)(d||[]),f=(0,tC.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.extra||[],[s]),[g,m]=(0,tC.useState)(f||[]),v=(0,tC.useMemo)(()=>s.children?Array.isArray(s.children)?s.children:"object"!=typeof s.children?null:s.children.body||[]:null,[s]),[y,x]=(0,tC.useState)(v||[]),_=(0,tC.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.actions||[],[s]),[b,w]=(0,tC.useState)(_||[]);return(0,tC.useEffect)(()=>{p(d||[])},[d]),(0,tC.useEffect)(()=>{m(f||[])},[f]),(0,tC.useEffect)(()=>{x(v||[])},[v]),(0,tC.useEffect)(()=>{w(_||[])},[_]),(0,tS.jsx)(F,{id:t,variant:n?"outlined":"borderless",size:i,hoverable:a,className:[o?"ant-card-shadow":void 0,c].filter(Boolean).join(" "),title:(null==r?void 0:r.length)&&!(null==d?void 0:d.length)?r:d?(0,tS.jsx)(nv,{ancestors:[...l,s],list:h,onListChange:e=>{s.children.title=e,p(e)}}):r,extra:f&&(0,tS.jsx)(nv,{ancestors:[...l,s],list:g,onListChange:e=>{s.children.extra=e,m(e)}}),actions:_&&[(0,tS.jsx)(nv,{ancestors:[...l,s],list:b,onListChange:e=>{s.children.actions=e,w(e)}})],styles:{header:{borderBottom:"none"}},style:u,children:v&&(0,tS.jsx)(nv,{ancestors:[...l,s],list:y,onListChange:e=>{Array.isArray(s.children)?s.children=e:s.children.body=e,x(e)}})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,tS.jsx)(K.Item,{label:"标题",children:(0,tS.jsx)(Z,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"边框",children:(0,tS.jsx)(el,{size:"small",checked:!!t.bordered,onChange:e=>i("bordered",e)})}),(0,tS.jsx)(K.Item,{label:"悬停效果",children:(0,tS.jsx)(el,{size:"small",checked:!!t.hoverable,onChange:e=>i("hoverable",e)})}),(0,tS.jsx)(K.Item,{label:"阴影",children:(0,tS.jsx)(el,{size:"small",checked:!!t.shadow,onChange:e=>i("shadow",e)})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"default",children:"默认"}),(0,tS.jsx)(ei.Button,{value:"small",children:"小"})]})})]})},defaultOptions:{props:{title:"标题",bordered:!0,hoverable:!0,shadow:!0,size:"default"},children:{title:[],extra:[],body:[],actions:[]}}},{group:"容器组件",key:"b-row",label:"栅格行",icon:"icon-grid-row",component:e=>{let{id:t,gutter:n,item:i,ancestors:r,style:a,className:o}=e,[s,l]=(0,tC.useState)(i.children||[]);return(0,tC.useEffect)(()=>{l(i.children||[])},[i.children]),(0,tS.jsx)(nv,{rootComponent:er,rootData:{id:t,gutter:n,style:i.style||a,className:i.className||o},item:i,ancestors:[...r,i],list:s,onListChange:e=>{i.children=e,l(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=t.gutter||[0,0];return(0,tS.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,tS.jsx)(K.Item,{label:"列间距",children:(0,tS.jsx)(J,{size:"small",value:r[0],min:0,step:4,onChange:e=>i("gutter",[e||0,r[1]])})}),(0,tS.jsx)(K.Item,{label:"行间距",children:(0,tS.jsx)(J,{size:"small",value:r[1],min:0,step:4,onChange:e=>i("gutter",[r[0],e||0])})})]})},defaultOptions:{props:{gutter:[12,12]},children:[]}},{group:"容器组件",key:"b-col",label:"栅格列",icon:"icon-grid-columns",component:e=>{let{id:t,span:n=24,xs:i,sm:r,md:a,lg:o,xl:s,xxl:l,item:u,ancestors:c,style:d={},className:h}=e,{deviceWidth:p}=(0,tC.useContext)(tk),[f,g]=(0,tC.useState)(u.children||[]),m=(0,tC.useMemo)(()=>{let e=p||1600,t=null;return e<576&&i&&(t=i),e>=576&&r&&(t=r),e>=768&&a&&(t=a),e>=992&&o&&(t=o),e>=1200&&s&&(t=s),e>=1600&&l&&(t=l),t||n},[i,r,a,o,s,l,n,p]);return(0,tC.useEffect)(()=>{g(u.children||[])},[u.children]),(0,tS.jsx)(nv,{rootComponent:V,rootData:{id:t||u.id,span:m,style:{...u.style||{},...d},className:h},item:u,ancestors:[...c,u],list:f,onListChange:e=>{u.children=e,g(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,tS.jsx)(K.Item,{label:"默认列数",children:(0,tS.jsx)(J,{size:"small",value:t.span,min:0,max:24,step:4,onChange:e=>i("span",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["xs"," ",(0,tS.jsx)(eh,{title:"<576px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.xs,min:0,max:24,step:4,onChange:e=>i("xs",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["sm"," ",(0,tS.jsx)(eh,{title:"≥576px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.sm,min:0,max:24,step:4,onChange:e=>i("sm",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["md"," ",(0,tS.jsx)(eh,{title:"≥768px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.md,min:0,max:24,step:4,onChange:e=>i("md",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["lg"," ",(0,tS.jsx)(eh,{title:"≥992px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.lg,min:0,max:24,step:4,onChange:e=>i("lg",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["xl"," ",(0,tS.jsx)(eh,{title:"≥1200px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.xl,min:0,max:24,step:4,onChange:e=>i("xl",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["xxl"," ",(0,tS.jsx)(eh,{title:"≥1600px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.xxl,min:0,max:24,step:4,onChange:e=>i("xxl",e||0)})})]})},defaultOptions:{props:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6,span:8},children:[]}},{group:"容器组件",key:"b-modal",label:"弹窗",icon:"icon-modal",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,...s}=e,{designable:l,selectedItem:u,setSelectedItem:c,initCallback:d,initMethod:h}=(0,tC.useContext)(tk),[p,f]=(0,tC.useState)(!1),[g,m]=(0,tC.useState)(n.children||[]),{handleEvent:v}=iC(n),y=()=>{f(!0)};(0,tC.useEffect)(()=>{m(n.children||[])},[n.children]),(0,tC.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[p]),(0,tC.useEffect)(()=>{d({id:n.id,callback:y}),h({id:n.id,method:{open:()=>f(!0),close:()=>f(!1)}})},[]);let x=[a,"drag-container","page-item-component",u===n?"selected":"",l?"designable":""].filter(Boolean).join(" ");return(0,tS.jsxs)(tS.Fragment,{children:[l&&(0,tS.jsxs)(mc,{id:p?void 0:t||n.id,onDoubleClick:()=>f(!0),className:x,children:["弹窗：",n.name,"（",n.id,"）"]}),(0,tS.jsx)(Q,{...s,open:p,onCancel:()=>f(!1),afterOpenChange:e=>{v(e?"open":"close")},getContainer:()=>l?document.querySelector(".page-canvas"):document.body,style:{...n.style||{},...r,paddingBottom:0},className:a,modalRender:e=>(0,tS.jsx)("div",{id:p?t||n.id:void 0,onClick:()=>c(n),children:e}),footer:o?void 0:null,children:(0,tS.jsx)(nv,{ancestors:[...i,n],list:g,onListChange:e=>{n.children=e,m(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,tS.jsx)(K.Item,{label:"标题",children:(0,tS.jsx)(Z,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"宽度",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:t.width,suffix:"px",onChange:e=>i("width",e)})}),(0,tS.jsx)(K.Item,{label:"确认按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"取消按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"确认按钮类型",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"default",children:"默认"}),(0,tS.jsx)(ei.Button,{value:"primary",children:"主要"}),(0,tS.jsx)(ei.Button,{value:"dashed",children:"虚线"})]})}),(0,tS.jsx)(K.Item,{label:"关闭按钮",children:(0,tS.jsx)(el,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["ESC关闭"," ",(0,tS.jsx)(eh,{title:"是否支持键盘 esc 关闭",children:(0,tS.jsx)(ic,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,tS.jsx)(K.Item,{label:"显示遮罩",children:(0,tS.jsx)(el,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["遮罩关闭"," ",(0,tS.jsx)(eh,{title:"点击遮罩层是否允许关闭",children:(0,tS.jsx)(ic,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,tS.jsx)(U,{children:"组件方法"}),(0,tS.jsx)(Y,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开模态框"},{key:"close",label:"close",children:"关闭模态框"}]})]})},defaultOptions:{props:{title:"标题",width:400,okType:"primary",okText:"确定",cancelText:"取消",maskClosable:!0,mask:!0,closable:!0,keyboard:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]},{group:"容器组件",key:"b-drawer",label:"抽屉",icon:"icon-drawer",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,okType:s="primary",okText:l="确定",cancelText:u="取消",resizable:c=!0,...d}=e,{designable:h,selectedItem:p,setSelectedItem:f,initCallback:g,initMethod:m}=(0,tC.useContext)(tk),[v,y]=(0,tC.useState)(!1),[x,_]=(0,tC.useState)(n.children||[]),[b,w]=(0,tC.useState)(d.size||400),{handleEvent:S}=iC(n),C=()=>{y(!0)};(0,tC.useEffect)(()=>{w(d.size||400)},[d.size]),(0,tC.useEffect)(()=>{_(n.children||[])},[n.children]),(0,tC.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[v]),(0,tC.useEffect)(()=>{g({id:n.id,callback:C}),m({id:n.id,method:{open:()=>y(!0),close:()=>y(!1)}})},[]);let j=[a,"drag-container","page-item-component",p===n?"selected":"",h?"designable":""].filter(Boolean).join(" ");return(0,tS.jsxs)(tS.Fragment,{children:[h&&(0,tS.jsxs)(md,{id:v?void 0:t||n.id,onDoubleClick:()=>y(!0),className:j,children:["抽屉：",n.name,"（",n.id,"）"]}),(0,tS.jsx)($,{...d,id:t||n.id,open:v,size:b,onClose:()=>y(!1),afterOpenChange:e=>{S(e?"open":"close")},getContainer:()=>h?document.querySelector(".page-canvas"):document.body,push:{distance:0},style:{...n.style||{},...r,paddingBottom:0},className:a,onClick:()=>f(n),footer:o?(0,tS.jsxs)(es,{children:[(0,tS.jsx)(B,{onClick:()=>y(!1),children:u}),(0,tS.jsx)(B,{type:s,children:l})]}):null,resizable:{onResize:w},children:(0,tS.jsx)(nv,{ancestors:[...i,n],list:x,onListChange:e=>{n.children=e,_(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,tS.jsx)(K.Item,{label:"标题",children:(0,tS.jsx)(Z,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"宽度",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:t.size,suffix:"px",onChange:e=>i("size",e)})}),(0,tS.jsx)(K.Item,{label:"抽屉位置",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.placement,onChange:e=>i("placement",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"top",children:"顶部"}),(0,tS.jsx)(ei.Button,{value:"bottom",children:"底部"}),(0,tS.jsx)(ei.Button,{value:"left",children:"左侧"}),(0,tS.jsx)(ei.Button,{value:"right",children:"右侧"})]})}),(0,tS.jsx)(K.Item,{label:"确认按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"取消按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"确认按钮类型",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"default",children:"默认"}),(0,tS.jsx)(ei.Button,{value:"primary",children:"主要"}),(0,tS.jsx)(ei.Button,{value:"dashed",children:"虚线"})]})}),(0,tS.jsx)(K.Item,{label:"关闭按钮",children:(0,tS.jsx)(el,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["ESC关闭"," ",(0,tS.jsx)(eh,{title:"是否支持键盘 esc 关闭",children:(0,tS.jsx)(id,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,tS.jsx)(K.Item,{label:"显示遮罩",children:(0,tS.jsx)(el,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["遮罩关闭"," ",(0,tS.jsx)(eh,{title:"点击遮罩层是否允许关闭",children:(0,tS.jsx)(id,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,tS.jsx)(K.Item,{label:"可调整大小",children:(0,tS.jsx)(el,{size:"small",checked:t.resizable,onChange:e=>i("resizable",e)})}),(0,tS.jsx)(U,{children:"组件方法"}),(0,tS.jsx)(Y,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开抽屉"},{key:"close",label:"close",children:"关闭抽屉"}]})]})},defaultOptions:{props:{title:"标题",size:400,placement:"right",okType:"primary",okText:"确定",cancelText:"取消",closable:!0,keyboard:!0,maskClosable:!0,mask:!0,resizable:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]}]})();var eT=ek.ru,eI=ek.Ei,eM=ek.NQ,eD=ek.B7,eO=ek.Ts,ez=ek.V2,eA=ek.QE,eP=ek.NG,eN=ek.Nx,eL=ek.ps,eE=ek._q;export{eT as DropContainer,eI as PageCanvas,eM as PageContext,eD as PageDesigner,eO as PageProvider,ez as PageSchema,eA as PluginType,eP as PropEditorProps,eN as plugins,eL as useDatasource,eE as useEvent};
+  `;return(0,tS.jsx)("div",{id:n,className:(f||[]).join(" ")+" "+p,children:(0,tS.jsx)(v,{style:a,items:m,getContainer:()=>g?document.querySelector(".center > .body.beautified_scrollbar.always"):window,classNames:{item:(c||[]).join(" "),itemTitle:(d||[]).join(" "),indicator:(h||[]).join(" ")},styles:{item:{paddingTop:0,paddingBottom:0},itemTitle:{},indicator:{left:`${o||0}px !important`,width:`${l||2}px !important`}}})})},formComponent:e=>{var t;let{model:n,onChange:i}=e,{schema:r}=(0,tC.useContext)(tk),a=(e,t)=>i&&i({...n,[e]:t}),o=(e,t)=>{let i=[...n.items||[]];i[e]={...i[e],...t},a("items",i)},[s,l]=(0,tC.useState)(!1),[u,d]=(0,tC.useState)(null),p=null!=u&&(null==(t=n.items)?void 0:t[u])?n.items[u]:{title:"",href:"",key:""},f=[{title:"标题",dataIndex:"title",render:e=>(0,tS.jsx)("div",{dangerouslySetInnerHTML:{__html:e}})},{title:"操作",width:80,align:"center",render:(e,t,i)=>(0,tS.jsxs)(es,{children:[(0,tS.jsx)("a",{onClick:()=>{d(i),l(!0)},children:(0,tS.jsx)(h,{})}),(0,tS.jsx)("a",{onClick:()=>{let e;(e=[...n.items||[]]).splice(i,1),a("items",e)},children:(0,tS.jsx)(c,{})})]})}],g=(0,tC.useMemo)(()=>{let e=[],t=n=>{Array.isArray(n)&&n.forEach(n=>{e.push(n),Array.isArray(n.children)?t(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>t(n.children[e]))})};return t((null==r?void 0:r.items)||[]),e},[r]);return(0,tS.jsxs)("div",{children:[(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"线位置（left）",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:n.linePosition,suffix:"px",onChange:e=>a("linePosition",e)})}),(0,tS.jsx)(K.Item,{label:"线颜色",children:(0,tS.jsx)(W,{size:"small",value:n.lineColor,onChange:e=>a("lineColor",e.toHexString()),allowClear:!0})}),(0,tS.jsx)(K.Item,{label:"线宽度",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:n.lineWidth,suffix:"px",onChange:e=>a("lineWidth",e)})}),(0,tS.jsx)(K.Item,{label:"间距",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:n.gap,suffix:"px",onChange:e=>a("gap",e)})}),(0,tS.jsx)(U,{style:{marginTop:10},children:"样式设置"}),(0,tS.jsx)(K.Item,{label:"根类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{size:"small",value:n.classNames,mode:"tags",onChange:e=>a("classNames",e)})}),(0,tS.jsx)(K.Item,{label:"链接项类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{mode:"tags",size:"small",value:n.itemClassNames||[],onChange:e=>a("itemClassNames",e)})}),(0,tS.jsx)(K.Item,{label:"标题文字类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{mode:"tags",size:"small",value:n.itemTitleClassNames||[],onChange:e=>a("itemTitleClassNames",e)})}),(0,tS.jsx)(K.Item,{label:"指示器类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,tS.jsx)(ea,{mode:"tags",size:"small",value:n.indicatorClassNames||[],onChange:e=>a("indicatorClassNames",e)})})]}),(0,tS.jsx)(U,{children:"锚点项设置"}),(0,tS.jsx)(eu,{size:"small",dataSource:n.items,rowKey:(e,t)=>String(t),columns:f,pagination:!1,bordered:!0}),(0,tS.jsx)(B,{size:"small",onClick:()=>{a("items",[...n.items||[],{title:"",href:"",key:""}])},block:!0,children:"添加列"}),(0,tS.jsx)(Q,{title:"编辑列",open:s,footer:null,width:400,onCancel:()=>l(!1),children:(0,tS.jsxs)(K,{layout:"vertical",size:"small",children:[(0,tS.jsx)(K.Item,{label:"锚点内容",tooltip:"支持HTML标签",style:{marginBottom:10},children:(0,tS.jsx)(Z.TextArea,{value:p.title,onChange:e=>o(u,{title:e.target.value})})}),(0,tS.jsx)(K.Item,{label:"锚点链接",style:{marginBottom:10},children:(0,tS.jsx)(E,{value:p.href,onChange:e=>o(u,{href:e}),options:g.map(e=>({value:e.id,label:e.name}))})})]})})]})},defaultOptions:{props:{items:[{href:"#item1",title:"<i class='icon-dict'></i>项目1"},{href:"#item2",title:"<i class='icon-dict'></i>项目2"},{href:"#item3",title:"<i class='icon-dict'></i>项目3"}],linePosition:10,lineColor:"rgba(5, 5, 5, 0.06)",lineWidth:2,gap:30,itemClassNames:[],itemTitleClassNames:[],indicatorClassNames:[]}}},{group:"表单组件",key:"b-input",label:"输入框",icon:"icon-form-input",component:e=>{let{id:t,var:n="",placeholder:i="",prefix:r,suffix:a,size:o,allowClear:s=!1,search:l=!1,item:u,value:c,onChange:d,onSearch:h,style:p={},className:f}=e,{handleCallback:g,setVar:m}=(0,tC.useContext)(tk),v=e=>{d&&d(e),u&&n&&m(u,n,e)};return l?(0,tS.jsx)(Z.Search,{id:t,value:c,size:o,allowClear:s,placeholder:i,onChange:e=>v(e.target.value),onSearch:()=>{h&&h(c||""),g(u)},style:{...p},className:f}):(0,tS.jsx)(Z,{id:t,value:c,size:o,allowClear:s,placeholder:i,prefix:"string"==typeof r?void 0:r,suffix:"string"==typeof a?void 0:a,onChange:e=>v(e.target.value),style:{...p},className:f})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"搜索框",children:(0,tS.jsx)(el,{size:"small",checked:!!t.search,onChange:e=>i("search",e)})}),(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"占位符",children:(0,tS.jsx)(Z,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),!t.search&&(0,tS.jsxs)(tS.Fragment,{children:[(0,tS.jsx)(K.Item,{label:"前缀",children:(0,tS.jsx)(Z,{size:"small",value:t.prefix,onChange:e=>i("prefix",e.target.value),placeholder:"请输入前缀"})}),(0,tS.jsx)(K.Item,{label:"后缀",children:(0,tS.jsx)(Z,{size:"small",value:t.suffix,onChange:e=>i("suffix",e.target.value),placeholder:"请输入后缀"})})]}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"清除图标",children:(0,tS.jsx)(el,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,search:!1,prefix:"",suffix:"",placeholder:"请输入"},cascadeIds:[]}},{group:"表单组件",key:"b-input-number",label:"数字输入框",icon:"icon-form-input-number",component:e=>{let{id:t,var:n="",value:i,size:r,placeholder:a="请输入",min:o=0,max:s=Number.MAX_SAFE_INTEGER,step:l=1,precision:u=0,item:c,onChange:d,style:h={},className:p}=e,{handleCallback:f,setVar:g}=(0,tC.useContext)(tk);return(0,tS.jsx)(J,{id:t,value:i,placeholder:a,size:r,min:o,max:s,step:l,precision:u,onChange:e=>{var t;return t=e??void 0,void(d&&d(t),c&&n&&g(c,n,t),f(c))},style:{width:"100%",...h},className:p})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"最小值",children:(0,tS.jsx)(J,{size:"small",value:t.min,onChange:e=>i("min",e)})}),(0,tS.jsx)(K.Item,{label:"最大值",children:(0,tS.jsx)(J,{size:"small",value:t.max,onChange:e=>i("max",e)})}),(0,tS.jsx)(K.Item,{label:"步长",children:(0,tS.jsx)(J,{size:"small",value:t.step,onChange:e=>i("step",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,prefix:"",suffix:"",placeholder:"请输入",step:1,min:0,max:100,precision:0},cascadeIds:[]}},{group:"表单组件",key:"b-select",label:"选择框",icon:"icon-form-select",component:e=>{let{id:t,var:n="",size:i,placeholder:r="请选择",allowClear:a=!1,multiple:o=!1,options:s=[],item:l,value:u,onChange:c,style:d={},className:h}=e,{handleCallback:p,setVar:f}=(0,tC.useContext)(tk);return(0,tS.jsx)(ea,{id:t,value:u,size:i,placeholder:r,allowClear:a,mode:o?"multiple":void 0,options:s,onChange:e=>{c&&c(e),l&&n&&f(l,n,e),p(l)},style:{width:"100%",...d},className:h})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,tS.jsx)(es,{children:(0,tS.jsx)(B,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,tS.jsx)(c,{})})})}];return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"占位符",children:(0,tS.jsx)(Z,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"清除图标",children:(0,tS.jsx)(el,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,tS.jsx)(K.Item,{label:"多选",children:(0,tS.jsx)(el,{size:"small",checked:!!t.multiple,onChange:e=>i("multiple",e)})}),(0,tS.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,tS.jsx)(eu,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,tS.jsx)(B,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-capsule",label:"胶囊选择器",icon:"icon-form-capsule",component:e=>{let{id:t,var:n="",size:i="middle",options:r=[],item:a,onChange:o,style:s,className:l}=e,{handleCallback:u,setVar:c}=(0,tC.useContext)(tk);return(0,tS.jsx)("span",{id:t,children:(0,tS.jsx)(ei.Group,{id:t,size:i,buttonStyle:"solid",onChange:e=>{var t;return t=e.target.value,void(o&&o(t),a&&n&&c(a,n,t),u(a))},style:s,className:l,children:r.map(e=>(0,tS.jsx)(ei.Button,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,tS.jsx)(es,{children:(0,tS.jsx)(B,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,tS.jsx)(c,{})})})}];return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,tS.jsx)(eu,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,tS.jsx)(B,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-checkbox",label:"复选框",icon:"icon-form-checkbox",component:e=>{let{id:t,var:n="",layout:i="horizontal",lineNumber:r=3,options:a=[],item:o,onChange:s,style:l,className:u}=e,{handleCallback:c,setVar:d}=(0,tC.useContext)(tk),h={...l,display:"grid"===i?"grid":"flex",gap:"grid"===i?void 0:"8px",flexDirection:"vertical"===i?"column":"row",gridTemplateColumns:"grid"===i?`repeat(${r}, 1fr)`:void 0};return(0,tS.jsx)("span",{id:t,children:(0,tS.jsx)(H.Group,{onChange:e=>{s&&s(e),o&&n&&d(o,n,e),c(o)},style:h,className:u,children:a.map(e=>(0,tS.jsx)(H,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,tS.jsx)(Z,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,tS.jsx)(es,{children:(0,tS.jsx)(B,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,tS.jsx)(c,{})})})}];return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"布局",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.layout,onChange:e=>i("layout",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"horizontal",children:"水平"}),(0,tS.jsx)(ei.Button,{value:"vertical",children:"垂直"}),(0,tS.jsx)(ei.Button,{value:"grid",children:"网格"})]})}),"grid"===t.layout&&(0,tS.jsx)(K.Item,{label:"网格行数",children:(0,tS.jsx)(J,{size:"small",value:t.lineNumber,onChange:e=>i("lineNumber",e),min:1,max:10})}),(0,tS.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,tS.jsx)(eu,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,tS.jsx)(B,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",layout:"horizontal",lineNumber:3,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-date-picker",label:"日期选择器",icon:"icon-form-date-picker",component:e=>{let{id:t,var:n="",size:i,allowClear:r=!1,type:a="date",showTime:o=!1,value:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,tC.useContext)(tk),f=e=>{u&&u(e),l&&n&&p(l,n,e),h(l)};if("time"===a){let e="string"==typeof s&&s?eb(s,"HH:mm"):void 0;return(0,tS.jsx)(ed,{id:t,value:e,format:"HH:mm",placeholder:"请选择时间",size:i,allowClear:r,onChange:e=>f(e?e.format("HH:mm"):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("month"===a||"year"===a){let e="month"===a?"YYYY-MM":"YYYY",n="string"==typeof s&&s?eb(s,e):void 0;return(0,tS.jsx)(G,{id:t,picker:a,value:n,format:e,placeholder:"month"===a?"请选择月份":"请选择年份",size:i,allowClear:r,onChange:t=>f(t?t.format(e):void 0),onPanelChange:t=>f(t?t.format(e):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("range"===a){let e=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",n=Array.isArray(s)&&s[0]?eb(s[0],e):void 0,a=Array.isArray(s)&&s[1]?eb(s[1],e):void 0;return(0,tS.jsx)(G.RangePicker,{id:t,value:[n,a],format:e,placeholder:["开始日期","结束日期"],size:i,allowClear:r,showTime:o,onChange:t=>f(t&&t[0]&&t[1]?[t[0].format(e),t[1].format(e)]:void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}let g=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",m="string"==typeof s&&s?eb(s,g):void 0;return(0,tS.jsx)(G,{id:t,value:m,format:g,placeholder:"请选择日期",size:i,allowClear:r,showTime:o,style:{...(null==l?void 0:l.style)||{},...c},className:d,onChange:e=>f(e?e.format(g):void 0)})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,tS.jsx)(K.Item,{label:"类型",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.type,onChange:e=>i("type",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"date",children:"日期"}),(0,tS.jsx)(ei.Button,{value:"time",children:"时间"}),(0,tS.jsx)(ei.Button,{value:"month",children:"月份"}),(0,tS.jsx)(ei.Button,{value:"year",children:"年份"}),(0,tS.jsx)(ei.Button,{value:"range",children:"日期范围"})]})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"清除图标",children:(0,tS.jsx)(el,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,tS.jsx)(K.Item,{label:"显示时间",children:(0,tS.jsx)(el,{size:"small",checked:!!t.showTime,onChange:e=>i("showTime",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,showTime:!1,type:"date"},cascadeIds:[]}},{group:"表单组件",key:"b-switch",label:"开关",icon:"icon-form-switch",component:e=>{let{id:t,var:n="",checked:i,disabled:r,size:a="default",checkedChildren:o,unCheckedChildren:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,tC.useContext)(tk);return(0,tS.jsx)("span",{children:(0,tS.jsx)(el,{id:t,checked:i,disabled:r,size:"small"===a?"small":void 0,checkedChildren:o,unCheckedChildren:s,onChange:e=>{u&&u(e),l&&n&&p(l,n,e),h(l)},style:c,className:d})})},formComponent:e=>{let{model:t,onChange:n}=e;return(0,tS.jsx)(K,{labelCol:{span:6},wrapperCol:{span:18},children:(0,tS.jsx)(K.Item,{label:"变量名",children:(0,tS.jsx)(Z,{size:"small",value:t.var,onChange:e=>{let i;return i=e.target.value,n&&n({...t,var:i})},placeholder:"请输入变量名"})})})},defaultOptions:{props:{var:"",size:"default",checkedChildren:"开",unCheckedChildren:"关"},cascadeIds:[]}},{group:"容器组件",key:"b-space",label:"容器",icon:"icon-space",component:e=>{let{id:t,align:n="start",size:i="small",direction:r="horizontal",item:a,ancestors:o,style:s={},className:l}=e,[u,c]=(0,tC.useState)(a.children||[]),d=(0,tC.useMemo)(()=>({...s,...a.style||{},alignItems:n,flexDirection:r,gap:i}),[a,n,i,r]);return(0,tC.useEffect)(()=>{c(a.children||[])},[a.children]),(0,tS.jsx)(nv,{rootComponent:es,rootData:{id:t,style:d,className:l},item:a,ancestors:[...o,a],list:u,onListChange:e=>{a.children=e,c(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,tS.jsx)(K.Item,{label:"方向",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.direction,onChange:e=>i("direction",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"horizontal",children:"水平"}),(0,tS.jsx)(ei.Button,{value:"vertical",children:"垂直"})]})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"small",children:"小"}),(0,tS.jsx)(ei.Button,{value:"middle",children:"中"}),(0,tS.jsx)(ei.Button,{value:"large",children:"大"})]})}),(0,tS.jsx)(K.Item,{label:"对齐",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.align,onChange:e=>i("align",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"start",children:"开始"}),(0,tS.jsx)(ei.Button,{value:"end",children:"结束"}),(0,tS.jsx)(ei.Button,{value:"center",children:"居中"}),(0,tS.jsx)(ei.Button,{value:"baseline",children:"基线"})]})})]})},defaultOptions:{props:{align:"flex-start",direction:"row",size:"8px"},children:[]}},{group:"容器组件",key:"b-card",label:"卡片",icon:"icon-card",component:e=>{let{id:t,bordered:n=!1,size:i="default",title:r,hoverable:a=!1,shadow:o=!0,item:s,ancestors:l,style:u,className:c}=e,d=(0,tC.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.title||[],[s]),[h,p]=(0,tC.useState)(d||[]),f=(0,tC.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.extra||[],[s]),[g,m]=(0,tC.useState)(f||[]),v=(0,tC.useMemo)(()=>s.children?Array.isArray(s.children)?s.children:"object"!=typeof s.children?null:s.children.body||[]:null,[s]),[y,x]=(0,tC.useState)(v||[]),_=(0,tC.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.actions||[],[s]),[b,w]=(0,tC.useState)(_||[]);return(0,tC.useEffect)(()=>{p(d||[])},[d]),(0,tC.useEffect)(()=>{m(f||[])},[f]),(0,tC.useEffect)(()=>{x(v||[])},[v]),(0,tC.useEffect)(()=>{w(_||[])},[_]),(0,tS.jsx)(F,{id:t,variant:n?"outlined":"borderless",size:i,hoverable:a,className:[o?"ant-card-shadow":void 0,c].filter(Boolean).join(" "),title:(null==r?void 0:r.length)&&!(null==d?void 0:d.length)?r:d?(0,tS.jsx)(nv,{ancestors:[...l,s],list:h,onListChange:e=>{s.children.title=e,p(e)}}):r,extra:f&&(0,tS.jsx)(nv,{ancestors:[...l,s],list:g,onListChange:e=>{s.children.extra=e,m(e)}}),actions:_&&[(0,tS.jsx)(nv,{ancestors:[...l,s],list:b,onListChange:e=>{s.children.actions=e,w(e)}})],styles:{header:{borderBottom:"none"}},style:u,children:v&&(0,tS.jsx)(nv,{ancestors:[...l,s],list:y,onListChange:e=>{Array.isArray(s.children)?s.children=e:s.children.body=e,x(e)}})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,tS.jsx)(K.Item,{label:"标题",children:(0,tS.jsx)(Z,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"边框",children:(0,tS.jsx)(el,{size:"small",checked:!!t.bordered,onChange:e=>i("bordered",e)})}),(0,tS.jsx)(K.Item,{label:"悬停效果",children:(0,tS.jsx)(el,{size:"small",checked:!!t.hoverable,onChange:e=>i("hoverable",e)})}),(0,tS.jsx)(K.Item,{label:"阴影",children:(0,tS.jsx)(el,{size:"small",checked:!!t.shadow,onChange:e=>i("shadow",e)})}),(0,tS.jsx)(K.Item,{label:"大小",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"default",children:"默认"}),(0,tS.jsx)(ei.Button,{value:"small",children:"小"})]})})]})},defaultOptions:{props:{title:"标题",bordered:!0,hoverable:!0,shadow:!0,size:"default"},children:{title:[],extra:[],body:[],actions:[]}}},{group:"容器组件",key:"b-row",label:"栅格行",icon:"icon-grid-row",component:e=>{let{id:t,gutter:n,item:i,ancestors:r,style:a,className:o}=e,[s,l]=(0,tC.useState)(i.children||[]);return(0,tC.useEffect)(()=>{l(i.children||[])},[i.children]),(0,tS.jsx)(nv,{rootComponent:er,rootData:{id:t,gutter:n,style:i.style||a,className:i.className||o},item:i,ancestors:[...r,i],list:s,onListChange:e=>{i.children=e,l(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=t.gutter||[0,0];return(0,tS.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,tS.jsx)(K.Item,{label:"列间距",children:(0,tS.jsx)(J,{size:"small",value:r[0],min:0,step:4,onChange:e=>i("gutter",[e||0,r[1]])})}),(0,tS.jsx)(K.Item,{label:"行间距",children:(0,tS.jsx)(J,{size:"small",value:r[1],min:0,step:4,onChange:e=>i("gutter",[r[0],e||0])})})]})},defaultOptions:{props:{gutter:[12,12]},children:[]}},{group:"容器组件",key:"b-col",label:"栅格列",icon:"icon-grid-columns",component:e=>{let{id:t,span:n=24,xs:i,sm:r,md:a,lg:o,xl:s,xxl:l,item:u,ancestors:c,style:d={},className:h}=e,{deviceWidth:p}=(0,tC.useContext)(tk),[f,g]=(0,tC.useState)(u.children||[]),m=(0,tC.useMemo)(()=>{let e=p||1600,t=null;return e<576&&i&&(t=i),e>=576&&r&&(t=r),e>=768&&a&&(t=a),e>=992&&o&&(t=o),e>=1200&&s&&(t=s),e>=1600&&l&&(t=l),t||n},[i,r,a,o,s,l,n,p]);return(0,tC.useEffect)(()=>{g(u.children||[])},[u.children]),(0,tS.jsx)(nv,{rootComponent:V,rootData:{id:t||u.id,span:m,style:{...u.style||{},...d},className:h},item:u,ancestors:[...c,u],list:f,onListChange:e=>{u.children=e,g(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,tS.jsx)(K.Item,{label:"默认列数",children:(0,tS.jsx)(J,{size:"small",value:t.span,min:0,max:24,step:4,onChange:e=>i("span",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["xs"," ",(0,tS.jsx)(eh,{title:"<576px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.xs,min:0,max:24,step:4,onChange:e=>i("xs",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["sm"," ",(0,tS.jsx)(eh,{title:"≥576px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.sm,min:0,max:24,step:4,onChange:e=>i("sm",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["md"," ",(0,tS.jsx)(eh,{title:"≥768px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.md,min:0,max:24,step:4,onChange:e=>i("md",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["lg"," ",(0,tS.jsx)(eh,{title:"≥992px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.lg,min:0,max:24,step:4,onChange:e=>i("lg",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["xl"," ",(0,tS.jsx)(eh,{title:"≥1200px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.xl,min:0,max:24,step:4,onChange:e=>i("xl",e||0)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["xxl"," ",(0,tS.jsx)(eh,{title:"≥1600px 响应式栅格",children:(0,tS.jsx)(iu,{})})]}),children:(0,tS.jsx)(J,{size:"small",value:t.xxl,min:0,max:24,step:4,onChange:e=>i("xxl",e||0)})})]})},defaultOptions:{props:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6,span:8},children:[]}},{group:"容器组件",key:"b-modal",label:"弹窗",icon:"icon-modal",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,...s}=e,{designable:l,selectedItem:u,setSelectedItem:c,initCallback:d,initMethod:h}=(0,tC.useContext)(tk),[p,f]=(0,tC.useState)(!1),[g,m]=(0,tC.useState)(n.children||[]),{handleEvent:v}=iC(n),y=()=>{f(!0)};(0,tC.useEffect)(()=>{m(n.children||[])},[n.children]),(0,tC.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[p]),(0,tC.useEffect)(()=>{d({id:n.id,callback:y}),h({id:n.id,method:{open:()=>f(!0),close:()=>f(!1)}})},[]);let x=[a,"drag-container","page-item-component",u===n?"selected":"",l?"designable":""].filter(Boolean).join(" ");return(0,tS.jsxs)(tS.Fragment,{children:[l&&(0,tS.jsxs)(mc,{id:p?void 0:t||n.id,onDoubleClick:()=>f(!0),className:x,children:["弹窗：",n.name,"（",n.id,"）"]}),(0,tS.jsx)(Q,{...s,open:p,onCancel:()=>f(!1),afterOpenChange:e=>{v(e?"open":"close")},getContainer:()=>l?document.querySelector(".page-canvas"):document.body,style:{...n.style||{},...r,paddingBottom:0},className:a,modalRender:e=>(0,tS.jsx)("div",{id:p?t||n.id:void 0,onClick:()=>c(n),children:e}),footer:o?void 0:null,children:(0,tS.jsx)(nv,{ancestors:[...i,n],list:g,onListChange:e=>{n.children=e,m(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,tS.jsx)(K.Item,{label:"标题",children:(0,tS.jsx)(Z,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"宽度",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:t.width,suffix:"px",onChange:e=>i("width",e)})}),(0,tS.jsx)(K.Item,{label:"确认按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"取消按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"确认按钮类型",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"default",children:"默认"}),(0,tS.jsx)(ei.Button,{value:"primary",children:"主要"}),(0,tS.jsx)(ei.Button,{value:"dashed",children:"虚线"})]})}),(0,tS.jsx)(K.Item,{label:"关闭按钮",children:(0,tS.jsx)(el,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["ESC关闭"," ",(0,tS.jsx)(eh,{title:"是否支持键盘 esc 关闭",children:(0,tS.jsx)(ic,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,tS.jsx)(K.Item,{label:"显示遮罩",children:(0,tS.jsx)(el,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["遮罩关闭"," ",(0,tS.jsx)(eh,{title:"点击遮罩层是否允许关闭",children:(0,tS.jsx)(ic,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,tS.jsx)(U,{children:"组件方法"}),(0,tS.jsx)(Y,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开模态框"},{key:"close",label:"close",children:"关闭模态框"}]})]})},defaultOptions:{props:{title:"标题",width:400,okType:"primary",okText:"确定",cancelText:"取消",maskClosable:!0,mask:!0,closable:!0,keyboard:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]},{group:"容器组件",key:"b-drawer",label:"抽屉",icon:"icon-drawer",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,okType:s="primary",okText:l="确定",cancelText:u="取消",resizable:c=!0,...d}=e,{designable:h,selectedItem:p,setSelectedItem:f,initCallback:g,initMethod:m}=(0,tC.useContext)(tk),[v,y]=(0,tC.useState)(!1),[x,_]=(0,tC.useState)(n.children||[]),[b,w]=(0,tC.useState)(d.size||400),{handleEvent:S}=iC(n),C=()=>{y(!0)};(0,tC.useEffect)(()=>{w(d.size||400)},[d.size]),(0,tC.useEffect)(()=>{_(n.children||[])},[n.children]),(0,tC.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[v]),(0,tC.useEffect)(()=>{g({id:n.id,callback:C}),m({id:n.id,method:{open:()=>y(!0),close:()=>y(!1)}})},[]);let j=[a,"drag-container","page-item-component",p===n?"selected":"",h?"designable":""].filter(Boolean).join(" ");return(0,tS.jsxs)(tS.Fragment,{children:[h&&(0,tS.jsxs)(md,{id:v?void 0:t||n.id,onDoubleClick:()=>y(!0),className:j,children:["抽屉：",n.name,"（",n.id,"）"]}),(0,tS.jsx)($,{...d,id:t||n.id,open:v,size:b,onClose:()=>y(!1),afterOpenChange:e=>{S(e?"open":"close")},getContainer:()=>h?document.querySelector(".page-canvas"):document.body,push:{distance:0},style:{...n.style||{},...r,paddingBottom:0},className:a,onClick:()=>f(n),footer:o?(0,tS.jsxs)(es,{children:[(0,tS.jsx)(B,{onClick:()=>y(!1),children:u}),(0,tS.jsx)(B,{type:s,children:l})]}):null,resizable:{onResize:w},children:(0,tS.jsx)(nv,{ancestors:[...i,n],list:x,onListChange:e=>{n.children=e,_(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,tS.jsxs)(K,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,tS.jsx)(K.Item,{label:"标题",children:(0,tS.jsx)(Z,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"宽度",children:(0,tS.jsx)(J,{size:"small",style:{width:"100px"},value:t.size,suffix:"px",onChange:e=>i("size",e)})}),(0,tS.jsx)(K.Item,{label:"抽屉位置",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.placement,onChange:e=>i("placement",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"top",children:"顶部"}),(0,tS.jsx)(ei.Button,{value:"bottom",children:"底部"}),(0,tS.jsx)(ei.Button,{value:"left",children:"左侧"}),(0,tS.jsx)(ei.Button,{value:"right",children:"右侧"})]})}),(0,tS.jsx)(K.Item,{label:"确认按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"取消按钮文字",children:(0,tS.jsx)(Z,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,tS.jsx)(K.Item,{label:"确认按钮类型",children:(0,tS.jsxs)(ei.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,tS.jsx)(ei.Button,{value:"default",children:"默认"}),(0,tS.jsx)(ei.Button,{value:"primary",children:"主要"}),(0,tS.jsx)(ei.Button,{value:"dashed",children:"虚线"})]})}),(0,tS.jsx)(K.Item,{label:"关闭按钮",children:(0,tS.jsx)(el,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["ESC关闭"," ",(0,tS.jsx)(eh,{title:"是否支持键盘 esc 关闭",children:(0,tS.jsx)(id,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,tS.jsx)(K.Item,{label:"显示遮罩",children:(0,tS.jsx)(el,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,tS.jsx)(K.Item,{label:(0,tS.jsxs)(tS.Fragment,{children:["遮罩关闭"," ",(0,tS.jsx)(eh,{title:"点击遮罩层是否允许关闭",children:(0,tS.jsx)(id,{})})]}),children:(0,tS.jsx)(el,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,tS.jsx)(K.Item,{label:"可调整大小",children:(0,tS.jsx)(el,{size:"small",checked:t.resizable,onChange:e=>i("resizable",e)})}),(0,tS.jsx)(U,{children:"组件方法"}),(0,tS.jsx)(Y,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开抽屉"},{key:"close",label:"close",children:"关闭抽屉"}]})]})},defaultOptions:{props:{title:"标题",size:400,placement:"right",okType:"primary",okText:"确定",cancelText:"取消",closable:!0,keyboard:!0,maskClosable:!0,mask:!0,resizable:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]}]})();var eT=ek.ru,eI=ek.Ei,eM=ek.NQ,eD=ek.B7,eO=ek.Ts,ez=ek.V2,eA=ek.QE,eP=ek.NG,eN=ek.Nx,eL=ek.ps,eE=ek._q;export{eT as DropContainer,eI as PageCanvas,eM as PageContext,eD as PageDesigner,eO as PageProvider,ez as PageSchema,eA as PluginType,eP as PropEditorProps,eN as plugins,eL as useDatasource,eE as useEvent};

package/dist/types/components/plugins/@antd/items/AnchorRender.d.ts

@@ -17,6 +17,7 @@ export type AnchorRenderProps = {
     itemClassNames?: string[];
     itemTitleClassNames?: string[];
     indicatorClassNames?: string[];
+    classNames?: string[];
 } & HtmlBaseProps;
 /**
  * AnchorRender 组件

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

@@ -1219,7 +1219,7 @@ return {
   yAxis: { type: 'value' },
   series: [{ data: data.map(i => i.value), type: 'line' }]
 }
-        `},events:[]},events:[{name:"点击",handler:"click"},{name:"双击点击",handler:"dblclick"},{name:"选中变化",handler:"selectchanged"}]},{group:"基础组件",key:"b-anchor",label:"锚点",icon:"icon-anchor",component:e=>{let{id:t,item:n,items:i=[],style:r,linePosition:a=0,lineColor:o="rgba(5, 5, 5, 0.06)",lineWidth:s=2,gap:l=30,itemClassNames:u=[],itemTitleClassNames:c=[],indicatorClassNames:d=[],className:h}=e,{designable:p}=(0,eh.useContext)(ev),f=(0,eh.useMemo)(()=>i.map((e,t)=>({...e,key:e.key||t,title:(0,ed.jsx)("div",{dangerouslySetInnerHTML:{__html:e.title}}),href:`#page-item-${e.href}`})),[i]),m=em()(ti.Anchor)`
+        `},events:[]},events:[{name:"点击",handler:"click"},{name:"双击点击",handler:"dblclick"},{name:"选中变化",handler:"selectchanged"}]},{group:"基础组件",key:"b-anchor",label:"锚点",icon:"icon-anchor",component:e=>{let{id:t,item:n,items:i=[],style:r,linePosition:a=0,lineColor:o="rgba(5, 5, 5, 0.06)",lineWidth:s=2,gap:l=30,itemClassNames:u=[],itemTitleClassNames:c=[],indicatorClassNames:d=[],className:h,classNames:p=[]}=e,{designable:f}=(0,eh.useContext)(ev),m=(0,eh.useMemo)(()=>i.map((e,t)=>({...e,key:e.key||t,title:(0,ed.jsx)("div",{dangerouslySetInnerHTML:{__html:e.title}}),href:`#page-item-${e.href}`})),[i]),g=em()(ti.Anchor)`
     .ant-anchor:before {
       inset-inline-start: ${a||0}px !important;
       border-inline-start-color: ${o||"rgba(5, 5, 5, 0.06)"} !important;
@@ -1232,4 +1232,4 @@ return {
     div.ant-anchor-link + div.ant-anchor-link {
       margin-top: ${l||30}px;
     }
-  `;return(0,ed.jsx)("div",{id:t,className:h,children:(0,ed.jsx)(m,{style:r,items:f,getContainer:()=>p?document.querySelector(".center > .body.beautified_scrollbar.always"):window,classNames:{item:(u||[]).join(" "),itemTitle:(c||[]).join(" "),indicator:(d||[]).join(" ")},styles:{item:{paddingTop:0,paddingBottom:0},itemTitle:{},indicator:{left:`${a||0}px !important`,width:`${s||2}px !important`}}})})},formComponent:e=>{var t;let{model:n,onChange:i}=e,{schema:r}=(0,eh.useContext)(ev),a=(e,t)=>i&&i({...n,[e]:t}),o=(e,t)=>{let i=[...n.items||[]];i[e]={...i[e],...t},a("items",i)},[s,l]=(0,eh.useState)(!1),[u,c]=(0,eh.useState)(null),d=null!=u&&(null==(t=n.items)?void 0:t[u])?n.items[u]:{title:"",href:"",key:""},h=[{title:"标题",dataIndex:"title",render:e=>(0,ed.jsx)("div",{dangerouslySetInnerHTML:{__html:e}})},{title:"操作",width:80,align:"center",render:(e,t,i)=>(0,ed.jsxs)(ti.Space,{children:[(0,ed.jsx)("a",{onClick:()=>{c(i),l(!0)},children:(0,ed.jsx)(te.EditOutlined,{})}),(0,ed.jsx)("a",{onClick:()=>{let e;(e=[...n.items||[]]).splice(i,1),a("items",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})]})}],p=(0,eh.useMemo)(()=>{let e=[],t=n=>{Array.isArray(n)&&n.forEach(n=>{e.push(n),Array.isArray(n.children)?t(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>t(n.children[e]))})};return t((null==r?void 0:r.items)||[]),e},[r]);return(0,ed.jsxs)("div",{children:[(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"线位置（left）",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.linePosition,suffix:"px",onChange:e=>a("linePosition",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"线颜色",children:(0,ed.jsx)(ti.ColorPicker,{size:"small",value:n.lineColor,onChange:e=>a("lineColor",e.toHexString()),allowClear:!0})}),(0,ed.jsx)(ti.Form.Item,{label:"线宽度",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.lineWidth,suffix:"px",onChange:e=>a("lineWidth",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"间距",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.gap,suffix:"px",onChange:e=>a("gap",e)})}),(0,ed.jsx)(ti.Divider,{style:{marginTop:10},children:"样式设置"}),(0,ed.jsx)(ti.Form.Item,{label:"链接项类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{mode:"tags",size:"small",value:n.itemClassNames||[],onChange:e=>a("itemClassNames",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"标题文字类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{mode:"tags",size:"small",value:n.itemTitleClassNames||[],onChange:e=>a("itemTitleClassNames",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"指示器类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{mode:"tags",size:"small",value:n.indicatorClassNames||[],onChange:e=>a("indicatorClassNames",e)})})]}),(0,ed.jsx)(ti.Divider,{children:"锚点项设置"}),(0,ed.jsx)(ti.Table,{size:"small",dataSource:n.items,rowKey:(e,t)=>String(t),columns:h,pagination:!1,bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",onClick:()=>{a("items",[...n.items||[],{title:"",href:"",key:""}])},block:!0,children:"添加列"}),(0,ed.jsx)(ti.Modal,{title:"编辑列",open:s,footer:null,width:400,onCancel:()=>l(!1),children:(0,ed.jsxs)(ti.Form,{layout:"vertical",size:"small",children:[(0,ed.jsx)(ti.Form.Item,{label:"锚点内容",tooltip:"支持HTML标签",style:{marginBottom:10},children:(0,ed.jsx)(ti.Input.TextArea,{value:d.title,onChange:e=>o(u,{title:e.target.value})})}),(0,ed.jsx)(ti.Form.Item,{label:"锚点链接",style:{marginBottom:10},children:(0,ed.jsx)(ti.AutoComplete,{value:d.href,onChange:e=>o(u,{href:e}),options:p.map(e=>({value:e.id,label:e.name}))})})]})})]})},defaultOptions:{props:{items:[{href:"#item1",title:"<i class='icon-dict'></i>项目1"},{href:"#item2",title:"<i class='icon-dict'></i>项目2"},{href:"#item3",title:"<i class='icon-dict'></i>项目3"}],linePosition:10,lineColor:"rgba(5, 5, 5, 0.06)",lineWidth:2,gap:30,itemClassNames:[],itemTitleClassNames:[],indicatorClassNames:[]}}},{group:"表单组件",key:"b-input",label:"输入框",icon:"icon-form-input",component:e=>{let{id:t,var:n="",placeholder:i="",prefix:r,suffix:a,size:o,allowClear:s=!1,search:l=!1,item:u,value:c,onChange:d,onSearch:h,style:p={},className:f}=e,{handleCallback:m,setVar:g}=(0,eh.useContext)(ev),v=e=>{d&&d(e),u&&n&&g(u,n,e)};return l?(0,ed.jsx)(ti.Input.Search,{id:t,value:c,size:o,allowClear:s,placeholder:i,onChange:e=>v(e.target.value),onSearch:()=>{h&&h(c||""),m(u)},style:{...p},className:f}):(0,ed.jsx)(ti.Input,{id:t,value:c,size:o,allowClear:s,placeholder:i,prefix:"string"==typeof r?void 0:r,suffix:"string"==typeof a?void 0:a,onChange:e=>v(e.target.value),style:{...p},className:f})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"搜索框",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.search,onChange:e=>i("search",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"占位符",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),!t.search&&(0,ed.jsxs)(ed.Fragment,{children:[(0,ed.jsx)(ti.Form.Item,{label:"前缀",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.prefix,onChange:e=>i("prefix",e.target.value),placeholder:"请输入前缀"})}),(0,ed.jsx)(ti.Form.Item,{label:"后缀",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.suffix,onChange:e=>i("suffix",e.target.value),placeholder:"请输入后缀"})})]}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"清除图标",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,search:!1,prefix:"",suffix:"",placeholder:"请输入"},cascadeIds:[]}},{group:"表单组件",key:"b-input-number",label:"数字输入框",icon:"icon-form-input-number",component:e=>{let{id:t,var:n="",value:i,size:r,placeholder:a="请输入",min:o=0,max:s=Number.MAX_SAFE_INTEGER,step:l=1,precision:u=0,item:c,onChange:d,style:h={},className:p}=e,{handleCallback:f,setVar:m}=(0,eh.useContext)(ev);return(0,ed.jsx)(ti.InputNumber,{id:t,value:i,placeholder:a,size:r,min:o,max:s,step:l,precision:u,onChange:e=>{var t;return t=e??void 0,void(d&&d(t),c&&n&&m(c,n,t),f(c))},style:{width:"100%",...h},className:p})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"最小值",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.min,onChange:e=>i("min",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"最大值",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.max,onChange:e=>i("max",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"步长",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.step,onChange:e=>i("step",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,prefix:"",suffix:"",placeholder:"请输入",step:1,min:0,max:100,precision:0},cascadeIds:[]}},{group:"表单组件",key:"b-select",label:"选择框",icon:"icon-form-select",component:e=>{let{id:t,var:n="",size:i,placeholder:r="请选择",allowClear:a=!1,multiple:o=!1,options:s=[],item:l,value:u,onChange:c,style:d={},className:h}=e,{handleCallback:p,setVar:f}=(0,eh.useContext)(ev);return(0,ed.jsx)(ti.Select,{id:t,value:u,size:i,placeholder:r,allowClear:a,mode:o?"multiple":void 0,options:s,onChange:e=>{c&&c(e),l&&n&&f(l,n,e),p(l)},style:{width:"100%",...d},className:h})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,ed.jsx)(ti.Space,{children:(0,ed.jsx)(ti.Button,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})})}];return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"占位符",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"清除图标",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"多选",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.multiple,onChange:e=>i("multiple",e)})}),(0,ed.jsxs)(ti.Form.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ed.jsx)(ti.Table,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-capsule",label:"胶囊选择器",icon:"icon-form-capsule",component:e=>{let{id:t,var:n="",size:i="middle",options:r=[],item:a,onChange:o,style:s,className:l}=e,{handleCallback:u,setVar:c}=(0,eh.useContext)(ev);return(0,ed.jsx)("span",{id:t,children:(0,ed.jsx)(ti.Radio.Group,{id:t,size:i,buttonStyle:"solid",onChange:e=>{var t;return t=e.target.value,void(o&&o(t),a&&n&&c(a,n,t),u(a))},style:s,className:l,children:r.map(e=>(0,ed.jsx)(ti.Radio.Button,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,ed.jsx)(ti.Space,{children:(0,ed.jsx)(ti.Button,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})})}];return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsxs)(ti.Form.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ed.jsx)(ti.Table,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-checkbox",label:"复选框",icon:"icon-form-checkbox",component:e=>{let{id:t,var:n="",layout:i="horizontal",lineNumber:r=3,options:a=[],item:o,onChange:s,style:l,className:u}=e,{handleCallback:c,setVar:d}=(0,eh.useContext)(ev),h={...l,display:"grid"===i?"grid":"flex",gap:"grid"===i?void 0:"8px",flexDirection:"vertical"===i?"column":"row",gridTemplateColumns:"grid"===i?`repeat(${r}, 1fr)`:void 0};return(0,ed.jsx)("span",{id:t,children:(0,ed.jsx)(ti.Checkbox.Group,{onChange:e=>{s&&s(e),o&&n&&d(o,n,e),c(o)},style:h,className:u,children:a.map(e=>(0,ed.jsx)(ti.Checkbox,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,ed.jsx)(ti.Space,{children:(0,ed.jsx)(ti.Button,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})})}];return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"布局",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.layout,onChange:e=>i("layout",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"horizontal",children:"水平"}),(0,ed.jsx)(ti.Radio.Button,{value:"vertical",children:"垂直"}),(0,ed.jsx)(ti.Radio.Button,{value:"grid",children:"网格"})]})}),"grid"===t.layout&&(0,ed.jsx)(ti.Form.Item,{label:"网格行数",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.lineNumber,onChange:e=>i("lineNumber",e),min:1,max:10})}),(0,ed.jsxs)(ti.Form.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ed.jsx)(ti.Table,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",layout:"horizontal",lineNumber:3,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-date-picker",label:"日期选择器",icon:"icon-form-date-picker",component:e=>{let{id:t,var:n="",size:i,allowClear:r=!1,type:a="date",showTime:o=!1,value:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,eh.useContext)(ev),f=e=>{u&&u(e),l&&n&&p(l,n,e),h(l)};if("time"===a){let e="string"==typeof s&&s?md()(s,"HH:mm"):void 0;return(0,ed.jsx)(ti.TimePicker,{id:t,value:e,format:"HH:mm",placeholder:"请选择时间",size:i,allowClear:r,onChange:e=>f(e?e.format("HH:mm"):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("month"===a||"year"===a){let e="month"===a?"YYYY-MM":"YYYY",n="string"==typeof s&&s?md()(s,e):void 0;return(0,ed.jsx)(ti.DatePicker,{id:t,picker:a,value:n,format:e,placeholder:"month"===a?"请选择月份":"请选择年份",size:i,allowClear:r,onChange:t=>f(t?t.format(e):void 0),onPanelChange:t=>f(t?t.format(e):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("range"===a){let e=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",n=Array.isArray(s)&&s[0]?md()(s[0],e):void 0,a=Array.isArray(s)&&s[1]?md()(s[1],e):void 0;return(0,ed.jsx)(ti.DatePicker.RangePicker,{id:t,value:[n,a],format:e,placeholder:["开始日期","结束日期"],size:i,allowClear:r,showTime:o,onChange:t=>f(t&&t[0]&&t[1]?[t[0].format(e),t[1].format(e)]:void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}let m=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",g="string"==typeof s&&s?md()(s,m):void 0;return(0,ed.jsx)(ti.DatePicker,{id:t,value:g,format:m,placeholder:"请选择日期",size:i,allowClear:r,showTime:o,style:{...(null==l?void 0:l.style)||{},...c},className:d,onChange:e=>f(e?e.format(m):void 0)})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"类型",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.type,onChange:e=>i("type",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"date",children:"日期"}),(0,ed.jsx)(ti.Radio.Button,{value:"time",children:"时间"}),(0,ed.jsx)(ti.Radio.Button,{value:"month",children:"月份"}),(0,ed.jsx)(ti.Radio.Button,{value:"year",children:"年份"}),(0,ed.jsx)(ti.Radio.Button,{value:"range",children:"日期范围"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"清除图标",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"显示时间",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.showTime,onChange:e=>i("showTime",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,showTime:!1,type:"date"},cascadeIds:[]}},{group:"表单组件",key:"b-switch",label:"开关",icon:"icon-form-switch",component:e=>{let{id:t,var:n="",checked:i,disabled:r,size:a="default",checkedChildren:o,unCheckedChildren:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,eh.useContext)(ev);return(0,ed.jsx)("span",{children:(0,ed.jsx)(ti.Switch,{id:t,checked:i,disabled:r,size:"small"===a?"small":void 0,checkedChildren:o,unCheckedChildren:s,onChange:e=>{u&&u(e),l&&n&&p(l,n,e),h(l)},style:c,className:d})})},formComponent:e=>{let{model:t,onChange:n}=e;return(0,ed.jsx)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>{let i;return i=e.target.value,n&&n({...t,var:i})},placeholder:"请输入变量名"})})})},defaultOptions:{props:{var:"",size:"default",checkedChildren:"开",unCheckedChildren:"关"},cascadeIds:[]}},{group:"容器组件",key:"b-space",label:"容器",icon:"icon-space",component:e=>{let{id:t,align:n="start",size:i="small",direction:r="horizontal",item:a,ancestors:o,style:s={},className:l}=e,[u,c]=(0,eh.useState)(a.children||[]),d=(0,eh.useMemo)(()=>({...s,...a.style||{},alignItems:n,flexDirection:r,gap:i}),[a,n,i,r]);return(0,eh.useEffect)(()=>{c(a.children||[])},[a.children]),(0,ed.jsx)(tg,{rootComponent:ti.Space,rootData:{id:t,style:d,className:l},item:a,ancestors:[...o,a],list:u,onListChange:e=>{a.children=e,c(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"方向",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.direction,onChange:e=>i("direction",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"horizontal",children:"水平"}),(0,ed.jsx)(ti.Radio.Button,{value:"vertical",children:"垂直"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"对齐",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.align,onChange:e=>i("align",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"start",children:"开始"}),(0,ed.jsx)(ti.Radio.Button,{value:"end",children:"结束"}),(0,ed.jsx)(ti.Radio.Button,{value:"center",children:"居中"}),(0,ed.jsx)(ti.Radio.Button,{value:"baseline",children:"基线"})]})})]})},defaultOptions:{props:{align:"flex-start",direction:"row",size:"8px"},children:[]}},{group:"容器组件",key:"b-card",label:"卡片",icon:"icon-card",component:e=>{let{id:t,bordered:n=!1,size:i="default",title:r,hoverable:a=!1,shadow:o=!0,item:s,ancestors:l,style:u,className:c}=e,d=(0,eh.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.title||[],[s]),[h,p]=(0,eh.useState)(d||[]),f=(0,eh.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.extra||[],[s]),[m,g]=(0,eh.useState)(f||[]),v=(0,eh.useMemo)(()=>s.children?Array.isArray(s.children)?s.children:"object"!=typeof s.children?null:s.children.body||[]:null,[s]),[y,x]=(0,eh.useState)(v||[]),_=(0,eh.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.actions||[],[s]),[b,w]=(0,eh.useState)(_||[]);return(0,eh.useEffect)(()=>{p(d||[])},[d]),(0,eh.useEffect)(()=>{g(f||[])},[f]),(0,eh.useEffect)(()=>{x(v||[])},[v]),(0,eh.useEffect)(()=>{w(_||[])},[_]),(0,ed.jsx)(ti.Card,{id:t,variant:n?"outlined":"borderless",size:i,hoverable:a,className:[o?"ant-card-shadow":void 0,c].filter(Boolean).join(" "),title:(null==r?void 0:r.length)&&!(null==d?void 0:d.length)?r:d?(0,ed.jsx)(tg,{ancestors:[...l,s],list:h,onListChange:e=>{s.children.title=e,p(e)}}):r,extra:f&&(0,ed.jsx)(tg,{ancestors:[...l,s],list:m,onListChange:e=>{s.children.extra=e,g(e)}}),actions:_&&[(0,ed.jsx)(tg,{ancestors:[...l,s],list:b,onListChange:e=>{s.children.actions=e,w(e)}})],styles:{header:{borderBottom:"none"}},style:u,children:v&&(0,ed.jsx)(tg,{ancestors:[...l,s],list:y,onListChange:e=>{Array.isArray(s.children)?s.children=e:s.children.body=e,x(e)}})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ed.jsx)(ti.Form.Item,{label:"标题",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"边框",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.bordered,onChange:e=>i("bordered",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"悬停效果",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.hoverable,onChange:e=>i("hoverable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"阴影",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.shadow,onChange:e=>i("shadow",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"default",children:"默认"}),(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"})]})})]})},defaultOptions:{props:{title:"标题",bordered:!0,hoverable:!0,shadow:!0,size:"default"},children:{title:[],extra:[],body:[],actions:[]}}},{group:"容器组件",key:"b-row",label:"栅格行",icon:"icon-grid-row",component:e=>{let{id:t,gutter:n,item:i,ancestors:r,style:a,className:o}=e,[s,l]=(0,eh.useState)(i.children||[]);return(0,eh.useEffect)(()=>{l(i.children||[])},[i.children]),(0,ed.jsx)(tg,{rootComponent:ti.Row,rootData:{id:t,gutter:n,style:i.style||a,className:i.className||o},item:i,ancestors:[...r,i],list:s,onListChange:e=>{i.children=e,l(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=t.gutter||[0,0];return(0,ed.jsxs)(ti.Form,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ed.jsx)(ti.Form.Item,{label:"列间距",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:r[0],min:0,step:4,onChange:e=>i("gutter",[e||0,r[1]])})}),(0,ed.jsx)(ti.Form.Item,{label:"行间距",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:r[1],min:0,step:4,onChange:e=>i("gutter",[r[0],e||0])})})]})},defaultOptions:{props:{gutter:[12,12]},children:[]}},{group:"容器组件",key:"b-col",label:"栅格列",icon:"icon-grid-columns",component:e=>{let{id:t,span:n=24,xs:i,sm:r,md:a,lg:o,xl:s,xxl:l,item:u,ancestors:c,style:d={},className:h}=e,{deviceWidth:p}=(0,eh.useContext)(ev),[f,m]=(0,eh.useState)(u.children||[]),g=(0,eh.useMemo)(()=>{let e=p||1600,t=null;return e<576&&i&&(t=i),e>=576&&r&&(t=r),e>=768&&a&&(t=a),e>=992&&o&&(t=o),e>=1200&&s&&(t=s),e>=1600&&l&&(t=l),t||n},[i,r,a,o,s,l,n,p]);return(0,eh.useEffect)(()=>{m(u.children||[])},[u.children]),(0,ed.jsx)(tg,{rootComponent:ti.Col,rootData:{id:t||u.id,span:g,style:{...u.style||{},...d},className:h},item:u,ancestors:[...c,u],list:f,onListChange:e=>{u.children=e,m(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ed.jsx)(ti.Form.Item,{label:"默认列数",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.span,min:0,max:24,step:4,onChange:e=>i("span",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["xs"," ",(0,ed.jsx)(ti.Tooltip,{title:"<576px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.xs,min:0,max:24,step:4,onChange:e=>i("xs",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["sm"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥576px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.sm,min:0,max:24,step:4,onChange:e=>i("sm",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["md"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥768px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.md,min:0,max:24,step:4,onChange:e=>i("md",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["lg"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥992px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.lg,min:0,max:24,step:4,onChange:e=>i("lg",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["xl"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥1200px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.xl,min:0,max:24,step:4,onChange:e=>i("xl",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["xxl"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥1600px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.xxl,min:0,max:24,step:4,onChange:e=>i("xxl",e||0)})})]})},defaultOptions:{props:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6,span:8},children:[]}},{group:"容器组件",key:"b-modal",label:"弹窗",icon:"icon-modal",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,...s}=e,{designable:l,selectedItem:u,setSelectedItem:c,initCallback:d,initMethod:h}=(0,eh.useContext)(ev),[p,f]=(0,eh.useState)(!1),[m,g]=(0,eh.useState)(n.children||[]),{handleEvent:v}=nb(n),y=()=>{f(!0)};(0,eh.useEffect)(()=>{g(n.children||[])},[n.children]),(0,eh.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[p]),(0,eh.useEffect)(()=>{d({id:n.id,callback:y}),h({id:n.id,method:{open:()=>f(!0),close:()=>f(!1)}})},[]);let x=[a,"drag-container","page-item-component",u===n?"selected":"",l?"designable":""].filter(Boolean).join(" ");return(0,ed.jsxs)(ed.Fragment,{children:[l&&(0,ed.jsxs)(mh,{id:p?void 0:t||n.id,onDoubleClick:()=>f(!0),className:x,children:["弹窗：",n.name,"（",n.id,"）"]}),(0,ed.jsx)(ti.Modal,{...s,open:p,onCancel:()=>f(!1),afterOpenChange:e=>{v(e?"open":"close")},getContainer:()=>l?document.querySelector(".page-canvas"):document.body,style:{...n.style||{},...r,paddingBottom:0},className:a,modalRender:e=>(0,ed.jsx)("div",{id:p?t||n.id:void 0,onClick:()=>c(n),children:e}),footer:o?void 0:null,children:(0,ed.jsx)(tg,{ancestors:[...i,n],list:m,onListChange:e=>{n.children=e,g(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,ed.jsx)(ti.Form.Item,{label:"标题",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"宽度",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:t.width,suffix:"px",onChange:e=>i("width",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"取消按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮类型",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"default",children:"默认"}),(0,ed.jsx)(ti.Radio.Button,{value:"primary",children:"主要"}),(0,ed.jsx)(ti.Radio.Button,{value:"dashed",children:"虚线"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"关闭按钮",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["ESC关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"是否支持键盘 esc 关闭",children:(0,ed.jsx)(nl,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"显示遮罩",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["遮罩关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"点击遮罩层是否允许关闭",children:(0,ed.jsx)(nl,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,ed.jsx)(ti.Divider,{children:"组件方法"}),(0,ed.jsx)(ti.Descriptions,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开模态框"},{key:"close",label:"close",children:"关闭模态框"}]})]})},defaultOptions:{props:{title:"标题",width:400,okType:"primary",okText:"确定",cancelText:"取消",maskClosable:!0,mask:!0,closable:!0,keyboard:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]},{group:"容器组件",key:"b-drawer",label:"抽屉",icon:"icon-drawer",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,okType:s="primary",okText:l="确定",cancelText:u="取消",resizable:c=!0,...d}=e,{designable:h,selectedItem:p,setSelectedItem:f,initCallback:m,initMethod:g}=(0,eh.useContext)(ev),[v,y]=(0,eh.useState)(!1),[x,_]=(0,eh.useState)(n.children||[]),[b,w]=(0,eh.useState)(d.size||400),{handleEvent:S}=nb(n),C=()=>{y(!0)};(0,eh.useEffect)(()=>{w(d.size||400)},[d.size]),(0,eh.useEffect)(()=>{_(n.children||[])},[n.children]),(0,eh.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[v]),(0,eh.useEffect)(()=>{m({id:n.id,callback:C}),g({id:n.id,method:{open:()=>y(!0),close:()=>y(!1)}})},[]);let j=[a,"drag-container","page-item-component",p===n?"selected":"",h?"designable":""].filter(Boolean).join(" ");return(0,ed.jsxs)(ed.Fragment,{children:[h&&(0,ed.jsxs)(mp,{id:v?void 0:t||n.id,onDoubleClick:()=>y(!0),className:j,children:["抽屉：",n.name,"（",n.id,"）"]}),(0,ed.jsx)(ti.Drawer,{...d,id:t||n.id,open:v,size:b,onClose:()=>y(!1),afterOpenChange:e=>{S(e?"open":"close")},getContainer:()=>h?document.querySelector(".page-canvas"):document.body,push:{distance:0},style:{...n.style||{},...r,paddingBottom:0},className:a,onClick:()=>f(n),footer:o?(0,ed.jsxs)(ti.Space,{children:[(0,ed.jsx)(ti.Button,{onClick:()=>y(!1),children:u}),(0,ed.jsx)(ti.Button,{type:s,children:l})]}):null,resizable:{onResize:w},children:(0,ed.jsx)(tg,{ancestors:[...i,n],list:x,onListChange:e=>{n.children=e,_(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,ed.jsx)(ti.Form.Item,{label:"标题",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"宽度",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:t.size,suffix:"px",onChange:e=>i("size",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"抽屉位置",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.placement,onChange:e=>i("placement",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"top",children:"顶部"}),(0,ed.jsx)(ti.Radio.Button,{value:"bottom",children:"底部"}),(0,ed.jsx)(ti.Radio.Button,{value:"left",children:"左侧"}),(0,ed.jsx)(ti.Radio.Button,{value:"right",children:"右侧"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"取消按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮类型",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"default",children:"默认"}),(0,ed.jsx)(ti.Radio.Button,{value:"primary",children:"主要"}),(0,ed.jsx)(ti.Radio.Button,{value:"dashed",children:"虚线"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"关闭按钮",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["ESC关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"是否支持键盘 esc 关闭",children:(0,ed.jsx)(nu,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"显示遮罩",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["遮罩关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"点击遮罩层是否允许关闭",children:(0,ed.jsx)(nu,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"可调整大小",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.resizable,onChange:e=>i("resizable",e)})}),(0,ed.jsx)(ti.Divider,{children:"组件方法"}),(0,ed.jsx)(ti.Descriptions,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开抽屉"},{key:"close",label:"close",children:"关闭抽屉"}]})]})},defaultOptions:{props:{title:"标题",size:400,placement:"right",okType:"primary",okText:"确定",cancelText:"取消",closable:!0,keyboard:!0,maskClosable:!0,mask:!0,resizable:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]}]})(),h})());
+  `;return(0,ed.jsx)("div",{id:t,className:(p||[]).join(" ")+" "+h,children:(0,ed.jsx)(g,{style:r,items:m,getContainer:()=>f?document.querySelector(".center > .body.beautified_scrollbar.always"):window,classNames:{item:(u||[]).join(" "),itemTitle:(c||[]).join(" "),indicator:(d||[]).join(" ")},styles:{item:{paddingTop:0,paddingBottom:0},itemTitle:{},indicator:{left:`${a||0}px !important`,width:`${s||2}px !important`}}})})},formComponent:e=>{var t;let{model:n,onChange:i}=e,{schema:r}=(0,eh.useContext)(ev),a=(e,t)=>i&&i({...n,[e]:t}),o=(e,t)=>{let i=[...n.items||[]];i[e]={...i[e],...t},a("items",i)},[s,l]=(0,eh.useState)(!1),[u,c]=(0,eh.useState)(null),d=null!=u&&(null==(t=n.items)?void 0:t[u])?n.items[u]:{title:"",href:"",key:""},h=[{title:"标题",dataIndex:"title",render:e=>(0,ed.jsx)("div",{dangerouslySetInnerHTML:{__html:e}})},{title:"操作",width:80,align:"center",render:(e,t,i)=>(0,ed.jsxs)(ti.Space,{children:[(0,ed.jsx)("a",{onClick:()=>{c(i),l(!0)},children:(0,ed.jsx)(te.EditOutlined,{})}),(0,ed.jsx)("a",{onClick:()=>{let e;(e=[...n.items||[]]).splice(i,1),a("items",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})]})}],p=(0,eh.useMemo)(()=>{let e=[],t=n=>{Array.isArray(n)&&n.forEach(n=>{e.push(n),Array.isArray(n.children)?t(n.children):"object"==typeof n.children&&n.children&&Object.keys(n.children).forEach(e=>t(n.children[e]))})};return t((null==r?void 0:r.items)||[]),e},[r]);return(0,ed.jsxs)("div",{children:[(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"线位置（left）",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.linePosition,suffix:"px",onChange:e=>a("linePosition",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"线颜色",children:(0,ed.jsx)(ti.ColorPicker,{size:"small",value:n.lineColor,onChange:e=>a("lineColor",e.toHexString()),allowClear:!0})}),(0,ed.jsx)(ti.Form.Item,{label:"线宽度",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.lineWidth,suffix:"px",onChange:e=>a("lineWidth",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"间距",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.gap,suffix:"px",onChange:e=>a("gap",e)})}),(0,ed.jsx)(ti.Divider,{style:{marginTop:10},children:"样式设置"}),(0,ed.jsx)(ti.Form.Item,{label:"根类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{size:"small",value:n.classNames,mode:"tags",onChange:e=>a("classNames",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"链接项类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{mode:"tags",size:"small",value:n.itemClassNames||[],onChange:e=>a("itemClassNames",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"标题文字类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{mode:"tags",size:"small",value:n.itemTitleClassNames||[],onChange:e=>a("itemTitleClassNames",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"指示器类名",layout:"vertical",labelCol:{span:24},wrapperCol:{span:24},children:(0,ed.jsx)(ti.Select,{mode:"tags",size:"small",value:n.indicatorClassNames||[],onChange:e=>a("indicatorClassNames",e)})})]}),(0,ed.jsx)(ti.Divider,{children:"锚点项设置"}),(0,ed.jsx)(ti.Table,{size:"small",dataSource:n.items,rowKey:(e,t)=>String(t),columns:h,pagination:!1,bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",onClick:()=>{a("items",[...n.items||[],{title:"",href:"",key:""}])},block:!0,children:"添加列"}),(0,ed.jsx)(ti.Modal,{title:"编辑列",open:s,footer:null,width:400,onCancel:()=>l(!1),children:(0,ed.jsxs)(ti.Form,{layout:"vertical",size:"small",children:[(0,ed.jsx)(ti.Form.Item,{label:"锚点内容",tooltip:"支持HTML标签",style:{marginBottom:10},children:(0,ed.jsx)(ti.Input.TextArea,{value:d.title,onChange:e=>o(u,{title:e.target.value})})}),(0,ed.jsx)(ti.Form.Item,{label:"锚点链接",style:{marginBottom:10},children:(0,ed.jsx)(ti.AutoComplete,{value:d.href,onChange:e=>o(u,{href:e}),options:p.map(e=>({value:e.id,label:e.name}))})})]})})]})},defaultOptions:{props:{items:[{href:"#item1",title:"<i class='icon-dict'></i>项目1"},{href:"#item2",title:"<i class='icon-dict'></i>项目2"},{href:"#item3",title:"<i class='icon-dict'></i>项目3"}],linePosition:10,lineColor:"rgba(5, 5, 5, 0.06)",lineWidth:2,gap:30,itemClassNames:[],itemTitleClassNames:[],indicatorClassNames:[]}}},{group:"表单组件",key:"b-input",label:"输入框",icon:"icon-form-input",component:e=>{let{id:t,var:n="",placeholder:i="",prefix:r,suffix:a,size:o,allowClear:s=!1,search:l=!1,item:u,value:c,onChange:d,onSearch:h,style:p={},className:f}=e,{handleCallback:m,setVar:g}=(0,eh.useContext)(ev),v=e=>{d&&d(e),u&&n&&g(u,n,e)};return l?(0,ed.jsx)(ti.Input.Search,{id:t,value:c,size:o,allowClear:s,placeholder:i,onChange:e=>v(e.target.value),onSearch:()=>{h&&h(c||""),m(u)},style:{...p},className:f}):(0,ed.jsx)(ti.Input,{id:t,value:c,size:o,allowClear:s,placeholder:i,prefix:"string"==typeof r?void 0:r,suffix:"string"==typeof a?void 0:a,onChange:e=>v(e.target.value),style:{...p},className:f})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"搜索框",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.search,onChange:e=>i("search",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"占位符",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),!t.search&&(0,ed.jsxs)(ed.Fragment,{children:[(0,ed.jsx)(ti.Form.Item,{label:"前缀",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.prefix,onChange:e=>i("prefix",e.target.value),placeholder:"请输入前缀"})}),(0,ed.jsx)(ti.Form.Item,{label:"后缀",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.suffix,onChange:e=>i("suffix",e.target.value),placeholder:"请输入后缀"})})]}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"清除图标",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,search:!1,prefix:"",suffix:"",placeholder:"请输入"},cascadeIds:[]}},{group:"表单组件",key:"b-input-number",label:"数字输入框",icon:"icon-form-input-number",component:e=>{let{id:t,var:n="",value:i,size:r,placeholder:a="请输入",min:o=0,max:s=Number.MAX_SAFE_INTEGER,step:l=1,precision:u=0,item:c,onChange:d,style:h={},className:p}=e,{handleCallback:f,setVar:m}=(0,eh.useContext)(ev);return(0,ed.jsx)(ti.InputNumber,{id:t,value:i,placeholder:a,size:r,min:o,max:s,step:l,precision:u,onChange:e=>{var t;return t=e??void 0,void(d&&d(t),c&&n&&m(c,n,t),f(c))},style:{width:"100%",...h},className:p})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"最小值",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.min,onChange:e=>i("min",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"最大值",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.max,onChange:e=>i("max",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"步长",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.step,onChange:e=>i("step",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,prefix:"",suffix:"",placeholder:"请输入",step:1,min:0,max:100,precision:0},cascadeIds:[]}},{group:"表单组件",key:"b-select",label:"选择框",icon:"icon-form-select",component:e=>{let{id:t,var:n="",size:i,placeholder:r="请选择",allowClear:a=!1,multiple:o=!1,options:s=[],item:l,value:u,onChange:c,style:d={},className:h}=e,{handleCallback:p,setVar:f}=(0,eh.useContext)(ev);return(0,ed.jsx)(ti.Select,{id:t,value:u,size:i,placeholder:r,allowClear:a,mode:o?"multiple":void 0,options:s,onChange:e=>{c&&c(e),l&&n&&f(l,n,e),p(l)},style:{width:"100%",...d},className:h})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,ed.jsx)(ti.Space,{children:(0,ed.jsx)(ti.Button,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})})}];return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"占位符",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.placeholder,onChange:e=>i("placeholder",e.target.value),placeholder:"请输入占位符"})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"清除图标",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"多选",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.multiple,onChange:e=>i("multiple",e)})}),(0,ed.jsxs)(ti.Form.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ed.jsx)(ti.Table,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-capsule",label:"胶囊选择器",icon:"icon-form-capsule",component:e=>{let{id:t,var:n="",size:i="middle",options:r=[],item:a,onChange:o,style:s,className:l}=e,{handleCallback:u,setVar:c}=(0,eh.useContext)(ev);return(0,ed.jsx)("span",{id:t,children:(0,ed.jsx)(ti.Radio.Group,{id:t,size:i,buttonStyle:"solid",onChange:e=>{var t;return t=e.target.value,void(o&&o(t),a&&n&&c(a,n,t),u(a))},style:s,className:l,children:r.map(e=>(0,ed.jsx)(ti.Radio.Button,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,ed.jsx)(ti.Space,{children:(0,ed.jsx)(ti.Button,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})})}];return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsxs)(ti.Form.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ed.jsx)(ti.Table,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-checkbox",label:"复选框",icon:"icon-form-checkbox",component:e=>{let{id:t,var:n="",layout:i="horizontal",lineNumber:r=3,options:a=[],item:o,onChange:s,style:l,className:u}=e,{handleCallback:c,setVar:d}=(0,eh.useContext)(ev),h={...l,display:"grid"===i?"grid":"flex",gap:"grid"===i?void 0:"8px",flexDirection:"vertical"===i?"column":"row",gridTemplateColumns:"grid"===i?`repeat(${r}, 1fr)`:void 0};return(0,ed.jsx)("span",{id:t,children:(0,ed.jsx)(ti.Checkbox.Group,{onChange:e=>{s&&s(e),o&&n&&d(o,n,e),c(o)},style:h,className:u,children:a.map(e=>(0,ed.jsx)(ti.Checkbox,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=(e,n,r)=>{let a=[...t.options||[]];a[e]={...a[e],[n]:r},i("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.label,onChange:e=>r(n,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,n)=>(0,ed.jsx)(ti.Input,{size:"small",value:t.value,onChange:e=>r(n,"value",e.target.value)})},{title:"操作",render:(e,n,r)=>(0,ed.jsx)(ti.Space,{children:(0,ed.jsx)(ti.Button,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),i("options",e)},children:(0,ed.jsx)(te.DeleteOutlined,{})})})}];return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"布局",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.layout,onChange:e=>i("layout",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"horizontal",children:"水平"}),(0,ed.jsx)(ti.Radio.Button,{value:"vertical",children:"垂直"}),(0,ed.jsx)(ti.Radio.Button,{value:"grid",children:"网格"})]})}),"grid"===t.layout&&(0,ed.jsx)(ti.Form.Item,{label:"网格行数",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.lineNumber,onChange:e=>i("lineNumber",e),min:1,max:10})}),(0,ed.jsxs)(ti.Form.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ed.jsx)(ti.Table,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ed.jsx)(ti.Button,{size:"small",block:!0,onClick:()=>{i("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",layout:"horizontal",lineNumber:3,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-date-picker",label:"日期选择器",icon:"icon-form-date-picker",component:e=>{let{id:t,var:n="",size:i,allowClear:r=!1,type:a="date",showTime:o=!1,value:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,eh.useContext)(ev),f=e=>{u&&u(e),l&&n&&p(l,n,e),h(l)};if("time"===a){let e="string"==typeof s&&s?md()(s,"HH:mm"):void 0;return(0,ed.jsx)(ti.TimePicker,{id:t,value:e,format:"HH:mm",placeholder:"请选择时间",size:i,allowClear:r,onChange:e=>f(e?e.format("HH:mm"):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("month"===a||"year"===a){let e="month"===a?"YYYY-MM":"YYYY",n="string"==typeof s&&s?md()(s,e):void 0;return(0,ed.jsx)(ti.DatePicker,{id:t,picker:a,value:n,format:e,placeholder:"month"===a?"请选择月份":"请选择年份",size:i,allowClear:r,onChange:t=>f(t?t.format(e):void 0),onPanelChange:t=>f(t?t.format(e):void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}if("range"===a){let e=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",n=Array.isArray(s)&&s[0]?md()(s[0],e):void 0,a=Array.isArray(s)&&s[1]?md()(s[1],e):void 0;return(0,ed.jsx)(ti.DatePicker.RangePicker,{id:t,value:[n,a],format:e,placeholder:["开始日期","结束日期"],size:i,allowClear:r,showTime:o,onChange:t=>f(t&&t[0]&&t[1]?[t[0].format(e),t[1].format(e)]:void 0),style:{...(null==l?void 0:l.style)||{},...c},className:d})}let m=o?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",g="string"==typeof s&&s?md()(s,m):void 0;return(0,ed.jsx)(ti.DatePicker,{id:t,value:g,format:m,placeholder:"请选择日期",size:i,allowClear:r,showTime:o,style:{...(null==l?void 0:l.style)||{},...c},className:d,onChange:e=>f(e?e.format(m):void 0)})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>i("var",e.target.value),placeholder:"请输入变量名"})}),(0,ed.jsx)(ti.Form.Item,{label:"类型",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.type,onChange:e=>i("type",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"date",children:"日期"}),(0,ed.jsx)(ti.Radio.Button,{value:"time",children:"时间"}),(0,ed.jsx)(ti.Radio.Button,{value:"month",children:"月份"}),(0,ed.jsx)(ti.Radio.Button,{value:"year",children:"年份"}),(0,ed.jsx)(ti.Radio.Button,{value:"range",children:"日期范围"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"清除图标",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.allowClear,onChange:e=>i("allowClear",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"显示时间",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.showTime,onChange:e=>i("showTime",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,showTime:!1,type:"date"},cascadeIds:[]}},{group:"表单组件",key:"b-switch",label:"开关",icon:"icon-form-switch",component:e=>{let{id:t,var:n="",checked:i,disabled:r,size:a="default",checkedChildren:o,unCheckedChildren:s,item:l,onChange:u,style:c={},className:d}=e,{handleCallback:h,setVar:p}=(0,eh.useContext)(ev);return(0,ed.jsx)("span",{children:(0,ed.jsx)(ti.Switch,{id:t,checked:i,disabled:r,size:"small"===a?"small":void 0,checkedChildren:o,unCheckedChildren:s,onChange:e=>{u&&u(e),l&&n&&p(l,n,e),h(l)},style:c,className:d})})},formComponent:e=>{let{model:t,onChange:n}=e;return(0,ed.jsx)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:(0,ed.jsx)(ti.Form.Item,{label:"变量名",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.var,onChange:e=>{let i;return i=e.target.value,n&&n({...t,var:i})},placeholder:"请输入变量名"})})})},defaultOptions:{props:{var:"",size:"default",checkedChildren:"开",unCheckedChildren:"关"},cascadeIds:[]}},{group:"容器组件",key:"b-space",label:"容器",icon:"icon-space",component:e=>{let{id:t,align:n="start",size:i="small",direction:r="horizontal",item:a,ancestors:o,style:s={},className:l}=e,[u,c]=(0,eh.useState)(a.children||[]),d=(0,eh.useMemo)(()=>({...s,...a.style||{},alignItems:n,flexDirection:r,gap:i}),[a,n,i,r]);return(0,eh.useEffect)(()=>{c(a.children||[])},[a.children]),(0,ed.jsx)(tg,{rootComponent:ti.Space,rootData:{id:t,style:d,className:l},item:a,ancestors:[...o,a],list:u,onListChange:e=>{a.children=e,c(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ed.jsx)(ti.Form.Item,{label:"方向",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.direction,onChange:e=>i("direction",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"horizontal",children:"水平"}),(0,ed.jsx)(ti.Radio.Button,{value:"vertical",children:"垂直"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"}),(0,ed.jsx)(ti.Radio.Button,{value:"middle",children:"中"}),(0,ed.jsx)(ti.Radio.Button,{value:"large",children:"大"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"对齐",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.align,onChange:e=>i("align",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"start",children:"开始"}),(0,ed.jsx)(ti.Radio.Button,{value:"end",children:"结束"}),(0,ed.jsx)(ti.Radio.Button,{value:"center",children:"居中"}),(0,ed.jsx)(ti.Radio.Button,{value:"baseline",children:"基线"})]})})]})},defaultOptions:{props:{align:"flex-start",direction:"row",size:"8px"},children:[]}},{group:"容器组件",key:"b-card",label:"卡片",icon:"icon-card",component:e=>{let{id:t,bordered:n=!1,size:i="default",title:r,hoverable:a=!1,shadow:o=!0,item:s,ancestors:l,style:u,className:c}=e,d=(0,eh.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.title||[],[s]),[h,p]=(0,eh.useState)(d||[]),f=(0,eh.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.extra||[],[s]),[m,g]=(0,eh.useState)(f||[]),v=(0,eh.useMemo)(()=>s.children?Array.isArray(s.children)?s.children:"object"!=typeof s.children?null:s.children.body||[]:null,[s]),[y,x]=(0,eh.useState)(v||[]),_=(0,eh.useMemo)(()=>!s.children||Array.isArray(s.children)||"object"!=typeof s.children?null:s.children.actions||[],[s]),[b,w]=(0,eh.useState)(_||[]);return(0,eh.useEffect)(()=>{p(d||[])},[d]),(0,eh.useEffect)(()=>{g(f||[])},[f]),(0,eh.useEffect)(()=>{x(v||[])},[v]),(0,eh.useEffect)(()=>{w(_||[])},[_]),(0,ed.jsx)(ti.Card,{id:t,variant:n?"outlined":"borderless",size:i,hoverable:a,className:[o?"ant-card-shadow":void 0,c].filter(Boolean).join(" "),title:(null==r?void 0:r.length)&&!(null==d?void 0:d.length)?r:d?(0,ed.jsx)(tg,{ancestors:[...l,s],list:h,onListChange:e=>{s.children.title=e,p(e)}}):r,extra:f&&(0,ed.jsx)(tg,{ancestors:[...l,s],list:m,onListChange:e=>{s.children.extra=e,g(e)}}),actions:_&&[(0,ed.jsx)(tg,{ancestors:[...l,s],list:b,onListChange:e=>{s.children.actions=e,w(e)}})],styles:{header:{borderBottom:"none"}},style:u,children:v&&(0,ed.jsx)(tg,{ancestors:[...l,s],list:y,onListChange:e=>{Array.isArray(s.children)?s.children=e:s.children.body=e,x(e)}})})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ed.jsx)(ti.Form.Item,{label:"标题",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"边框",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.bordered,onChange:e=>i("bordered",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"悬停效果",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.hoverable,onChange:e=>i("hoverable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"阴影",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:!!t.shadow,onChange:e=>i("shadow",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"大小",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"default",children:"默认"}),(0,ed.jsx)(ti.Radio.Button,{value:"small",children:"小"})]})})]})},defaultOptions:{props:{title:"标题",bordered:!0,hoverable:!0,shadow:!0,size:"default"},children:{title:[],extra:[],body:[],actions:[]}}},{group:"容器组件",key:"b-row",label:"栅格行",icon:"icon-grid-row",component:e=>{let{id:t,gutter:n,item:i,ancestors:r,style:a,className:o}=e,[s,l]=(0,eh.useState)(i.children||[]);return(0,eh.useEffect)(()=>{l(i.children||[])},[i.children]),(0,ed.jsx)(tg,{rootComponent:ti.Row,rootData:{id:t,gutter:n,style:i.style||a,className:i.className||o},item:i,ancestors:[...r,i],list:s,onListChange:e=>{i.children=e,l(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i}),r=t.gutter||[0,0];return(0,ed.jsxs)(ti.Form,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ed.jsx)(ti.Form.Item,{label:"列间距",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:r[0],min:0,step:4,onChange:e=>i("gutter",[e||0,r[1]])})}),(0,ed.jsx)(ti.Form.Item,{label:"行间距",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:r[1],min:0,step:4,onChange:e=>i("gutter",[r[0],e||0])})})]})},defaultOptions:{props:{gutter:[12,12]},children:[]}},{group:"容器组件",key:"b-col",label:"栅格列",icon:"icon-grid-columns",component:e=>{let{id:t,span:n=24,xs:i,sm:r,md:a,lg:o,xl:s,xxl:l,item:u,ancestors:c,style:d={},className:h}=e,{deviceWidth:p}=(0,eh.useContext)(ev),[f,m]=(0,eh.useState)(u.children||[]),g=(0,eh.useMemo)(()=>{let e=p||1600,t=null;return e<576&&i&&(t=i),e>=576&&r&&(t=r),e>=768&&a&&(t=a),e>=992&&o&&(t=o),e>=1200&&s&&(t=s),e>=1600&&l&&(t=l),t||n},[i,r,a,o,s,l,n,p]);return(0,eh.useEffect)(()=>{m(u.children||[])},[u.children]),(0,ed.jsx)(tg,{rootComponent:ti.Col,rootData:{id:t||u.id,span:g,style:{...u.style||{},...d},className:h},item:u,ancestors:[...c,u],list:f,onListChange:e=>{u.children=e,m(e)}})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ed.jsx)(ti.Form.Item,{label:"默认列数",children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.span,min:0,max:24,step:4,onChange:e=>i("span",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["xs"," ",(0,ed.jsx)(ti.Tooltip,{title:"<576px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.xs,min:0,max:24,step:4,onChange:e=>i("xs",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["sm"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥576px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.sm,min:0,max:24,step:4,onChange:e=>i("sm",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["md"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥768px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.md,min:0,max:24,step:4,onChange:e=>i("md",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["lg"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥992px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.lg,min:0,max:24,step:4,onChange:e=>i("lg",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["xl"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥1200px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.xl,min:0,max:24,step:4,onChange:e=>i("xl",e||0)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["xxl"," ",(0,ed.jsx)(ti.Tooltip,{title:"≥1600px 响应式栅格",children:(0,ed.jsx)(ns,{})})]}),children:(0,ed.jsx)(ti.InputNumber,{size:"small",value:t.xxl,min:0,max:24,step:4,onChange:e=>i("xxl",e||0)})})]})},defaultOptions:{props:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6,span:8},children:[]}},{group:"容器组件",key:"b-modal",label:"弹窗",icon:"icon-modal",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,...s}=e,{designable:l,selectedItem:u,setSelectedItem:c,initCallback:d,initMethod:h}=(0,eh.useContext)(ev),[p,f]=(0,eh.useState)(!1),[m,g]=(0,eh.useState)(n.children||[]),{handleEvent:v}=nb(n),y=()=>{f(!0)};(0,eh.useEffect)(()=>{g(n.children||[])},[n.children]),(0,eh.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[p]),(0,eh.useEffect)(()=>{d({id:n.id,callback:y}),h({id:n.id,method:{open:()=>f(!0),close:()=>f(!1)}})},[]);let x=[a,"drag-container","page-item-component",u===n?"selected":"",l?"designable":""].filter(Boolean).join(" ");return(0,ed.jsxs)(ed.Fragment,{children:[l&&(0,ed.jsxs)(mh,{id:p?void 0:t||n.id,onDoubleClick:()=>f(!0),className:x,children:["弹窗：",n.name,"（",n.id,"）"]}),(0,ed.jsx)(ti.Modal,{...s,open:p,onCancel:()=>f(!1),afterOpenChange:e=>{v(e?"open":"close")},getContainer:()=>l?document.querySelector(".page-canvas"):document.body,style:{...n.style||{},...r,paddingBottom:0},className:a,modalRender:e=>(0,ed.jsx)("div",{id:p?t||n.id:void 0,onClick:()=>c(n),children:e}),footer:o?void 0:null,children:(0,ed.jsx)(tg,{ancestors:[...i,n],list:m,onListChange:e=>{n.children=e,g(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,ed.jsx)(ti.Form.Item,{label:"标题",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"宽度",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:t.width,suffix:"px",onChange:e=>i("width",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"取消按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮类型",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"default",children:"默认"}),(0,ed.jsx)(ti.Radio.Button,{value:"primary",children:"主要"}),(0,ed.jsx)(ti.Radio.Button,{value:"dashed",children:"虚线"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"关闭按钮",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["ESC关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"是否支持键盘 esc 关闭",children:(0,ed.jsx)(nl,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"显示遮罩",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["遮罩关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"点击遮罩层是否允许关闭",children:(0,ed.jsx)(nl,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,ed.jsx)(ti.Divider,{children:"组件方法"}),(0,ed.jsx)(ti.Descriptions,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开模态框"},{key:"close",label:"close",children:"关闭模态框"}]})]})},defaultOptions:{props:{title:"标题",width:400,okType:"primary",okText:"确定",cancelText:"取消",maskClosable:!0,mask:!0,closable:!0,keyboard:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]},{group:"容器组件",key:"b-drawer",label:"抽屉",icon:"icon-drawer",component:e=>{let{id:t,item:n,ancestors:i,style:r={},className:a,footer:o=!0,okType:s="primary",okText:l="确定",cancelText:u="取消",resizable:c=!0,...d}=e,{designable:h,selectedItem:p,setSelectedItem:f,initCallback:m,initMethod:g}=(0,eh.useContext)(ev),[v,y]=(0,eh.useState)(!1),[x,_]=(0,eh.useState)(n.children||[]),[b,w]=(0,eh.useState)(d.size||400),{handleEvent:S}=nb(n),C=()=>{y(!0)};(0,eh.useEffect)(()=>{w(d.size||400)},[d.size]),(0,eh.useEffect)(()=>{_(n.children||[])},[n.children]),(0,eh.useEffect)(()=>{setTimeout(()=>{(()=>{let e=document.getElementById("page-item-toolbar");if(!e)return;let t=document.getElementById(`page-item-${n.id}`);if(!t)return;let i=t.getBoundingClientRect();if(0===i.width&&0===i.height){e.style.display="none";return}e.style.display="flex";let r=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,a=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;e.style.top=`${i.top+r-22}px`,e.style.left=`${i.left+a-1}px`})()},0)},[v]),(0,eh.useEffect)(()=>{m({id:n.id,callback:C}),g({id:n.id,method:{open:()=>y(!0),close:()=>y(!1)}})},[]);let j=[a,"drag-container","page-item-component",p===n?"selected":"",h?"designable":""].filter(Boolean).join(" ");return(0,ed.jsxs)(ed.Fragment,{children:[h&&(0,ed.jsxs)(mp,{id:v?void 0:t||n.id,onDoubleClick:()=>y(!0),className:j,children:["抽屉：",n.name,"（",n.id,"）"]}),(0,ed.jsx)(ti.Drawer,{...d,id:t||n.id,open:v,size:b,onClose:()=>y(!1),afterOpenChange:e=>{S(e?"open":"close")},getContainer:()=>h?document.querySelector(".page-canvas"):document.body,push:{distance:0},style:{...n.style||{},...r,paddingBottom:0},className:a,onClick:()=>f(n),footer:o?(0,ed.jsxs)(ti.Space,{children:[(0,ed.jsx)(ti.Button,{onClick:()=>y(!1),children:u}),(0,ed.jsx)(ti.Button,{type:s,children:l})]}):null,resizable:{onResize:w},children:(0,ed.jsx)(tg,{ancestors:[...i,n],list:x,onListChange:e=>{n.children=e,_(e)}})})]})},formComponent:e=>{let{model:t,onChange:n}=e,i=(e,i)=>n&&n({...t,[e]:i});return(0,ed.jsxs)(ti.Form,{labelCol:{span:8},wrapperCol:{span:16},children:[(0,ed.jsx)(ti.Form.Item,{label:"标题",children:(0,ed.jsx)(ti.Input,{size:"small",value:t.title,onChange:e=>i("title",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"宽度",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:t.size,suffix:"px",onChange:e=>i("size",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"抽屉位置",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.placement,onChange:e=>i("placement",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"top",children:"顶部"}),(0,ed.jsx)(ti.Radio.Button,{value:"bottom",children:"底部"}),(0,ed.jsx)(ti.Radio.Button,{value:"left",children:"左侧"}),(0,ed.jsx)(ti.Radio.Button,{value:"right",children:"右侧"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.okText,onChange:e=>i("okText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"取消按钮文字",children:(0,ed.jsx)(ti.Input,{size:"small",style:{width:"100px"},value:t.cancelText,onChange:e=>i("cancelText",e.target.value)})}),(0,ed.jsx)(ti.Form.Item,{label:"确认按钮类型",children:(0,ed.jsxs)(ti.Radio.Group,{size:"small",value:t.okType,onChange:e=>i("okType",e.target.value),children:[(0,ed.jsx)(ti.Radio.Button,{value:"default",children:"默认"}),(0,ed.jsx)(ti.Radio.Button,{value:"primary",children:"主要"}),(0,ed.jsx)(ti.Radio.Button,{value:"dashed",children:"虚线"})]})}),(0,ed.jsx)(ti.Form.Item,{label:"关闭按钮",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.closable,onChange:e=>i("closable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["ESC关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"是否支持键盘 esc 关闭",children:(0,ed.jsx)(nu,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.keyboard,onChange:e=>i("keyboard",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"显示遮罩",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.mask,onChange:e=>i("mask",e)})}),(0,ed.jsx)(ti.Form.Item,{label:(0,ed.jsxs)(ed.Fragment,{children:["遮罩关闭"," ",(0,ed.jsx)(ti.Tooltip,{title:"点击遮罩层是否允许关闭",children:(0,ed.jsx)(nu,{})})]}),children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.maskClosable,onChange:e=>i("maskClosable",e)})}),(0,ed.jsx)(ti.Form.Item,{label:"可调整大小",children:(0,ed.jsx)(ti.Switch,{size:"small",checked:t.resizable,onChange:e=>i("resizable",e)})}),(0,ed.jsx)(ti.Divider,{children:"组件方法"}),(0,ed.jsx)(ti.Descriptions,{size:"small",column:1,items:[{key:"open",label:"open",children:"打开抽屉"},{key:"close",label:"close",children:"关闭抽屉"}]})]})},defaultOptions:{props:{title:"标题",size:400,placement:"right",okType:"primary",okText:"确定",cancelText:"取消",closable:!0,keyboard:!0,maskClosable:!0,mask:!0,resizable:!0,footer:!1},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]}]})(),h})());

package/package.json

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

package/src/components/plugins/@antd/item-props/AnchorProps.tsx

@@ -134,6 +134,19 @@ export const AnchorProps: React.FC<PropEditorProps<AnchorRenderProps>> = ({
         </Form.Item>
 
         <Divider style={{ marginTop: 10 }}>样式设置</Divider>
+        <Form.Item
+          label="根类名"
+          layout="vertical"
+          labelCol={{ span: 24 }}
+          wrapperCol={{ span: 24 }}
+        >
+          <Select
+            size="small"
+            value={model.classNames}
+            mode="tags"
+            onChange={(value) => trigger("classNames", value)}
+          />
+        </Form.Item>
         <Form.Item
           label="链接项类名"
           layout="vertical"

package/src/components/plugins/@antd/items/AnchorRender.tsx

@@ -23,6 +23,7 @@ export type AnchorRenderProps = {
   itemClassNames?: string[];
   itemTitleClassNames?: string[];
   indicatorClassNames?: string[];
+  classNames?: string[];
 } & HtmlBaseProps;
 
 /**
@@ -49,6 +50,7 @@ export const AnchorRender: React.FC<AnchorRenderProps> = ({
   itemTitleClassNames = [],
   indicatorClassNames = [],
   className,
+  classNames = [],
 }) => {
   const { designable } = useContext(PageContext);
   const anchorItems = useMemo(
@@ -79,7 +81,7 @@ export const AnchorRender: React.FC<AnchorRenderProps> = ({
   `;
 
   return (
-    <div id={id} className={className}>
+    <div id={id} className={(classNames || []).join(" ") + (" " + className || "")}>
       <StyledAnchor
         style={style}
         items={anchorItems}