bi-sdk-react 0.0.74 → 0.0.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/js/bi-sdk.es.js +29 -29
- package/dist/types/components/plugins/@antd/item-props/DrawerProps.d.ts +1 -0
- package/dist/types/components/plugins/@antd/item-props/ModalProps.d.ts +1 -0
- package/dist/types/components/plugins/@antd/items/DrawerRender.d.ts +1 -0
- package/dist/types/components/plugins/@antd/items/ModalRender.d.ts +1 -0
- package/dist/umd/js/bi-sdk.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/panel/ComponentPanel.tsx +2 -0
- package/src/components/plugins/@antd/index.ts +2 -0
- package/src/components/plugins/@antd/item-props/DrawerProps.tsx +19 -1
- package/src/components/plugins/@antd/item-props/ModalProps.tsx +9 -0
- package/src/components/plugins/@antd/items/DrawerRender.tsx +1 -0
- package/src/components/plugins/@antd/items/ModalRender.tsx +1 -0
|
@@ -742,7 +742,7 @@
|
|
|
742
742
|
overflow: hidden;
|
|
743
743
|
font-size: 12px;
|
|
744
744
|
}
|
|
745
|
-
`,tq=()=>(0,ed.jsxs)("svg",{height:"132",version:"1.1",viewBox:"0 0 148 132",width:"148",xmlns:"http://www.w3.org/2000/svg",style:{height:80,background:"#f5f5f5"},children:[(0,ed.jsx)("g",{"node-id":"23",children:(0,ed.jsx)("path",{d:"M 116.04 26.83 L 95.88 26.83 L 95.88 19.15 C 95.88 18.62 95.45 18.19 94.92 18.19 L 88.20 18.19 C 87.67 18.19 87.24 18.62 87.24 19.15 L 87.24 26.83 L 56.52 26.83 L 56.52 19.15 C 56.52 18.62 56.09 18.19 55.56 18.19 L 48.84 18.19 C 48.31 18.19 47.88 18.62 47.88 19.15 L 47.88 26.83 L 27.72 26.83 C 26.70 26.83 25.72 27.24 25.00 27.96 C 24.28 28.68 23.88 29.65 23.88 30.67 L 23.88 110.35 C 23.88 111.37 24.28 112.35 25.00 113.07 C 25.72 113.79 26.70 114.19 27.72 114.19 L 116.04 114.19 C 117.06 114.20 118.04 113.79 118.76 113.07 C 119.48 112.35 119.88 111.37 119.88 110.36 L 119.88 30.67 C 119.88 29.65 119.48 28.67 118.76 27.95 C 118.04 27.23 117.06 26.83 116.04 26.83 Z",fill:"#e2e5f1","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"1",id:"路径_2309","node-id":"3",stroke:"none","target-height":"96.005135","target-width":"96.00427","target-x":"23.878815","target-y":"18.189949"})}),(0,ed.jsx)("g",{"node-id":"24",children:(0,ed.jsx)("path",{d:"M 29.95 122.53 L 27.74 118.71 L 46.79 107.71 L 49.00 111.53 Z M 54.50 99.05 L 16.39 121.05 L -0.00 92.66 L 38.10 70.66 L 54.49 99.05 Z M 21.46 95.65 L 17.57 110.02 C 17.54 110.12 17.55 110.23 17.61 110.31 C 17.66 110.40 17.74 110.47 17.84 110.50 L 20.30 111.15 C 20.40 111.18 20.51 111.16 20.60 111.11 C 20.69 111.06 20.76 110.98 20.79 110.88 L 23.91 99.34 L 31.57 101.37 C 31.68 101.40 31.78 101.39 31.87 101.33 C 31.96 101.28 32.03 101.19 32.05 101.10 L 37.43 81.25 C 37.46 81.15 37.45 81.04 37.39 80.95 C 37.34 80.86 37.25 80.80 37.15 80.77 L 34.69 80.13 C 34.48 80.07 34.27 80.20 34.21 80.40 L 29.60 97.41 L 21.94 95.38 C 21.84 95.36 21.73 95.37 21.65 95.43 C 21.55 95.47 21.49 95.56 21.46 95.66 Z",fill:"#417aff","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"2",id:"联合_14","node-id":"4",stroke:"none","target-height":"51.876953","target-width":"54.5","target-x":"-0.00390625","target-y":"70.657715"})}),(0,ed.jsx)("g",{"node-id":"25",children:(0,ed.jsx)("path",{d:"M 88.93 34.73 C 88.93 34.73 117.73 48.02 115.10 55.87 C 112.47 63.72 103.24 56.85 107.78 52.26 C 112.31 47.68 124.85 52.02 124.81 67.98 C 124.77 83.93 115.74 105.47 74.82 116.65",fill:"none","group-id":"3",id:"路径_2313","node-id":"5",stroke:"#c2c8d8","stroke-dasharray":"2 2","stroke-linecap":"butt","stroke-opacity":"0.8","stroke-width":"1","target-height":"81.921974","target-width":"50.02726","target-x":"74.82369","target-y":"34.732864"})}),(0,ed.jsx)("g",{"node-id":"26",children:(0,ed.jsx)("g",{"node-id":"36",children:(0,ed.jsx)("g",{"node-id":"38",children:(0,ed.jsx)("path",{d:"M 142.32 93.93 C 139.32 93.93 136.89 91.50 136.89 88.49 C 136.89 85.49 139.32 83.06 142.32 83.06 C 145.33 83.06 147.76 85.49 147.76 88.49 C 147.74 91.49 145.32 93.91 142.32 93.93 Z M 142.32 84.92 C 140.35 84.92 138.76 86.52 138.76 88.49 C 138.76 90.46 140.35 92.06 142.32 92.06 C 144.29 92.06 145.89 90.46 145.89 88.49 C 145.88 86.53 144.29 84.94 142.32 84.92 Z",fill:"#a4bfff","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"4,14,16",id:"路径_2292","node-id":"8",stroke:"none","target-height":"10.873993","target-width":"10.873993","target-x":"136.8869","target-y":"83.056"})})})}),(0,ed.jsx)("g",{"node-id":"27",children:(0,ed.jsx)("g",{"node-id":"37",children:(0,ed.jsx)("g",{"node-id":"39",children:(0,ed.jsx)("path",{d:"M 24.03 49.65 L 15.77 41.38 L 24.03 33.12 L 32.30 41.38 Z M 18.66 41.38 L 24.11 46.84 L 29.57 41.38 L 24.11 35.92 Z",fill:"#c2c8d8","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"5,15,17",id:"路径_2294","node-id":"11",stroke:"none","target-height":"16.531982","target-width":"16.531982","target-x":"15.768982","target-y":"33.115997"})})})}),(0,ed.jsx)("g",{"node-id":"28",children:(0,ed.jsx)("path",{d:"M 60.87 132.43 C 60.31 132.43 59.87 131.98 59.87 131.43 L 59.87 127.81 L 56.25 127.81 C 55.70 127.81 55.25 127.36 55.25 126.81 L 55.25 125.72 C 55.25 125.17 55.70 124.72 56.25 124.72 L 59.87 124.72 L 59.87 121.11 C 59.87 120.55 60.31 120.11 60.87 120.11 L 61.95 120.11 C 62.50 120.11 62.95 120.55 62.95 121.11 L 62.95 124.72 L 66.57 124.72 C 67.12 124.72 67.57 125.17 67.57 125.72 L 67.57 126.81 C 67.57 127.36 67.12 127.81 66.57 127.81 L 62.95 127.81 L 62.95 131.43 C 62.95 131.98 62.50 132.43 61.95 132.43 Z",fill:"#c2c8d8","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"6",id:"联合_16","node-id":"12",stroke:"none","target-height":"12.322006","target-width":"12.319","target-x":"55.247986","target-y":"120.106995"})}),(0,ed.jsx)("g",{"node-id":"29",children:(0,ed.jsx)("path",{d:"M 9.55 20.92 C 9.00 20.92 8.55 20.47 8.55 19.92 L 8.55 17.36 L 6.00 17.36 C 5.44 17.36 5.00 16.92 5.00 16.36 L 5.00 15.99 C 5.00 15.44 5.44 14.99 6.00 14.99 L 8.55 14.99 L 8.55 12.44 C 8.55 11.88 9.00 11.44 9.55 11.44 L 9.92 11.44 C 10.48 11.44 10.92 11.88 10.92 12.44 L 10.92 14.99 L 13.48 14.99 C 14.03 14.99 14.48 15.44 14.48 15.99 L 14.48 16.36 C 14.48 16.91 14.03 17.36 13.48 17.36 L 10.92 17.36 L 10.92 19.92 C 10.92 20.47 10.48 20.92 9.92 20.92 Z",fill:"#417aff","fill-opacity":"0","fill-rule":"nonzero","group-id":"7",id:"联合_17","node-id":"13",stroke:"none","target-height":"9.483","target-width":"9.483","target-x":"4.9959717","target-y":"11.435974"})}),(0,ed.jsx)("g",{"node-id":"30",children:(0,ed.jsx)("path",{d:"M 94.70 28.55 C 91.61 31.22 88.07 33.31 84.23 34.72 C 81.19 35.89 77.81 37.03 74.50 36.67 C 72.71 36.48 70.99 35.89 69.46 34.94 C 67.45 33.45 65.68 31.67 64.19 29.66 C 63.27 28.56 62.28 28.70 61.16 29.47 C 60.46 29.95 60.14 31.27 59.52 31.64 C 58.72 32.12 58.08 31.82 58.36 30.67 C 58.75 29.08 61.51 27.88 62.94 27.74 C 62.89 25.08 65.70 21.30 67.79 19.89 C 75.73 14.53 85.75 18.26 91.90 24.45 C 92.18 24.72 95.36 27.95 94.70 28.55 Z",fill:"#697391","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"8",id:"路径_2314","node-id":"14",stroke:"none","target-height":"22.502167","target-width":"37.280975","target-x":"58.082336","target-y":"14.527588"})}),(0,ed.jsx)("g",{"node-id":"31",children:(0,ed.jsx)("path",{d:"M 126.97 51.55 C 125.23 50.94 123.61 50.03 122.19 48.85 C 120.95 47.97 119.94 46.82 119.23 45.48 C 118.90 44.74 118.74 43.93 118.77 43.12 C 118.90 42.00 119.19 40.90 119.64 39.87 C 119.86 39.26 119.59 38.90 119.03 38.63 C 118.69 38.47 118.09 38.64 117.81 38.48 C 117.45 38.28 117.42 37.97 117.93 37.81 C 118.64 37.60 119.73 38.42 120.11 38.94 C 121.46 38.42 122.96 38.47 124.28 39.07 C 128.17 40.96 128.97 45.72 127.94 49.52 C 127.90 49.69 127.35 51.67 126.97 51.55 Z",fill:"#697391","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"9",id:"路径_2316","node-id":"15",stroke:"none","target-height":"14.066719","target-width":"11.554443","target-x":"117.418564","target-y":"37.602352"})}),(0,ed.jsx)("g",{"node-id":"32",children:(0,ed.jsx)("path",{d:"M 88.52 10.94 C 87.19 10.59 85.93 10.00 84.81 9.21 C 83.88 8.67 83.11 7.90 82.56 6.97 C 82.32 6.46 82.22 5.91 82.26 5.35 C 82.40 4.55 82.67 3.78 83.05 3.07 C 83.25 2.64 83.03 2.40 82.60 2.24 C 82.33 2.13 81.86 2.27 81.64 2.17 C 81.36 2.04 81.34 1.82 81.75 1.70 C 82.32 1.53 83.17 2.06 83.45 2.42 C 84.51 2.02 85.68 2.01 86.75 2.38 C 89.78 3.58 90.28 6.85 89.35 9.51 C 89.31 9.63 88.82 11.02 88.52 10.94 Z",fill:"#697391","fill-opacity":"0","fill-rule":"nonzero","group-id":"10",id:"路径_2317","node-id":"16",stroke:"none","target-height":"9.480836","target-width":"8.940781","target-x":"81.3402","target-y":"1.5345681"})}),(0,ed.jsx)("g",{"node-id":"33",children:(0,ed.jsx)("path",{d:"M 110.05 85.50 C 111.54 83.78 112.70 81.80 113.49 79.67 C 114.27 77.97 114.64 76.11 114.57 74.25 C 114.47 73.25 114.14 72.29 113.61 71.44 C 112.78 70.32 111.79 69.33 110.67 68.51 C 110.06 68.00 110.13 67.44 110.56 66.82 C 110.83 66.43 111.57 66.24 111.77 65.90 C 112.04 65.46 111.87 65.10 111.23 65.25 C 110.34 65.47 109.68 67.02 109.60 67.81 C 108.11 67.78 106.01 69.35 105.22 70.51 C 102.24 74.93 104.32 80.51 107.76 83.94 C 107.92 84.09 109.72 85.87 110.05 85.50 Z",fill:"#697391","fill-opacity":"0","fill-rule":"nonzero","group-id":"11",id:"路径_2318","node-id":"17",stroke:"none","target-height":"20.767654","target-width":"12.403198","target-x":"102.238434","target-y":"65.100204"})}),(0,ed.jsx)("g",{"node-id":"34",children:(0,ed.jsx)("path",{d:"M 104.48 112.46 C 105.55 112.38 106.59 112.11 107.56 111.66 C 108.38 111.36 109.12 110.87 109.72 110.22 C 110.01 109.86 110.22 109.43 110.33 108.97 C 110.42 108.32 110.42 107.67 110.33 107.02 C 110.30 106.65 110.51 106.49 110.86 106.43 C 111.07 106.39 111.38 106.57 111.56 106.52 C 111.79 106.47 111.86 106.29 111.59 106.13 C 111.23 105.91 110.50 106.20 110.21 106.44 C 109.53 105.94 108.68 105.74 107.86 105.88 C 105.40 106.36 104.24 108.90 104.24 111.18 C 104.24 111.28 104.25 112.47 104.48 112.46 Z",fill:"#697391","fill-opacity":"0","fill-rule":"nonzero","group-id":"12",id:"路径_2319","node-id":"18",stroke:"none","target-height":"6.72332","target-width":"7.620468","target-x":"104.23713","target-y":"105.74457"})}),(0,ed.jsx)("path",{d:"M 80.35 75.78 L 88.84 67.29 L 93.08 71.53 L 84.59 80.02 Z M 51.88 71.04 L 56.12 66.80 L 64.61 75.28 L 60.36 79.52 Z M 69.48 73.29 L 69.48 61.29 L 75.48 61.29 L 75.48 73.29 Z",fill:"#ffffff","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"13",id:"联合_21","node-id":"19",stroke:"none","target-height":"18.728516","target-width":"41.197266","target-x":"51.88086","target-y":"61.29297"})]}),t$=e=>{let{plugin:t}=e,n=(0,eh.useRef)(null);return(0,eh.useEffect)(()=>{let e=n.current;if(!e)return;let i=e7({element:e,getInitialData:()=>{let e={id:tp(),type:t.key,name:t.label,...JSON.parse(JSON.stringify(t.defaultOptions||{}))};return{id:e.id,data:e}},canDrag:()=>!0,onDragStart:()=>{},onDrop:()=>{}});return()=>i()},[]),(0,ed.jsxs)("div",{className:"plugin drag-move",ref:n,children:[(0,ed.jsx)(tn,{className:"icon",type:t.icon}),(0,ed.jsx)("div",{className:"label",children:t.label})]})},tX=e=>{let t={...e,id:tp()};if(e.children)if(Array.isArray(e.children))t.children=e.children.map(tX);else{let n={};Object.keys(e.children).forEach(t=>{n[t]=e.children[t].map(tX)}),t.children=n}return t},tZ=e=>{var t;let{data:n}=e,i=(0,eh.useRef)(null);return(0,eh.useEffect)(()=>{if(!n)return;let e=i.current;if(!e)return;let t=e7({element:e,getInitialData:()=>{let e=tX(JSON.parse(JSON.stringify(n.item||{})));return{id:e.id,data:e}},canDrag:()=>!0,onDragStart:()=>{},onDrop:()=>{}});return()=>t()},[n]),(0,ed.jsx)("div",{className:"drag-move",ref:i,children:(0,ed.jsx)(ti.Card,{size:"small",cover:(null==(t=n.cover)?void 0:t.length)?(0,ed.jsx)(ti.Image,{src:n.cover,style:{height:80,background:"#f5f5f5"}}):(0,ed.jsx)(tq,{}),variant:"outlined",style:{cursor:"move"},children:(0,ed.jsx)(ti.Card.Meta,{title:n.name,description:(0,ed.jsx)(ti.Typography.Text,{ellipsis:{tooltip:n.description||"暂无描述"},style:{color:"var(--ant-color-text-description)"},children:n.description})})},n.id)})},tK=e=>{let{fetch:t}=e,[n,i]=(0,eh.useState)(-1),[r,a]=(0,eh.useState)(1),[o,s]=(0,eh.useState)(20),[l,u]=(0,eh.useState)(""),[c,d]=(0,eh.useState)([]),h=async()=>{var e;let n=await (null==(e=t.exampleList)?void 0:e.call(t,r,o,l));Array.isArray(n)?(d(n),i(-1)):"object"==typeof n&&(d(n.list||[]),i(n.total))};return(0,eh.useEffect)(()=>{h()},[r,o,l]),(0,ed.jsxs)(ti.Flex,{vertical:!0,gap:12,style:{height:"100%"},children:[(0,ed.jsx)(ti.Input.Search,{size:"small",value:l,placeholder:"输入关键字检索",onChange:e=>u(e.target.value)}),(0,ed.jsx)(ti.Space,{orientation:"vertical",style:{flex:"auto",overflow:"auto"},children:c.map(e=>(0,ed.jsx)(tZ,{data:e,fetch:t},e.id))}),n>=0&&(0,ed.jsx)(ti.Pagination,{align:"center",size:"small",current:r,pageSize:o,total:n,hideOnSinglePage:!0,onChange:(e,t)=>{a(e),s(t)}})]})},tJ=e=>{var t;let{data:n,fetch:i}=e,{schema:r,setSchema:a}=(0,eh.useContext)(ev),o=async()=>{var e;let t=await (null==i||null==(e=i.templateDetail)?void 0:e.call(i,n.id));if(!(null==t?void 0:t.schema))return;let o=JSON.parse(JSON.stringify(t.schema));0===r.items.length?a(o):ti.Modal.confirm({title:"提示",content:"确认加载该模板页面,加载后会替换现有页面内容。",okText:"确认",cancelText:"取消",onOk(){a(o)}})};return(0,ed.jsx)(ti.Card,{size:"small",cover:(null==(t=n.cover)?void 0:t.length)?(0,ed.jsx)(ti.Image,{src:n.cover,style:{height:80,background:"#f5f5f5"}}):(0,ed.jsx)(tq,{}),variant:"outlined",style:{cursor:"pointer"},onClick:o,children:(0,ed.jsx)(ti.Card.Meta,{title:n.name,description:(0,ed.jsx)(ti.Typography.Text,{ellipsis:{tooltip:n.description||"暂无描述"},style:{color:"var(--ant-color-text-description)"},children:n.description})})},n.id)},tQ=e=>{let{fetch:t}=e,[n,i]=(0,eh.useState)(-1),[r,a]=(0,eh.useState)(1),[o,s]=(0,eh.useState)(20),[l,u]=(0,eh.useState)(""),[c,d]=(0,eh.useState)([]),h=async()=>{var e;let n=await (null==(e=t.templateList)?void 0:e.call(t,r,o,l));Array.isArray(n)?(d(n),i(-1)):"object"==typeof n&&(d(n.list||[]),i(n.total))};return(0,eh.useEffect)(()=>{h()},[r,o,l]),(0,ed.jsxs)(ti.Flex,{vertical:!0,gap:12,style:{height:"100%"},children:[(0,ed.jsx)(ti.Input.Search,{size:"small",value:l,placeholder:"输入关键字检索",onChange:e=>u(e.target.value)}),(0,ed.jsx)(ti.Space,{orientation:"vertical",style:{flex:"auto",overflow:"auto"},children:c.map(e=>(0,ed.jsx)(tJ,{data:e,fetch:t},e.id))}),n>=0&&(0,ed.jsx)(ti.Pagination,{align:"center",size:"small",current:r,pageSize:o,total:n,hideOnSinglePage:!0,onChange:(e,t)=>{a(e),s(t)}})]})},t1=()=>{let{plugins:e,fetch:t}=(0,eh.useContext)(ev),[n,i]=(0,eh.useState)("component"),r=(0,eh.useMemo)(()=>{let t=[];return e.forEach(e=>{let n=t.find(t=>t.group===e.group);n?n.items.push(e):t.push({group:e.group,items:[e]})}),t},[e]),a=(0,eh.useMemo)(()=>{let e=[{label:"组件",value:"component"}];return(null==t?void 0:t.exampleList)&&e.push({label:"片段",value:"chunk"}),(null==t?void 0:t.templateList)&&(null==t?void 0:t.templateDetail)&&e.push({label:"模板",value:"template"}),e},[null==t?void 0:t.exampleList,null==t?void 0:t.templateList,null==t?void 0:t.templateDetail]);return(0,ed.jsxs)(tU,{className:"component-panel",children:[(0,ed.jsx)(tO,{title:1===a.length?a[0].label:(0,ed.jsx)(ti.Radio.Group,{size:"small",optionType:"button",value:n,options:a,onChange:e=>i(e.target.value)})}),(0,ed.jsxs)("div",{className:"body beautified_scrollbar",children:["component"===n&&r.map(e=>(0,ed.jsxs)("div",{className:"plugin-group",children:[(0,ed.jsx)("div",{className:"group-title",children:e.group}),(0,ed.jsx)("div",{className:"plugin-list",children:e.items.map(e=>(0,ed.jsx)(t$,{plugin:e},e.key))})]},e.group)),"chunk"===n&&t&&(0,ed.jsx)(tK,{fetch:t}),"template"===n&&t&&(0,ed.jsx)(tQ,{fetch:t})]})]})},t0=em().div`
|
|
745
|
+
`,tq=()=>(0,ed.jsxs)("svg",{height:"132",version:"1.1",viewBox:"0 0 148 132",width:"148",xmlns:"http://www.w3.org/2000/svg",style:{height:80,background:"#f5f5f5"},children:[(0,ed.jsx)("g",{"node-id":"23",children:(0,ed.jsx)("path",{d:"M 116.04 26.83 L 95.88 26.83 L 95.88 19.15 C 95.88 18.62 95.45 18.19 94.92 18.19 L 88.20 18.19 C 87.67 18.19 87.24 18.62 87.24 19.15 L 87.24 26.83 L 56.52 26.83 L 56.52 19.15 C 56.52 18.62 56.09 18.19 55.56 18.19 L 48.84 18.19 C 48.31 18.19 47.88 18.62 47.88 19.15 L 47.88 26.83 L 27.72 26.83 C 26.70 26.83 25.72 27.24 25.00 27.96 C 24.28 28.68 23.88 29.65 23.88 30.67 L 23.88 110.35 C 23.88 111.37 24.28 112.35 25.00 113.07 C 25.72 113.79 26.70 114.19 27.72 114.19 L 116.04 114.19 C 117.06 114.20 118.04 113.79 118.76 113.07 C 119.48 112.35 119.88 111.37 119.88 110.36 L 119.88 30.67 C 119.88 29.65 119.48 28.67 118.76 27.95 C 118.04 27.23 117.06 26.83 116.04 26.83 Z",fill:"#e2e5f1","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"1",id:"路径_2309","node-id":"3",stroke:"none","target-height":"96.005135","target-width":"96.00427","target-x":"23.878815","target-y":"18.189949"})}),(0,ed.jsx)("g",{"node-id":"24",children:(0,ed.jsx)("path",{d:"M 29.95 122.53 L 27.74 118.71 L 46.79 107.71 L 49.00 111.53 Z M 54.50 99.05 L 16.39 121.05 L -0.00 92.66 L 38.10 70.66 L 54.49 99.05 Z M 21.46 95.65 L 17.57 110.02 C 17.54 110.12 17.55 110.23 17.61 110.31 C 17.66 110.40 17.74 110.47 17.84 110.50 L 20.30 111.15 C 20.40 111.18 20.51 111.16 20.60 111.11 C 20.69 111.06 20.76 110.98 20.79 110.88 L 23.91 99.34 L 31.57 101.37 C 31.68 101.40 31.78 101.39 31.87 101.33 C 31.96 101.28 32.03 101.19 32.05 101.10 L 37.43 81.25 C 37.46 81.15 37.45 81.04 37.39 80.95 C 37.34 80.86 37.25 80.80 37.15 80.77 L 34.69 80.13 C 34.48 80.07 34.27 80.20 34.21 80.40 L 29.60 97.41 L 21.94 95.38 C 21.84 95.36 21.73 95.37 21.65 95.43 C 21.55 95.47 21.49 95.56 21.46 95.66 Z",fill:"#417aff","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"2",id:"联合_14","node-id":"4",stroke:"none","target-height":"51.876953","target-width":"54.5","target-x":"-0.00390625","target-y":"70.657715"})}),(0,ed.jsx)("g",{"node-id":"25",children:(0,ed.jsx)("path",{d:"M 88.93 34.73 C 88.93 34.73 117.73 48.02 115.10 55.87 C 112.47 63.72 103.24 56.85 107.78 52.26 C 112.31 47.68 124.85 52.02 124.81 67.98 C 124.77 83.93 115.74 105.47 74.82 116.65",fill:"none","group-id":"3",id:"路径_2313","node-id":"5",stroke:"#c2c8d8","stroke-dasharray":"2 2","stroke-linecap":"butt","stroke-opacity":"0.8","stroke-width":"1","target-height":"81.921974","target-width":"50.02726","target-x":"74.82369","target-y":"34.732864"})}),(0,ed.jsx)("g",{"node-id":"26",children:(0,ed.jsx)("g",{"node-id":"36",children:(0,ed.jsx)("g",{"node-id":"38",children:(0,ed.jsx)("path",{d:"M 142.32 93.93 C 139.32 93.93 136.89 91.50 136.89 88.49 C 136.89 85.49 139.32 83.06 142.32 83.06 C 145.33 83.06 147.76 85.49 147.76 88.49 C 147.74 91.49 145.32 93.91 142.32 93.93 Z M 142.32 84.92 C 140.35 84.92 138.76 86.52 138.76 88.49 C 138.76 90.46 140.35 92.06 142.32 92.06 C 144.29 92.06 145.89 90.46 145.89 88.49 C 145.88 86.53 144.29 84.94 142.32 84.92 Z",fill:"#a4bfff","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"4,14,16",id:"路径_2292","node-id":"8",stroke:"none","target-height":"10.873993","target-width":"10.873993","target-x":"136.8869","target-y":"83.056"})})})}),(0,ed.jsx)("g",{"node-id":"27",children:(0,ed.jsx)("g",{"node-id":"37",children:(0,ed.jsx)("g",{"node-id":"39",children:(0,ed.jsx)("path",{d:"M 24.03 49.65 L 15.77 41.38 L 24.03 33.12 L 32.30 41.38 Z M 18.66 41.38 L 24.11 46.84 L 29.57 41.38 L 24.11 35.92 Z",fill:"#c2c8d8","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"5,15,17",id:"路径_2294","node-id":"11",stroke:"none","target-height":"16.531982","target-width":"16.531982","target-x":"15.768982","target-y":"33.115997"})})})}),(0,ed.jsx)("g",{"node-id":"28",children:(0,ed.jsx)("path",{d:"M 60.87 132.43 C 60.31 132.43 59.87 131.98 59.87 131.43 L 59.87 127.81 L 56.25 127.81 C 55.70 127.81 55.25 127.36 55.25 126.81 L 55.25 125.72 C 55.25 125.17 55.70 124.72 56.25 124.72 L 59.87 124.72 L 59.87 121.11 C 59.87 120.55 60.31 120.11 60.87 120.11 L 61.95 120.11 C 62.50 120.11 62.95 120.55 62.95 121.11 L 62.95 124.72 L 66.57 124.72 C 67.12 124.72 67.57 125.17 67.57 125.72 L 67.57 126.81 C 67.57 127.36 67.12 127.81 66.57 127.81 L 62.95 127.81 L 62.95 131.43 C 62.95 131.98 62.50 132.43 61.95 132.43 Z",fill:"#c2c8d8","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"6",id:"联合_16","node-id":"12",stroke:"none","target-height":"12.322006","target-width":"12.319","target-x":"55.247986","target-y":"120.106995"})}),(0,ed.jsx)("g",{"node-id":"29",children:(0,ed.jsx)("path",{d:"M 9.55 20.92 C 9.00 20.92 8.55 20.47 8.55 19.92 L 8.55 17.36 L 6.00 17.36 C 5.44 17.36 5.00 16.92 5.00 16.36 L 5.00 15.99 C 5.00 15.44 5.44 14.99 6.00 14.99 L 8.55 14.99 L 8.55 12.44 C 8.55 11.88 9.00 11.44 9.55 11.44 L 9.92 11.44 C 10.48 11.44 10.92 11.88 10.92 12.44 L 10.92 14.99 L 13.48 14.99 C 14.03 14.99 14.48 15.44 14.48 15.99 L 14.48 16.36 C 14.48 16.91 14.03 17.36 13.48 17.36 L 10.92 17.36 L 10.92 19.92 C 10.92 20.47 10.48 20.92 9.92 20.92 Z",fill:"#417aff","fill-opacity":"0","fill-rule":"nonzero","group-id":"7",id:"联合_17","node-id":"13",stroke:"none","target-height":"9.483","target-width":"9.483","target-x":"4.9959717","target-y":"11.435974"})}),(0,ed.jsx)("g",{"node-id":"30",children:(0,ed.jsx)("path",{d:"M 94.70 28.55 C 91.61 31.22 88.07 33.31 84.23 34.72 C 81.19 35.89 77.81 37.03 74.50 36.67 C 72.71 36.48 70.99 35.89 69.46 34.94 C 67.45 33.45 65.68 31.67 64.19 29.66 C 63.27 28.56 62.28 28.70 61.16 29.47 C 60.46 29.95 60.14 31.27 59.52 31.64 C 58.72 32.12 58.08 31.82 58.36 30.67 C 58.75 29.08 61.51 27.88 62.94 27.74 C 62.89 25.08 65.70 21.30 67.79 19.89 C 75.73 14.53 85.75 18.26 91.90 24.45 C 92.18 24.72 95.36 27.95 94.70 28.55 Z",fill:"#697391","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"8",id:"路径_2314","node-id":"14",stroke:"none","target-height":"22.502167","target-width":"37.280975","target-x":"58.082336","target-y":"14.527588"})}),(0,ed.jsx)("g",{"node-id":"31",children:(0,ed.jsx)("path",{d:"M 126.97 51.55 C 125.23 50.94 123.61 50.03 122.19 48.85 C 120.95 47.97 119.94 46.82 119.23 45.48 C 118.90 44.74 118.74 43.93 118.77 43.12 C 118.90 42.00 119.19 40.90 119.64 39.87 C 119.86 39.26 119.59 38.90 119.03 38.63 C 118.69 38.47 118.09 38.64 117.81 38.48 C 117.45 38.28 117.42 37.97 117.93 37.81 C 118.64 37.60 119.73 38.42 120.11 38.94 C 121.46 38.42 122.96 38.47 124.28 39.07 C 128.17 40.96 128.97 45.72 127.94 49.52 C 127.90 49.69 127.35 51.67 126.97 51.55 Z",fill:"#697391","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"9",id:"路径_2316","node-id":"15",stroke:"none","target-height":"14.066719","target-width":"11.554443","target-x":"117.418564","target-y":"37.602352"})}),(0,ed.jsx)("g",{"node-id":"32",children:(0,ed.jsx)("path",{d:"M 88.52 10.94 C 87.19 10.59 85.93 10.00 84.81 9.21 C 83.88 8.67 83.11 7.90 82.56 6.97 C 82.32 6.46 82.22 5.91 82.26 5.35 C 82.40 4.55 82.67 3.78 83.05 3.07 C 83.25 2.64 83.03 2.40 82.60 2.24 C 82.33 2.13 81.86 2.27 81.64 2.17 C 81.36 2.04 81.34 1.82 81.75 1.70 C 82.32 1.53 83.17 2.06 83.45 2.42 C 84.51 2.02 85.68 2.01 86.75 2.38 C 89.78 3.58 90.28 6.85 89.35 9.51 C 89.31 9.63 88.82 11.02 88.52 10.94 Z",fill:"#697391","fill-opacity":"0","fill-rule":"nonzero","group-id":"10",id:"路径_2317","node-id":"16",stroke:"none","target-height":"9.480836","target-width":"8.940781","target-x":"81.3402","target-y":"1.5345681"})}),(0,ed.jsx)("g",{"node-id":"33",children:(0,ed.jsx)("path",{d:"M 110.05 85.50 C 111.54 83.78 112.70 81.80 113.49 79.67 C 114.27 77.97 114.64 76.11 114.57 74.25 C 114.47 73.25 114.14 72.29 113.61 71.44 C 112.78 70.32 111.79 69.33 110.67 68.51 C 110.06 68.00 110.13 67.44 110.56 66.82 C 110.83 66.43 111.57 66.24 111.77 65.90 C 112.04 65.46 111.87 65.10 111.23 65.25 C 110.34 65.47 109.68 67.02 109.60 67.81 C 108.11 67.78 106.01 69.35 105.22 70.51 C 102.24 74.93 104.32 80.51 107.76 83.94 C 107.92 84.09 109.72 85.87 110.05 85.50 Z",fill:"#697391","fill-opacity":"0","fill-rule":"nonzero","group-id":"11",id:"路径_2318","node-id":"17",stroke:"none","target-height":"20.767654","target-width":"12.403198","target-x":"102.238434","target-y":"65.100204"})}),(0,ed.jsx)("g",{"node-id":"34",children:(0,ed.jsx)("path",{d:"M 104.48 112.46 C 105.55 112.38 106.59 112.11 107.56 111.66 C 108.38 111.36 109.12 110.87 109.72 110.22 C 110.01 109.86 110.22 109.43 110.33 108.97 C 110.42 108.32 110.42 107.67 110.33 107.02 C 110.30 106.65 110.51 106.49 110.86 106.43 C 111.07 106.39 111.38 106.57 111.56 106.52 C 111.79 106.47 111.86 106.29 111.59 106.13 C 111.23 105.91 110.50 106.20 110.21 106.44 C 109.53 105.94 108.68 105.74 107.86 105.88 C 105.40 106.36 104.24 108.90 104.24 111.18 C 104.24 111.28 104.25 112.47 104.48 112.46 Z",fill:"#697391","fill-opacity":"0","fill-rule":"nonzero","group-id":"12",id:"路径_2319","node-id":"18",stroke:"none","target-height":"6.72332","target-width":"7.620468","target-x":"104.23713","target-y":"105.74457"})}),(0,ed.jsx)("path",{d:"M 80.35 75.78 L 88.84 67.29 L 93.08 71.53 L 84.59 80.02 Z M 51.88 71.04 L 56.12 66.80 L 64.61 75.28 L 60.36 79.52 Z M 69.48 73.29 L 69.48 61.29 L 75.48 61.29 L 75.48 73.29 Z",fill:"#ffffff","fill-opacity":"0.8","fill-rule":"nonzero","group-id":"13",id:"联合_21","node-id":"19",stroke:"none","target-height":"18.728516","target-width":"41.197266","target-x":"51.88086","target-y":"61.29297"})]}),t$=e=>{let{plugin:t}=e,n=(0,eh.useRef)(null);return(0,eh.useEffect)(()=>{let e=n.current;if(!e)return;let i=e7({element:e,getInitialData:()=>{let e={id:tp(),type:t.key,name:t.label,...JSON.parse(JSON.stringify(t.defaultOptions||{}))};return{id:e.id,data:e}},canDrag:()=>!0,onDragStart:()=>{},onDrop:()=>{}});return()=>i()},[]),(0,ed.jsxs)("div",{className:"plugin drag-move",ref:n,children:[(0,ed.jsx)(tn,{className:"icon",type:t.icon}),(0,ed.jsx)("div",{className:"label",children:t.label})]})},tX=e=>{let t={...e,id:tp()};if(e.children)if(Array.isArray(e.children))t.children=e.children.map(tX);else{let n={};Object.keys(e.children).forEach(t=>{n[t]=e.children[t].map(tX)}),t.children=n}return t},tZ=e=>{var t;let{data:n}=e,i=(0,eh.useRef)(null);return(0,eh.useEffect)(()=>{if(!n)return;let e=i.current;if(!e)return;let t=e7({element:e,getInitialData:()=>{let e=tX(JSON.parse(JSON.stringify(n.item||{})));return{id:e.id,data:e}},canDrag:()=>!0,onDragStart:()=>{},onDrop:()=>{}});return()=>t()},[n]),(0,ed.jsx)("div",{className:"drag-move",ref:i,children:(0,ed.jsx)(ti.Card,{size:"small",cover:(null==(t=n.cover)?void 0:t.length)?(0,ed.jsx)(ti.Image,{src:n.cover,preview:!1,style:{height:80,background:"#f5f5f5"}}):(0,ed.jsx)(tq,{}),variant:"outlined",style:{cursor:"move"},children:(0,ed.jsx)(ti.Card.Meta,{title:n.name,description:(0,ed.jsx)(ti.Typography.Text,{ellipsis:{tooltip:n.description||"暂无描述"},style:{color:"var(--ant-color-text-description)"},children:n.description})})},n.id)})},tK=e=>{let{fetch:t}=e,[n,i]=(0,eh.useState)(-1),[r,a]=(0,eh.useState)(1),[o,s]=(0,eh.useState)(20),[l,u]=(0,eh.useState)(""),[c,d]=(0,eh.useState)([]),h=async()=>{var e;let n=await (null==(e=t.exampleList)?void 0:e.call(t,r,o,l));Array.isArray(n)?(d(n),i(-1)):"object"==typeof n&&(d(n.list||[]),i(n.total))};return(0,eh.useEffect)(()=>{h()},[r,o,l]),(0,ed.jsxs)(ti.Flex,{vertical:!0,gap:12,style:{height:"100%"},children:[(0,ed.jsx)(ti.Input.Search,{size:"small",value:l,placeholder:"输入关键字检索",onChange:e=>u(e.target.value)}),(0,ed.jsx)(ti.Space,{orientation:"vertical",style:{flex:"auto",overflow:"auto"},children:c.map(e=>(0,ed.jsx)(tZ,{data:e,fetch:t},e.id))}),n>=0&&(0,ed.jsx)(ti.Pagination,{align:"center",size:"small",current:r,pageSize:o,total:n,hideOnSinglePage:!0,onChange:(e,t)=>{a(e),s(t)}})]})},tJ=e=>{var t;let{data:n,fetch:i}=e,{schema:r,setSchema:a}=(0,eh.useContext)(ev),o=async()=>{var e;let t=await (null==i||null==(e=i.templateDetail)?void 0:e.call(i,n.id));if(!(null==t?void 0:t.schema))return;let o=JSON.parse(JSON.stringify(t.schema));0===r.items.length?a(o):ti.Modal.confirm({title:"提示",content:"确认加载该模板页面,加载后会替换现有页面内容。",okText:"确认",cancelText:"取消",onOk(){a(o)}})};return(0,ed.jsx)(ti.Card,{size:"small",cover:(null==(t=n.cover)?void 0:t.length)?(0,ed.jsx)(ti.Image,{src:n.cover,preview:!1,style:{height:80,background:"#f5f5f5"}}):(0,ed.jsx)(tq,{}),variant:"outlined",style:{cursor:"pointer"},onClick:o,children:(0,ed.jsx)(ti.Card.Meta,{title:n.name,description:(0,ed.jsx)(ti.Typography.Text,{ellipsis:{tooltip:n.description||"暂无描述"},style:{color:"var(--ant-color-text-description)"},children:n.description})})},n.id)},tQ=e=>{let{fetch:t}=e,[n,i]=(0,eh.useState)(-1),[r,a]=(0,eh.useState)(1),[o,s]=(0,eh.useState)(20),[l,u]=(0,eh.useState)(""),[c,d]=(0,eh.useState)([]),h=async()=>{var e;let n=await (null==(e=t.templateList)?void 0:e.call(t,r,o,l));Array.isArray(n)?(d(n),i(-1)):"object"==typeof n&&(d(n.list||[]),i(n.total))};return(0,eh.useEffect)(()=>{h()},[r,o,l]),(0,ed.jsxs)(ti.Flex,{vertical:!0,gap:12,style:{height:"100%"},children:[(0,ed.jsx)(ti.Input.Search,{size:"small",value:l,placeholder:"输入关键字检索",onChange:e=>u(e.target.value)}),(0,ed.jsx)(ti.Space,{orientation:"vertical",style:{flex:"auto",overflow:"auto"},children:c.map(e=>(0,ed.jsx)(tJ,{data:e,fetch:t},e.id))}),n>=0&&(0,ed.jsx)(ti.Pagination,{align:"center",size:"small",current:r,pageSize:o,total:n,hideOnSinglePage:!0,onChange:(e,t)=>{a(e),s(t)}})]})},t1=()=>{let{plugins:e,fetch:t}=(0,eh.useContext)(ev),[n,i]=(0,eh.useState)("component"),r=(0,eh.useMemo)(()=>{let t=[];return e.forEach(e=>{let n=t.find(t=>t.group===e.group);n?n.items.push(e):t.push({group:e.group,items:[e]})}),t},[e]),a=(0,eh.useMemo)(()=>{let e=[{label:"组件",value:"component"}];return(null==t?void 0:t.exampleList)&&e.push({label:"片段",value:"chunk"}),(null==t?void 0:t.templateList)&&(null==t?void 0:t.templateDetail)&&e.push({label:"模板",value:"template"}),e},[null==t?void 0:t.exampleList,null==t?void 0:t.templateList,null==t?void 0:t.templateDetail]);return(0,ed.jsxs)(tU,{className:"component-panel",children:[(0,ed.jsx)(tO,{title:1===a.length?a[0].label:(0,ed.jsx)(ti.Radio.Group,{size:"small",optionType:"button",value:n,options:a,onChange:e=>i(e.target.value)})}),(0,ed.jsxs)("div",{className:"body beautified_scrollbar",children:["component"===n&&r.map(e=>(0,ed.jsxs)("div",{className:"plugin-group",children:[(0,ed.jsx)("div",{className:"group-title",children:e.group}),(0,ed.jsx)("div",{className:"plugin-list",children:e.items.map(e=>(0,ed.jsx)(t$,{plugin:e},e.key))})]},e.group)),"chunk"===n&&t&&(0,ed.jsx)(tK,{fetch:t}),"template"===n&&t&&(0,ed.jsx)(tQ,{fetch:t})]})]})},t0=em().div`
|
|
746
746
|
display: flex;
|
|
747
747
|
flex-direction: column;
|
|
748
748
|
height: 100%;
|
|
@@ -1309,4 +1309,4 @@ return {
|
|
|
1309
1309
|
div.ant-anchor-link + div.ant-anchor-link {
|
|
1310
1310
|
margin-top: ${s||30}px;
|
|
1311
1311
|
}
|
|
1312
|
-
`;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})());
|
|
1312
|
+
`;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
CHANGED
|
@@ -397,6 +397,7 @@ const ExampleItem: React.FC<{
|
|
|
397
397
|
data.cover?.length ? (
|
|
398
398
|
<Image
|
|
399
399
|
src={data.cover}
|
|
400
|
+
preview={false}
|
|
400
401
|
style={{
|
|
401
402
|
height: 80,
|
|
402
403
|
background: "#f5f5f5",
|
|
@@ -514,6 +515,7 @@ const TemplateItem: React.FC<{
|
|
|
514
515
|
data.cover?.length ? (
|
|
515
516
|
<Image
|
|
516
517
|
src={data.cover}
|
|
518
|
+
preview={false}
|
|
517
519
|
style={{
|
|
518
520
|
height: 80,
|
|
519
521
|
background: "#f5f5f5",
|
|
@@ -495,6 +495,7 @@ export const ModalPlugin: PluginType = {
|
|
|
495
495
|
closable: true,
|
|
496
496
|
keyboard: true,
|
|
497
497
|
footer: false,
|
|
498
|
+
zIndex: 1000,
|
|
498
499
|
},
|
|
499
500
|
children: [],
|
|
500
501
|
},
|
|
@@ -525,6 +526,7 @@ export const DrawerPlugin: PluginType = {
|
|
|
525
526
|
mask: true,
|
|
526
527
|
resizable: true,
|
|
527
528
|
footer: false,
|
|
529
|
+
zIndex: 1000,
|
|
528
530
|
},
|
|
529
531
|
children: [],
|
|
530
532
|
},
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { InfoCircleOutlined } from "@ant-design/icons";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
Descriptions,
|
|
4
|
+
Divider,
|
|
5
|
+
Form,
|
|
6
|
+
Input,
|
|
7
|
+
InputNumber,
|
|
8
|
+
Radio,
|
|
9
|
+
Switch,
|
|
10
|
+
Tooltip,
|
|
11
|
+
} from "antd";
|
|
3
12
|
import React from "react";
|
|
4
13
|
import styled from "styled-components";
|
|
5
14
|
import type { PropEditorProps } from "./types";
|
|
@@ -23,6 +32,7 @@ export type DrawerModel = {
|
|
|
23
32
|
mask?: boolean;
|
|
24
33
|
maskClosable?: boolean;
|
|
25
34
|
footer?: boolean;
|
|
35
|
+
zIndex?: number;
|
|
26
36
|
};
|
|
27
37
|
|
|
28
38
|
/**
|
|
@@ -53,6 +63,14 @@ export const DrawerProps: React.FC<PropEditorProps<DrawerModel>> = ({
|
|
|
53
63
|
onChange={(v) => trigger("size", v)}
|
|
54
64
|
/>
|
|
55
65
|
</Form.Item>
|
|
66
|
+
<Form.Item label="Z轴">
|
|
67
|
+
<InputNumber
|
|
68
|
+
size="small"
|
|
69
|
+
style={{ width: "100px" }}
|
|
70
|
+
value={model.zIndex || 1000}
|
|
71
|
+
onChange={(v) => trigger("zIndex", v)}
|
|
72
|
+
/>
|
|
73
|
+
</Form.Item>
|
|
56
74
|
<Form.Item label="抽屉位置">
|
|
57
75
|
<Radio.Group
|
|
58
76
|
size="small"
|
|
@@ -21,6 +21,7 @@ export type ModalModel = {
|
|
|
21
21
|
mask?: boolean;
|
|
22
22
|
maskClosable?: boolean;
|
|
23
23
|
footer?: boolean;
|
|
24
|
+
zIndex?: number;
|
|
24
25
|
};
|
|
25
26
|
|
|
26
27
|
/**
|
|
@@ -51,6 +52,14 @@ export const ModalProps: React.FC<PropEditorProps<ModalModel>> = ({
|
|
|
51
52
|
onChange={(v) => trigger("width", v)}
|
|
52
53
|
/>
|
|
53
54
|
</Form.Item>
|
|
55
|
+
<Form.Item label="Z轴">
|
|
56
|
+
<InputNumber
|
|
57
|
+
size="small"
|
|
58
|
+
style={{ width: "100px" }}
|
|
59
|
+
value={model.zIndex || 1000}
|
|
60
|
+
onChange={(v) => trigger("zIndex", v)}
|
|
61
|
+
/>
|
|
62
|
+
</Form.Item>
|
|
54
63
|
<Form.Item label="确认按钮文字">
|
|
55
64
|
<Input
|
|
56
65
|
size="small"
|