bi-sdk-react 0.0.75 → 0.0.76

package/dist/types/components/plugins/@antd/item-props/DrawerProps.d.ts

@@ -13,6 +13,7 @@ export type DrawerModel = {
     mask?: boolean;
     maskClosable?: boolean;
     footer?: boolean;
+    zIndex?: number;
 };
 /**
  * 抽屉属性编辑器

package/dist/types/components/plugins/@antd/item-props/ModalProps.d.ts

@@ -11,6 +11,7 @@ export type ModalModel = {
     mask?: boolean;
     maskClosable?: boolean;
     footer?: boolean;
+    zIndex?: number;
 };
 /**
  * 模态框属性编辑器

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

@@ -14,6 +14,7 @@ export type DrawerRenderProps = {
     maskClosable?: boolean;
     resizable?: boolean;
     footer?: boolean;
+    zIndex?: number;
     ancestors: SchemaItemType[];
 } & HtmlBaseProps;
 export declare const DrawerRender: React.FC<DrawerRenderProps>;

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

@@ -12,6 +12,7 @@ export type ModalRenderProps = {
     mask?: boolean;
     maskClosable?: boolean;
     footer?: boolean;
+    zIndex?: number;
     ancestors: SchemaItemType[];
 } & HtmlBaseProps;
 export declare const ModalRender: React.FC<ModalRenderProps>;

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

@@ -1309,4 +1309,4 @@ return {
     div.ant-anchor-link + div.ant-anchor-link {
       margin-top: ${s||30}px;
     }
-  `;return(0,ed.jsx)("div",{id:t,className:(p||[]).join(" ")+" "+h,children:(0,ed.jsx)(g,{style:i,items:m,offsetTop:l,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:`${r||0}px !important`,width:`${o||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.Form.Item,{label:"顶部偏移量",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.offsetTop,suffix:"px",onChange:e=>a("offsetTop",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),{handleEvent:v}=nb(u),y=e=>{d&&d(e),u&&n&&g(u,n,e),v("change",e)};return l?(0,ed.jsx)(ti.Input.Search,{id:t,value:c,size:o,allowClear:s,placeholder:i,onChange:e=>y(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=>y(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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:g}=nb(c);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),g("change",t))},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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:m}=nb(l);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),m("change",e)},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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:d}=nb(a);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),d("change",t))},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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:h}=nb(o),p={...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),h("change",e)},style:p,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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:f}=nb(l),m=e=>{u&&u(e),l&&n&&p(l,n,e),h(l),f("change",e)};if("time"===a){let e="string"==typeof s&&s?m_()(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=>m(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?m_()(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=>m(t?t.format(e):void 0),onPanelChange:t=>m(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]?m_()(s[0],e):void 0,a=Array.isArray(s)&&s[1]?m_()(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=>m(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",v="string"==typeof s&&s?m_()(s,g):void 0;return(0,ed.jsx)(ti.DatePicker,{id:t,value:v,format:g,placeholder:"请选择日期",size:i,allowClear:r,showTime:o,style:{...(null==l?void 0:l.style)||{},...c},className:d,onChange:e=>m(e?e.format(g):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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:f}=nb(l);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),f("change",e)},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:[]},events:[{name:"内容变化",handler:"change"}]},{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)(tv,{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)(tv,{ancestors:[...l,s],list:h,onListChange:e=>{s.children.title=e,p(e)}}):r,extra:f&&(0,ed.jsx)(tv,{ancestors:[...l,s],list:m,onListChange:e=>{s.children.extra=e,g(e)}}),actions:_&&[(0,ed.jsx)(tv,{ancestors:[...l,s],list:b,onListChange:e=>{s.children.actions=e,w(e)}})],styles:{header:{borderBottom:"none"}},style:u,children:v&&(0,ed.jsx)(tv,{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)(tv,{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)(tv,{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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(mb,{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)(tv,{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)(nv,{})})]}),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)(nv,{})})]}),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)(mw,{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)(tv,{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)(ny,{})})]}),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)(ny,{})})]}),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:i,items:m,offsetTop:l,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:`${r||0}px !important`,width:`${o||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.Form.Item,{label:"顶部偏移量",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:n.offsetTop,suffix:"px",onChange:e=>a("offsetTop",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),{handleEvent:v}=nb(u),y=e=>{d&&d(e),u&&n&&g(u,n,e),v("change",e)};return l?(0,ed.jsx)(ti.Input.Search,{id:t,value:c,size:o,allowClear:s,placeholder:i,onChange:e=>y(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=>y(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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:g}=nb(c);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),g("change",t))},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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:m}=nb(l);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),m("change",e)},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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:d}=nb(a);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),d("change",t))},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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:h}=nb(o),p={...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),h("change",e)},style:p,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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:f}=nb(l),m=e=>{u&&u(e),l&&n&&p(l,n,e),h(l),f("change",e)};if("time"===a){let e="string"==typeof s&&s?m_()(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=>m(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?m_()(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=>m(t?t.format(e):void 0),onPanelChange:t=>m(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]?m_()(s[0],e):void 0,a=Array.isArray(s)&&s[1]?m_()(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=>m(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",v="string"==typeof s&&s?m_()(s,g):void 0;return(0,ed.jsx)(ti.DatePicker,{id:t,value:v,format:g,placeholder:"请选择日期",size:i,allowClear:r,showTime:o,style:{...(null==l?void 0:l.style)||{},...c},className:d,onChange:e=>m(e?e.format(g):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:[]},events:[{name:"内容变化",handler:"change"}]},{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),{handleEvent:f}=nb(l);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),f("change",e)},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:[]},events:[{name:"内容变化",handler:"change"}]},{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)(tv,{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)(tv,{ancestors:[...l,s],list:h,onListChange:e=>{s.children.title=e,p(e)}}):r,extra:f&&(0,ed.jsx)(tv,{ancestors:[...l,s],list:m,onListChange:e=>{s.children.extra=e,g(e)}}),actions:_&&[(0,ed.jsx)(tv,{ancestors:[...l,s],list:b,onListChange:e=>{s.children.actions=e,w(e)}})],styles:{header:{borderBottom:"none"}},style:u,children:v&&(0,ed.jsx)(tv,{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)(tv,{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)(tv,{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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(ng,{})})]}),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)(mb,{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)(tv,{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:"Z轴",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:t.zIndex||1e3,onChange:e=>i("zIndex",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)(nv,{})})]}),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)(nv,{})})]}),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,zIndex:1e3},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)(mw,{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)(tv,{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:"Z轴",children:(0,ed.jsx)(ti.InputNumber,{size:"small",style:{width:"100px"},value:t.zIndex||1e3,onChange:e=>i("zIndex",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)(ny,{})})]}),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)(ny,{})})]}),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,zIndex:1e3},children:[]},events:[{name:"打开",handler:"open"},{name:"关闭",handler:"close"}]}]})(),h})());

package/package.json

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

package/src/components/plugins/@antd/index.ts

@@ -495,6 +495,7 @@ export const ModalPlugin: PluginType = {
       closable: true,
       keyboard: true,
       footer: false,
+      zIndex: 1000,
     },
     children: [],
   },
@@ -525,6 +526,7 @@ export const DrawerPlugin: PluginType = {
       mask: true,
       resizable: true,
       footer: false,
+      zIndex: 1000,
     },
     children: [],
   },

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

@@ -1,5 +1,14 @@
 import { InfoCircleOutlined } from "@ant-design/icons";
-import { Descriptions, Divider, Form, Input, InputNumber, Radio, Switch, Tooltip } from "antd";
+import {
+  Descriptions,
+  Divider,
+  Form,
+  Input,
+  InputNumber,
+  Radio,
+  Switch,
+  Tooltip,
+} from "antd";
 import React from "react";
 import styled from "styled-components";
 import type { PropEditorProps } from "./types";
@@ -23,6 +32,7 @@ export type DrawerModel = {
   mask?: boolean;
   maskClosable?: boolean;
   footer?: boolean;
+  zIndex?: number;
 };
 
 /**
@@ -53,6 +63,14 @@ export const DrawerProps: React.FC<PropEditorProps<DrawerModel>> = ({
           onChange={(v) => trigger("size", v)}
         />
       </Form.Item>
+      <Form.Item label="Z轴">
+        <InputNumber
+          size="small"
+          style={{ width: "100px" }}
+          value={model.zIndex || 1000}
+          onChange={(v) => trigger("zIndex", v)}
+        />
+      </Form.Item>
       <Form.Item label="抽屉位置">
         <Radio.Group
           size="small"

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

@@ -21,6 +21,7 @@ export type ModalModel = {
   mask?: boolean;
   maskClosable?: boolean;
   footer?: boolean;
+  zIndex?: number;
 };
 
 /**
@@ -51,6 +52,14 @@ export const ModalProps: React.FC<PropEditorProps<ModalModel>> = ({
           onChange={(v) => trigger("width", v)}
         />
       </Form.Item>
+      <Form.Item label="Z轴">
+        <InputNumber
+          size="small"
+          style={{ width: "100px" }}
+          value={model.zIndex || 1000}
+          onChange={(v) => trigger("zIndex", v)}
+        />
+      </Form.Item>
       <Form.Item label="确认按钮文字">
         <Input
           size="small"

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

@@ -30,6 +30,7 @@ export type DrawerRenderProps = {
   maskClosable?: boolean;
   resizable?: boolean;
   footer?: boolean;
+  zIndex?: number;
   ancestors: SchemaItemType[];
 } & HtmlBaseProps;
 

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

@@ -28,6 +28,7 @@ export type ModalRenderProps = {
   mask?: boolean;
   maskClosable?: boolean;
   footer?: boolean;
+  zIndex?: number;
   ancestors: SchemaItemType[];
 } & HtmlBaseProps;