bi-sdk-react 0.0.3 → 0.0.5

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.
Files changed (51) hide show
  1. package/dist/es/css/bi-sdk.css +1 -1
  2. package/dist/es/js/bi-sdk.es.js +295 -67
  3. package/dist/types/components/PageDesigner.d.ts +9 -1
  4. package/dist/types/components/context/DesignerContext.d.ts +5 -2
  5. package/dist/types/components/context/EnvContext.d.ts +2 -1
  6. package/dist/types/components/icon/IconFont.d.ts +2 -1
  7. package/dist/types/components/layout/PageCanvas.d.ts +2 -0
  8. package/dist/types/components/panel/AiPanel.d.ts +4 -0
  9. package/dist/types/components/panel/ChatInput.d.ts +13 -6
  10. package/dist/types/components/panel/DatasetPanel.d.ts +11 -0
  11. package/dist/types/components/panel/PaneHeader.d.ts +1 -0
  12. package/dist/types/components/panel/PropertiesPanel.d.ts +3 -1
  13. package/dist/types/components/plugins/@antd/item-props/CheckboxProps.d.ts +3 -3
  14. package/dist/types/components/plugins/@antd/item-props/ColProps.d.ts +2 -2
  15. package/dist/types/components/plugins/@antd/item-props/EchartsProps.d.ts +2 -2
  16. package/dist/types/components/plugins/@antd/item-props/TextProps.d.ts +1 -0
  17. package/dist/types/components/plugins/@antd/items/TableRender.d.ts +1 -0
  18. package/dist/types/components/plugins/@antd/items/TextRender.d.ts +1 -0
  19. package/dist/types/components/typing.d.ts +97 -2
  20. package/dist/types/components/utils.d.ts +1 -0
  21. package/dist/umd/css/bi-sdk.css +1 -1
  22. package/dist/umd/js/bi-sdk.umd.min.js +299 -71
  23. package/package.json +1 -1
  24. package/src/components/PageDesigner.tsx +293 -35
  25. package/src/components/context/DesignerContext.tsx +15 -3
  26. package/src/components/context/EnvContext.tsx +4 -1
  27. package/src/components/icon/IconFont.tsx +15 -11
  28. package/src/components/layout/PageCanvas.tsx +4 -2
  29. package/src/components/layout/PageItem.tsx +1 -1
  30. package/src/components/panel/AiPanel.tsx +609 -43
  31. package/src/components/panel/ChatInput.tsx +322 -180
  32. package/src/components/panel/DatasetPanel.tsx +65 -0
  33. package/src/components/panel/PaneHeader.tsx +3 -2
  34. package/src/components/panel/PropertiesPanel.tsx +334 -127
  35. package/src/components/plugins/@antd/index.ts +12 -9
  36. package/src/components/plugins/@antd/item-props/CapsuleProps.tsx +1 -1
  37. package/src/components/plugins/@antd/item-props/CheckboxProps.tsx +90 -42
  38. package/src/components/plugins/@antd/item-props/ColProps.tsx +139 -25
  39. package/src/components/plugins/@antd/item-props/EchartsProps.tsx +52 -22
  40. package/src/components/plugins/@antd/item-props/HtmlProps.tsx +8 -9
  41. package/src/components/plugins/@antd/item-props/SelectProps.tsx +1 -1
  42. package/src/components/plugins/@antd/item-props/TextProps.tsx +14 -3
  43. package/src/components/plugins/@antd/items/EchartsRender.tsx +9 -1
  44. package/src/components/plugins/@antd/items/HtmlRender.tsx +13 -1
  45. package/src/components/plugins/@antd/items/ListRender.tsx +18 -1
  46. package/src/components/plugins/@antd/items/TableRender.tsx +16 -1
  47. package/src/components/plugins/@antd/items/TextRender.tsx +3 -1
  48. package/src/components/styles.css +20 -0
  49. package/src/components/typing.ts +111 -2
  50. package/src/components/utils.ts +40 -0
  51. package/src/example.tsx +314 -13
@@ -1,5 +1,5 @@
1
1
  /*! For license information please see bi-sdk.es.js.LICENSE.txt */
2
- import*as e from"react";import t,{css as l}from"styled-components";import{AlignCenterOutlined as n,AlignLeftOutlined as r,AlignRightOutlined as a,CaretDownOutlined as i,CopyOutlined as o,DeleteOutlined as s,DesktopOutlined as d,EditOutlined as c,EyeInvisibleOutlined as u,EyeOutlined as p,HistoryOutlined as x,InboxOutlined as h,InfoCircleOutlined as m,MessageOutlined as f,MinusSquareOutlined as g,MobileOutlined as v,PaperClipOutlined as y,PlusOutlined as j,PlusSquareOutlined as b,RedoOutlined as C,SaveOutlined as w,SendOutlined as S,TabletOutlined as z,UndoOutlined as k,UploadOutlined as I,ZoomInOutlined as O,ZoomOutOutlined as N,createFromIconfontCN as D}from"@ant-design/icons";import{Avatar as E,Button as T,Card as A,Checkbox as B,Col as L,ColorPicker as P,DatePicker as R,Divider as _,Dropdown as M,Form as $,Input as F,InputNumber as H,Modal as G,Pagination as Y,Popconfirm as K,Radio as W,Row as U,Select as q,Space as J,Switch as X,Table as V,TimePicker as Q,Tooltip as Z,Tree as ee,Upload as et,message as el}from"antd";import{read as en,utils as er}from"xlsx";import ea from"@monaco-editor/react";import{v4 as ei}from"uuid";import eo from"dayjs";import*as es from"echarts";var ed={290(e,t,l){var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.bindAll=void 0;var r=l(352);function a(e){if(void 0!==e)return"boolean"==typeof e?{capture:e}:e}t.bindAll=function(e,t,l){var i=t.map(function(t){var i=null==l?t:n(n({},t),{options:n(n({},a(l)),a(t.options))});return(0,r.bind)(e,i)});return function(){i.forEach(function(e){return e()})}}},352(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.bind=void 0,t.bind=function(e,t){var l=t.type,n=t.listener,r=t.options;return e.addEventListener(l,n,r),function(){e.removeEventListener(l,n,r)}}},951(e,t,l){t.bindAll=t.bind=void 0;var n=l(352);Object.defineProperty(t,"bind",{enumerable:!0,get:function(){return n.bind}});var r=l(290);Object.defineProperty(t,"bindAll",{enumerable:!0,get:function(){return r.bindAll}})},965(e,t,l){var n=l(426),r={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var l,a,i,o,s,d,c,u,p=!1;t||(t={}),i=t.debug||!1;try{if(s=n(),d=document.createRange(),c=document.getSelection(),(u=document.createElement("span")).textContent=e,u.ariaHidden="true",u.style.all="unset",u.style.position="fixed",u.style.top=0,u.style.clip="rect(0, 0, 0, 0)",u.style.whiteSpace="pre",u.style.webkitUserSelect="text",u.style.MozUserSelect="text",u.style.msUserSelect="text",u.style.userSelect="text",u.addEventListener("copy",function(l){if(l.stopPropagation(),t.format)if(l.preventDefault(),void 0===l.clipboardData){i&&console.warn("unable to use e.clipboardData"),i&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var n=r[t.format]||r.default;window.clipboardData.setData(n,e)}else l.clipboardData.clearData(),l.clipboardData.setData(t.format,e);t.onCopy&&(l.preventDefault(),t.onCopy(l.clipboardData))}),document.body.appendChild(u),d.selectNodeContents(u),c.addRange(d),!document.execCommand("copy"))throw Error("copy command was unsuccessful");p=!0}catch(n){i&&console.error("unable to copy using execCommand: ",n),i&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),p=!0}catch(n){i&&console.error("unable to copy using clipboardData: ",n),i&&console.error("falling back to prompt"),l="message"in t?t.message:"Copy to clipboard: #{key}, Enter",a=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C",o=l.replace(/#{\s*key\s*}/g,a),window.prompt(o,e)}}finally{c&&("function"==typeof c.removeRange?c.removeRange(d):c.removeAllRanges()),u&&document.body.removeChild(u),s()}return p}},20(e,t,l){var n=l(649),r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,o=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function d(e,t,l){var n,a={},d=null,c=null;for(n in void 0!==l&&(d=""+l),void 0!==t.key&&(d=""+t.key),void 0!==t.ref&&(c=t.ref),t)i.call(t,n)&&!s.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:r,type:e,key:d,ref:c,props:a,_owner:o.current}}t.Fragment=a,t.jsx=d,t.jsxs=d},848(e,t,l){e.exports=l(20)},426(e){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,l=[],n=0;n<e.rangeCount;n++)l.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||l.forEach(function(t){e.addRange(t)}),t&&t.focus()}}},649(t){t.exports=e}},ec={};function eu(e){var t=ec[e];if(void 0!==t)return t.exports;var l=ec[e]={exports:{}};return ed[e].call(l.exports,l,l.exports,eu),l.exports}eu.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return eu.d(t,{a:t}),t},eu.d=(e,t)=>{for(var l in t)eu.o(t,l)&&!eu.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},eu.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),eu.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var ep={};(()=>{eu.d(ep,{Wg:()=>tD,R3:()=>ts,Nx:()=>t9,Ei:()=>tp,QE:()=>ef.PluginType,Ho:()=>tt,V2:()=>ef.PageSchema,B7:()=>tU,NG:()=>eg.PropEditorProps,ru:()=>to});var e,ed,ec,ex,eh,em,ef={};eu.r(ef);var eg={};eu.r(eg);var ev=eu(848),ey=eu(649);function ej(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}function eb(e,t){if(e){if("string"==typeof e)return ej(e,t);var l=({}).toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?ej(e,t):void 0}}function eC(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,a,i,o=[],s=!0,d=!1;try{if(a=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;s=!1}else for(;!(s=(n=a.call(l)).done)&&(o.push(n.value),o.length!==t);s=!0);}catch(e){d=!0,r=e}finally{try{if(!s&&null!=l.return&&(i=l.return(),Object(i)!==i))return}finally{if(d)throw r}}return o}}(e,t)||eb(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var ew=eu(951),eS="data-pdnd-honey-pot";function ez(e){return e instanceof Element&&e.hasAttribute(eS)}function ek(e){var t=eC(document.elementsFromPoint(e.x,e.y),2),l=t[0],n=t[1];return l?ez(l)?null!=n?n:null:l:null}function eI(e){return(eI="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function eO(e,t,l){var n;return(n=function(e,t){if("object"!=eI(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var n=l.call(e,t||"default");if("object"!=eI(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==eI(n)?n:n+"")in e)?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function eN(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function eD(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?eN(Object(l),!0).forEach(function(t){eO(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):eN(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function eE(e){var t,l,n,r,a={x:Math.min((r={x:Math.max((n={x:(l={x:Math.floor((t=e.client).x),y:Math.floor(t.y)}).x-1,y:l.y-1}).x,0),y:Math.max(n.y,0)}).x,window.innerWidth-2),y:Math.min(r.y,window.innerHeight-2)};return DOMRect.fromRect({x:a.x,y:a.y,width:2,height:2})}function eT(e){var t=e.clientRect;return{left:"".concat(t.left,"px"),top:"".concat(t.top,"px"),width:"".concat(t.width,"px"),height:"".concat(t.height,"px")}}function eA(e){return function(e){if(Array.isArray(e))return ej(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||eb(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function eB(e){var t=null;return function(){if(!t){for(var l=arguments.length,n=Array(l),r=0;r<l;r++)n[r]=arguments[r];t={result:e.apply(this,n)}}return t.result}}var eL=eB(function(){return navigator.userAgent.includes("Firefox")}),eP=eB(function(){var e=navigator.userAgent;return e.includes("AppleWebKit")&&!e.includes("Chrome")}),eR={isLeavingWindow:Symbol("leaving"),isEnteringWindow:Symbol("entering")};if("undefined"!=typeof window&&eP()){var e_=eM();(0,ew.bindAll)(window,[{type:"dragstart",listener:function(){e_.enterCount=0,e_.isOverWindow=!0}},{type:"drop",listener:e$},{type:"dragend",listener:e$},{type:"dragenter",listener:function(e){e_.isOverWindow||0!==e_.enterCount||(e[eR.isEnteringWindow]=!0),e_.isOverWindow=!0,e_.enterCount++}},{type:"dragleave",listener:function(e){e_.enterCount--,e_.isOverWindow&&0===e_.enterCount&&(e[eR.isLeavingWindow]=!0,e_.isOverWindow=!1)}}],{capture:!0})}function eM(){return{enterCount:0,isOverWindow:!1}}function e$(){e_=eM()}function eF(e){return{altKey:e.altKey,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY}}var eH=(e=function(e){return e()},ed=[],ec=null,(ex=function(){for(var t=arguments.length,l=Array(t),n=0;n<t;n++)l[n]=arguments[n];ed=l,ec||(ec=requestAnimationFrame(function(){ec=null,e.apply(void 0,ed)}))}).cancel=function(){ec&&(cancelAnimationFrame(ec),ec=null)},ex),eG=(eh=null,{schedule:function(e){eh={frameId:requestAnimationFrame(function(){eh=null,e()}),fn:e}},flush:function(){eh&&(cancelAnimationFrame(eh.frameId),eh.fn(),eh=null)}}),eY={isActive:!1};function eK(){return!eY.isActive}function eW(e){var t,l=e.event,n=null==(t=e.current[0])?void 0:t.dropEffect;null!=n&&l.dataTransfer&&(l.dataTransfer.dropEffect=n)}var eU=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=e.dispatchEvent;if(eK()){var a,i,o=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=eF(t);if("external"===l.startedFrom)return{input:r,dropTargets:[]};var a=n({input:r,source:l.payload,target:t.target,current:[]});return{input:r,dropTargets:a}}({event:t,dragType:l,getDropTargetsOver:n});eY.isActive=!0;var s={current:o};eW({event:t,current:o.dropTargets});var d=function(e){var t=e.source,l=e.initial,n=e.dispatchEvent,r={dropTargets:[]};function a(e){n(e),r={dropTargets:e.payload.location.current.dropTargets}}return{start:function(e){var n=e.nativeSetDragImage,i={current:l,previous:r,initial:l};a({eventName:"onGenerateDragPreview",payload:{source:t,location:i,nativeSetDragImage:n}}),eG.schedule(function(){a({eventName:"onDragStart",payload:{source:t,location:i}})})},dragUpdate:function(e){var n=e.current;eG.flush(),eH.cancel(),a({eventName:"onDropTargetChange",payload:{source:t,location:{initial:l,previous:r,current:n}}})},drag:function(e){var n=e.current;eH(function(){eG.flush(),a({eventName:"onDrag",payload:{source:t,location:{initial:l,previous:r,current:n}}})})},drop:function(e){var n=e.current,i=e.updatedSourcePayload;eG.flush(),eH.cancel(),a({eventName:"onDrop",payload:{source:null!=i?i:t,location:{current:n,previous:r,initial:l}}})}}}({source:l.payload,dispatchEvent:r,initial:o}),c=(0,ew.bindAll)(window,[{type:"dragover",listener:function(e){p(e),d.drag({current:s.current})}},{type:"dragenter",listener:p},{type:"dragleave",listener:function(e){(function(e){var t=e.dragLeave,l=t.type,n=t.relatedTarget;return"dragleave"===l&&(eP()?!!eP()&&t.hasOwnProperty(eR.isLeavingWindow):null==n||(eL()?"nodeName"in n&&n.ownerDocument!==document:n instanceof HTMLIFrameElement))})({dragLeave:e})&&(u({input:s.current.input,dropTargets:[]}),"external"===l.startedFrom&&x())}},{type:"drop",listener:function(e){(s.current={dropTargets:s.current.dropTargets,input:eF(e)},s.current.dropTargets.length)?(e.preventDefault(),eW({event:e,current:s.current.dropTargets}),d.drop({current:s.current,updatedSourcePayload:"external"===l.type?l.getDropPayload(e):null}),h()):x()}},{type:"dragend",listener:function(e){s.current={dropTargets:s.current.dropTargets,input:eF(e)},x()}}].concat(eA([{type:"pointermove",listener:(i=0,function(){i<20?i++:a()})},{type:"pointerdown",listener:a=x}])),{capture:!0});d.start({nativeSetDragImage:t.dataTransfer?t.dataTransfer.setDragImage.bind(t.dataTransfer):null})}function u(e){var t=function(e){var t=e.current,l=e.next;if(t.length!==l.length)return!0;for(var n=0;n<t.length;n++)if(t[n].element!==l[n].element)return!0;return!1}({current:s.current.dropTargets,next:e.dropTargets});s.current=e,t&&d.dragUpdate({current:s.current})}function p(e){var t=eF(e),r=n({target:ez(e.target)?ek({x:t.clientX,y:t.clientY}):e.target,input:t,source:l.payload,current:s.current.dropTargets});r.length&&(e.preventDefault(),eW({event:e,current:r})),u({dropTargets:r,input:t})}function x(){s.current.dropTargets.length&&u({dropTargets:[],input:s.current.input}),d.drop({current:s.current,updatedSourcePayload:null}),h()}function h(){eY.isActive=!1,c()}},eq=new Map;function eJ(){for(var e=arguments.length,t=Array(e),l=0;l<e;l++)t[l]=arguments[l];return function(){t.forEach(function(e){return e()})}}function eX(e,t){var l=t.attribute,n=t.value;return e.setAttribute(l,n),function(){return e.removeAttribute(l)}}function eV(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function eQ(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?eV(Object(l),!0).forEach(function(t){eO(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):eV(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function eZ(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return e0(e,void 0);var l=({}).toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?e0(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,o=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return i=e.done,e},e:function(e){o=!0,a=e},f:function(){try{i||null==l.return||l.return()}finally{if(o)throw a}}}}function e0(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}function e1(e){return e.slice(0).reverse()}function e2(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}function e4(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}var e8=eB(function(){return navigator.userAgent.toLocaleLowerCase().includes("android")}),e6="text/plain",e9=new WeakMap,e5=(em=null,{bindEvents:function(){return em=null,(0,ew.bind)(window,{type:"pointermove",listener:function(e){em={x:e.clientX,y:e.clientY}},options:{capture:!0}})},getOnPostDispatch:function(){var e=null;return function(t){var l=t.eventName,n=t.payload;if("onDragStart"===l){var r,a,i,o=n.location.initial.input,s=null!=em?em:{x:o.clientX,y:o.clientY};(r=document.createElement("div")).setAttribute(eS,"true"),a=eE({client:s}),Object.assign(r.style,eD(eD({backgroundColor:"transparent",position:"fixed",padding:0,margin:0,boxSizing:"border-box"},eT({clientRect:a})),{},{pointerEvents:"auto",zIndex:0x7fffffff})),document.body.appendChild(r),i=(0,ew.bind)(window,{type:"pointermove",listener:function(e){a=eE({client:{x:e.clientX,y:e.clientY}}),Object.assign(r.style,eT({clientRect:a}))},options:{capture:!0}}),e=function(e){var t,l,n,o=e.current;if(i(),l=(t={client:o,clientRect:a}).client,n=t.clientRect,l.x>=n.x&&l.x<=n.x+n.width&&l.y>=n.y&&l.y<=n.y+n.height)return void r.remove();function s(){d(),r.remove()}var d=(0,ew.bindAll)(window,[{type:"pointerdown",listener:s},{type:"pointermove",listener:s},{type:"focusin",listener:s},{type:"focusout",listener:s},{type:"dragstart",listener:s},{type:"dragenter",listener:s},{type:"dragover",listener:s}],{capture:!0})}}if("onDrop"===l){var d,c=n.location.current.input;null==(d=e)||d({current:{x:c.clientX,y:c.clientY}}),e=null,em=null}}}}),e3=function(e){var t=e.typeKey,l=e.mount,n=e.dispatchEventToSource,r=e.onPostDispatch,a=e.defaultDropEffect,i=function(){var e=new Set,t=null;function l(e){t&&(!e.canMonitor||e.canMonitor(t.canMonitorArgs))&&t.active.add(e)}return{dispatchEvent:function(n){var r=n.eventName,a=n.payload;if("onGenerateDragPreview"===r){t={canMonitorArgs:{initial:a.location.initial,source:a.source},active:new Set};var i,o=function(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return e2(e,void 0);var l=({}).toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?e2(e,void 0):void 0}}(e))){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,o=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return i=e.done,e},e:function(e){o=!0,a=e},f:function(){try{i||null==l.return||l.return()}finally{if(o)throw a}}}}(e);try{for(o.s();!(i=o.n()).done;){var s=i.value;l(s)}}catch(e){o.e(e)}finally{o.f()}}if(t){for(var d=Array.from(t.active),c=0;c<d.length;c++){var u,p=d[c];t.active.has(p)&&(null==(u=p[r])||u.call(p,a))}"onDrop"===r&&(t.active.clear(),t=null)}},monitorForConsumers:function(n){var r=function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?e4(Object(l),!0).forEach(function(t){eO(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):e4(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({},n);return e.add(r),l(r),eB(function(){e.delete(r),t&&t.active.delete(r)})}}}(),o=function(e){var t=e.typeKey,l=e.defaultDropEffect,n=new WeakMap,r="data-drop-target-for-".concat(t),a="[".concat(r,"]");function i(e){var t,l=e.eventName,r=e.payload,a=eZ(r.location.current.dropTargets);try{for(a.s();!(t=a.n()).done;){var i,o=t.value,s=n.get(o.element),d=eQ(eQ({},r),{},{self:o});null==s||null==(i=s[l])||i.call(s,d)}}catch(e){a.e(e)}finally{a.f()}}var o={onGenerateDragPreview:i,onDrag:i,onDragStart:i,onDrop:i,onDropTargetChange:function(e){var t,l=e.payload,r=new Set(l.location.current.dropTargets.map(function(e){return e.element})),a=new Set,i=eZ(l.location.previous.dropTargets);try{for(i.s();!(t=i.n()).done;){var o,s,d=t.value;a.add(d.element);var c=n.get(d.element),u=r.has(d.element),p=eQ(eQ({},l),{},{self:d});null==c||null==(o=c.onDropTargetChange)||o.call(c,p),u||null==c||null==(s=c.onDragLeave)||s.call(c,p)}}catch(e){i.e(e)}finally{i.f()}var x,h=eZ(l.location.current.dropTargets);try{for(h.s();!(x=h.n()).done;){var m,f,g=x.value;if(!a.has(g.element)){var v=eQ(eQ({},l),{},{self:g}),y=n.get(g.element);null==y||null==(m=y.onDropTargetChange)||m.call(y,v),null==y||null==(f=y.onDragEnter)||f.call(y,v)}}}catch(e){h.e(e)}finally{h.f()}}};return{dropTargetForConsumers:function(e){return eB(eJ(eX(e.element,{attribute:r,value:"true"}),(n.set(e.element,e),function(){return n.delete(e.element)})))},getIsOver:function(e){var t=e.source,r=e.target,i=e.input,o=e.current,s=function e(t){var r,i,o,s,d=t.source,c=t.target,u=t.input,p=t.result,x=void 0===p?[]:p;if(null==c)return x;if(!(c instanceof Element))return c instanceof Node?e({source:d,target:c.parentElement,input:u,result:x}):x;var h=c.closest(a);if(null==h)return x;var m=n.get(h);if(null==m)return x;var f={input:u,source:d,element:m.element};if(m.canDrop&&!m.canDrop(f))return e({source:d,target:m.element.parentElement,input:u,result:x});var g=null!=(r=null==(i=m.getData)?void 0:i.call(m,f))?r:{},v=null!=(o=null==(s=m.getDropEffect)?void 0:s.call(m,f))?o:l,y={data:g,element:m.element,dropEffect:v,isActiveDueToStickiness:!1};return e({source:d,target:m.element.parentElement,input:u,result:[].concat(eA(x),[y])})}({source:t,target:r,input:i});if(s.length>=o.length)return s;for(var d=e1(o),c=e1(s),u=[],p=0;p<d.length;p++){var x,h=d[p],m=c[p];if(null!=m){u.push(m);continue}var f=u[p-1],g=d[p-1];if((null==f?void 0:f.element)!==(null==g?void 0:g.element))break;var v=n.get(h.element);if(!v)break;var y={input:i,source:t,element:v.element};if(v.canDrop&&!v.canDrop(y)||!(null!=(x=v.getIsSticky)&&x.call(v,y)))break;u.push(eQ(eQ({},h),{},{isActiveDueToStickiness:!0}))}return e1(u)},dispatchEvent:function(e){o[e.eventName](e)}}}({typeKey:t,defaultDropEffect:a});function s(e){null==n||n(e),o.dispatchEvent(e),i.dispatchEvent(e),null==r||r(e)}function d(e){eU({event:e.event,dragType:e.dragType,getDropTargetsOver:o.getIsOver,dispatchEvent:s})}return{registerUsage:function(){var e,n;return n=function(e){var t=e.typeKey,l=e.mount,n=eq.get(t);if(n)return n.usageCount++,n;var r={typeKey:t,unmount:l(),usageCount:1};return eq.set(t,r),r}(e={typeKey:t,mount:function(){return l({canStart:eK,start:d})}}),function(){n.usageCount--,n.usageCount>0||(n.unmount(),eq.delete(e.typeKey))}},dropTarget:o.dropTargetForConsumers,monitor:i.monitorForConsumers}}({typeKey:"element",defaultDropEffect:"move",mount:function(e){return eJ(e5.bindEvents(),(0,ew.bind)(document,{type:"dragstart",listener:function(t){if(e.canStart(t)&&!t.defaultPrevented&&t.dataTransfer){var l,n,r,a,i,o,s=t.target;if(s instanceof HTMLElement){var d=e9.get(s);if(d){var c=eF(t),u={element:d.element,dragHandle:null!=(l=d.dragHandle)?l:null,input:c};if(d.canDrag&&!d.canDrag(u))return void t.preventDefault();if(d.dragHandle){var p=ek({x:c.clientX,y:c.clientY});if(!d.dragHandle.contains(p))return void t.preventDefault()}var x=null!=(n=null==(r=d.getInitialDataForExternal)?void 0:r.call(d,u))?n:null;if(x)for(var h=0,m=Object.entries(x);h<m.length;h++){var f=eC(m[h],2),g=f[0],v=f[1];t.dataTransfer.setData(g,null!=v?v:"")}!e8()||t.dataTransfer.types.includes(e6)||t.dataTransfer.types.includes("text/uri-list")||t.dataTransfer.setData(e6,"pdnd:android-fallback"),t.dataTransfer.setData("application/vnd.pdnd","");var y={element:d.element,dragHandle:null!=(a=d.dragHandle)?a:null,data:null!=(i=null==(o=d.getInitialData)?void 0:o.call(d,u))?i:{}};e.start({event:t,dragType:{type:"element",payload:y,startedFrom:"internal"}})}}}}}))},dispatchEventToSource:function(e){var t,l,n=e.eventName,r=e.payload;null==(t=e9.get(r.source.element))||null==(l=t[n])||l.call(t,r)},onPostDispatch:e5.getOnPostDispatch()}),e7=e3.dropTarget;function te(e){return eB(eJ(e3.registerUsage(),(e9.set(e.element,e),function(){e9.delete(e.element)}),eX(e.element,{attribute:"draggable",value:"true"})))}e3.monitor;let tt=(0,ey.createContext)({designable:!1,plugins:[],schema:{info:{},datasources:[],scripts:[],variables:[],items:[]},selectedItem:null,setSchema:()=>{},setSelectedItem:()=>{},updateSelectedItem:()=>{},forceUpdate:()=>{}}),tl=e=>{let{designable:t,plugins:l,schema:n,selectedItem:r,setSchema:a,setSelectedItem:i,children:o}=e;return(0,ev.jsx)(tt.Provider,{value:{designable:!!t,plugins:l||[],schema:n,selectedItem:r,setSchema:a||(()=>{}),setSelectedItem:i||(()=>{}),updateSelectedItem:e=>{null==i||i(Object.assign(r,e||{})),null==a||a({...n})},forceUpdate:()=>{null==a||a({...n})}},children:o})},tn=e=>{var t;let{item:l,onDelete:n,parentList:r,onListChange:a,index:i}=e,{designable:o,selectedItem:s,setSelectedItem:d,plugins:c}=(0,ey.useContext)(tt),[u,p]=(0,ey.useState)(!1),x=null==(t=c.find(e=>e.key===l.type))?void 0:t.component;return((0,ey.useEffect)(()=>{let e=()=>{if(!t.current)return;let e=document.getElementById(`page-item-${l.id}`);if(!e)return void r();let n=e.getBoundingClientRect();if(0===n.width&&0===n.height){t.current.style.display="none";return}t.current.style.display="flex";let a=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,i=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;t.current.style.top=`${n.top+a-22}px`,t.current.style.left=`${n.left+i-1}px`},t={current:null},r=()=>{if(t.current){let l=t.current.querySelector("a");l&&l.removeEventListener("click",a),document.body.contains(t.current)&&document.body.removeChild(t.current),t.current=null,window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},a=e=>{e.stopPropagation(),n&&n()};if(s&&s===l&&o){let n=document.createElement("div");n.style.position="absolute",n.style.zIndex="9999",n.style.display="flex",n.style.gap="4px";let i=document.createElement("span");i.innerText=l.name||l.type+`(${l.id})`,i.style.background="#1890ff",i.style.color="#fff",i.style.fontSize="12px",i.style.borderTopLeftRadius="4px",i.style.borderTopRightRadius="4px",i.style.padding="2px 8px",i.style.cursor="pointer",i.style.userSelect="none",n.appendChild(i);let o=document.createElement("a");return o.innerText="X",o.style.background="#1890ff",o.style.color="#fff",o.style.fontSize="12px",o.style.borderTopLeftRadius="4px",o.style.borderTopRightRadius="4px",o.style.padding="2px 8px",o.style.cursor="pointer",o.style.userSelect="none",n.appendChild(o),o.addEventListener("click",a),document.body.appendChild(n),t.current=n,e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>r()}},[s,o,l,n]),(0,ey.useEffect)(()=>{let e=document.getElementById(`page-item-${l.id}`);if(!e||!o)return;let t=te({element:e,getInitialData:()=>({id:l.id,index:i,list:r,onListChange:a,data:l}),canDrag:()=>!!o,onDragStart:()=>{p(!0)},onDrop:()=>{p(!1)}}),n=e=>{e.stopPropagation(),d&&d(l)};return o&&e.addEventListener("click",n),()=>{t(),o&&e.removeEventListener("click",n)}},[o,l,i,r]),x)?(0,ev.jsx)(x,{id:`page-item-${l.id}`,"data-item-id":l.id,...l.props||{},item:l,className:`page-item-component ${o?"designable":""} ${s===l?"selected":""}`,style:{...l.style||{},opacity:u?.5:1}}):null},tr=t.div`
2
+ import*as e from"react";import t,{css as l}from"styled-components";import{AlignCenterOutlined as n,AlignLeftOutlined as r,AlignRightOutlined as a,AudioOutlined as i,CaretDownOutlined as o,CloseOutlined as s,CopyOutlined as d,DeleteOutlined as c,DesktopOutlined as u,EditOutlined as p,EyeInvisibleOutlined as x,EyeOutlined as h,FileExcelOutlined as m,HistoryOutlined as f,ImportOutlined as g,InboxOutlined as v,InfoCircleOutlined as j,MessageOutlined as y,MinusSquareOutlined as b,MobileOutlined as w,PlusOutlined as C,PlusSquareOutlined as S,RedoOutlined as z,RobotOutlined as k,SaveOutlined as I,SelectOutlined as N,SendOutlined as O,TabletOutlined as T,UndoOutlined as E,UploadOutlined as D,ZoomInOutlined as A,ZoomOutOutlined as B,createFromIconfontCN as R}from"@ant-design/icons";import{Avatar as L,Button as M,Card as P,Checkbox as _,Col as $,ColorPicker as F,DatePicker as Y,Divider as H,Drawer as G,Dropdown as W,Form as K,Input as U,InputNumber as J,Modal as q,Pagination as X,Popconfirm as V,Popover as Q,Radio as Z,Row as ee,Select as et,Skeleton as el,Space as en,Switch as er,Table as ea,Tag as ei,TimePicker as eo,Tooltip as es,Tree as ed,Typography as ec,Upload as eu,message as ep}from"antd";import{v4 as ex}from"uuid";import eh,{Editor as em}from"@monaco-editor/react";import ef from"dayjs";import*as eg from"echarts";var ev={290(e,t,l){var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.bindAll=void 0;var r=l(352);function a(e){if(void 0!==e)return"boolean"==typeof e?{capture:e}:e}t.bindAll=function(e,t,l){var i=t.map(function(t){var i=null==l?t:n(n({},t),{options:n(n({},a(l)),a(t.options))});return(0,r.bind)(e,i)});return function(){i.forEach(function(e){return e()})}}},352(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.bind=void 0,t.bind=function(e,t){var l=t.type,n=t.listener,r=t.options;return e.addEventListener(l,n,r),function(){e.removeEventListener(l,n,r)}}},951(e,t,l){t.bindAll=t.bind=void 0;var n=l(352);Object.defineProperty(t,"bind",{enumerable:!0,get:function(){return n.bind}});var r=l(290);Object.defineProperty(t,"bindAll",{enumerable:!0,get:function(){return r.bindAll}})},965(e,t,l){var n=l(426),r={"text/plain":"Text","text/html":"Url",default:"Text"};e.exports=function(e,t){var l,a,i,o,s,d,c,u,p=!1;t||(t={}),i=t.debug||!1;try{if(s=n(),d=document.createRange(),c=document.getSelection(),(u=document.createElement("span")).textContent=e,u.ariaHidden="true",u.style.all="unset",u.style.position="fixed",u.style.top=0,u.style.clip="rect(0, 0, 0, 0)",u.style.whiteSpace="pre",u.style.webkitUserSelect="text",u.style.MozUserSelect="text",u.style.msUserSelect="text",u.style.userSelect="text",u.addEventListener("copy",function(l){if(l.stopPropagation(),t.format)if(l.preventDefault(),void 0===l.clipboardData){i&&console.warn("unable to use e.clipboardData"),i&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var n=r[t.format]||r.default;window.clipboardData.setData(n,e)}else l.clipboardData.clearData(),l.clipboardData.setData(t.format,e);t.onCopy&&(l.preventDefault(),t.onCopy(l.clipboardData))}),document.body.appendChild(u),d.selectNodeContents(u),c.addRange(d),!document.execCommand("copy"))throw Error("copy command was unsuccessful");p=!0}catch(n){i&&console.error("unable to copy using execCommand: ",n),i&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),p=!0}catch(n){i&&console.error("unable to copy using clipboardData: ",n),i&&console.error("falling back to prompt"),l="message"in t?t.message:"Copy to clipboard: #{key}, Enter",a=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C",o=l.replace(/#{\s*key\s*}/g,a),window.prompt(o,e)}}finally{c&&("function"==typeof c.removeRange?c.removeRange(d):c.removeAllRanges()),u&&document.body.removeChild(u),s()}return p}},20(e,t,l){var n=l(649),r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,o=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function d(e,t,l){var n,a={},d=null,c=null;for(n in void 0!==l&&(d=""+l),void 0!==t.key&&(d=""+t.key),void 0!==t.ref&&(c=t.ref),t)i.call(t,n)&&!s.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:r,type:e,key:d,ref:c,props:a,_owner:o.current}}t.Fragment=a,t.jsx=d,t.jsxs=d},848(e,t,l){e.exports=l(20)},426(e){e.exports=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,l=[],n=0;n<e.rangeCount;n++)l.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null}return e.removeAllRanges(),function(){"Caret"===e.type&&e.removeAllRanges(),e.rangeCount||l.forEach(function(t){e.addRange(t)}),t&&t.focus()}}},649(t){t.exports=e}},ej={};function ey(e){var t=ej[e];if(void 0!==t)return t.exports;var l=ej[e]={exports:{}};return ev[e].call(l.exports,l,l.exports,ey),l.exports}ey.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return ey.d(t,{a:t}),t},ey.d=(e,t)=>{for(var l in t)ey.o(t,l)&&!ey.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},ey.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),ey.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var eb={};(()=>{ey.d(eb,{Wg:()=>tI,R3:()=>tv,Nx:()=>lC,Ei:()=>tw,QE:()=>ek.PluginType,Ho:()=>tu,V2:()=>ek.PageSchema,B7:()=>ld,NG:()=>eI.PropEditorProps,ru:()=>tg});var e,ev,ej,ew,eC,eS,ez,ek={};ey.r(ek),ey.d(ek,{P:()=>lc});var eI={};ey.r(eI);var eN=ey(848),eO=ey(649);function eT(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}function eE(e,t){if(e){if("string"==typeof e)return eT(e,t);var l=({}).toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?eT(e,t):void 0}}function eD(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,a,i,o=[],s=!0,d=!1;try{if(a=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;s=!1}else for(;!(s=(n=a.call(l)).done)&&(o.push(n.value),o.length!==t);s=!0);}catch(e){d=!0,r=e}finally{try{if(!s&&null!=l.return&&(i=l.return(),Object(i)!==i))return}finally{if(d)throw r}}return o}}(e,t)||eE(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var eA=ey(951),eB="data-pdnd-honey-pot";function eR(e){return e instanceof Element&&e.hasAttribute(eB)}function eL(e){var t=eD(document.elementsFromPoint(e.x,e.y),2),l=t[0],n=t[1];return l?eR(l)?null!=n?n:null:l:null}function eM(e){return(eM="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function eP(e,t,l){var n;return(n=function(e,t){if("object"!=eM(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var n=l.call(e,t||"default");if("object"!=eM(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==eM(n)?n:n+"")in e)?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function e_(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function e$(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?e_(Object(l),!0).forEach(function(t){eP(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):e_(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function eF(e){var t,l,n,r,a={x:Math.min((r={x:Math.max((n={x:(l={x:Math.floor((t=e.client).x),y:Math.floor(t.y)}).x-1,y:l.y-1}).x,0),y:Math.max(n.y,0)}).x,window.innerWidth-2),y:Math.min(r.y,window.innerHeight-2)};return DOMRect.fromRect({x:a.x,y:a.y,width:2,height:2})}function eY(e){var t=e.clientRect;return{left:"".concat(t.left,"px"),top:"".concat(t.top,"px"),width:"".concat(t.width,"px"),height:"".concat(t.height,"px")}}function eH(e){return function(e){if(Array.isArray(e))return eT(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||eE(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function eG(e){var t=null;return function(){if(!t){for(var l=arguments.length,n=Array(l),r=0;r<l;r++)n[r]=arguments[r];t={result:e.apply(this,n)}}return t.result}}var eW=eG(function(){return navigator.userAgent.includes("Firefox")}),eK=eG(function(){var e=navigator.userAgent;return e.includes("AppleWebKit")&&!e.includes("Chrome")}),eU={isLeavingWindow:Symbol("leaving"),isEnteringWindow:Symbol("entering")};if("undefined"!=typeof window&&eK()){var eJ=eq();(0,eA.bindAll)(window,[{type:"dragstart",listener:function(){eJ.enterCount=0,eJ.isOverWindow=!0}},{type:"drop",listener:eX},{type:"dragend",listener:eX},{type:"dragenter",listener:function(e){eJ.isOverWindow||0!==eJ.enterCount||(e[eU.isEnteringWindow]=!0),eJ.isOverWindow=!0,eJ.enterCount++}},{type:"dragleave",listener:function(e){eJ.enterCount--,eJ.isOverWindow&&0===eJ.enterCount&&(e[eU.isLeavingWindow]=!0,eJ.isOverWindow=!1)}}],{capture:!0})}function eq(){return{enterCount:0,isOverWindow:!1}}function eX(){eJ=eq()}function eV(e){return{altKey:e.altKey,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY}}var eQ=(e=function(e){return e()},ev=[],ej=null,(ew=function(){for(var t=arguments.length,l=Array(t),n=0;n<t;n++)l[n]=arguments[n];ev=l,ej||(ej=requestAnimationFrame(function(){ej=null,e.apply(void 0,ev)}))}).cancel=function(){ej&&(cancelAnimationFrame(ej),ej=null)},ew),eZ=(eC=null,{schedule:function(e){eC={frameId:requestAnimationFrame(function(){eC=null,e()}),fn:e}},flush:function(){eC&&(cancelAnimationFrame(eC.frameId),eC.fn(),eC=null)}}),e0={isActive:!1};function e1(){return!e0.isActive}function e2(e){var t,l=e.event,n=null==(t=e.current[0])?void 0:t.dropEffect;null!=n&&l.dataTransfer&&(l.dataTransfer.dropEffect=n)}var e4=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=e.dispatchEvent;if(e1()){var a,i,o=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=eV(t);if("external"===l.startedFrom)return{input:r,dropTargets:[]};var a=n({input:r,source:l.payload,target:t.target,current:[]});return{input:r,dropTargets:a}}({event:t,dragType:l,getDropTargetsOver:n});e0.isActive=!0;var s={current:o};e2({event:t,current:o.dropTargets});var d=function(e){var t=e.source,l=e.initial,n=e.dispatchEvent,r={dropTargets:[]};function a(e){n(e),r={dropTargets:e.payload.location.current.dropTargets}}return{start:function(e){var n=e.nativeSetDragImage,i={current:l,previous:r,initial:l};a({eventName:"onGenerateDragPreview",payload:{source:t,location:i,nativeSetDragImage:n}}),eZ.schedule(function(){a({eventName:"onDragStart",payload:{source:t,location:i}})})},dragUpdate:function(e){var n=e.current;eZ.flush(),eQ.cancel(),a({eventName:"onDropTargetChange",payload:{source:t,location:{initial:l,previous:r,current:n}}})},drag:function(e){var n=e.current;eQ(function(){eZ.flush(),a({eventName:"onDrag",payload:{source:t,location:{initial:l,previous:r,current:n}}})})},drop:function(e){var n=e.current,i=e.updatedSourcePayload;eZ.flush(),eQ.cancel(),a({eventName:"onDrop",payload:{source:null!=i?i:t,location:{current:n,previous:r,initial:l}}})}}}({source:l.payload,dispatchEvent:r,initial:o}),c=(0,eA.bindAll)(window,[{type:"dragover",listener:function(e){p(e),d.drag({current:s.current})}},{type:"dragenter",listener:p},{type:"dragleave",listener:function(e){(function(e){var t=e.dragLeave,l=t.type,n=t.relatedTarget;return"dragleave"===l&&(eK()?!!eK()&&t.hasOwnProperty(eU.isLeavingWindow):null==n||(eW()?"nodeName"in n&&n.ownerDocument!==document:n instanceof HTMLIFrameElement))})({dragLeave:e})&&(u({input:s.current.input,dropTargets:[]}),"external"===l.startedFrom&&x())}},{type:"drop",listener:function(e){(s.current={dropTargets:s.current.dropTargets,input:eV(e)},s.current.dropTargets.length)?(e.preventDefault(),e2({event:e,current:s.current.dropTargets}),d.drop({current:s.current,updatedSourcePayload:"external"===l.type?l.getDropPayload(e):null}),h()):x()}},{type:"dragend",listener:function(e){s.current={dropTargets:s.current.dropTargets,input:eV(e)},x()}}].concat(eH([{type:"pointermove",listener:(i=0,function(){i<20?i++:a()})},{type:"pointerdown",listener:a=x}])),{capture:!0});d.start({nativeSetDragImage:t.dataTransfer?t.dataTransfer.setDragImage.bind(t.dataTransfer):null})}function u(e){var t=function(e){var t=e.current,l=e.next;if(t.length!==l.length)return!0;for(var n=0;n<t.length;n++)if(t[n].element!==l[n].element)return!0;return!1}({current:s.current.dropTargets,next:e.dropTargets});s.current=e,t&&d.dragUpdate({current:s.current})}function p(e){var t=eV(e),r=n({target:eR(e.target)?eL({x:t.clientX,y:t.clientY}):e.target,input:t,source:l.payload,current:s.current.dropTargets});r.length&&(e.preventDefault(),e2({event:e,current:r})),u({dropTargets:r,input:t})}function x(){s.current.dropTargets.length&&u({dropTargets:[],input:s.current.input}),d.drop({current:s.current,updatedSourcePayload:null}),h()}function h(){e0.isActive=!1,c()}},e8=new Map;function e6(){for(var e=arguments.length,t=Array(e),l=0;l<e;l++)t[l]=arguments[l];return function(){t.forEach(function(e){return e()})}}function e9(e,t){var l=t.attribute,n=t.value;return e.setAttribute(l,n),function(){return e.removeAttribute(l)}}function e5(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function e3(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?e5(Object(l),!0).forEach(function(t){eP(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):e5(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function e7(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return te(e,void 0);var l=({}).toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?te(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,o=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return i=e.done,e},e:function(e){o=!0,a=e},f:function(){try{i||null==l.return||l.return()}finally{if(o)throw a}}}}function te(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}function tt(e){return e.slice(0).reverse()}function tl(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=Array(t);l<t;l++)n[l]=e[l];return n}function tn(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}var tr=eG(function(){return navigator.userAgent.toLocaleLowerCase().includes("android")}),ta="text/plain",ti=new WeakMap,to=(eS=null,{bindEvents:function(){return eS=null,(0,eA.bind)(window,{type:"pointermove",listener:function(e){eS={x:e.clientX,y:e.clientY}},options:{capture:!0}})},getOnPostDispatch:function(){var e=null;return function(t){var l=t.eventName,n=t.payload;if("onDragStart"===l){var r,a,i,o=n.location.initial.input,s=null!=eS?eS:{x:o.clientX,y:o.clientY};(r=document.createElement("div")).setAttribute(eB,"true"),a=eF({client:s}),Object.assign(r.style,e$(e$({backgroundColor:"transparent",position:"fixed",padding:0,margin:0,boxSizing:"border-box"},eY({clientRect:a})),{},{pointerEvents:"auto",zIndex:0x7fffffff})),document.body.appendChild(r),i=(0,eA.bind)(window,{type:"pointermove",listener:function(e){a=eF({client:{x:e.clientX,y:e.clientY}}),Object.assign(r.style,eY({clientRect:a}))},options:{capture:!0}}),e=function(e){var t,l,n,o=e.current;if(i(),l=(t={client:o,clientRect:a}).client,n=t.clientRect,l.x>=n.x&&l.x<=n.x+n.width&&l.y>=n.y&&l.y<=n.y+n.height)return void r.remove();function s(){d(),r.remove()}var d=(0,eA.bindAll)(window,[{type:"pointerdown",listener:s},{type:"pointermove",listener:s},{type:"focusin",listener:s},{type:"focusout",listener:s},{type:"dragstart",listener:s},{type:"dragenter",listener:s},{type:"dragover",listener:s}],{capture:!0})}}if("onDrop"===l){var d,c=n.location.current.input;null==(d=e)||d({current:{x:c.clientX,y:c.clientY}}),e=null,eS=null}}}}),ts=function(e){var t=e.typeKey,l=e.mount,n=e.dispatchEventToSource,r=e.onPostDispatch,a=e.defaultDropEffect,i=function(){var e=new Set,t=null;function l(e){t&&(!e.canMonitor||e.canMonitor(t.canMonitorArgs))&&t.active.add(e)}return{dispatchEvent:function(n){var r=n.eventName,a=n.payload;if("onGenerateDragPreview"===r){t={canMonitorArgs:{initial:a.location.initial,source:a.source},active:new Set};var i,o=function(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=function(e,t){if(e){if("string"==typeof e)return tl(e,void 0);var l=({}).toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?tl(e,void 0):void 0}}(e))){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,o=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return i=e.done,e},e:function(e){o=!0,a=e},f:function(){try{i||null==l.return||l.return()}finally{if(o)throw a}}}}(e);try{for(o.s();!(i=o.n()).done;){var s=i.value;l(s)}}catch(e){o.e(e)}finally{o.f()}}if(t){for(var d=Array.from(t.active),c=0;c<d.length;c++){var u,p=d[c];t.active.has(p)&&(null==(u=p[r])||u.call(p,a))}"onDrop"===r&&(t.active.clear(),t=null)}},monitorForConsumers:function(n){var r=function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?tn(Object(l),!0).forEach(function(t){eP(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):tn(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({},n);return e.add(r),l(r),eG(function(){e.delete(r),t&&t.active.delete(r)})}}}(),o=function(e){var t=e.typeKey,l=e.defaultDropEffect,n=new WeakMap,r="data-drop-target-for-".concat(t),a="[".concat(r,"]");function i(e){var t,l=e.eventName,r=e.payload,a=e7(r.location.current.dropTargets);try{for(a.s();!(t=a.n()).done;){var i,o=t.value,s=n.get(o.element),d=e3(e3({},r),{},{self:o});null==s||null==(i=s[l])||i.call(s,d)}}catch(e){a.e(e)}finally{a.f()}}var o={onGenerateDragPreview:i,onDrag:i,onDragStart:i,onDrop:i,onDropTargetChange:function(e){var t,l=e.payload,r=new Set(l.location.current.dropTargets.map(function(e){return e.element})),a=new Set,i=e7(l.location.previous.dropTargets);try{for(i.s();!(t=i.n()).done;){var o,s,d=t.value;a.add(d.element);var c=n.get(d.element),u=r.has(d.element),p=e3(e3({},l),{},{self:d});null==c||null==(o=c.onDropTargetChange)||o.call(c,p),u||null==c||null==(s=c.onDragLeave)||s.call(c,p)}}catch(e){i.e(e)}finally{i.f()}var x,h=e7(l.location.current.dropTargets);try{for(h.s();!(x=h.n()).done;){var m,f,g=x.value;if(!a.has(g.element)){var v=e3(e3({},l),{},{self:g}),j=n.get(g.element);null==j||null==(m=j.onDropTargetChange)||m.call(j,v),null==j||null==(f=j.onDragEnter)||f.call(j,v)}}}catch(e){h.e(e)}finally{h.f()}}};return{dropTargetForConsumers:function(e){return eG(e6(e9(e.element,{attribute:r,value:"true"}),(n.set(e.element,e),function(){return n.delete(e.element)})))},getIsOver:function(e){var t=e.source,r=e.target,i=e.input,o=e.current,s=function e(t){var r,i,o,s,d=t.source,c=t.target,u=t.input,p=t.result,x=void 0===p?[]:p;if(null==c)return x;if(!(c instanceof Element))return c instanceof Node?e({source:d,target:c.parentElement,input:u,result:x}):x;var h=c.closest(a);if(null==h)return x;var m=n.get(h);if(null==m)return x;var f={input:u,source:d,element:m.element};if(m.canDrop&&!m.canDrop(f))return e({source:d,target:m.element.parentElement,input:u,result:x});var g=null!=(r=null==(i=m.getData)?void 0:i.call(m,f))?r:{},v=null!=(o=null==(s=m.getDropEffect)?void 0:s.call(m,f))?o:l,j={data:g,element:m.element,dropEffect:v,isActiveDueToStickiness:!1};return e({source:d,target:m.element.parentElement,input:u,result:[].concat(eH(x),[j])})}({source:t,target:r,input:i});if(s.length>=o.length)return s;for(var d=tt(o),c=tt(s),u=[],p=0;p<d.length;p++){var x,h=d[p],m=c[p];if(null!=m){u.push(m);continue}var f=u[p-1],g=d[p-1];if((null==f?void 0:f.element)!==(null==g?void 0:g.element))break;var v=n.get(h.element);if(!v)break;var j={input:i,source:t,element:v.element};if(v.canDrop&&!v.canDrop(j)||!(null!=(x=v.getIsSticky)&&x.call(v,j)))break;u.push(e3(e3({},h),{},{isActiveDueToStickiness:!0}))}return tt(u)},dispatchEvent:function(e){o[e.eventName](e)}}}({typeKey:t,defaultDropEffect:a});function s(e){null==n||n(e),o.dispatchEvent(e),i.dispatchEvent(e),null==r||r(e)}function d(e){e4({event:e.event,dragType:e.dragType,getDropTargetsOver:o.getIsOver,dispatchEvent:s})}return{registerUsage:function(){var e,n;return n=function(e){var t=e.typeKey,l=e.mount,n=e8.get(t);if(n)return n.usageCount++,n;var r={typeKey:t,unmount:l(),usageCount:1};return e8.set(t,r),r}(e={typeKey:t,mount:function(){return l({canStart:e1,start:d})}}),function(){n.usageCount--,n.usageCount>0||(n.unmount(),e8.delete(e.typeKey))}},dropTarget:o.dropTargetForConsumers,monitor:i.monitorForConsumers}}({typeKey:"element",defaultDropEffect:"move",mount:function(e){return e6(to.bindEvents(),(0,eA.bind)(document,{type:"dragstart",listener:function(t){if(e.canStart(t)&&!t.defaultPrevented&&t.dataTransfer){var l,n,r,a,i,o,s=t.target;if(s instanceof HTMLElement){var d=ti.get(s);if(d){var c=eV(t),u={element:d.element,dragHandle:null!=(l=d.dragHandle)?l:null,input:c};if(d.canDrag&&!d.canDrag(u))return void t.preventDefault();if(d.dragHandle){var p=eL({x:c.clientX,y:c.clientY});if(!d.dragHandle.contains(p))return void t.preventDefault()}var x=null!=(n=null==(r=d.getInitialDataForExternal)?void 0:r.call(d,u))?n:null;if(x)for(var h=0,m=Object.entries(x);h<m.length;h++){var f=eD(m[h],2),g=f[0],v=f[1];t.dataTransfer.setData(g,null!=v?v:"")}!tr()||t.dataTransfer.types.includes(ta)||t.dataTransfer.types.includes("text/uri-list")||t.dataTransfer.setData(ta,"pdnd:android-fallback"),t.dataTransfer.setData("application/vnd.pdnd","");var j={element:d.element,dragHandle:null!=(a=d.dragHandle)?a:null,data:null!=(i=null==(o=d.getInitialData)?void 0:o.call(d,u))?i:{}};e.start({event:t,dragType:{type:"element",payload:j,startedFrom:"internal"}})}}}}}))},dispatchEventToSource:function(e){var t,l,n=e.eventName,r=e.payload;null==(t=ti.get(r.source.element))||null==(l=t[n])||l.call(t,r)},onPostDispatch:to.getOnPostDispatch()}),td=ts.dropTarget;function tc(e){return eG(e6(ts.registerUsage(),(ti.set(e.element,e),function(){ti.delete(e.element)}),e9(e.element,{attribute:"draggable",value:"true"})))}ts.monitor;let tu=(0,eO.createContext)({pageId:"",designable:!1,plugins:[],schema:{info:{},datasources:[],scripts:[],variables:[],items:[]},selectedItem:null,setSchema:()=>{},setSelectedItem:()=>{},updateSelectedItem:()=>{},forceUpdate:()=>{},datasetSelector:void 0,fetch:void 0}),tp=e=>{let{pageId:t,designable:l,plugins:n,schema:r,selectedItem:a,setSchema:i,setSelectedItem:o,datasetSelector:s,fetch:d,children:c}=e;return(0,eN.jsx)(tu.Provider,{value:{pageId:t,designable:!!l,plugins:n||[],schema:r,selectedItem:a,setSchema:i||(()=>{}),setSelectedItem:o||(()=>{}),updateSelectedItem:e=>{null==o||o(Object.assign(a,e||{})),null==i||i({...r})},datasetSelector:s,fetch:d,forceUpdate:()=>{null==i||i({...r})}},children:c})},tx=e=>{var t;let{item:l,onDelete:n,parentList:r,onListChange:a,index:i}=e,{designable:o,selectedItem:s,setSelectedItem:d,plugins:c}=(0,eO.useContext)(tu),[u,p]=(0,eO.useState)(!1),x=null==(t=c.find(e=>e.key===l.type))?void 0:t.component;return((0,eO.useEffect)(()=>{let e=()=>{if(!t.current)return;let e=document.getElementById(`page-item-${l.id}`);if(!e)return void r();let n=e.getBoundingClientRect();if(0===n.width&&0===n.height){t.current.style.display="none";return}t.current.style.display="flex";let a=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,i=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0;t.current.style.top=`${n.top+a-22}px`,t.current.style.left=`${n.left+i-1}px`},t={current:null},r=()=>{if(t.current){let l=t.current.querySelector("a");l&&l.removeEventListener("click",a),document.body.contains(t.current)&&document.body.removeChild(t.current),t.current=null,window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},a=e=>{e.stopPropagation(),n&&n()};if(s&&s===l&&o){let n=document.createElement("div");n.style.position="absolute",n.style.zIndex="1000",n.style.display="flex",n.style.gap="4px";let i=document.createElement("span");i.innerText=l.name||l.type+`(${l.id})`,i.style.background="#1890ff",i.style.color="#fff",i.style.fontSize="12px",i.style.borderTopLeftRadius="4px",i.style.borderTopRightRadius="4px",i.style.padding="2px 8px",i.style.cursor="pointer",i.style.userSelect="none",n.appendChild(i);let o=document.createElement("a");return o.innerText="X",o.style.background="#1890ff",o.style.color="#fff",o.style.fontSize="12px",o.style.borderTopLeftRadius="4px",o.style.borderTopRightRadius="4px",o.style.padding="2px 8px",o.style.cursor="pointer",o.style.userSelect="none",n.appendChild(o),o.addEventListener("click",a),document.body.appendChild(n),t.current=n,e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>r()}},[s,o,l,n]),(0,eO.useEffect)(()=>{let e=document.getElementById(`page-item-${l.id}`);if(!e||!o)return;let t=tc({element:e,getInitialData:()=>({id:l.id,index:i,list:r,onListChange:a,data:l}),canDrag:()=>!!o,onDragStart:()=>{p(!0)},onDrop:()=>{p(!1)}}),n=e=>{e.stopPropagation(),d&&d(l)};return o&&e.addEventListener("click",n),()=>{t(),o&&e.removeEventListener("click",n)}},[o,l,i,r]),x)?(0,eN.jsx)(x,{id:`page-item-${l.id}`,"data-item-id":l.id,...l.props||{},item:l,className:`page-item-component ${o?"designable":""} ${s===l?"selected":""}`,style:{...l.style||{},opacity:u?.5:1}}):null},th=t.div`
3
3
  position: absolute;
4
4
  background: #1890ff;
5
5
  pointer-events: none;
@@ -41,7 +41,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
41
41
  &::before { left: -3px; top: -4px; }
42
42
  &::after { left: -3px; bottom: -4px; }
43
43
  `}
44
- `,ta=(e,t,l,n)=>{let r=e.getBoundingClientRect(),a=Array.from(e.children).filter(e=>!e.classList.contains("drop-indicator")&&e.getBoundingClientRect().width>0),i=(e=>{let t=Array.from(e.children).filter(e=>!e.classList.contains("drop-indicator")&&e.getBoundingClientRect().width>0);if(0===t.length){let t=window.getComputedStyle(e),{display:l,flexDirection:n}=t;return"flex"===l||"inline-flex"===l?!n.includes("column"):"grid"===l&&!t.gridAutoFlow.includes("column")}if(1===t.length){let l=window.getComputedStyle(t[0]),n=window.getComputedStyle(e);return"flex"===n.display||"inline-flex"===n.display?!n.flexDirection.includes("column"):!!["inline","inline-block","inline-flex"].includes(l.display)||"none"!==l.float}let l=0,n=0,r=t.map(e=>{let t=e.getBoundingClientRect(),r=t.left+t.width/2,a=t.top+t.height/2;return l+=r,n+=a,{cx:r,cy:a}}),a=l/t.length,i=n/t.length,o=0,s=0;return r.forEach(e=>{o+=(e.cx-a)**2,s+=(e.cy-i)**2}),o>=s})(e),o=e.scrollLeft,s=e.scrollTop;if(0===a.length)return{index:0,indicatorOffset:15,isHorizontal:i};let d=(e,t)=>i?(t?e.left:e.right)-r.left+o+(t?-4:4):(t?e.top:e.bottom)-r.top+s+(t?-4:4),c=e=>{let t=e.getAttribute("data-item-id");if(t){let e=n.findIndex(e=>e.id===t);if(-1!==e)return e}return a.indexOf(e)};for(let e=0;e<a.length;e++){let n=a[e].getBoundingClientRect();if(t>=n.left-5&&t<=n.right+5&&l>=n.top-5&&l<=n.bottom+5){let r=i?t<n.left+n.width/2:l<n.top+n.height/2,o=c(a[e]);return{index:r?o:o+1,indicatorOffset:d(n,r),isHorizontal:i}}}let u=1/0,p=!1,x=null,h=null;for(let e=0;e<a.length;e++){let n=a[e].getBoundingClientRect(),r=n.left+n.width/2,o=n.top+n.height/2,s=(t-r)**2+(l-o)**2;s<u&&(u=s,x=n,h=a[e],p=i?t<r:l<o)}if(h&&x){let e=c(h);return{index:p?e:e+1,indicatorOffset:d(x,p),isHorizontal:i}}let m=a[a.length-1].getBoundingClientRect();return{index:n.length,indicatorOffset:d(m,!1),isHorizontal:i}},ti=e=>{let{rootComponent:t="div",rootData:l={},list:n=[],item:r,onListChange:a,className:i}=e,{designable:o,selectedItem:s,setSelectedItem:d,forceUpdate:c}=(0,ey.useContext)(tt),u=(0,ey.useRef)(null),[p,x]=(0,ey.useState)(!1),[h,m]=(0,ey.useState)(0),[f,g]=(0,ey.useState)(!1),[v,y]=(0,ey.useState)(!1),j=(0,ey.useRef)(n),b=(0,ey.useRef)(a);(0,ey.useEffect)(()=>{j.current=n,b.current=a},[n,a]);let C=(0,ey.useMemo)(()=>n||[],[n]);(0,ey.useEffect)(()=>{let e=u.current;if(!e)return;let t=e7({element:e,canDrop:e=>{let{source:t,element:l}=e;if(!o)return!1;let{data:n}=t.data||{};return(!l.classList.contains("ant-row")||(null==n?void 0:n.type)==="b-col")&&(!!l.classList.contains("ant-row")||(null==n?void 0:n.type)!=="b-col")},getData:()=>({localList:j.current}),onDragEnter:t=>{if(!o)return!1;let[l]=t.location.current.dropTargets;if((null==l?void 0:l.element)!==e)return;x(!0),y(!0);let n=t.location.current.input.clientY,{indicatorOffset:r,isHorizontal:a}=ta(e,t.location.current.input.clientX,n,j.current||[]);m(r),g(a)},onDrag:t=>{if(!o)return!1;let[l]=t.location.current.dropTargets;if((null==l?void 0:l.element)!==e){x(!1),y(!1);return}x(!0),y(!0);let n=t.location.current.input.clientY,{indicatorOffset:r,isHorizontal:a}=ta(e,t.location.current.input.clientX,n,j.current||[]);m(r),g(a)},onDragLeave:()=>{if(!o)return!1;x(!1),y(!1)},onDrop(t){if(!o)return!1;let[l]=t.location.current.dropTargets;if((null==l?void 0:l.element)!==e)return;x(!1),y(!1);let{data:n,list:r,onListChange:a,index:i}=t.source.data;null==d||d(n);let s=j.current||[],c=b.current,u=r===s||s.some(e=>e.id===n.id),p=t.location.current.input.clientY,{index:h}=ta(e,t.location.current.input.clientX,p,s);if(r)if(u){let e=[...s],t=e.findIndex(e=>e.id===n.id);if(-1!==t){let[l]=e.splice(t,1);e.splice(h>t?h-1:h,0,l),null==c||c(e)}else e.splice(h,0,n),null==c||c(e)}else{a&&r&&a(r.filter(e=>e.id!==n.id));let e=[...s];e.some(e=>e.id===n.id)||(e.splice(h,0,n),null==c||c(e))}else{let e=[...s];e.splice(h,0,n),null==c||c(e)}}});return()=>t()},[]);let w=[i,"drag-container","page-item-component",!n.length?"empty-container":"",s===r?"selected":"",o?"designable":""].filter(Boolean).join(" ");return(0,ev.jsxs)(t,{...l||{},ref:u,className:w,style:{...null==l?void 0:l.style,position:"relative",minHeight:o?24:void 0,outline:p?"1px dashed #1890ff":void 0},children:[(0,ev.jsx)(tr,{className:"drop-indicator",$offset:h,$vertical:f,$visible:v}),(Array.isArray(C)?C:[]).filter(Boolean).map((e,t)=>(0,ev.jsx)(tn,{item:e,parentList:C,onListChange:a,index:t,onDelete:()=>null==a?void 0:a(C.filter(t=>t.id!==e.id))},e.id||t))]})},to=ti,ts=(0,ey.createContext)({deviceWidth:0,env:{global:{},local:{}},callbacks:{},initCallback:e=>{let{id:t,callback:l}=e}}),td=e=>{let{deviceWidth:t,env:l,callbacks:n,initCallback:r,children:a}=e;return(0,ev.jsx)(ts.Provider,{value:{deviceWidth:t,env:l,callbacks:n,initCallback:r},children:a})},tc=t.div`
44
+ `,tm=(e,t,l,n)=>{let r=e.getBoundingClientRect(),a=Array.from(e.children).filter(e=>!e.classList.contains("drop-indicator")&&e.getBoundingClientRect().width>0),i=(e=>{let t=Array.from(e.children).filter(e=>!e.classList.contains("drop-indicator")&&e.getBoundingClientRect().width>0);if(0===t.length){let t=window.getComputedStyle(e),{display:l,flexDirection:n}=t;return"flex"===l||"inline-flex"===l?!n.includes("column"):"grid"===l&&!t.gridAutoFlow.includes("column")}if(1===t.length){let l=window.getComputedStyle(t[0]),n=window.getComputedStyle(e);return"flex"===n.display||"inline-flex"===n.display?!n.flexDirection.includes("column"):!!["inline","inline-block","inline-flex"].includes(l.display)||"none"!==l.float}let l=0,n=0,r=t.map(e=>{let t=e.getBoundingClientRect(),r=t.left+t.width/2,a=t.top+t.height/2;return l+=r,n+=a,{cx:r,cy:a}}),a=l/t.length,i=n/t.length,o=0,s=0;return r.forEach(e=>{o+=(e.cx-a)**2,s+=(e.cy-i)**2}),o>=s})(e),o=e.scrollLeft,s=e.scrollTop;if(0===a.length)return{index:0,indicatorOffset:15,isHorizontal:i};let d=(e,t)=>i?(t?e.left:e.right)-r.left+o+(t?-4:4):(t?e.top:e.bottom)-r.top+s+(t?-4:4),c=e=>{let t=e.getAttribute("data-item-id");if(t){let e=n.findIndex(e=>e.id===t);if(-1!==e)return e}return a.indexOf(e)};for(let e=0;e<a.length;e++){let n=a[e].getBoundingClientRect();if(t>=n.left-5&&t<=n.right+5&&l>=n.top-5&&l<=n.bottom+5){let r=i?t<n.left+n.width/2:l<n.top+n.height/2,o=c(a[e]);return{index:r?o:o+1,indicatorOffset:d(n,r),isHorizontal:i}}}let u=1/0,p=!1,x=null,h=null;for(let e=0;e<a.length;e++){let n=a[e].getBoundingClientRect(),r=n.left+n.width/2,o=n.top+n.height/2,s=(t-r)**2+(l-o)**2;s<u&&(u=s,x=n,h=a[e],p=i?t<r:l<o)}if(h&&x){let e=c(h);return{index:p?e:e+1,indicatorOffset:d(x,p),isHorizontal:i}}let m=a[a.length-1].getBoundingClientRect();return{index:n.length,indicatorOffset:d(m,!1),isHorizontal:i}},tf=e=>{let{rootComponent:t="div",rootData:l={},list:n=[],item:r,onListChange:a,className:i}=e,{designable:o,selectedItem:s,setSelectedItem:d,forceUpdate:c}=(0,eO.useContext)(tu),u=(0,eO.useRef)(null),[p,x]=(0,eO.useState)(!1),[h,m]=(0,eO.useState)(0),[f,g]=(0,eO.useState)(!1),[v,j]=(0,eO.useState)(!1),y=(0,eO.useRef)(n),b=(0,eO.useRef)(a);(0,eO.useEffect)(()=>{y.current=n,b.current=a},[n,a]);let w=(0,eO.useMemo)(()=>n||[],[n]);(0,eO.useEffect)(()=>{let e=u.current;if(!e)return;let t=td({element:e,canDrop:e=>{let{source:t,element:l}=e;if(!o)return!1;let{data:n}=t.data||{};return(!l.classList.contains("ant-row")||(null==n?void 0:n.type)==="b-col")&&(!!l.classList.contains("ant-row")||(null==n?void 0:n.type)!=="b-col")},getData:()=>({localList:y.current}),onDragEnter:t=>{if(!o)return!1;let[l]=t.location.current.dropTargets;if((null==l?void 0:l.element)!==e)return;x(!0),j(!0);let n=t.location.current.input.clientY,{indicatorOffset:r,isHorizontal:a}=tm(e,t.location.current.input.clientX,n,y.current||[]);m(r),g(a)},onDrag:t=>{if(!o)return!1;let[l]=t.location.current.dropTargets;if((null==l?void 0:l.element)!==e){x(!1),j(!1);return}x(!0),j(!0);let n=t.location.current.input.clientY,{indicatorOffset:r,isHorizontal:a}=tm(e,t.location.current.input.clientX,n,y.current||[]);m(r),g(a)},onDragLeave:()=>{if(!o)return!1;x(!1),j(!1)},onDrop(t){if(!o)return!1;let[l]=t.location.current.dropTargets;if((null==l?void 0:l.element)!==e)return;x(!1),j(!1);let{data:n,list:r,onListChange:a,index:i}=t.source.data;null==d||d(n);let s=y.current||[],c=b.current,u=r===s||s.some(e=>e.id===n.id),p=t.location.current.input.clientY,{index:h}=tm(e,t.location.current.input.clientX,p,s);if(r)if(u){let e=[...s],t=e.findIndex(e=>e.id===n.id);if(-1!==t){let[l]=e.splice(t,1);e.splice(h>t?h-1:h,0,l),null==c||c(e)}else e.splice(h,0,n),null==c||c(e)}else{a&&r&&a(r.filter(e=>e.id!==n.id));let e=[...s];e.some(e=>e.id===n.id)||(e.splice(h,0,n),null==c||c(e))}else{let e=[...s];e.splice(h,0,n),null==c||c(e)}}});return()=>t()},[]);let C=[i,"drag-container","page-item-component",!n.length?"empty-container":"",s===r?"selected":"",o?"designable":""].filter(Boolean).join(" ");return(0,eN.jsxs)(t,{...l||{},ref:u,className:C,style:{...null==l?void 0:l.style,position:"relative",minHeight:o?24:void 0,outline:p?"1px dashed #1890ff":void 0},children:[(0,eN.jsx)(th,{className:"drop-indicator",$offset:h,$vertical:f,$visible:v}),(Array.isArray(w)?w:[]).filter(Boolean).map((e,t)=>(0,eN.jsx)(tx,{item:e,parentList:w,onListChange:a,index:t,onDelete:()=>null==a?void 0:a(w.filter(t=>t.id!==e.id))},e.id||t))]})},tg=tf,tv=(0,eO.createContext)({deviceWidth:0,env:{global:{},local:{}},callbacks:{},initCallback:e=>{let{id:t,callback:l}=e}}),tj=e=>{let{deviceWidth:t,env:l,fetch:n,callbacks:r,initCallback:a,children:i}=e;return(0,eN.jsx)(tv.Provider,{value:{deviceWidth:t,env:l,fetch:n,callbacks:r,initCallback:a},children:i})},ty=t.div`
45
45
  .empty-container.designable {
46
46
  min-width: 10px;
47
47
  min-height: 30px;
@@ -75,23 +75,11 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
75
75
  outline: 1px solid #1890ff;
76
76
  }
77
77
  }
78
- `,tu=ey.default.forwardRef(function(e,t){let{device:l="desktop"}=e,{schema:n,forceUpdate:r}=(0,ey.useContext)(tt),a=(0,ey.useRef)(null),[i,o]=(0,ey.useState)(0),[s,d]=(0,ey.useState)({}),[c,u]=(0,ey.useState)({global:{},local:{}}),p=(0,ey.useMemo)(()=>n.items||[],[n.items]),[x,h]=(0,ey.useState)(p);(0,ey.useEffect)(()=>{h(n.items||[])},[n.items]),(0,ey.useEffect)(()=>{let e={};(n.variables||[]).forEach(t=>{e[t.name]=t.value}),u(t=>({...t,global:e}))},[n.variables]);let m=()=>{var e;let t=null==(e=a.current)?void 0:e.parentElement,l=null==t?void 0:t.getBoundingClientRect(),n=(null==l?void 0:l.width)||0;n<=100?setTimeout(m,10):o(n?n-36:0)};return(0,ey.useEffect)(()=>{m()},[l]),(0,ey.useEffect)(()=>{let e=()=>m();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,ey.useImperativeHandle)(t,()=>({handleResize(){m()},get dom(){return a.current}})),(0,ev.jsx)(td,{deviceWidth:i,env:c,callbacks:s,initCallback:e=>{let{id:t,callback:l}=e;d(e=>({...e,[t]:l}))},children:(0,ev.jsx)(tc,{ref:a,children:(0,ev.jsx)(ti,{list:x,onListChange:e=>{let t=[...e];n.items=t,h(t),null==r||r()},className:"page-canvas"})})})}),tp=tu,tx=D({scriptUrl:"https://at.alicdn.com/t/c/font_5072483_pswdqptbsip.js"}),th=e=>{let{type:t,className:l=""}=e;return(0,ev.jsx)(tx,{type:t,className:l})},tm=t.div`
79
- width: 100%;
80
- padding: 0 12px;
81
- border-bottom: solid 1px #e8e8e8;
82
- background: #ffffff;
83
- height: 40px;
84
- display: flex;
85
- align-items: center;
86
- justify-content: space-between;
87
- .title {
88
- font-size: 14px;
89
- line-height: 40px;
90
- }
91
- .extra {
92
- line-height: 32px;
93
- }
94
- `,tf=e=>{let{title:t="",extra:l}=e;return(0,ev.jsxs)(tm,{className:"pane-header",children:[(0,ev.jsx)("span",{className:"title",children:t}),(0,ev.jsx)("div",{className:"extra",children:l})]})},tg=t.div`
78
+ `,tb=eO.default.forwardRef((e,t)=>{let{device:l="desktop",fetch:n}=e,{schema:r,forceUpdate:a}=(0,eO.useContext)(tu),i=(0,eO.useRef)(null),[o,s]=(0,eO.useState)(0),[d,c]=(0,eO.useState)({}),[u,p]=(0,eO.useState)({global:{},local:{}}),x=(0,eO.useMemo)(()=>r.items||[],[r.items]),[h,m]=(0,eO.useState)(x);(0,eO.useEffect)(()=>{m(r.items||[])},[r.items]),(0,eO.useEffect)(()=>{let e={};(r.variables||[]).forEach(t=>{e[t.name]=t.value}),p(t=>({...t,global:e}))},[r.variables]);let f=()=>{var e;let t=null==(e=i.current)?void 0:e.parentElement,l=null==t?void 0:t.getBoundingClientRect(),n=(null==l?void 0:l.width)||0;n<=100?setTimeout(f,10):s(n?n-36:0)};return(0,eO.useEffect)(()=>{f()},[l]),(0,eO.useEffect)(()=>{let e=()=>f();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,eO.useImperativeHandle)(t,()=>({handleResize(){f()},get dom(){return i.current}})),(0,eN.jsx)(tj,{deviceWidth:o,env:u,callbacks:d,initCallback:e=>{let{id:t,callback:l}=e;c(e=>({...e,[t]:l}))},fetch:n,children:(0,eN.jsx)(ty,{ref:i,children:(0,eN.jsx)(tf,{list:h,onListChange:e=>{let t=[...e];r.items=t,m(t),null==a||a()},className:"page-canvas"})})})}),tw=tb,tC=R({scriptUrl:"https://at.alicdn.com/t/c/font_5072483_zvtcct793i.js"}),tS=e=>{let{type:t,className:l="",style:n={}}=e;return(0,eN.jsx)(tC,{type:t,className:l,style:n})},tz=(e,t)=>({...e.global,...e.local[t.id||""]||{}}),tk=(e,t,l,n)=>{(t.cascadeIds||[]).forEach(t=>{e.local[t]=e.local[t]||{},e.local[t][l]=n})},tI=(e,t,l)=>{let n=tz(e,t);(t.cascadeIds||[]).forEach(e=>{let t=l[e];"function"==typeof t&&t(n)})},tN=e=>{if(!e)return"";let t=new Date(e),l=new Date,n=l.getTime()-t.getTime();if(n<6e4)return"刚刚";if(n<36e5)return`${Math.floor(n/6e4)}分钟前`;let r=e=>e.toString().padStart(2,"0"),a=r(t.getHours()),i=r(t.getMinutes());if(t.getDate()===l.getDate()&&t.getMonth()===l.getMonth()&&t.getFullYear()===l.getFullYear())return`${a}:${i}`;let o=r(t.getMonth()+1),s=r(t.getDate());if(t.getFullYear()===l.getFullYear())return`${o}-${s} ${a}:${i}`;let d=t.getFullYear();return`${d}-${o}-${s} ${a}:${i}`},tO=t.div`
79
+ max-height: 400px;
80
+ overflow: auto;
81
+ background: #fff;
82
+
95
83
  ul.agent-list {
96
84
  margin: 0;
97
85
  padding: 0;
@@ -116,6 +104,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
116
104
  text-overflow: ellipsis;
117
105
  white-space: nowrap;
118
106
  }
107
+ `,tT=t.div`
119
108
  .chat-input {
120
109
  display: flex;
121
110
  flex-direction: column;
@@ -152,6 +141,11 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
152
141
  background-color: #fafafa;
153
142
  font-size: 12px;
154
143
  position: relative;
144
+
145
+ .anticon {
146
+ font-size: 36px;
147
+ color: var(--ant-green-8);
148
+ }
155
149
  }
156
150
  .attachment-card .name {
157
151
  max-width: 80px;
@@ -167,9 +161,19 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
167
161
  position: absolute;
168
162
  top: 4px;
169
163
  right: 2px;
164
+
165
+ .anticon {
166
+ font-size: 12px;
167
+ color: var(--ant-color-text-tertiary);
168
+ }
170
169
  }
171
170
  .attachment-card .remove:hover {
172
171
  color: #666;
172
+
173
+ .anticon {
174
+ font-size: 12px;
175
+ color: var(--ant-color-text-secondary);
176
+ }
173
177
  }
174
178
  .agent-info {
175
179
  box-sizing: border-box;
@@ -179,11 +183,17 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
179
183
  border-bottom: none;
180
184
  background-color: #eff1f9;
181
185
  font-size: 14px;
182
- color: #555;
186
+ color: var(--ant-color-text-label);
183
187
  display: flex;
184
188
  align-items: center;
185
- justify-content: space-between;
189
+ flex-wrap: wrap;
186
190
  user-select: none;
191
+ gap: 8px;
192
+
193
+ a {
194
+ color: var(--ant-color-text-disabled);
195
+ margin-left: 4px;
196
+ }
187
197
  }
188
198
  .attachment-bar + .agent-info {
189
199
  border-radius: 0;
@@ -266,21 +276,6 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
266
276
  .agent-trigger:hover {
267
277
  background-color: #f7f7f7;
268
278
  }
269
- .title-toggle {
270
- display: none;
271
- align-items: center;
272
- gap: 6px;
273
- background-color: #ffffff;
274
- border: solid 1px #dcdcdc;
275
- border-radius: 5px;
276
- padding: 0 4px;
277
- height: 26px;
278
- }
279
- .title-toggle .label {
280
- color: #666;
281
- font-size: 12px;
282
- user-select: none;
283
- }
284
279
  .attach-upload {
285
280
  display: inline-flex;
286
281
  align-items: center;
@@ -294,6 +289,9 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
294
289
  font-size: 12px;
295
290
  cursor: pointer;
296
291
  }
292
+ .ant-btn .anticon {
293
+ color: var(--ant-color-text-label);
294
+ }
297
295
  .tips {
298
296
  color: #999;
299
297
  font-size: 12px;
@@ -308,7 +306,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
308
306
  width: 50px;
309
307
  height: 26px;
310
308
  color: #fff;
311
- font-size: 22px;
309
+ font-size: 14px;
312
310
  background-color: rgb(184, 184, 191);
313
311
  border: unset;
314
312
  border-radius: 14px;
@@ -316,9 +314,25 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
316
314
  cursor: pointer;
317
315
  }
318
316
  .send-btn.send-btn-active {
319
- background-color: var(--chat-blue);
317
+ background-color: var(--ant-color-primary);
318
+ }
319
+ `,tE=[],tD=[],tA=["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","audio/wav"],tB=[".xlsx",".wav"],tR=e=>{let{open:t,onCancel:l,onOk:n,allowedExtensions:r,allowedMimeTypes:a}=e,[o,s]=(0,eO.useState)([]);(0,eO.useEffect)(()=>{t&&s([])},[t]);let d=[...tB,...tA].join(",");return(0,eN.jsxs)(q,{title:"上传文件",open:t,okText:"上传",cancelText:"取消",onOk:()=>{n(o),l()},onCancel:l,width:600,children:[(0,eN.jsx)("div",{style:{marginBottom:16},children:(0,eN.jsxs)(ec.Text,{type:"secondary",children:["支持的文件类型:",r.join(", "),(0,eN.jsx)("br",{}),"单次支持上传多个文件,请确保文件内容合规。",(0,eN.jsx)("br",{}),"Excel 暂不支持加密文件。",(0,eN.jsx)("br",{}),"不支持 xls 电子表格,请自行转换为 xlsx 格式。",(0,eN.jsx)("br",{}),"Excel 仅支持第一行为表头、第二行开始为数据,不支持合并单元格。"]})}),(0,eN.jsxs)(eu.Dragger,{...{name:"file",multiple:!0,accept:d,fileList:[],beforeUpload:e=>{let t=a.includes(e.type)||!e.type,l=(e.name||"").substring(e.name.lastIndexOf(".")).toLowerCase(),n=r.includes(l);return t||n?(s(t=>[...t,e]),!1):(ep.error(`不支持的文件类型: ${e.name}`),eu.LIST_IGNORE)}},children:[(0,eN.jsx)("p",{className:"ant-upload-drag-icon",children:(0,eN.jsx)(v,{})}),(0,eN.jsx)("p",{className:"ant-upload-text",children:"点击或将文件拖拽到此处上传"}),(0,eN.jsx)("p",{className:"ant-upload-hint",children:"支持上传Excel表格数据或音频文件进行分析"})]}),o.length>0&&(0,eN.jsxs)("div",{style:{marginTop:16},children:[(0,eN.jsxs)(ec.Title,{level:5,style:{fontSize:14,marginBottom:8},children:["已选文件 (",o.length,")"]}),(0,eN.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:8,maxHeight:200,overflowY:"auto"},children:o.map((e,t)=>(0,eN.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",background:"#f5f5f5",borderRadius:4},children:[(0,eN.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,overflow:"hidden"},children:[e.name.endsWith(".xlsx")?(0,eN.jsx)(m,{style:{color:"#52c41a"}}):(0,eN.jsx)(i,{style:{color:"#1890ff"}}),(0,eN.jsx)(ec.Text,{ellipsis:!0,style:{maxWidth:300},children:e.name}),(0,eN.jsxs)(ec.Text,{type:"secondary",style:{fontSize:12},children:["(",(e.size/1024).toFixed(1)," KB)"]})]}),(0,eN.jsx)(M,{type:"text",size:"small",icon:(0,eN.jsx)(c,{}),onClick:()=>{s(e=>e.filter((e,l)=>l!==t))},danger:!0})]},`${e.name}-${t}`))})]})]})},tL=eO.default.forwardRef((e,t)=>{let{value:l="",placeholder:n="请输入需求,例如:分析 2025 年人口结构并生成可视化报告",disabled:r=!1,sending:a=!1,rows:i=6,agentList:o=tE,agentId:s=null,attachments:d=tD,onInput:u,onSubmit:p,onUpdateAgentId:x,onUpdateAttachments:h,onUploading:m,style:f={}}=e,g=(0,eO.useRef)(null),[v,j]=(0,eO.useState)([]),[y,b]=(0,eO.useState)(l||""),[w,C]=(0,eO.useState)(0),[S,z]=(0,eO.useState)(Array.isArray(d)?d:[]),[k,I]=(0,eO.useState)(!1),N=(0,eO.useMemo)(()=>!1,[]);(0,eO.useImperativeHandle)(t,()=>({focus(){var e;null==(e=g.current)||e.focus()}})),(0,eO.useEffect)(()=>b(l||""),[l]),(0,eO.useEffect)(()=>{u&&u(y)},[y]),(0,eO.useEffect)(()=>z(Array.isArray(d)?d:[]),[d]);let T=!!(y&&y.trim()),E=async e=>{if(I(!1),!m||!e.length)return;let t=[];for(let l of e)try{let e=await m(l);e&&t.push({id:e.id,name:l.name,size:l.size})}catch(e){console.error(e)}z([...S,...t]),h&&h([...S,...t])},D=()=>{if(!T||a)return;let e=Date.now();if(e-w<400)return;C(e);let t=(y||"").trim();if(!t)return;let l={message:t,agents:v.map(e=>({id:e.id,name:e.name})),files:S.map(e=>({id:e.id,name:e.name,extension:e.name.substring(e.name.lastIndexOf("."))}))};p&&p(l),b("")},A=(0,eN.jsx)(tO,{children:(0,eN.jsx)("ul",{className:"agent-list",children:o.map(e=>(0,eN.jsx)("li",{children:(0,eN.jsx)("a",{onClick:()=>{let t;return t=e.id||null,void(x&&x(t),j(t=>[...t,e]))},children:e.name})},String(e.id)))})});return(0,eN.jsx)(tT,{style:f,children:(0,eN.jsxs)("div",{className:"chat-input",children:[(0,eN.jsxs)("div",{className:"input-stack",children:[S.length>0&&(0,eN.jsx)("div",{className:"attachment-bar",children:S.map(e=>(0,eN.jsxs)("div",{className:"attachment-card",children:[e.name.endsWith(".xlsx")?(0,eN.jsx)(tS,{type:"icon-excel"}):(0,eN.jsx)(tS,{type:"icon-audio"}),(0,eN.jsx)(ec.Text,{className:"name",ellipsis:{tooltip:e.name},children:e.name}),(0,eN.jsx)("a",{className:"remove",onClick:()=>{var t;let l;return t=e.id,void(z(l=S.filter(e=>e.id!==t)),h&&h(l))},children:(0,eN.jsx)(c,{})})]},e.id))}),v.length>0&&(0,eN.jsx)("div",{className:"agent-info",children:v.map((e,t)=>(0,eN.jsxs)("div",{children:[(0,eN.jsxs)("span",{className:"name",children:["@ ",e.name]}),(0,eN.jsx)("a",{className:"remove",onClick:()=>{x&&x(null),j(e=>e.filter((e,l)=>l!==t))},children:"\xd7"})]},String(e.id)))}),(0,eN.jsx)(U.TextArea,{ref:g,className:"input textarea-stacked",placeholder:n,disabled:r||a,autoSize:{minRows:i,maxRows:i},value:y,onPressEnter:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),D()))},onChange:e=>b(e.target.value)})]}),(0,eN.jsxs)("div",{className:"footer",children:[(0,eN.jsxs)("div",{className:"left",children:[!!(null==o?void 0:o.length)&&(0,eN.jsx)(W,{trigger:["click"],popupRender:()=>A,placement:"topLeft",styles:{root:{boxShadow:"var(--ant-box-shadow-card)"}},children:(0,eN.jsx)(es,{title:"选择助理",children:(0,eN.jsx)(M,{className:"agent-trigger",onClick:e=>e.preventDefault(),children:(0,eN.jsx)(tS,{type:"icon-at"})})})}),m&&(0,eN.jsxs)(eN.Fragment,{children:[(0,eN.jsx)(es,{title:"上传文件",children:(0,eN.jsx)(M,{className:"attach-upload",onClick:()=>I(!0),disabled:r||a,children:(0,eN.jsx)(tS,{type:"icon-paper-clip"})})}),(0,eN.jsx)(tR,{open:k,onCancel:()=>I(!1),onOk:E,allowedExtensions:tB,allowedMimeTypes:tA})]})]}),(0,eN.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[!N&&(0,eN.jsx)("div",{className:"tips",children:"按 Enter 发送,Shift+Enter 换行"}),(0,eN.jsx)("a",{className:`send-btn ${!a&&(null==y?void 0:y.length)>0?"send-btn-active":""}`,onClick:D,children:(0,eN.jsx)(O,{})})]})]})]})})}),tM=t.div`
320
+ width: 100%;
321
+ padding: 0 12px;
322
+ border-bottom: solid 1px #e8e8e8;
323
+ background: #ffffff;
324
+ height: 40px;
325
+ display: flex;
326
+ align-items: center;
327
+ justify-content: space-between;
328
+ .title {
329
+ font-size: 14px;
330
+ line-height: 40px;
320
331
  }
321
- `,tv=[],ty=[],tj=ey.default.forwardRef((e,t)=>{let{value:l="",placeholder:n="请输入需求,例如:分析 2025 年人口结构并生成可视化报告",disabled:r=!1,sending:a=!1,rows:i=6,agentList:o=tv,title:s="",agentId:d=null,attachments:c=ty,onInput:u,onSubmit:p,onUpdateTitle:x,onUpdateAgentId:h,onUpdateAttachments:m}=e,f=(0,ey.useRef)(null),[g,v]=(0,ey.useState)(s||""),[j,b]=(0,ey.useState)(d||null),[C,w]=(0,ey.useState)(null),[z,k]=(0,ey.useState)(l||""),[I,O]=(0,ey.useState)(0),[N,D]=(0,ey.useState)(!1),[E,A]=(0,ey.useState)(Array.isArray(c)?c:[]),B=(0,ey.useMemo)(()=>!1,[]);(0,ey.useImperativeHandle)(t,()=>({focus(){var e;null==(e=f.current)||e.focus()}})),(0,ey.useEffect)(()=>k(l||""),[l]),(0,ey.useEffect)(()=>{u&&u(z)},[z]),(0,ey.useEffect)(()=>v(s||""),[s]),(0,ey.useEffect)(()=>{b(d||null),w(d&&o.find(e=>e.id===d)||null)},[d,o]),(0,ey.useEffect)(()=>A(Array.isArray(c)?c:[]),[c]);let L=!!(z&&z.trim());(0,ey.useMemo)(()=>j&&o.find(e=>e.id===j)||null,[j,o]);let P=async e=>{let t=en(e,{type:"array",cellDates:!0,dateNF:"yyyy-mm-dd hh:mm:ss"}),l={};return t.SheetNames.forEach(e=>{let n=t.Sheets[e],r=er.sheet_to_csv(n);l[e]=r}),l},R=()=>{if(!L||a)return;let e=Date.now();if(e-I<400)return;O(e);let t=(z||"").trim();if(!t)return;let l={demand:t,title:N?g:"",agentId:j||void 0,csvData:E.reduce((e,t)=>({...e,[t.name]:t.csvBySheet}),{})};p&&p(l),k("")},_=(0,ev.jsx)("div",{style:{maxHeight:400,overflow:"auto",background:"#fff"},children:(0,ev.jsx)("ul",{className:"agent-list",children:o.map(e=>(0,ev.jsx)("li",{children:(0,ev.jsx)("a",{onClick:()=>{let t;b(t=e.id||null),h&&h(t),w(e)},children:e.name})},String(e.id)))})});return(0,ev.jsx)(tg,{children:(0,ev.jsxs)("div",{className:"chat-input",children:[(0,ev.jsxs)("div",{className:"input-stack",children:[E.length>0&&(0,ev.jsx)("div",{className:"attachment-bar",children:E.map(e=>(0,ev.jsxs)(Z,{title:e.name,className:"attachment-card",children:[(0,ev.jsx)("svg",{style:{width:25,height:25},viewBox:"0 0 24 24",children:(0,ev.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",fill:"#1f6f43"})}),(0,ev.jsx)("span",{className:"name",children:e.name}),(0,ev.jsx)("a",{className:"remove",onClick:()=>{var t;let l;return t=e.uid,void(A(l=E.filter(e=>e.uid!==t)),m&&m(l))},children:"\xd7"})]},e.uid))}),C&&(0,ev.jsxs)("div",{className:"agent-info",children:[(0,ev.jsxs)("span",{className:"name",children:["@ ",C.name]}),(0,ev.jsx)("a",{className:"remove",onClick:()=>{b(null),h&&h(null),w(null)},children:"\xd7"})]}),N&&(0,ev.jsx)(F,{className:"title-input",placeholder:"请输入报告标题(可选)",disabled:r||a,value:g,onChange:e=>{let t=e.target.value;v(t),x&&x(t)}}),(0,ev.jsx)(F.TextArea,{ref:f,className:"input textarea-stacked",placeholder:n,disabled:r||a,autoSize:{minRows:i,maxRows:i},value:z,onPressEnter:e=>{"Enter"===e.key&&(e.shiftKey||(e.preventDefault(),R()))},onChange:e=>k(e.target.value)})]}),(0,ev.jsxs)("div",{className:"footer",children:[(0,ev.jsxs)("div",{className:"left",children:[(0,ev.jsx)(M,{trigger:["click"],popupRender:()=>_,placement:"topLeft",children:(0,ev.jsx)(Z,{title:"选择助理",children:(0,ev.jsx)(T,{className:"agent-trigger",onClick:e=>e.preventDefault(),children:"@"})})}),(0,ev.jsxs)("div",{className:"title-toggle",children:[(0,ev.jsx)("span",{className:"label",children:"标题"}),(0,ev.jsx)(X,{size:"small",checked:N,disabled:r||a,onChange:e=>D(e)})]}),(0,ev.jsx)(et,{multiple:!0,accept:".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",beforeUpload:e=>{let t="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"===e.type||!e.type,l=(e.name||"").toLowerCase().endsWith(".xlsx");if(!t||!l)return et.LIST_IGNORE;let n=new FileReader;return n.onload=async t=>{try{var l;let n=null==(l=t.target)?void 0:l.result,r=await P(n),a=[...E,{uid:`${Date.now()}_${Math.random()}`,name:e.name,size:e.size,csvBySheet:r}];A(a),m&&m(a)}catch{}},n.readAsArrayBuffer(e),!1},showUploadList:!1,disabled:r||a,children:(0,ev.jsx)(Z,{title:"上传 Excel 数据",children:(0,ev.jsx)(T,{className:"attach-upload",icon:(0,ev.jsx)(y,{})})})})]}),(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6},children:[!B&&(0,ev.jsx)("div",{className:"tips",children:"按 Enter 发送,Shift+Enter 换行"}),(0,ev.jsx)("a",{className:`send-btn ${!a&&(null==z?void 0:z.length)>0?"send-btn-active":""}`,onClick:R,children:(0,ev.jsx)(S,{})})]})]})]})})}),tb=t.div`
332
+ .extra {
333
+ line-height: 32px;
334
+ }
335
+ `,tP=e=>{let{title:t="",extra:l,style:n={}}=e;return(0,eN.jsxs)(tM,{className:"pane-header",style:n,children:[(0,eN.jsx)("span",{className:"title",children:t}),(0,eN.jsx)("div",{className:"extra",children:l})]})},t_=t.div`
322
336
  display: flex;
323
337
  flex-direction: column;
324
338
  height: 100%;
@@ -327,7 +341,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
327
341
  display: flex;
328
342
  flex-direction: column;
329
343
  gap: 12px;
330
- padding: 12px;
344
+ padding: 0 !important;
331
345
  }
332
346
  .conversation-list {
333
347
  margin: 0;
@@ -359,7 +373,204 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
359
373
  .conversation-list li small {
360
374
  white-space: nowrap;
361
375
  }
362
- `,tC=[],tw=e=>{let{agentList:t=tC}=e;return(0,ev.jsxs)(tb,{children:[(0,ev.jsx)(tf,{title:"智能助理",extra:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(Z,{title:"新对话",placement:"topRight",children:(0,ev.jsx)("a",{children:(0,ev.jsx)(f,{})})}),(0,ev.jsx)(Z,{title:"历史记录",placement:"topRight",children:(0,ev.jsx)("a",{children:(0,ev.jsx)(x,{})})})]})}),(0,ev.jsxs)("div",{className:"body",children:[(0,ev.jsx)("div",{style:{flex:"1 1 auto"}}),(0,ev.jsx)(A,{title:"历史记录",size:"small",variant:"borderless",styles:{header:{padding:0,border:"none"},body:{padding:0}},children:(0,ev.jsxs)("ul",{className:"conversation-list",children:[(0,ev.jsxs)("li",{children:[(0,ev.jsxs)("a",{children:[(0,ev.jsx)(f,{}),"你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好"]}),(0,ev.jsx)("small",{children:"刚刚"})]}),(0,ev.jsxs)("li",{children:[(0,ev.jsxs)("a",{children:[(0,ev.jsx)(f,{}),"你好"]}),(0,ev.jsx)("small",{children:"刚刚"})]})]})}),(0,ev.jsx)(tj,{agentList:t})]})]})},tS=t.div`
376
+ `,t$=[],tF="bi-design",tY=e=>{let t,l,n,r,a,i,o,{agentList:s=t$,headExtra:d,style:u={},onEffect:p}=e,{pageId:x,fetch:h}=(0,eO.useContext)(tu);if(!h)return null;let[m,g]=(0,eO.useState)(null),[v,j]=(0,eO.useState)([]),[b,w]=(0,eO.useState)([]),C=eO.default.useRef(null),S=()=>{setTimeout(()=>{C.current&&C.current.scrollToBottom()},100)},z=()=>{g(null),w([])},k=async e=>{q.confirm({title:"确认删除该对话吗?",okText:"确认",cancelText:"取消",onOk:async()=>{var t;await (null==(t=h.ai)?void 0:t.removeConversation(tF,x,e)),j(t=>t.filter(t=>t.id!==e)),w(t=>t.filter(t=>t.conversationId!==e)),m===e&&z()}})},I=async e=>{var t;g(e),j(t=>t.map(t=>({...t,isActived:t.id===e}))),w(await (null==(t=h.ai)?void 0:t.messageList(tF,x,e))||[])},N=async e=>{var t;let l={id:ex(),conversationId:m||"",question:e.message,createdAt:new Date().toISOString(),files:e.files||[],agents:e.agents||[],sending:!0};w(e=>[...e,l]),S();let{id:n,answer:r,createdAt:a,conversation:i}=await (null==(t=h.ai)?void 0:t.chat(tF,x,m,e));g((null==i?void 0:i.id)||""),j(e=>[...e,i||{}]),Object.assign(l,{id:n,answer:r,createdAt:a,conversationId:(null==i?void 0:i.id)||"",sending:!1}),r.effect&&(null==p||p(r.effect)),w(e=>[...e]),S()},O=async e=>{var t;await (null==(t=h.ai)?void 0:t.removeMessage(tF,x,e)),w(t=>t.filter(t=>t.id!==e))},T=(t=new Date,l=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),(n=new Date(t)).setDate(t.getDate()-1),r=[],a=[],i=[],o=[],v.forEach(e=>{let s=new Date(e.createdAt);if(l(s,t))r.push(e);else if(l(s,n))a.push(e);else s.getFullYear()===t.getFullYear()&&s.getMonth()===t.getMonth()?i.push(e):o.push(e)}),[{title:"今天",items:r},{title:"昨天",items:a},{title:"本月内",items:i},{title:"很久以前",items:o}].filter(e=>e.items.length>0)),E=async()=>{try{var e,t;let l=await (null==(e=h.ai)?void 0:e.conversationList(tF,x));j(l||[]);let n=null==l?void 0:l.find(e=>e.isActived);if(n){g(n.id);let e=await (null==(t=h.ai)?void 0:t.messageList(tF,x,n.id));w(e||[])}}catch(e){console.error(e)}};return(0,eO.useEffect)(()=>{E()},[h]),(0,eO.useEffect)(()=>{S()},[]),(0,eN.jsxs)(t_,{style:u,children:[(0,eN.jsx)(tP,{title:"智能助理",extra:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(es,{title:"新对话",placement:"topRight",children:(0,eN.jsx)("a",{onClick:z,children:(0,eN.jsx)(tS,{type:"icon-chat-plus"})})}),(0,eN.jsx)(W,{trigger:["click"],styles:{root:{boxShadow:"var(--ant-box-shadow-drawer-up)",backgroundColor:"#ffffff",borderRadius:"var(--ant-border-radius)"}},popupRender:()=>(0,eN.jsx)(tW,{children:T.map(e=>(0,eN.jsxs)("div",{className:"group",children:[(0,eN.jsx)("div",{className:"group-title",children:e.title}),(0,eN.jsx)("ul",{className:"group-list",children:e.items.map(e=>(0,eN.jsxs)("li",{className:e.isActived?"actived":"",children:[(0,eN.jsx)("a",{onClick:()=>I(e.id),children:e.name}),(0,eN.jsx)("small",{children:(0,eN.jsx)("a",{onClick:()=>k(e.id),children:(0,eN.jsx)(c,{})})})]},e.id))})]},e.title))}),placement:"topRight",children:(0,eN.jsx)("a",{children:(0,eN.jsx)(f,{})})}),d]}),style:{width:"initial"}}),(0,eN.jsxs)("div",{className:"body",children:[(0,eN.jsx)("div",{style:{flex:"1 1 auto",overflowY:"auto"},children:b.length?(0,eN.jsx)(tU,{ref:C,list:b,onDeleteMessage:O}):(0,eN.jsx)(tG,{})}),0===b.length&&(0,eN.jsx)(P,{title:"历史记录",size:"small",variant:"borderless",styles:{header:{padding:0,border:"none"},body:{padding:0}},style:{padding:"12px 12px 0 12px"},children:(0,eN.jsx)("ul",{className:"conversation-list",children:v.slice(0,3).map(e=>(0,eN.jsxs)("li",{children:[(0,eN.jsxs)("a",{children:[(0,eN.jsx)(y,{}),e.name]}),(0,eN.jsx)("small",{children:tN(e.createdAt)})]},e.id))})}),(0,eN.jsx)(tL,{agentList:s,style:{padding:12},onUploading:null==h?void 0:h.upload,onSubmit:N})]})]})},tH=t.div`
377
+ flex: 1 1 auto;
378
+ display: flex;
379
+ align-items: center;
380
+ justify-content: center;
381
+ height: 100%;
382
+ padding: 12px;
383
+
384
+ .content {
385
+ display: flex;
386
+ flex-direction: column;
387
+ align-items: center;
388
+ gap: 12px;
389
+ text-align: center;
390
+ }
391
+
392
+ .logo {
393
+ width: 64px;
394
+ height: 64px;
395
+ border-radius: 8px;
396
+ display: flex;
397
+ align-items: center;
398
+ justify-content: center;
399
+ // background: var(--link-bg-color);
400
+ // border: 1px solid var(--ant-color-border);
401
+ color: var(--ant-color-info-text-active);
402
+ }
403
+
404
+ .title {
405
+ font-size: 18px;
406
+ font-weight: 600;
407
+ color: var(--ant-color-text);
408
+ }
409
+
410
+ .desc {
411
+ font-size: 14px;
412
+ color: var(--ant-color-text-secondary);
413
+ }
414
+ `,tG=()=>(0,eN.jsx)(tH,{children:(0,eN.jsxs)("div",{className:"content",children:[(0,eN.jsx)("div",{className:"logo",children:(0,eN.jsx)(tS,{type:"icon-ai-compute",style:{fontSize:60}})}),(0,eN.jsx)("div",{className:"title",children:"与 智能助理 协作"}),(0,eN.jsx)("div",{className:"desc",children:"自动化执行常规开发任务,端到端高效完成,提高交付效率"})]})}),tW=t.div`
415
+ width: 260px;
416
+ padding: 8px;
417
+ .group {
418
+ display: flex;
419
+ flex-direction: column;
420
+ gap: 6px;
421
+ margin-bottom: 6px;
422
+ }
423
+ .group-title {
424
+ color: var(--ant-color-text-secondary);
425
+ font-size: 12px;
426
+ }
427
+ .group-list {
428
+ margin: 0;
429
+ padding: 0;
430
+ list-style: none;
431
+ display: flex;
432
+ flex-direction: column;
433
+ gap: 6px;
434
+ }
435
+ .group-list li {
436
+ display: flex;
437
+ align-items: center;
438
+ justify-content: space-between;
439
+ gap: 6px;
440
+ padding: 6px 8px;
441
+ border-radius: 6px;
442
+ background: var(--link-bg-color);
443
+ cursor: pointer;
444
+ font-size: 13px;
445
+ }
446
+ .group-list li.actived {
447
+ background: var(--ant-color-primary-bg);
448
+ }
449
+ .group-list li a {
450
+ color: var(--ant-color-text);
451
+ flex: auto;
452
+ overflow: hidden;
453
+ text-overflow: ellipsis;
454
+ white-space: nowrap;
455
+ }
456
+ .group-list li small a {
457
+ color: var(--ant-color-error);
458
+ }
459
+ `,tK=t.div`
460
+ height: 100%;
461
+ display: flex;
462
+ flex-direction: column;
463
+ gap: 12px;
464
+ padding-right: 8px;
465
+ overflow: auto;
466
+ scrollbar-width: none;
467
+ &::-webkit-scrollbar {
468
+ width: 0;
469
+ height: 0;
470
+ }
471
+ &:hover {
472
+ scrollbar-width: thin;
473
+ }
474
+ &:hover::-webkit-scrollbar {
475
+ width: 8px;
476
+ height: 8px;
477
+ }
478
+ &:hover::-webkit-scrollbar-thumb {
479
+ background: var(--ant-color-border);
480
+ border-radius: 4px;
481
+ }
482
+ &:hover::-webkit-scrollbar-track {
483
+ background: transparent;
484
+ }
485
+ .msg {
486
+ display: flex;
487
+ flex-direction: column;
488
+ gap: 8px;
489
+ border-radius: var(--ant-border-radius);
490
+ // border: 1px solid var(--ant-color-border);
491
+ padding: 8px 10px;
492
+ background: var(--ant-color-bg-container);
493
+
494
+ .user-message {
495
+ background: var(--ant-color-primary-bg);
496
+ padding: 8px 10px;
497
+ max-width: 90%;
498
+ margin: 10px 0 10px auto;
499
+ position: relative;
500
+
501
+ .msg-tools {
502
+ position: absolute;
503
+ top: 0;
504
+ left: -25px;
505
+ display: none;
506
+ }
507
+
508
+ &:hover .msg-tools {
509
+ display: flex;
510
+ }
511
+
512
+ .msg-header {
513
+ justify-content: flex-end;
514
+ color: var(--ant-color-text-tertiary);
515
+ padding: 4px 0 8px 0;
516
+ }
517
+ }
518
+ .assistant-message {
519
+ .msg-header .msg-title {
520
+ color: var(--ant-color-primary);
521
+ padding: 8px 0;
522
+ }
523
+ }
524
+ }
525
+ .msg-header {
526
+ display: flex;
527
+ align-items: center;
528
+ justify-content: space-between;
529
+ color: var(--ant-color-text-secondary);
530
+ font-size: 12px;
531
+ }
532
+ .msg-title {
533
+ font-weight: 600;
534
+ color: var(--ant-color-text);
535
+ }
536
+ .msg-content {
537
+ color: var(--ant-color-text);
538
+ font-size: 13px;
539
+ line-height: 1.6;
540
+ white-space: pre-wrap;
541
+ }
542
+ .msg-meta {
543
+ display: flex;
544
+ align-items: center;
545
+ gap: 0 8px;
546
+ flex-wrap: wrap;
547
+
548
+ .ant-tag {
549
+ padding-inline: 0;
550
+ }
551
+ }
552
+ .msg-section {
553
+ display: flex;
554
+ flex-direction: column;
555
+ gap: 6px;
556
+ }
557
+ .extra-list {
558
+ display: flex;
559
+ flex-direction: column;
560
+ gap: 4px;
561
+ }
562
+ .extra-item {
563
+ // display: flex;
564
+ // align-items: center;
565
+ // gap: 6px;
566
+ font-size: 12px;
567
+ color: var(--ant-color-text-secondary);
568
+
569
+ .ant-tag {
570
+ margin-right: 6px;
571
+ }
572
+ }
573
+ `,tU=(0,eO.forwardRef)((e,t)=>{let{list:l,onDeleteMessage:n}=e,r=(0,eO.useRef)(null),a=()=>{setTimeout(()=>{r.current&&(r.current.scrollTop=r.current.scrollHeight)},100)};return(0,eO.useImperativeHandle)(t,()=>({scrollToBottom:a})),(0,eN.jsx)(tK,{className:"message-list",ref:r,children:l.map(e=>{var t,l,r,a,i,o,s;return(0,eN.jsxs)("div",{className:"msg",children:[(0,eN.jsxs)("div",{className:"user-message",children:[(0,eN.jsx)(en,{size:4,orientation:"vertical",className:"msg-tools",children:(0,eN.jsx)(V,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>n(e.id),children:(0,eN.jsx)(es,{title:"删除",children:(0,eN.jsx)(M,{type:"link",size:"small",icon:(0,eN.jsx)(c,{})})})})}),(0,eN.jsx)("div",{className:"msg-header",children:(0,eN.jsx)("span",{children:tN(e.createdAt)})}),(0,eN.jsx)("div",{className:"msg-content",children:e.question}),(null==(t=e.files)?void 0:t.length)||(null==(l=e.agents)?void 0:l.length)?(0,eN.jsxs)("div",{className:"msg-meta",children:[null==(r=e.files)?void 0:r.map(e=>(0,eN.jsxs)(ei,{color:"processing",children:[(0,eN.jsx)(tS,{type:"icon-paper-clip"})," ",e.name]},e.id)),null==(a=e.agents)?void 0:a.map(e=>(0,eN.jsxs)(ei,{color:"blue",children:[(0,eN.jsx)(tS,{type:"icon-at"})," ",e.name]},e.id))]}):null]}),(0,eN.jsxs)("div",{className:"assistant-message",children:[(0,eN.jsx)("div",{className:"msg-header",children:(0,eN.jsxs)("span",{className:"msg-title",children:[(0,eN.jsx)(k,{})," 智能助理"]})}),(0,eN.jsx)("div",{className:"msg-section",children:e.sending?(0,eN.jsx)(el,{active:!0}):(0,eN.jsxs)(eN.Fragment,{children:[(0,eN.jsx)("div",{className:"msg-content",children:(null==(i=e.answer)?void 0:i.answer)||""}),!!(null==(s=e.answer)||null==(o=s.extra)?void 0:o.length)&&(0,eN.jsx)("div",{className:"extra-list",children:e.answer.extra.map((e,t)=>(0,eN.jsxs)("div",{className:"extra-item",children:[(0,eN.jsx)(ei,{color:"gold",children:e.element}),(0,eN.jsx)("span",{children:e.action})]},t))})]})})]})]},e.id)})})}),tJ=t.div`
363
574
  display: flex;
364
575
  flex-direction: column;
365
576
  height: 100%;
@@ -398,7 +609,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
398
609
  font-size: 16px;
399
610
  color: var(--ant-color-text-secondary);
400
611
  }
401
- `,tz=e=>{let{}=e,{schema:t,selectedItem:l,setSelectedItem:n,plugins:r,forceUpdate:a}=(0,ey.useContext)(tt),o=(0,ey.useMemo)(()=>(r||[]).reduce((e,t)=>(e[t.key]=t,e),{}),[r]),d=(0,ey.useMemo)(()=>{let e=[],l=t=>{Array.isArray(t)&&t.forEach(t=>{e.push(t),Array.isArray(t.children)?l(t.children):"object"==typeof t.children&&t.children&&Object.keys(t.children).forEach(e=>l(t.children[e]))})};return l((null==t?void 0:t.items)||[]),e},[t]),c=(0,ey.useMemo)(()=>d.reduce((e,t)=>(t.id&&(e[t.id]=t),e),{}),[d]),u=e=>{l&&(n(Object.assign(l,{cascadeIds:e})),a())};return(0,ev.jsxs)(tS,{className:"cascade-panel",children:[(0,ev.jsx)(tf,{title:"联动",extra:(null==l?void 0:l.cascadeIds)?(0,ev.jsx)(J,{children:(0,ev.jsx)(M,{menu:{onClick:e=>{let{key:t}=e,n=[...(null==l?void 0:l.cascadeIds)||[]];n.push(String(t)),u&&u(n)},items:d.map(e=>{var t,l;return{key:e.id,label:(0,ev.jsxs)("a",{children:[(0,ev.jsx)(th,{type:null==(t=o[e.type])?void 0:t.icon})," ",e.name||(null==(l=o[e.type])?void 0:l.label)," (",e.id,")"]})}})},placement:"bottomLeft",trigger:["click"],children:(0,ev.jsxs)("a",{className:"toolbar",children:[(0,ev.jsx)(j,{}),(0,ev.jsx)(i,{style:{fontSize:8,verticalAlign:"sub"}})]})})}):null}),(0,ev.jsx)("div",{className:"body",children:(null==l?void 0:l.cascadeIds)&&(0,ev.jsx)("ul",{children:(l.cascadeIds||[]).map((e,t)=>{var n,r,a,i,d;return(0,ev.jsxs)("li",{children:[(0,ev.jsxs)("div",{children:[(0,ev.jsx)(th,{type:null==(n=o[null==(r=c[e])?void 0:r.type])?void 0:n.icon})," ",(null==(a=c[e])?void 0:a.name)||(null==(i=o[null==(d=c[e])?void 0:d.type])?void 0:i.label)," (",e,")"]}),(0,ev.jsx)(K,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>{let e=[...l.cascadeIds||[]];e.splice(t,1),u&&u(e)},children:(0,ev.jsx)("a",{children:(0,ev.jsx)(s,{})})})]},e)})})})]})};var tk=eu(965),tI=eu.n(tk);let tO=()=>{let{schema:e}=(0,ey.useContext)(tt),t=(0,ey.useMemo)(()=>JSON.stringify(e||{},null,2),[e]);return(0,ev.jsxs)("div",{className:"code-panel",style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,ev.jsx)(tf,{title:"代码",extra:(0,ev.jsx)(J,{children:(0,ev.jsx)(Z,{title:"复制到剪切板",children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>{tI()(t||"")&&el.success("复制成功")},children:(0,ev.jsx)(o,{})})})})}),(0,ev.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex"},children:(0,ev.jsx)(ea,{height:"100%",defaultLanguage:"json",value:t,options:{lineNumbers:"off",readOnly:!0,minimap:{enabled:!1}}})})]})},tN=(e,t,l,n)=>{(t.cascadeIds||[]).forEach(t=>{e.local[t]=e.local[t]||{},e.local[t][l]=n})},tD=(e,t,l)=>{let n={...e.global,...e.local[t.id||""]||{}};(t.cascadeIds||[]).forEach(e=>{let t=l[e];"function"==typeof t&&t(n)})},tE=t.div`
612
+ `,tq=e=>{let{}=e,{schema:t,selectedItem:l,setSelectedItem:n,plugins:r,forceUpdate:a}=(0,eO.useContext)(tu),i=(0,eO.useMemo)(()=>(r||[]).reduce((e,t)=>(e[t.key]=t,e),{}),[r]),s=(0,eO.useMemo)(()=>{let e=[],l=t=>{Array.isArray(t)&&t.forEach(t=>{e.push(t),Array.isArray(t.children)?l(t.children):"object"==typeof t.children&&t.children&&Object.keys(t.children).forEach(e=>l(t.children[e]))})};return l((null==t?void 0:t.items)||[]),e},[t]),d=(0,eO.useMemo)(()=>s.reduce((e,t)=>(t.id&&(e[t.id]=t),e),{}),[s]),u=e=>{l&&(n(Object.assign(l,{cascadeIds:e})),a())};return(0,eN.jsxs)(tJ,{className:"cascade-panel",children:[(0,eN.jsx)(tP,{title:"联动",extra:(null==l?void 0:l.cascadeIds)?(0,eN.jsx)(en,{children:(0,eN.jsx)(W,{menu:{onClick:e=>{let{key:t}=e,n=[...(null==l?void 0:l.cascadeIds)||[]];n.push(String(t)),u&&u(n)},items:s.map(e=>{var t,l;return{key:e.id,label:(0,eN.jsxs)("a",{children:[(0,eN.jsx)(tS,{type:null==(t=i[e.type])?void 0:t.icon})," ",e.name||(null==(l=i[e.type])?void 0:l.label)," (",e.id,")"]})}})},placement:"bottomLeft",trigger:["click"],children:(0,eN.jsxs)("a",{className:"toolbar",children:[(0,eN.jsx)(C,{}),(0,eN.jsx)(o,{style:{fontSize:8,verticalAlign:"sub"}})]})})}):null}),(0,eN.jsx)("div",{className:"body",children:(null==l?void 0:l.cascadeIds)&&(0,eN.jsx)("ul",{children:(l.cascadeIds||[]).map((e,t)=>{var n,r,a,o,s;return(0,eN.jsxs)("li",{children:[(0,eN.jsxs)("div",{children:[(0,eN.jsx)(tS,{type:null==(n=i[null==(r=d[e])?void 0:r.type])?void 0:n.icon})," ",(null==(a=d[e])?void 0:a.name)||(null==(o=i[null==(s=d[e])?void 0:s.type])?void 0:o.label)," (",e,")"]}),(0,eN.jsx)(V,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>{let e=[...l.cascadeIds||[]];e.splice(t,1),u&&u(e)},children:(0,eN.jsx)("a",{children:(0,eN.jsx)(c,{})})})]},e)})})})]})};var tX=ey(965),tV=ey.n(tX);let tQ=()=>{let{schema:e}=(0,eO.useContext)(tu),t=(0,eO.useMemo)(()=>JSON.stringify(e||{},null,2),[e]);return(0,eN.jsxs)("div",{className:"code-panel",style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,eN.jsx)(tP,{title:"代码",extra:(0,eN.jsx)(en,{children:(0,eN.jsx)(es,{title:"复制到剪切板",children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>{tV()(t||"")&&ep.success("复制成功")},children:(0,eN.jsx)(d,{})})})})}),(0,eN.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex"},children:(0,eN.jsx)(eh,{height:"100%",defaultLanguage:"json",value:t,options:{lineNumbers:"off",readOnly:!0,minimap:{enabled:!1}}})})]})},tZ=t.div`
402
613
  display: flex;
403
614
  flex-direction: column;
404
615
  height: 100%;
@@ -440,7 +651,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
440
651
  overflow: hidden;
441
652
  font-size: 12px;
442
653
  }
443
- `,tT=e=>{let{plugin:t}=e,l=(0,ey.useRef)(null);return(0,ey.useEffect)(()=>{let e=l.current;if(!e)return;let n=te({element:e,getInitialData:()=>{let e={id:ei(),type:t.key,name:t.label,...JSON.parse(JSON.stringify(t.defaultOptions||{}))};return{id:e.id,data:e}},canDrag:()=>!0,onDragStart:()=>{},onDrop:()=>{}});return()=>n()},[]),(0,ev.jsxs)("div",{className:"plugin drag-move",ref:l,children:[(0,ev.jsx)(th,{className:"icon",type:t.icon}),(0,ev.jsx)("div",{className:"label",children:t.label})]})},tA=()=>{let{plugins:e}=(0,ey.useContext)(tt),t=(0,ey.useMemo)(()=>{let t=[];return e.forEach(e=>{let l=t.find(t=>t.group===e.group);l?l.items.push(e):t.push({group:e.group,items:[e]})}),t},[e]);return(0,ev.jsxs)(tE,{className:"component-panel",children:[(0,ev.jsx)(tf,{title:"组件库"}),(0,ev.jsx)("div",{className:"body",children:t.map(e=>(0,ev.jsxs)("div",{className:"plugin-group",children:[(0,ev.jsx)("div",{className:"group-title",children:e.group}),(0,ev.jsx)("div",{className:"plugin-list",children:e.items.map(e=>(0,ev.jsx)(tT,{plugin:e},e.key))})]},e.group))})]})},tB=t.div`
654
+ `,t0=e=>{let{plugin:t}=e,l=(0,eO.useRef)(null);return(0,eO.useEffect)(()=>{let e=l.current;if(!e)return;let n=tc({element:e,getInitialData:()=>{let e={id:ex(),type:t.key,name:t.label,...JSON.parse(JSON.stringify(t.defaultOptions||{}))};return{id:e.id,data:e}},canDrag:()=>!0,onDragStart:()=>{},onDrop:()=>{}});return()=>n()},[]),(0,eN.jsxs)("div",{className:"plugin drag-move",ref:l,children:[(0,eN.jsx)(tS,{className:"icon",type:t.icon}),(0,eN.jsx)("div",{className:"label",children:t.label})]})},t1=()=>{let{plugins:e}=(0,eO.useContext)(tu),t=(0,eO.useMemo)(()=>{let t=[];return e.forEach(e=>{let l=t.find(t=>t.group===e.group);l?l.items.push(e):t.push({group:e.group,items:[e]})}),t},[e]);return(0,eN.jsxs)(tZ,{className:"component-panel",children:[(0,eN.jsx)(tP,{title:"组件库"}),(0,eN.jsx)("div",{className:"body",children:t.map(e=>(0,eN.jsxs)("div",{className:"plugin-group",children:[(0,eN.jsx)("div",{className:"group-title",children:e.group}),(0,eN.jsx)("div",{className:"plugin-list",children:e.items.map(e=>(0,eN.jsx)(t0,{plugin:e},e.key))})]},e.group))})]})},t2=t.div`
444
655
  display: flex;
445
656
  flex-direction: column;
446
657
  height: 100%;
@@ -477,7 +688,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
477
688
  .margin-bottom-0 {
478
689
  margin-bottom: 0;
479
690
  }
480
- `,tL=()=>{let{schema:e,setSchema:t}=(0,ey.useContext)(tt),[l,n]=(0,ey.useState)(!1),[r,a]=(0,ey.useState)(!1),[o,d]=(0,ey.useState)(-1),[u,p]=(0,ey.useState)({id:ei(),type:"api",name:"",url:"",method:"GET",headers:[],formData:[],body:""}),[x,h]=(0,ey.useState)({id:ei(),type:"sql",name:"",query:""}),m=(0,ey.useMemo)(()=>e.datasources,[e.datasources]),f=l=>{t({...e,datasources:l})},g=[{title:"键",dataIndex:"name",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.name,onChange:e=>{let t=[...u.headers];t[l]={...t[l],name:e.target.value},p({...u,headers:t})}})},{title:"值",dataIndex:"value",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.value,onChange:e=>{let t=[...u.headers];t[l]={...t[l],value:e.target.value},p({...u,headers:t})}})},{title:"操作",width:50,align:"center",render:(e,t,l)=>(0,ev.jsx)(J,{children:(0,ev.jsx)("a",{onClick:()=>{let e=[...u.headers];e.splice(l,1),p({...u,headers:e})},children:(0,ev.jsx)(s,{})})})}];return(0,ev.jsxs)(tB,{className:"datasource-panel",children:[(0,ev.jsx)(tf,{title:"数据源",extra:(0,ev.jsx)(J,{children:(0,ev.jsx)(M,{menu:{onClick:e=>{let{key:t}=e;"api"===t?(d(-1),p({id:ei(),type:"api",name:"",url:"",method:"GET",headers:[],formData:[],body:""}),n(!0)):(d(-1),h({id:ei(),type:"sql",name:"",query:""}),a(!0))},items:[{key:"api",label:(0,ev.jsx)("a",{children:"API接口"})},{key:"sql",label:(0,ev.jsx)("a",{children:"SQL查询"})}]},placement:"bottom",children:(0,ev.jsxs)("a",{className:"toolbar",children:[(0,ev.jsx)(j,{}),(0,ev.jsx)(i,{style:{fontSize:8,verticalAlign:"sub"}})]})})})}),(0,ev.jsx)("div",{className:"body",children:(0,ev.jsx)("ul",{children:m.map((e,t)=>(0,ev.jsxs)("li",{children:[(0,ev.jsxs)("div",{title:e.name,children:[(0,ev.jsx)(th,{type:"icon-drag"})," ",e.name]}),(0,ev.jsxs)(J,{children:[(0,ev.jsx)("a",{onClick:()=>{d(t),"api"===e.type?(p({...e}),n(!0)):(h({...e}),a(!0))},children:(0,ev.jsx)(c,{})}),(0,ev.jsx)(K,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>{let e;(e=[...m]).splice(t,1),f&&f(e)},children:(0,ev.jsx)("a",{children:(0,ev.jsx)(s,{})})})]})]},e.id))})}),(0,ev.jsx)(G,{title:"添加API接口",open:l,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>n(!1),footer:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(T,{type:"primary",onClick:()=>{if(!u.name||!u.url)return;let e=[...m];-1===o?e.push(u):e[o]=u,f&&f(e),n(!1)},children:"确定"}),(0,ev.jsx)(T,{onClick:()=>n(!1),children:"取消"})]}),children:(0,ev.jsxs)($,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ev.jsx)($.Item,{label:"接口名称",required:!0,children:(0,ev.jsx)(F,{value:u.name,onChange:e=>p({...u,name:e.target.value})})}),(0,ev.jsx)($.Item,{label:"接口URL",required:!0,children:(0,ev.jsx)(F,{value:u.url,onChange:e=>p({...u,url:e.target.value})})}),(0,ev.jsx)($.Item,{label:"请求方法",children:(0,ev.jsxs)(W.Group,{value:u.method,onChange:e=>p({...u,method:e.target.value}),children:[(0,ev.jsx)(W.Button,{value:"GET",children:"GET"}),(0,ev.jsx)(W.Button,{value:"POST",children:"POST"}),(0,ev.jsx)(W.Button,{value:"PUT",children:"PUT"}),(0,ev.jsx)(W.Button,{value:"DELETE",children:"DELETE"})]})}),(0,ev.jsx)("label",{style:{display:"block",color:"#000000d9",padding:"8px 0"},children:"请求头"}),(0,ev.jsx)(V,{columns:g,dataSource:u.headers,pagination:!1,locale:{emptyText:"暂无数据"},size:"small",bordered:!0,rowKey:(e,t)=>String(t)}),(0,ev.jsx)(T,{size:"small",block:!0,onClick:()=>p({...u,headers:[...u.headers,{name:"",value:""}]}),children:"添加"}),(0,ev.jsx)("label",{style:{display:"block",color:"#000000d9",padding:"8px 0"},children:"表单数据"}),(0,ev.jsx)(V,{columns:g,dataSource:u.formData,pagination:!1,locale:{emptyText:"暂无数据"},size:"small",bordered:!0,rowKey:(e,t)=>`f-${t}`}),(0,ev.jsx)(T,{size:"small",block:!0,onClick:()=>p({...u,formData:[...u.formData,{name:"",value:""}]}),children:"添加"}),(0,ev.jsx)($.Item,{label:"请求体",children:(0,ev.jsx)("div",{style:{border:"1px solid var(--ant-color-border)",borderRadius:"var(--ant-border-radius)",padding:1},children:(0,ev.jsx)(ea,{height:"300px",defaultLanguage:"json",value:u.body,onChange:e=>p({...u,body:e||""}),options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})]})}),(0,ev.jsx)(G,{title:"添加SQL查询",open:r,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>a(!1),footer:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(T,{type:"primary",onClick:()=>{if(!x.name||!x.query)return;let e=[...m];-1===o?e.push(x):e[o]=x,f&&f(e),a(!1)},children:"确定"}),(0,ev.jsx)(T,{onClick:()=>a(!1),children:"取消"})]}),children:(0,ev.jsxs)($,{layout:"vertical",children:[(0,ev.jsx)($.Item,{label:"查询名称",required:!0,children:(0,ev.jsx)(F,{value:x.name,onChange:e=>h({...x,name:e.target.value})})}),(0,ev.jsx)($.Item,{label:"查询语句",required:!0,children:(0,ev.jsx)("div",{style:{border:"1px solid var(--ant-color-border)",borderRadius:"var(--ant-border-radius)",padding:1},children:(0,ev.jsx)(ea,{height:"300px",defaultLanguage:"sql",value:x.query,onChange:e=>h({...x,query:e||""}),options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})]})})]})},tP=t.div`
691
+ `,t4=()=>{let{schema:e,setSchema:t}=(0,eO.useContext)(tu),[l,n]=(0,eO.useState)(!1),[r,a]=(0,eO.useState)(!1),[i,s]=(0,eO.useState)(-1),[d,u]=(0,eO.useState)({id:ex(),type:"api",name:"",url:"",method:"GET",headers:[],formData:[],body:""}),[x,h]=(0,eO.useState)({id:ex(),type:"sql",name:"",query:""}),m=(0,eO.useMemo)(()=>e.datasources,[e.datasources]),f=l=>{t({...e,datasources:l})},g=[{title:"键",dataIndex:"name",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.name,onChange:e=>{let t=[...d.headers];t[l]={...t[l],name:e.target.value},u({...d,headers:t})}})},{title:"值",dataIndex:"value",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.value,onChange:e=>{let t=[...d.headers];t[l]={...t[l],value:e.target.value},u({...d,headers:t})}})},{title:"操作",width:50,align:"center",render:(e,t,l)=>(0,eN.jsx)(en,{children:(0,eN.jsx)("a",{onClick:()=>{let e=[...d.headers];e.splice(l,1),u({...d,headers:e})},children:(0,eN.jsx)(c,{})})})}];return(0,eN.jsxs)(t2,{className:"datasource-panel",children:[(0,eN.jsx)(tP,{title:"数据源",extra:(0,eN.jsx)(en,{children:(0,eN.jsx)(W,{menu:{onClick:e=>{let{key:t}=e;"api"===t?(s(-1),u({id:ex(),type:"api",name:"",url:"",method:"GET",headers:[],formData:[],body:""}),n(!0)):(s(-1),h({id:ex(),type:"sql",name:"",query:""}),a(!0))},items:[{key:"api",label:(0,eN.jsx)("a",{children:"API接口"})},{key:"sql",label:(0,eN.jsx)("a",{children:"SQL查询"})}]},placement:"bottom",children:(0,eN.jsxs)("a",{className:"toolbar",children:[(0,eN.jsx)(C,{}),(0,eN.jsx)(o,{style:{fontSize:8,verticalAlign:"sub"}})]})})})}),(0,eN.jsx)("div",{className:"body",children:(0,eN.jsx)("ul",{children:m.map((e,t)=>(0,eN.jsxs)("li",{children:[(0,eN.jsxs)("div",{title:e.name,children:[(0,eN.jsx)(tS,{type:"icon-drag"})," ",e.name]}),(0,eN.jsxs)(en,{children:[(0,eN.jsx)("a",{onClick:()=>{s(t),"api"===e.type?(u({...e}),n(!0)):(h({...e}),a(!0))},children:(0,eN.jsx)(p,{})}),(0,eN.jsx)(V,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>{let e;(e=[...m]).splice(t,1),f&&f(e)},children:(0,eN.jsx)("a",{children:(0,eN.jsx)(c,{})})})]})]},e.id))})}),(0,eN.jsx)(q,{title:"添加API接口",open:l,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>n(!1),footer:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(M,{type:"primary",onClick:()=>{if(!d.name||!d.url)return;let e=[...m];-1===i?e.push(d):e[i]=d,f&&f(e),n(!1)},children:"确定"}),(0,eN.jsx)(M,{onClick:()=>n(!1),children:"取消"})]}),children:(0,eN.jsxs)(K,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,eN.jsx)(K.Item,{label:"接口名称",required:!0,children:(0,eN.jsx)(U,{value:d.name,onChange:e=>u({...d,name:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"接口URL",required:!0,children:(0,eN.jsx)(U,{value:d.url,onChange:e=>u({...d,url:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"请求方法",children:(0,eN.jsxs)(Z.Group,{value:d.method,onChange:e=>u({...d,method:e.target.value}),children:[(0,eN.jsx)(Z.Button,{value:"GET",children:"GET"}),(0,eN.jsx)(Z.Button,{value:"POST",children:"POST"}),(0,eN.jsx)(Z.Button,{value:"PUT",children:"PUT"}),(0,eN.jsx)(Z.Button,{value:"DELETE",children:"DELETE"})]})}),(0,eN.jsx)("label",{style:{display:"block",color:"#000000d9",padding:"8px 0"},children:"请求头"}),(0,eN.jsx)(ea,{columns:g,dataSource:d.headers,pagination:!1,locale:{emptyText:"暂无数据"},size:"small",bordered:!0,rowKey:(e,t)=>String(t)}),(0,eN.jsx)(M,{size:"small",block:!0,onClick:()=>u({...d,headers:[...d.headers,{name:"",value:""}]}),children:"添加"}),(0,eN.jsx)("label",{style:{display:"block",color:"#000000d9",padding:"8px 0"},children:"表单数据"}),(0,eN.jsx)(ea,{columns:g,dataSource:d.formData,pagination:!1,locale:{emptyText:"暂无数据"},size:"small",bordered:!0,rowKey:(e,t)=>`f-${t}`}),(0,eN.jsx)(M,{size:"small",block:!0,onClick:()=>u({...d,formData:[...d.formData,{name:"",value:""}]}),children:"添加"}),(0,eN.jsx)(K.Item,{label:"请求体",children:(0,eN.jsx)("div",{style:{border:"1px solid var(--ant-color-border)",borderRadius:"var(--ant-border-radius)",padding:1},children:(0,eN.jsx)(eh,{height:"300px",defaultLanguage:"json",value:d.body,onChange:e=>u({...d,body:e||""}),options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})]})}),(0,eN.jsx)(q,{title:"添加SQL查询",open:r,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>a(!1),footer:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(M,{type:"primary",onClick:()=>{if(!x.name||!x.query)return;let e=[...m];-1===i?e.push(x):e[i]=x,f&&f(e),a(!1)},children:"确定"}),(0,eN.jsx)(M,{onClick:()=>a(!1),children:"取消"})]}),children:(0,eN.jsxs)(K,{layout:"vertical",children:[(0,eN.jsx)(K.Item,{label:"查询名称",required:!0,children:(0,eN.jsx)(U,{value:x.name,onChange:e=>h({...x,name:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"查询语句",required:!0,children:(0,eN.jsx)("div",{style:{border:"1px solid var(--ant-color-border)",borderRadius:"var(--ant-border-radius)",padding:1},children:(0,eN.jsx)(eh,{height:"300px",defaultLanguage:"sql",value:x.query,onChange:e=>h({...x,query:e||""}),options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})]})})]})},t8=t.div`
481
692
  display: flex;
482
693
  flex-direction: column;
483
694
  height: 100%;
@@ -489,7 +700,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
489
700
  padding: 12px;
490
701
  overflow: auto;
491
702
  }
492
- `,tR=t(ee)`
703
+ `,t6=t(ed)`
493
704
  .ant-tree-draggable-icon {
494
705
  display: none;
495
706
  }
@@ -499,7 +710,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
499
710
  overflow: hidden;
500
711
  text-overflow: ellipsis;
501
712
  }
502
- `,t_=()=>{let{schema:e,setSchema:t,selectedItem:l,setSelectedItem:n,plugins:r}=(0,ey.useContext)(tt),[a,i]=(0,ey.useState)([]),o=(0,ey.useMemo)(()=>l?[l.id]:[],[l]),s=(0,ey.useMemo)(()=>{let t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map(e=>{let l,{id:n,type:r,children:a}=e;return Array.isArray(a)?l=t(a):"object"==typeof a&&a&&(l=[],Object.keys(a).forEach(e=>{Array.isArray(a[e])&&l.push({key:ei(),type:"slot",slot:e,origin:a,children:t(a[e])})})),{key:n,title:r,item:e,type:r,children:l}})};return t(e.items)},[e]),d=(0,ey.useMemo)(()=>{let e=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map(t=>{var l,n,a;return{key:t.key,title:(0,ev.jsx)("span",{children:(l=t.type,n=t.slot,"slot"===l?"插槽-"+n:(null==(a=r.find(e=>e.key===l))?void 0:a.label)||l)}),children:t.children?e(t.children):void 0,dataRef:t}})};return e(s)},[s]);return(0,ev.jsxs)(tP,{className:"layer-panel",children:[(0,ev.jsx)(tf,{title:"图层",extra:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(Z,{title:"全部展开",children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>{let t=[],l=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach(e=>{var n;t.push(e.id),(null==(n=e.children)?void 0:n.length)&&l(e.children)})};l(e.items),i(t)},children:(0,ev.jsx)(b,{})})}),(0,ev.jsx)(Z,{title:"全部收起",children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>i([]),children:(0,ev.jsx)(g,{})})})]})}),(0,ev.jsx)("div",{className:"body",children:(0,ev.jsx)(tR,{draggable:{icon:!1,nodeDraggable:e=>!1},showIcon:!1,showLine:{showLeafIcon:!1},treeData:d,selectedKeys:o,expandedKeys:a,onSelect:(e,t)=>{"slot"!==t.node.dataRef.type&&n&&n(t.node.dataRef.item)},onDrop:l=>{let n;if(!(e=>{let t=e.node,l=e.dragNode;if("slot"===l.dataRef.type||!e.dropToGap&&!["b-row","b-col","b-card","slot"].includes(t.dataRef.type))return!1;if("b-col"===l.dataRef.type)if(!e.dropToGap)return"b-row"===t.dataRef.type;else return"b-col"===t.dataRef.type;return("b-col"!==t.dataRef.type||!e.dropToGap)&&("b-row"!==t.dataRef.type||!!e.dropToGap)||"b-col"===l.dataRef.type})(l))return;let r=l.node.key,a=l.dragNode.key,i=l.node.pos.split("-"),o=l.dropPosition-Number(i[i.length-1]),s=(e,t,l)=>{e.forEach((e,n,r)=>{if(e.id===t)return(e.children=e.children||[],"slot"===e.type)?l(e,n,r,e.children[e.slot]):l(e,n,r,e.children);if(Array.isArray(e.children))return s(e.children,t,l);if("object"==typeof e.children)for(let n in e.children)Array.isArray(e.children[n])&&s(e.children[n],t,l)})},d=e.items;if(s(d,a,(e,t,l)=>{l.splice(t,1),n=e}),l.dropToGap)if((l.node.children||[]).length>0&&l.node.expanded&&1===o)s(d,r,(e,t,l)=>{e.children=e.children||[],e.children.unshift(n)});else{let e=[],t=0;s(d,r,(l,n,r)=>{e=r,t=n}),-1===o?e.splice(t,0,n):e.splice(t+1,0,n)}else{if("slot"===l.node.dataRef.type){let{slot:e,origin:t}=l.node.dataRef;console.log(e,JSON.stringify(t)),t[e]=t[e]||[],t[e].push(n)}s(d,r,e=>{e.children=e.children||[],e.children.push(n)})}t&&t({...e,items:d})},onExpand:e=>i(e)})})]})},tM=t.div`
713
+ `,t9=()=>{let{schema:e,setSchema:t,selectedItem:l,setSelectedItem:n,plugins:r}=(0,eO.useContext)(tu),[a,i]=(0,eO.useState)([]),o=(0,eO.useMemo)(()=>l?[l.id]:[],[l]),s=(0,eO.useMemo)(()=>{let t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map(e=>{let l,{id:n,type:r,children:a}=e;return Array.isArray(a)?l=t(a):"object"==typeof a&&a&&(l=[],Object.keys(a).forEach(e=>{Array.isArray(a[e])&&l.push({key:ex(),type:"slot",slot:e,origin:a,children:t(a[e])})})),{key:n,title:r,item:e,type:r,children:l}})};return t(e.items)},[e]),d=(0,eO.useMemo)(()=>{let e=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.map(t=>{var l,n,a;return{key:t.key,title:(0,eN.jsx)("span",{children:(l=t.type,n=t.slot,"slot"===l?"插槽-"+n:(null==(a=r.find(e=>e.key===l))?void 0:a.label)||l)}),children:t.children?e(t.children):void 0,dataRef:t}})};return e(s)},[s]);return(0,eN.jsxs)(t8,{className:"layer-panel",children:[(0,eN.jsx)(tP,{title:"图层",extra:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(es,{title:"全部展开",children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>{let t=[],l=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach(e=>{var n;t.push(e.id),(null==(n=e.children)?void 0:n.length)&&l(e.children)})};l(e.items),i(t)},children:(0,eN.jsx)(S,{})})}),(0,eN.jsx)(es,{title:"全部收起",children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>i([]),children:(0,eN.jsx)(b,{})})})]})}),(0,eN.jsx)("div",{className:"body",children:(0,eN.jsx)(t6,{draggable:{icon:!1,nodeDraggable:e=>!1},showIcon:!1,showLine:{showLeafIcon:!1},treeData:d,selectedKeys:o,expandedKeys:a,onSelect:(e,t)=>{"slot"!==t.node.dataRef.type&&n&&n(t.node.dataRef.item)},onDrop:l=>{let n;if(!(e=>{let t=e.node,l=e.dragNode;if("slot"===l.dataRef.type||!e.dropToGap&&!["b-row","b-col","b-card","slot"].includes(t.dataRef.type))return!1;if("b-col"===l.dataRef.type)if(!e.dropToGap)return"b-row"===t.dataRef.type;else return"b-col"===t.dataRef.type;return("b-col"!==t.dataRef.type||!e.dropToGap)&&("b-row"!==t.dataRef.type||!!e.dropToGap)||"b-col"===l.dataRef.type})(l))return;let r=l.node.key,a=l.dragNode.key,i=l.node.pos.split("-"),o=l.dropPosition-Number(i[i.length-1]),s=(e,t,l)=>{e.forEach((e,n,r)=>{if(e.id===t)return(e.children=e.children||[],"slot"===e.type)?l(e,n,r,e.children[e.slot]):l(e,n,r,e.children);if(Array.isArray(e.children))return s(e.children,t,l);if("object"==typeof e.children)for(let n in e.children)Array.isArray(e.children[n])&&s(e.children[n],t,l)})},d=e.items;if(s(d,a,(e,t,l)=>{l.splice(t,1),n=e}),l.dropToGap)if((l.node.children||[]).length>0&&l.node.expanded&&1===o)s(d,r,(e,t,l)=>{e.children=e.children||[],e.children.unshift(n)});else{let e=[],t=0;s(d,r,(l,n,r)=>{e=r,t=n}),-1===o?e.splice(t,0,n):e.splice(t+1,0,n)}else{if("slot"===l.node.dataRef.type){let{slot:e,origin:t}=l.node.dataRef;console.log(e,JSON.stringify(t)),t[e]=t[e]||[],t[e].push(n)}s(d,r,e=>{e.children=e.children||[],e.children.push(n)})}t&&t({...e,items:d})},onExpand:e=>i(e)})})]})},t5=t.div`
503
714
  display: flex;
504
715
  flex-direction: column;
505
716
  height: 100%;
@@ -511,12 +722,12 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
511
722
  padding: 12px;
512
723
  overflow: auto;
513
724
 
725
+ .ant-form-item {
726
+ margin-bottom: 8px;
727
+ }
728
+
514
729
  .ant-form-item-label {
515
730
  text-align: left;
516
-
517
- label {
518
- display: inline;
519
- }
520
731
  }
521
732
 
522
733
  .ant-form-item-control-input,
@@ -524,8 +735,12 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
524
735
  text-align: end;
525
736
  justify-content: flex-end;
526
737
  }
738
+
739
+ .ant-divider {
740
+ margin: 0;
741
+ }
527
742
  }
528
- `,t$=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=[],l=e=>{Array.isArray(e)&&e.forEach(e=>{t.push(e),Array.isArray(e.children)?l(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>l(e.children[t]))})};return l(e||[]),t},tF=()=>{var e;let{plugins:t,selectedItem:l,updateSelectedItem:n,schema:r,setSchema:a}=(0,ey.useContext)(tt),i=(0,ey.useRef)(null),[o,d]=(0,ey.useState)("1"),c=(0,ey.useMemo)(()=>t$((null==r?void 0:r.items)||[]),[r]),u=(0,ey.useMemo)(()=>l&&c.find(e=>e.id===l.id),[c,l]),p=u?o:"1",x=(0,ey.useMemo)(()=>t.find(e=>e.key===(null==l?void 0:l.type)),[t,l]),m=null==x?void 0:x.formComponent,f=(null==l?void 0:l.props)||{},g=(null==l?void 0:l.style)||{},[v,y]=(0,ey.useState)((null==r?void 0:r.info)||{}),[j,b]=(0,ey.useState)((null==l?void 0:l.datasource)||{}),C=e=>{a({...r,info:e})},w={Authorization:`Bearer ${localStorage.getItem("ASKDATA_TOKEN")||""}`};return ey.default.useEffect(()=>{d(l?"2":"1"),b((null==l?void 0:l.datasource)||{})},[l]),(0,ev.jsxs)(tM,{className:"properties-panel",children:[(0,ev.jsx)(tf,{title:"属性",extra:(0,ev.jsxs)(W.Group,{value:p,size:"small",buttonStyle:"outline",onChange:e=>d(e.target.value),children:[(0,ev.jsx)(W.Button,{value:"1",children:"页面"}),u&&(0,ev.jsx)(W.Button,{value:"2",children:"组件"})]})}),(0,ev.jsxs)("div",{className:"body",children:["1"===p&&(0,ev.jsxs)($,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ev.jsx)($.Item,{label:"页面名称",children:(0,ev.jsx)(F,{size:"small",value:null==v?void 0:v.name,placeholder:"请输入页面名称",onChange:e=>{let t={...v,name:e.target.value};y(t),C&&C(t)}})}),(0,ev.jsx)($.Item,{label:"页面描述",children:(0,ev.jsx)(F.TextArea,{size:"small",value:null==v?void 0:v.description,placeholder:"请输入页面描述",onChange:e=>{let t={...v,description:e.target.value};y(t),C&&C(t)}})}),(0,ev.jsxs)($.Item,{label:"封面",children:[(0,ev.jsxs)(et.Dragger,{name:"file",multiple:!1,accept:".png,.jpg,.jpeg",headers:w,action:"/api/datareport/upload",showUploadList:!1,beforeUpload:e=>e.type.startsWith("image/"),onChange:e=>{if("done"===e.file.status){var t;let l={url:null==(t=e.file.response)?void 0:t.data,name:e.file.name},n={...v,cover:l};y(n),C&&C(n)}},children:[(0,ev.jsx)("p",{className:"ant-upload-drag-icon",children:(0,ev.jsx)(h,{})}),(0,ev.jsx)("p",{className:"ant-upload-text",children:"点击或将文件拖拽到此区域进行上传"}),(0,ev.jsx)("p",{className:"ant-upload-hint",children:"严禁上传公司数据或其他被禁止的文件。"})]}),(null==v||null==(e=v.cover)?void 0:e.url)&&(0,ev.jsxs)("div",{style:{marginTop:10,textAlign:"left"},children:[(0,ev.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,ev.jsx)("label",{children:"封面预览"}),(0,ev.jsx)("a",{onClick:()=>{let e={...v,cover:null};y(e),C&&C(e)},children:(0,ev.jsx)(s,{})})]}),(0,ev.jsx)("img",{src:v.cover.url,style:{width:"100%",maxHeight:200}})]})]})]}),"2"===p&&(0,ev.jsxs)(ev.Fragment,{children:[(0,ev.jsx)(_,{children:"基础属性"}),(0,ev.jsxs)($,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ev.jsx)($.Item,{label:"组件标识",labelCol:{span:12},wrapperCol:{span:12},children:(null==l?void 0:l.id)||""}),(0,ev.jsx)($.Item,{label:"组件名称",children:(0,ev.jsx)(F,{size:"small",value:null==l?void 0:l.name,onChange:e=>n&&n({...l,name:e.target.value})})}),(0,ev.jsx)($.Item,{label:"组件描述",children:(0,ev.jsx)(F.TextArea,{size:"small",value:null==l?void 0:l.description,onChange:e=>n&&n({...l,description:e.target.value})})})]}),(null==l?void 0:l.datasource)&&(0,ev.jsx)(_,{children:"数据源"}),(null==l?void 0:l.datasource)&&(0,ev.jsx)($,{labelCol:{span:24},wrapperCol:{span:24},children:(0,ev.jsxs)($.Item,{label:(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:["数据来源",(0,ev.jsxs)(W.Group,{size:"small",value:null==j?void 0:j.source,onChange:e=>{let t={...j||{},source:e.target.value};b(t),n&&n({...l,datasource:t})},children:[(0,ev.jsx)(W.Button,{value:"define",children:"已定义数据源"}),(0,ev.jsx)(W.Button,{value:"custom",children:"自定义"})]})]}),children:[(null==j?void 0:j.source)==="define"&&(0,ev.jsxs)(ev.Fragment,{children:[(0,ev.jsx)($.Item,{label:"数据源",labelCol:{span:24},wrapperCol:{span:24},children:(0,ev.jsx)(q,{size:"small",value:null==j?void 0:j.datasourceId,onChange:e=>{let t={...j||{},datasourceId:e};b(t),n&&n({...l,datasource:t})},children:((null==r?void 0:r.datasources)||[]).map(e=>(0,ev.jsx)(q.Option,{value:e.id,children:e.name},e.id))})}),(0,ev.jsx)($.Item,{label:"数据处理脚本",labelCol:{span:24},wrapperCol:{span:24},children:(0,ev.jsx)(q,{size:"small",value:null==j?void 0:j.scriptId,onChange:e=>{let t={...j||{},scriptId:e};b(t),n&&n({...l,datasource:t})},children:((null==r?void 0:r.scripts)||[]).map(e=>(0,ev.jsx)(q.Option,{value:e.id,children:e.name},e.id))})})]}),(null==j?void 0:j.source)==="custom"&&(0,ev.jsx)(ev.Fragment,{children:(0,ev.jsx)($.Item,{label:(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:["自定义",(0,ev.jsxs)("a",{onClick:()=>{var e,t;let l=null==(e=i.current)?void 0:e.editor;null==l||null==(t=l.getAction("editor.action.formatDocument"))||t.run()},children:[(0,ev.jsx)(th,{type:"icon-formate"})," 格式化"]})]}),labelCol:{span:24},wrapperCol:{span:24},children:(0,ev.jsx)("div",{style:{border:"1px solid var(--ant-color-border)",borderRadius:"var(--ant-border-radius)",padding:1},children:(0,ev.jsx)(ea,{height:"200px",onMount:e=>{i.current={editor:e}},defaultLanguage:"json",value:null==j?void 0:j.custom,onChange:e=>{let t={...j||{},custom:e||""};b(t),n&&n({...l,datasource:t})},options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})})]})}),m&&(0,ev.jsx)(_,{children:"特有属性"}),m&&(0,ev.jsx)(m,{model:f,customStyle:g,onChange:e=>{l&&n&&n({...l,props:e})}})]})]})]})},tH=t.div`
743
+ `,t3=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=[],l=e=>{Array.isArray(e)&&e.forEach(e=>{t.push(e),Array.isArray(e.children)?l(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>l(e.children[t]))})};return l(e||[]),t},t7=e=>{var t,l,n,r,a,i,o;let{datasourceEnable:d=!0}=e,{plugins:u,selectedItem:p,updateSelectedItem:x,schema:h,setSchema:m,datasetSelector:f}=(0,eO.useContext)(tu),g=(0,eO.useRef)(null),[j,y]=(0,eO.useState)("1"),b=(0,eO.useMemo)(()=>t3((null==h?void 0:h.items)||[]),[h]),w=(0,eO.useMemo)(()=>p&&b.find(e=>e.id===p.id),[b,p]),C=w?j:"1",S=(0,eO.useMemo)(()=>u.find(e=>e.key===(null==p?void 0:p.type)),[u,p]),z=null==S?void 0:S.formComponent,k=(null==p?void 0:p.props)||{},I=(null==p?void 0:p.style)||{},[O,T]=(0,eO.useState)((null==h?void 0:h.info)||{}),[E,D]=(0,eO.useState)((null==p?void 0:p.datasource)||{}),[A,B]=(0,eO.useState)(!1),R=e=>{m({...h,info:e})},L={Authorization:`Bearer ${localStorage.getItem("ASKDATA_TOKEN")||""}`};return eO.default.useEffect(()=>{y(p?"2":"1"),D((null==p?void 0:p.datasource)||{})},[p]),(0,eN.jsxs)(t5,{className:"properties-panel",children:[(0,eN.jsx)(tP,{title:"属性",extra:(0,eN.jsxs)(Z.Group,{value:C,size:"small",buttonStyle:"outline",onChange:e=>y(e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"1",children:"页面"}),w&&(0,eN.jsx)(Z.Button,{value:"2",children:"组件"})]})}),(0,eN.jsxs)("div",{className:"body",children:["1"===C&&(0,eN.jsxs)(K,{labelCol:{span:24},wrapperCol:{span:24},className:"ant-form-compact",children:[(0,eN.jsx)(K.Item,{label:"页面名称",children:(0,eN.jsx)(U,{size:"small",value:null==O?void 0:O.name,placeholder:"请输入页面名称",onChange:e=>{let t={...O,name:e.target.value};T(t),R&&R(t)}})}),(0,eN.jsx)(K.Item,{label:"页面描述",children:(0,eN.jsx)(U.TextArea,{size:"small",value:null==O?void 0:O.description,placeholder:"请输入页面描述",onChange:e=>{let t={...O,description:e.target.value};T(t),R&&R(t)}})}),(0,eN.jsxs)(K.Item,{label:"封面",children:[(0,eN.jsxs)(eu.Dragger,{name:"file",multiple:!1,accept:".png,.jpg,.jpeg",headers:L,action:"/api/datareport/upload",showUploadList:!1,beforeUpload:e=>e.type.startsWith("image/"),onChange:e=>{if("done"===e.file.status){var t;let l={url:null==(t=e.file.response)?void 0:t.data,name:e.file.name},n={...O,cover:l};T(n),R&&R(n)}},children:[(0,eN.jsx)("p",{className:"ant-upload-drag-icon",children:(0,eN.jsx)(v,{})}),(0,eN.jsx)("p",{className:"ant-upload-text",children:"点击或将文件拖拽到此区域进行上传"}),(0,eN.jsx)("p",{className:"ant-upload-hint",children:"严禁上传公司数据或其他被禁止的文件。"})]}),(null==O||null==(t=O.cover)?void 0:t.url)&&(0,eN.jsxs)("div",{style:{marginTop:10,textAlign:"left"},children:[(0,eN.jsxs)("div",{style:{display:"flex",justifyContent:"space-between"},children:[(0,eN.jsx)("label",{children:"封面预览"}),(0,eN.jsx)("a",{onClick:()=>{let e={...O,cover:null};T(e),R&&R(e)},children:(0,eN.jsx)(c,{})})]}),(0,eN.jsx)("img",{src:O.cover.url,style:{width:"100%",maxHeight:200}})]})]})]}),"2"===C&&(0,eN.jsxs)(eN.Fragment,{children:[(0,eN.jsx)(H,{children:"基础属性"}),(0,eN.jsxs)(K,{labelCol:{span:24},wrapperCol:{span:24},className:"ant-form-compact",children:[(0,eN.jsx)(K.Item,{label:"组件标识",labelCol:{span:5},wrapperCol:{span:19},children:(null==p?void 0:p.id)||""}),(0,eN.jsx)(K.Item,{label:"组件名称",children:(0,eN.jsx)(U,{size:"small",value:null==p?void 0:p.name,onChange:e=>x&&x({...p,name:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"组件描述",children:(0,eN.jsx)(U.TextArea,{size:"small",value:null==p?void 0:p.description,onChange:e=>x&&x({...p,description:e.target.value})})})]}),(null==p?void 0:p.datasource)&&(0,eN.jsx)(H,{children:"数据源"}),(null==p?void 0:p.datasource)&&(0,eN.jsxs)(K,{className:"ant-form-compact",children:[(0,eN.jsx)(K.Item,{label:(0,eN.jsx)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:"数据来源"}),labelCol:{span:5},wrapperCol:{span:19},colon:!1,children:(0,eN.jsxs)(Z.Group,{size:"small",value:null==E?void 0:E.source,onChange:e=>{let t={...E||{},source:e.target.value};D(t),x&&x({...p,datasource:t})},children:[!!f&&(0,eN.jsx)(Z.Button,{value:"dataset",children:"数据集"}),d&&(0,eN.jsx)(Z.Button,{value:"define",children:"数据源"}),(0,eN.jsx)(Z.Button,{value:"custom",children:"自定义"})]})}),(null==E?void 0:E.source)==="dataset"&&f&&(0,eN.jsx)(eN.Fragment,{children:(0,eN.jsx)(K.Item,{label:"数据集",labelCol:{span:5},wrapperCol:{span:19},children:(0,eN.jsxs)(en.Compact,{children:[(0,eN.jsx)(U,{size:"small",readOnly:!0,value:(null==E||null==(l=E.dataset)?void 0:l.name)||"",style:{width:90}}),!!(null==E||null==(r=E.dataset)||null==(n=r.id)?void 0:n.length)&&(null==E||null==(a=E.dataset)?void 0:a.output)&&(0,eN.jsx)(Q,{title:"输出类型",placement:"left",content:(0,eN.jsx)("div",{style:{padding:"0 12px",maxWidth:500,maxHeight:500,overflow:"auto"},children:(0,eN.jsx)(le,{output:E.dataset.output})}),children:(0,eN.jsx)(M,{size:"small",style:{color:"var(--ant-color-text-tertiary)"},title:"查看输出类型",children:(0,eN.jsx)(tS,{type:"icon-json"})})}),!!(null==E||null==(o=E.dataset)||null==(i=o.id)?void 0:i.length)&&(0,eN.jsx)(M,{size:"small",icon:(0,eN.jsx)(s,{}),onClick:()=>{let e={...E||{},dataset:{id:"",name:"",output:{fields:[]}}};D(e),x&&x({...p,datasource:e})},title:"删除数据集",style:{color:"var(--ant-color-text-tertiary)"}}),(0,eN.jsx)(M,{size:"small",icon:(0,eN.jsx)(N,{}),title:"选择数据集",onClick:()=>B(!0)})]})})}),(null==E?void 0:E.source)==="define"&&(0,eN.jsxs)(eN.Fragment,{children:[(0,eN.jsx)(K.Item,{label:"数据源",layout:"vertical",children:(0,eN.jsx)(et,{size:"small",value:null==E?void 0:E.datasourceId,onChange:e=>{let t={...E||{},datasourceId:e};D(t),x&&x({...p,datasource:t})},children:((null==h?void 0:h.datasources)||[]).map(e=>(0,eN.jsx)(et.Option,{value:e.id,children:e.name},e.id))})}),(0,eN.jsx)(K.Item,{label:"数据处理脚本",labelCol:{span:24},wrapperCol:{span:24},children:(0,eN.jsx)(et,{size:"small",value:null==E?void 0:E.scriptId,onChange:e=>{let t={...E||{},scriptId:e};D(t),x&&x({...p,datasource:t})},children:((null==h?void 0:h.scripts)||[]).map(e=>(0,eN.jsx)(et.Option,{value:e.id,children:e.name},e.id))})})]}),(null==E?void 0:E.source)==="custom"&&(0,eN.jsx)(eN.Fragment,{children:(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["自定义",(0,eN.jsxs)("a",{onClick:()=>{var e,t;let l=null==(e=g.current)?void 0:e.editor;null==l||null==(t=l.getAction("editor.action.formatDocument"))||t.run()},children:[(0,eN.jsx)(tS,{type:"icon-formate"})," 格式化"]})]}),labelCol:{span:24},wrapperCol:{span:24},className:"ant-form-item-label-space",children:(0,eN.jsx)("div",{style:{border:"1px solid var(--ant-color-border)",borderRadius:"var(--ant-border-radius)",padding:1},children:(0,eN.jsx)(eh,{height:"200px",onMount:e=>{g.current={editor:e}},defaultLanguage:"json",value:(null==E?void 0:E.custom)||"",onChange:e=>{let t={...E||{},custom:e||""};D(t),x&&x({...p,datasource:t})},options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})})]}),z&&(0,eN.jsx)(H,{children:"特有属性"}),z&&(0,eN.jsx)(z,{model:k,customStyle:I,onChange:e=>{p&&x&&x({...p,props:e})}})]})]}),!!f&&(0,eN.jsx)(G,{title:"选择数据集",size:800,open:A,onClose:()=>{B(!1)},children:f(e=>{E.dataset=e,B(!1)})})]})},le=e=>{let{output:t}=e,l=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e&&0!==e.length?(0,eN.jsxs)(eN.Fragment,{children:["{",e.map((n,r)=>(0,eN.jsxs)("div",{style:{paddingLeft:"1em"},children:[(0,eN.jsx)("span",{style:{color:"var(--ant-color-primary)"},children:n.key}),":"," ","ARRAY"===n.type?(0,eN.jsxs)(eN.Fragment,{children:["Array","<",n.schema?l(n.schema.fields,t+1):(0,eN.jsx)("span",{children:"any"}),">"]}):"OBJECT"===n.type?n.schema?l(n.schema.fields,t+1):(0,eN.jsx)("span",{children:"{}"}):(0,eN.jsx)("span",{style:{color:"var(--ant-color-success)"},children:(n.type||"string").toLowerCase()}),r<e.length-1?",":""]},n.key||r)),"}"]}):(0,eN.jsx)("span",{children:"{}"})};return(0,eN.jsx)("pre",{style:{margin:"8px 0",padding:"8px",background:"var(--ant-color-fill-alter)",borderRadius:"var(--ant-border-radius-sm)",fontSize:"12px",fontFamily:"monospace",overflowX:"auto",border:"1px solid var(--ant-color-border-secondary)"},children:l(t.fields)})},lt=t.div`
529
744
  display: flex;
530
745
  flex-direction: column;
531
746
  height: 100%;
@@ -564,7 +779,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
564
779
  font-size: 14px;
565
780
  padding: 0 50px;
566
781
  }
567
- `,tG=()=>{let{schema:e,setSchema:t}=(0,ey.useContext)(tt),[l,n]=ey.default.useState(!1),[r,a]=ey.default.useState(-1),[i]=$.useForm(),o=(0,ey.useMemo)(()=>e.scripts||[],[e]),d=l=>{t({...e,scripts:l})},u=async()=>{let e=await i.validateFields().catch(()=>null);if(!e)return;let t=[...o];-1===r?t.push({id:Math.random().toString(36).slice(2,10),...e}):t[r]={...t[r],...e},d&&d(t),n(!1),a(-1),i.resetFields()};return(0,ev.jsxs)(tH,{className:"script-panel",children:[(0,ev.jsx)(tf,{title:"脚本",extra:(0,ev.jsx)(J,{children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>{a(-1),i.setFieldsValue({name:"",script:"return {};"}),n(!0)},children:"+"})})}),(0,ev.jsx)("div",{className:"body",children:(0,ev.jsx)("ul",{children:o.map((e,t)=>(0,ev.jsxs)("li",{children:[(0,ev.jsxs)("div",{title:e.name,children:[(0,ev.jsx)(th,{type:"icon-drag"})," ",e.name]}),(0,ev.jsxs)(J,{children:[(0,ev.jsx)("a",{onClick:()=>{a(t),i.setFieldsValue({name:e.name,script:e.script}),n(!0)},children:(0,ev.jsx)(c,{})}),(0,ev.jsx)("a",{onClick:()=>{let e=[...o];e.splice(t,1),d&&d(e)},children:(0,ev.jsx)(s,{})})]})]},e.id||t))})}),(0,ev.jsx)(G,{title:"添加脚本",open:l,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>n(!1),footer:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(T,{type:"primary",onClick:u,children:"确定"}),(0,ev.jsx)(T,{onClick:()=>n(!1),children:"取消"})]}),children:(0,ev.jsxs)($,{form:i,layout:"vertical",children:[(0,ev.jsx)($.Item,{label:"脚本名称",name:"name",rules:[{required:!0,message:"请输入脚本名称"}],children:(0,ev.jsx)(F,{})}),(0,ev.jsx)($.Item,{label:"脚本语句",name:"script",rules:[{required:!0,message:"请输入脚本语句"}],children:(0,ev.jsxs)("div",{style:{border:"1px solid #d9d9d9",padding:"0 10px"},children:[(0,ev.jsxs)("div",{className:"function-wrapper",children:["function fixed(data) ","{"]}),(0,ev.jsx)(ea,{height:"200px",defaultLanguage:"javascript",value:i.getFieldValue("script"),onChange:e=>i.setFieldsValue({script:e||""}),options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}}),(0,ev.jsx)("div",{className:"function-wrapper",children:"}"})]})})]})})]})},tY=t.div`
782
+ `,ll=()=>{let{schema:e,setSchema:t}=(0,eO.useContext)(tu),[l,n]=eO.default.useState(!1),[r,a]=eO.default.useState(-1),[i]=K.useForm(),o=(0,eO.useMemo)(()=>e.scripts||[],[e]),s=l=>{t({...e,scripts:l})},d=async()=>{let e=await i.validateFields().catch(()=>null);if(!e)return;let t=[...o];-1===r?t.push({id:Math.random().toString(36).slice(2,10),...e}):t[r]={...t[r],...e},s&&s(t),n(!1),a(-1),i.resetFields()};return(0,eN.jsxs)(lt,{className:"script-panel",children:[(0,eN.jsx)(tP,{title:"脚本",extra:(0,eN.jsx)(en,{children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>{a(-1),i.setFieldsValue({name:"",script:"return {};"}),n(!0)},children:"+"})})}),(0,eN.jsx)("div",{className:"body",children:(0,eN.jsx)("ul",{children:o.map((e,t)=>(0,eN.jsxs)("li",{children:[(0,eN.jsxs)("div",{title:e.name,children:[(0,eN.jsx)(tS,{type:"icon-drag"})," ",e.name]}),(0,eN.jsxs)(en,{children:[(0,eN.jsx)("a",{onClick:()=>{a(t),i.setFieldsValue({name:e.name,script:e.script}),n(!0)},children:(0,eN.jsx)(p,{})}),(0,eN.jsx)("a",{onClick:()=>{let e=[...o];e.splice(t,1),s&&s(e)},children:(0,eN.jsx)(c,{})})]})]},e.id||t))})}),(0,eN.jsx)(q,{title:"添加脚本",open:l,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>n(!1),footer:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(M,{type:"primary",onClick:d,children:"确定"}),(0,eN.jsx)(M,{onClick:()=>n(!1),children:"取消"})]}),children:(0,eN.jsxs)(K,{form:i,layout:"vertical",children:[(0,eN.jsx)(K.Item,{label:"脚本名称",name:"name",rules:[{required:!0,message:"请输入脚本名称"}],children:(0,eN.jsx)(U,{})}),(0,eN.jsx)(K.Item,{label:"脚本语句",name:"script",rules:[{required:!0,message:"请输入脚本语句"}],children:(0,eN.jsxs)("div",{style:{border:"1px solid #d9d9d9",padding:"0 10px"},children:[(0,eN.jsxs)("div",{className:"function-wrapper",children:["function fixed(data) ","{"]}),(0,eN.jsx)(eh,{height:"200px",defaultLanguage:"javascript",value:i.getFieldValue("script"),onChange:e=>i.setFieldsValue({script:e||""}),options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}}),(0,eN.jsx)("div",{className:"function-wrapper",children:"}"})]})})]})})]})},ln=t.div`
568
783
  display: flex;
569
784
  flex-direction: column;
570
785
  height: 100%;
@@ -575,7 +790,19 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
575
790
  gap: 12px;
576
791
  padding: 12px;
577
792
  }
578
- `,tK=()=>{let{schema:e,setSchema:t}=(0,ey.useContext)(tt),[l,n]=ey.default.useState(!1),[r,a]=ey.default.useState(-1),[i]=$.useForm(),o=(0,ey.useMemo)(()=>e.variables||[],[e.variables]),d=l=>{t({...e,variables:l})},u=[{title:"名称",dataIndex:"name",render:(e,t)=>(0,ev.jsxs)("div",{title:e,children:[(0,ev.jsx)(th,{type:"icon-drag"})," ",e]})},{title:"值",dataIndex:"value"},{title:"操作",width:60,align:"center",render:(e,t,l)=>(0,ev.jsxs)(J,{children:[(0,ev.jsx)("a",{onClick:()=>{a(l),i.setFieldsValue({name:t.name,value:t.value}),n(!0)},children:(0,ev.jsx)(c,{})}),(0,ev.jsx)(K,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>{let e=[...o];e.splice(l,1),d&&d(e)},children:(0,ev.jsx)("a",{children:(0,ev.jsx)(s,{})})})]})}],p=async()=>{let e=await i.validateFields().catch(()=>null);if(!e)return;let t=[...o];-1===r?t.push({...e}):t[r]={...t[r],...e},d&&d(t),n(!1),a(-1),i.resetFields()};return(0,ev.jsxs)(tY,{children:[(0,ev.jsx)(tf,{title:"环境变量",extra:(0,ev.jsx)(J,{children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>{a(-1),i.resetFields(),n(!0)},children:"+"})})}),(0,ev.jsx)("div",{className:"body",children:(0,ev.jsx)(V,{rowKey:e=>e.id||e.name,dataSource:o,columns:u,pagination:!1,size:"small",locale:{emptyText:"暂无环境变量"}})}),(0,ev.jsx)(G,{title:"添加环境变量",open:l,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>n(!1),footer:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(T,{type:"primary",onClick:p,children:"确定"}),(0,ev.jsx)(T,{onClick:()=>n(!1),children:"取消"})]}),children:(0,ev.jsxs)($,{form:i,layout:"vertical",children:[(0,ev.jsx)($.Item,{label:"环境变量名称",name:"name",rules:[{required:!0,message:"请输入环境变量名称"}],children:(0,ev.jsx)(F,{})}),(0,ev.jsx)($.Item,{label:"环境变量值",name:"value",rules:[{required:!0,message:"请输入环境变量值"}],children:(0,ev.jsx)(F,{})})]})})]})},tW=t.div`
793
+ `,lr=()=>{let{schema:e,setSchema:t}=(0,eO.useContext)(tu),[l,n]=eO.default.useState(!1),[r,a]=eO.default.useState(-1),[i]=K.useForm(),o=(0,eO.useMemo)(()=>e.variables||[],[e.variables]),s=l=>{t({...e,variables:l})},d=[{title:"名称",dataIndex:"name",render:(e,t)=>(0,eN.jsxs)("div",{title:e,children:[(0,eN.jsx)(tS,{type:"icon-drag"})," ",e]})},{title:"值",dataIndex:"value"},{title:"操作",width:60,align:"center",render:(e,t,l)=>(0,eN.jsxs)(en,{children:[(0,eN.jsx)("a",{onClick:()=>{a(l),i.setFieldsValue({name:t.name,value:t.value}),n(!0)},children:(0,eN.jsx)(p,{})}),(0,eN.jsx)(V,{title:"确认删除吗?",okText:"确认",cancelText:"取消",onConfirm:()=>{let e=[...o];e.splice(l,1),s&&s(e)},children:(0,eN.jsx)("a",{children:(0,eN.jsx)(c,{})})})]})}],u=async()=>{let e=await i.validateFields().catch(()=>null);if(!e)return;let t=[...o];-1===r?t.push({...e}):t[r]={...t[r],...e},s&&s(t),n(!1),a(-1),i.resetFields()};return(0,eN.jsxs)(ln,{children:[(0,eN.jsx)(tP,{title:"环境变量",extra:(0,eN.jsx)(en,{children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>{a(-1),i.resetFields(),n(!0)},children:"+"})})}),(0,eN.jsx)("div",{className:"body",children:(0,eN.jsx)(ea,{rowKey:e=>e.id||e.name,dataSource:o,columns:d,pagination:!1,size:"small",locale:{emptyText:"暂无环境变量"}})}),(0,eN.jsx)(q,{title:"添加环境变量",open:l,width:600,styles:{body:{maxHeight:"calc(100vh - 250px)",overflow:"auto"}},onCancel:()=>n(!1),footer:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(M,{type:"primary",onClick:u,children:"确定"}),(0,eN.jsx)(M,{onClick:()=>n(!1),children:"取消"})]}),children:(0,eN.jsxs)(K,{form:i,layout:"vertical",children:[(0,eN.jsx)(K.Item,{label:"环境变量名称",name:"name",rules:[{required:!0,message:"请输入环境变量名称"}],children:(0,eN.jsx)(U,{})}),(0,eN.jsx)(K.Item,{label:"环境变量值",name:"value",rules:[{required:!0,message:"请输入环境变量值"}],children:(0,eN.jsx)(U,{})})]})})]})},la=t.div`
794
+ display: flex;
795
+ flex-direction: column;
796
+ height: 100%;
797
+ .body {
798
+ flex: 1 1 auto;
799
+ display: flex;
800
+ flex-direction: column;
801
+ gap: 12px;
802
+ padding: 12px;
803
+ overflow: auto;
804
+ }
805
+ `,li=eO.default.forwardRef((e,t)=>{let{renderNode:l}=e,n=(0,eO.useRef)(null);(0,eO.useImperativeHandle)(t,()=>({reload:r}));let r=()=>{var e;null==(e=n.current)||e.reload()};return(0,eN.jsxs)(la,{className:"dataset-panel",children:[(0,eN.jsx)(tP,{title:"数据集",extra:(0,eN.jsx)(en,{children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>{var e;null==(e=n.current)||e.handleAdd()},children:"+"})})}),(0,eN.jsx)("div",{className:"body",children:(0,eN.jsx)(l,{ref:n})})]})}),lo=t.div`
579
806
  height: 100%;
580
807
  display: grid;
581
808
  background: #ffffff;
@@ -643,6 +870,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
643
870
  flex-direction: column;
644
871
  gap: 12px;
645
872
  padding: 12px;
873
+ height: calc(100% - 40px);
646
874
  }
647
875
  .left-pane-tabs > label,
648
876
  .right-pane-tabs > label {
@@ -665,11 +893,11 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
665
893
  border-right: solid 2px #1890ff;
666
894
  background: linear-gradient(to left, #1890ff1a, #ffffff);
667
895
  }
668
- `,tU=ey.default.forwardRef((e,t)=>{var l;let n,{agentList:r=[],plugins:a=[],headerExtra:i}=e,o=(0,ey.useRef)(null),[s,c]=(0,ey.useState)(1),[x,h]=(0,ey.useState)([]),[m,f]=(0,ey.useState)([]),[g,y]=(0,ey.useState)(!1),[j,b]=(0,ey.useState)("desktop"),[S,I]=(0,ey.useState)("component"),[D,E]=(0,ey.useState)("ai"),[A,B]=(0,ey.useState)(!0),[L,P]=(0,ey.useState)(!0),[R,M]=(0,ey.useState)(null),[$,F]=(0,ey.useState)({info:{},datasources:[],scripts:[],variables:[],items:[]}),[H,G]=(0,ey.useState)(!0),Y=(0,ey.useMemo)(()=>{let e=A?"250px":"",t=L?"400px":"";return{gridTemplateColumns:`${e} 1fr ${t}`}},[A,L]),K=(0,ey.useMemo)(()=>({display:A?"flex":"none"}),[A]),U=(0,ey.useMemo)(()=>({display:L?"flex":"none"}),[L]);l=[$],(n=(0,ey.useRef)()).current===JSON.stringify(l)&&n.current||(n.current=JSON.stringify(l),(()=>{g||(h(e=>e.length?[...e,JSON.parse(JSON.stringify($))].slice(-50):[JSON.parse(JSON.stringify($))]),f([]))})()),(0,ey.useImperativeHandle)(t,()=>({handleOpen(e){y(!0),q(e.items),F(e),h([JSON.parse(JSON.stringify(e))]),f([]),setTimeout(()=>y(!1),0)}}));let q=(e,t)=>{e&&e.forEach(e=>{e.id||(e.id=t||Math.random().toString(36).slice(2,10)),Array.isArray(e.children)?q(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&q(e.children[t],Math.random().toString(36).slice(2,10))})})};return(0,ev.jsx)(tl,{designable:H,plugins:a,schema:$,selectedItem:R,setSchema:F,setSelectedItem:M,children:(0,ev.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 24px",borderBottom:"solid 1px #e8e8e8"},children:[(0,ev.jsxs)(J,{children:[(0,ev.jsx)("span",{style:{fontSize:16,fontWeight:500},children:"创建数据报表"}),(0,ev.jsx)(_,{orientation:"vertical"}),(0,ev.jsx)(Z,{title:"保存",children:(0,ev.jsx)("a",{className:"toolbar",children:(0,ev.jsx)(w,{})})}),(0,ev.jsx)(_,{orientation:"vertical"}),(0,ev.jsx)(Z,{title:"撤销",children:(0,ev.jsx)("a",{className:`toolbar ${x.length>1?"active":""}`,onClick:()=>{h(e=>{if(e.length<=1)return e;y(!0);let t=e[e.length-2];return f(e=>[...e,JSON.parse(JSON.stringify($))]),F(t),M(null),setTimeout(()=>y(!1),0),e.slice(0,-1)})},children:(0,ev.jsx)(k,{})})}),(0,ev.jsx)(Z,{title:"重做",children:(0,ev.jsx)("a",{className:`toolbar ${m.length>0?"active":""}`,onClick:()=>{f(e=>e.length?(y(!0),h(e=>[...e,JSON.parse(JSON.stringify($))]),F(e[e.length-1]),M(null),setTimeout(()=>y(!1),0),e.slice(0,-1)):e)},children:(0,ev.jsx)(C,{})})})]}),(0,ev.jsxs)(J,{children:[(0,ev.jsx)(Z,{title:"缩小",children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>c(parseFloat(Math.max(s-.1,.5).toFixed(1))),children:(0,ev.jsx)(N,{})})}),(0,ev.jsxs)("div",{style:{fontSize:12,color:"#999",userSelect:"none"},children:[(100*s).toFixed(0),"%"]}),(0,ev.jsx)(Z,{title:"放大",children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>c(parseFloat(Math.min(s+.1,2).toFixed(1))),children:(0,ev.jsx)(O,{})})}),(0,ev.jsx)(Z,{title:"重置缩放",children:(0,ev.jsx)("a",{className:"toolbar",onClick:()=>c(1),children:(0,ev.jsx)(th,{type:"icon-zoom-reset"})})}),(0,ev.jsx)(_,{orientation:"vertical"}),(0,ev.jsx)(Z,{title:"切换左侧栏",children:(0,ev.jsx)("a",{className:`toolbar ${A?"active":""}`,onClick:()=>{B(e=>!e),setTimeout(()=>{var e,t;return null==(t=o.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,ev.jsx)(th,{type:"icon-sider-l"})})}),(0,ev.jsx)(Z,{title:"切换右侧栏",children:(0,ev.jsx)("a",{className:`toolbar ${L?"active":""}`,onClick:()=>{P(e=>!e),setTimeout(()=>{var e,t;return null==(t=o.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,ev.jsx)(th,{type:"icon-sider-r"})})}),i]})]}),(0,ev.jsxs)(tW,{style:Y,children:[(0,ev.jsxs)("div",{className:"left",style:K,children:[(0,ev.jsx)("div",{style:{padding:"22px 1px 22px 0",borderRight:"solid 1px #e8e8e8"},children:(0,ev.jsxs)(W.Group,{value:S,onChange:e=>I(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"left-pane-tabs",children:[(0,ev.jsx)(W.Button,{value:"component",children:(0,ev.jsx)(Z,{title:"组件",placement:"right",children:(0,ev.jsx)(th,{type:"icon-puzzle"})})}),(0,ev.jsx)(W.Button,{value:"layer",children:(0,ev.jsx)(Z,{title:"图层",placement:"right",children:(0,ev.jsx)(th,{type:"icon-outline"})})}),(0,ev.jsx)(W.Button,{value:"datasource",children:(0,ev.jsx)(Z,{title:"数据集",placement:"right",children:(0,ev.jsx)(th,{type:"icon-datasource"})})}),(0,ev.jsx)(W.Button,{value:"script",children:(0,ev.jsx)(Z,{title:"脚本",placement:"right",children:(0,ev.jsx)(th,{type:"icon-js"})})}),(0,ev.jsx)(W.Button,{value:"env",children:(0,ev.jsx)(Z,{title:"环境变量",placement:"right",children:(0,ev.jsx)(th,{type:"icon-variable"})})}),(0,ev.jsx)(W.Button,{value:"code",children:(0,ev.jsx)(Z,{title:"源码",placement:"right",children:(0,ev.jsx)(th,{type:"icon-json"})})})]})}),(0,ev.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["component"===S&&(0,ev.jsx)(tA,{}),"layer"===S&&(0,ev.jsx)(t_,{}),"datasource"===S&&(0,ev.jsx)(tL,{}),"script"===S&&(0,ev.jsx)(tG,{}),"env"===S&&(0,ev.jsx)(tK,{}),"code"===S&&(0,ev.jsx)(tO,{})]})]}),(0,ev.jsxs)("div",{className:"center",style:{flex:"1 1 auto"},children:[(0,ev.jsx)(tf,{title:"页面",extra:(0,ev.jsxs)(J,{children:[(0,ev.jsx)(T,{size:"small",type:H?"default":"primary",icon:H?(0,ev.jsx)(u,{}):(0,ev.jsx)(p,{}),onClick:()=>G(!H)}),(0,ev.jsxs)(W.Group,{value:j,onChange:e=>b(e.target.value),size:"small",buttonStyle:"outline",children:[(0,ev.jsx)(W.Button,{value:"desktop",title:"桌面",children:(0,ev.jsx)(d,{})}),(0,ev.jsx)(W.Button,{value:"mobile",title:"移动设备",children:(0,ev.jsx)(v,{})}),(0,ev.jsx)(W.Button,{value:"tablet",title:"平板设备",children:(0,ev.jsx)(z,{})})]})]})}),(0,ev.jsx)("div",{className:["body",j].join(" "),children:(0,ev.jsx)("div",{style:{transform:`scale(${s})`,transformOrigin:"top center"},children:(0,ev.jsx)(tu,{ref:o,device:j})})})]}),(0,ev.jsxs)("div",{className:"right",style:U,children:[(0,ev.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["ai"===D&&(0,ev.jsx)(tw,{agentList:r}),"props"===D&&(0,ev.jsx)(tF,{}),"cascade"===D&&(0,ev.jsx)(tz,{})]}),(0,ev.jsx)("div",{style:{padding:"22px 0",borderLeft:"solid 1px #e8e8e8"},children:(0,ev.jsxs)(W.Group,{value:D,onChange:e=>E(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"right-pane-tabs",children:[(0,ev.jsx)(W.Button,{value:"ai",children:(0,ev.jsx)(Z,{title:"智能体",placement:"right",children:(0,ev.jsx)(th,{type:"icon-assistant"})})}),(0,ev.jsx)(W.Button,{value:"props",children:(0,ev.jsx)(Z,{title:"属性",placement:"right",children:(0,ev.jsx)(th,{type:"icon-info"})})}),(0,ev.jsx)(W.Button,{value:"cascade",children:(0,ev.jsx)(Z,{title:"联动",placement:"right",children:(0,ev.jsx)(th,{type:"icon-cascade"})})})]})})]})]})]})})}),tq=t(m)`
896
+ `,ls=e=>{let{open:t,onCancel:l,onOk:n}=e,[r,a]=(0,eO.useState)(JSON.stringify({info:{},datasources:[],scripts:[],variables:[],items:[]}));return(0,eN.jsx)(q,{title:"导入页面",open:t,width:800,onCancel:l,onOk:()=>null==n?void 0:n(JSON.parse(r)),okText:"导入",cancelText:"取消",styles:{body:{height:"calc(100vh - 250px)",overflow:"auto"}},children:(0,eN.jsx)("div",{className:"body",style:{flex:"1 1 auto",display:"flex",height:"100%"},children:(0,eN.jsx)(em,{height:"100%",defaultLanguage:"json",value:r,options:{minimap:{enabled:!1}},onChange:e=>a(e||"")})})})},ld=eO.default.forwardRef((e,t)=>{var l;let n,{pageId:r,agentList:a=[],plugins:i=[],headerExtra:o,datasourceEnable:d=!0,scriptEnable:c=!0,datasetPanel:p,datasetSelector:m,fetch:f}=e,v=(0,eO.useRef)(null),j=(0,eO.useRef)(null),[y,b]=(0,eO.useState)(1),[C,S]=(0,eO.useState)([]),[k,N]=(0,eO.useState)([]),[O,D]=(0,eO.useState)(!1),[R,L]=(0,eO.useState)("desktop"),[P,_]=(0,eO.useState)("component"),[$,F]=(0,eO.useState)((null==f?void 0:f.ai)?"ai":"props"),[Y,W]=(0,eO.useState)(!0),[K,U]=(0,eO.useState)(!0),[J,q]=(0,eO.useState)(null),[X,V]=(0,eO.useState)({info:{},datasources:[],scripts:[],variables:[],items:[]}),[Q,ee]=(0,eO.useState)(!0),[et,el]=(0,eO.useState)(!1),[er,ea]=(0,eO.useState)(!1),ei=(0,eO.useMemo)(()=>{let e=Y?"250px":"",t=K?"400px":"";return{gridTemplateColumns:`${e} 1fr ${t}`}},[Y,K]),eo=(0,eO.useMemo)(()=>({display:Y?"flex":"none"}),[Y]),ed=(0,eO.useMemo)(()=>({display:K?"flex":"none"}),[K]);l=[X],(n=(0,eO.useRef)()).current===JSON.stringify(l)&&n.current||(n.current=JSON.stringify(l),(()=>{O||(S(e=>e.length?[...e,JSON.parse(JSON.stringify(X))].slice(-50):[JSON.parse(JSON.stringify(X))]),N([]))})()),(0,eO.useImperativeHandle)(t,()=>({handleOpen(e){D(!0),ec(e.items),V(e),S([JSON.parse(JSON.stringify(e))]),N([]),setTimeout(()=>D(!1),0)}}));let ec=(e,t)=>{e&&e.forEach(e=>{e.id||(e.id=t||Math.random().toString(36).slice(2,10)),Array.isArray(e.children)?ec(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&ec(e.children[t],Math.random().toString(36).slice(2,10))})})},eu=(0,eO.useMemo)(()=>"cascade"!==$||(null==J?void 0:J.cascadeIds)?$:"props",[J,$]);return(0,eN.jsxs)(tp,{pageId:r,designable:Q,plugins:i,schema:X,selectedItem:J,setSchema:V,setSelectedItem:q,datasetSelector:m,fetch:f,children:[(0,eN.jsxs)("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[(0,eN.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 24px",borderBottom:"solid 1px #e8e8e8"},children:[(0,eN.jsxs)(en,{children:[(0,eN.jsx)("span",{style:{fontSize:16,fontWeight:500},children:"创建数据报表"}),(0,eN.jsx)(H,{orientation:"vertical"}),(0,eN.jsx)(es,{title:"保存",children:(0,eN.jsx)("a",{className:"toolbar",children:(0,eN.jsx)(I,{})})}),(0,eN.jsx)(H,{orientation:"vertical"}),(0,eN.jsx)(es,{title:"撤销",children:(0,eN.jsx)("a",{className:`toolbar ${C.length>1?"active":""}`,onClick:()=>{S(e=>{if(e.length<=1)return e;D(!0);let t=e[e.length-2];return N(e=>[...e,JSON.parse(JSON.stringify(X))]),V(t),q(null),setTimeout(()=>D(!1),0),e.slice(0,-1)})},children:(0,eN.jsx)(E,{})})}),(0,eN.jsx)(es,{title:"重做",children:(0,eN.jsx)("a",{className:`toolbar ${k.length>0?"active":""}`,onClick:()=>{N(e=>e.length?(D(!0),S(e=>[...e,JSON.parse(JSON.stringify(X))]),V(e[e.length-1]),q(null),setTimeout(()=>D(!1),0),e.slice(0,-1)):e)},children:(0,eN.jsx)(z,{})})}),(0,eN.jsx)(H,{orientation:"vertical"}),(0,eN.jsx)(es,{title:"导入JSON",children:(0,eN.jsx)("a",{className:`toolbar ${k.length>0?"active":""}`,onClick:()=>{el(!0)},children:(0,eN.jsx)(g,{})})})]}),(0,eN.jsxs)(en,{children:[(0,eN.jsx)(es,{title:"缩小",children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>b(parseFloat(Math.max(y-.1,.5).toFixed(1))),children:(0,eN.jsx)(B,{})})}),(0,eN.jsxs)("div",{style:{fontSize:12,color:"#999",userSelect:"none"},children:[(100*y).toFixed(0),"%"]}),(0,eN.jsx)(es,{title:"放大",children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>b(parseFloat(Math.min(y+.1,2).toFixed(1))),children:(0,eN.jsx)(A,{})})}),(0,eN.jsx)(es,{title:"重置缩放",children:(0,eN.jsx)("a",{className:"toolbar",onClick:()=>b(1),children:(0,eN.jsx)(tS,{type:"icon-zoom-reset"})})}),(0,eN.jsx)(H,{orientation:"vertical"}),(0,eN.jsx)(es,{title:"切换左侧栏",children:(0,eN.jsx)("a",{className:`toolbar ${Y?"active":""}`,onClick:()=>{W(e=>!e),setTimeout(()=>{var e,t;return null==(t=v.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,eN.jsx)(tS,{type:"icon-sider-l"})})}),(0,eN.jsx)(es,{title:"切换右侧栏",children:(0,eN.jsx)("a",{className:`toolbar ${K?"active":""}`,onClick:()=>{U(e=>!e),setTimeout(()=>{var e,t;return null==(t=v.current)||null==(e=t.handleResize)?void 0:e.call(t)},0)},children:(0,eN.jsx)(tS,{type:"icon-sider-r"})})}),o]})]}),(0,eN.jsxs)(lo,{style:ei,children:[(0,eN.jsxs)("div",{className:"left",style:eo,children:[(0,eN.jsx)("div",{style:{padding:"22px 1px 22px 0",borderRight:"solid 1px #e8e8e8"},children:(0,eN.jsxs)(Z.Group,{value:P,onChange:e=>_(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"left-pane-tabs",children:[(0,eN.jsx)(Z.Button,{value:"component",children:(0,eN.jsx)(es,{title:"组件",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-puzzle"})})}),(0,eN.jsx)(Z.Button,{value:"layer",children:(0,eN.jsx)(es,{title:"图层",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-outline"})})}),!!p&&(0,eN.jsx)(Z.Button,{value:"dataset",children:(0,eN.jsx)(es,{title:"数据集",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-dataset"})})}),d&&(0,eN.jsx)(Z.Button,{value:"datasource",title:"数据源",children:(0,eN.jsx)(es,{title:"数据源",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-datasource"})})}),c&&(0,eN.jsx)(Z.Button,{value:"script",children:(0,eN.jsx)(es,{title:"脚本",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-js"})})}),(0,eN.jsx)(Z.Button,{value:"env",children:(0,eN.jsx)(es,{title:"环境变量",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-variable"})})}),(0,eN.jsx)(Z.Button,{value:"code",children:(0,eN.jsx)(es,{title:"源码",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-json"})})})]})}),(0,eN.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["component"===P&&(0,eN.jsx)(t1,{}),"layer"===P&&(0,eN.jsx)(t9,{}),d&&"datasource"===P&&(0,eN.jsx)(t4,{}),c&&"script"===P&&(0,eN.jsx)(ll,{}),"env"===P&&(0,eN.jsx)(lr,{}),"code"===P&&(0,eN.jsx)(tQ,{}),!!p&&"dataset"===P&&(0,eN.jsx)(li,{ref:j,renderNode:p})]})]}),(0,eN.jsxs)("div",{className:"center",style:{flex:"1 1 auto"},children:[(0,eN.jsx)(tP,{title:"页面",extra:(0,eN.jsxs)(en,{children:[(0,eN.jsx)(M,{size:"small",type:Q?"default":"primary",icon:Q?(0,eN.jsx)(x,{}):(0,eN.jsx)(h,{}),onClick:()=>ee(!Q)}),(0,eN.jsxs)(Z.Group,{value:R,onChange:e=>L(e.target.value),size:"small",buttonStyle:"outline",children:[(0,eN.jsx)(Z.Button,{value:"desktop",title:"桌面",children:(0,eN.jsx)(u,{})}),(0,eN.jsx)(Z.Button,{value:"mobile",title:"移动设备",children:(0,eN.jsx)(w,{})}),(0,eN.jsx)(Z.Button,{value:"tablet",title:"平板设备",children:(0,eN.jsx)(T,{})})]})]})}),(0,eN.jsx)("div",{className:["body",R].join(" "),children:(0,eN.jsx)("div",{style:{transform:`scale(${y})`,transformOrigin:"top center"},children:(0,eN.jsx)(tb,{ref:v,device:R,fetch:f})})})]}),(0,eN.jsxs)("div",{className:"right",style:ed,children:[(0,eN.jsxs)("div",{style:{flex:"1 1 auto",display:"flex",flexDirection:"column",width:"calc(100% - 47px)"},children:["ai"===eu&&(null==f?void 0:f.ai)&&(0,eN.jsx)(tY,{agentList:a}),"props"===eu&&(0,eN.jsx)(t7,{datasourceEnable:d}),"cascade"===eu&&(null==J?void 0:J.cascadeIds)&&(0,eN.jsx)(tq,{})]}),(0,eN.jsx)("div",{style:{padding:"22px 0",borderLeft:"solid 1px #e8e8e8",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:(0,eN.jsxs)(Z.Group,{value:eu,onChange:e=>F(e.target.value),buttonStyle:"outline",style:{fontWeight:"normal",display:"inline-flex",flexDirection:"column",gap:14},className:"right-pane-tabs",children:[(null==f?void 0:f.ai)&&(0,eN.jsx)(Z.Button,{value:"ai",children:(0,eN.jsx)(es,{title:"智能助理",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-assistant"})})}),(0,eN.jsx)(Z.Button,{value:"props",children:(0,eN.jsx)(es,{title:"属性",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-info"})})}),(null==J?void 0:J.cascadeIds)&&(0,eN.jsx)(Z.Button,{value:"cascade",children:(0,eN.jsx)(es,{title:"联动",placement:"right",children:(0,eN.jsx)(tS,{type:"icon-cascade"})})})]})})]})]})]}),(0,eN.jsx)(ls,{open:et,onOk:e=>{el(!1),V(e)},onCancel:()=>el(!1)}),(0,eN.jsx)(G,{open:er,size:400,mask:!1,title:null,closable:!1,styles:{body:{padding:0}},onClose:()=>ea(!1),children:(0,eN.jsx)(tY,{agentList:a,headExtra:(0,eN.jsx)(M,{type:"link",icon:(0,eN.jsx)(s,{}),onClick:()=>ea(!1)}),onEffect:e=>{var t,l,n;if((null==(t=e.datasets)?void 0:t.length)&&(null==j||null==(l=j.current)?void 0:l.reload)&&j.current.reload(),e.schema)V(e.schema);else if(null==(n=e.pageItems)?void 0:n.length){let t=new Map(e.pageItems.map(e=>[e.id,e])),l=JSON.parse(JSON.stringify(X)),n=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];e.forEach(e=>{t.has(e.id)&&(Object.keys(e).forEach(t=>{"id"!==t&&delete e[t]}),Object.assign(e,t.get(e.id))),Array.isArray(e.children)?n(e.children):"object"==typeof e.children&&e.children&&Object.keys(e.children).forEach(t=>{Array.isArray(e.children[t])&&n(e.children[t])})})};n(l.items),V(l)}}})})]})});var lc=((ez={}).STRING="STRING",ez.NUMBER="NUMBER",ez.BOOLEAN="BOOLEAN",ez.OBJECT="OBJECT",ez.ARRAY="ARRAY",ez);let lu=t(j)`
669
897
  vertical-align: middle;
670
898
  margin-left: 2px;
671
899
  color: var(--ant-color-text-description);
672
- `,tJ=t.div`
900
+ `,lp=t.div`
673
901
  width: 100%;
674
902
  padding: 0 12px;
675
903
  border-bottom: solid 1px #e8e8e8;
@@ -689,7 +917,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
689
917
  color: #999;
690
918
  font-size: 12px;
691
919
  }
692
- `,tX=(e,t)=>(0,ey.useMemo)(()=>{if(!t)return null;if("custom"===(t.source||"custom"))try{return JSON.parse(t.custom||"[]")}catch(e){}return null},[e,t]),tV=t.div`
920
+ `,lx=(e,t)=>(0,eO.useMemo)(()=>{if(!t)return null;if("custom"===(t.source||"custom"))try{return JSON.parse(t.custom||"[]")}catch(e){}return null},[e,t]),lh=t.div`
693
921
  box-sizing: border-box;
694
922
  margin: 0;
695
923
  padding: 0;
@@ -708,7 +936,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
708
936
  ${e=>"vertical"===e.$itemLayout&&l`
709
937
  flex-direction: column;
710
938
  `}
711
- `,tQ=t.div`
939
+ `,lm=t.div`
712
940
  display: flex;
713
941
  align-items: center;
714
942
  justify-content: space-between;
@@ -721,18 +949,18 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
721
949
  border-bottom: none;
722
950
  }
723
951
  `}
724
- `,tZ=t.div`
952
+ `,lf=t.div`
725
953
  display: flex;
726
954
  flex: 1;
727
955
  align-items: flex-start;
728
956
  max-width: 100%;
729
- `,t0=t.div`
957
+ `,lg=t.div`
730
958
  margin-right: 16px;
731
- `,t1=t.div`
959
+ `,lv=t.div`
732
960
  flex: 1 0;
733
961
  width: 0;
734
962
  color: rgba(0, 0, 0, 0.85);
735
- `,t2=t.h4`
963
+ `,lj=t.h4`
736
964
  margin-bottom: 4px;
737
965
  color: rgba(0, 0, 0, 0.85);
738
966
  font-size: 14px;
@@ -748,7 +976,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
748
976
  color: #1890ff;
749
977
  }
750
978
  }
751
- `,t4=t.div`
979
+ `,ly=t.div`
752
980
  color: rgba(0, 0, 0, 0.45);
753
981
  font-size: 14px;
754
982
  line-height: 1.5715;
@@ -756,7 +984,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
756
984
  margin-top: 16px;
757
985
  text-align: right;
758
986
  padding: ${e=>e.$bordered?"0 24px 24px":"0"};
759
- `;let t8=e=>{let{item:t,split:l,padding:n}=e;return(0,ev.jsx)(tQ,{$split:l,$padding:n,children:(0,ev.jsxs)(tZ,{children:[t.avatar&&(0,ev.jsx)(t0,{children:(0,ev.jsx)(E,{src:t.avatar})}),(0,ev.jsxs)(t1,{children:[t.title&&(0,ev.jsx)(t2,{children:t.href?(0,ev.jsx)("a",{href:t.href,children:t.title}):t.title}),t.description&&(0,ev.jsx)(t4,{children:t.description})]})]})})},t6=e=>{let{list:t=[],split:l,bordered:n,size:r,itemLayout:a,style:i,className:o}=e,s=(0,ey.useMemo)(()=>"small"===r?"8px 16px":n?"12px 24px":"12px 0",[r,n]);return(0,ev.jsx)(tV,{$bordered:n,$split:l,$size:r,style:i,$itemLayout:a,className:o,children:t.map((e,t)=>(0,ev.jsx)(t8,{item:e,split:l,padding:s},String(t)))})},t9=[{group:"基础组件",key:"b-text",label:"文本",icon:"icon-text",component:e=>{let{id:t,text:l,item:n,style:r={},customStyle:a={},className:i}=e,o=(0,ey.useMemo)(()=>({...(null==n?void 0:n.style)||{},...a||{},...r||{}}),[n,a,r]);return(0,ev.jsx)("span",{id:t,style:o,className:i,children:l})},formComponent:e=>{var t,l,n,r,a,i;let{model:o,onChange:s}=e,d=(e,t)=>{let l={...o.customStyle||{},[e]:t};s&&s({...o,customStyle:l})};return(0,ev.jsxs)($,{children:[(0,ev.jsx)($.Item,{label:"文本内容",children:(0,ev.jsx)(F.TextArea,{size:"small",value:o.text,onChange:e=>{let t;return t=e.target.value,s&&s({...o,text:t})}})}),(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,ev.jsxs)(J.Compact,{children:[(0,ev.jsxs)(q,{size:"small",value:null==(t=o.customStyle)?void 0:t.fontFamily,style:{width:90},onChange:e=>d("fontFamily",e),children:[(0,ev.jsx)(q.Option,{value:"'黑体', 'SimHei', sans-serif",children:"黑体"}),(0,ev.jsx)(q.Option,{value:"'宋体', 'SimSun', serif",children:"宋体"}),(0,ev.jsx)(q.Option,{value:"'仿宋', 'FangSong', serif",children:"仿宋"}),(0,ev.jsx)(q.Option,{value:"'楷体', 'KaiTi', serif",children:"楷体"}),(0,ev.jsx)(q.Option,{value:"Arial, sans-serif",children:"Arial"})]}),(0,ev.jsx)(q,{size:"small",value:null==(l=o.customStyle)?void 0:l.fontSize,style:{width:90},onChange:e=>d("fontSize",e),children:["12px","14px","16px","20px","22px","24px","32px","48px"].map(e=>(0,ev.jsx)(q.Option,{value:e,children:e},e))}),(0,ev.jsx)(P,{size:"small",value:null==(n=o.customStyle)?void 0:n.color,onChange:e=>d("color",e.toHexString()),style:{width:90},allowClear:!0})]}),(0,ev.jsxs)(J.Compact,{children:[(0,ev.jsx)(T,{type:(null==(r=o.customStyle)?void 0:r.fontWeight)==="bold"?"primary":void 0,size:"small",onClick:()=>{var e;return d("fontWeight",(null==(e=o.customStyle)?void 0:e.fontWeight)==="bold"?"normal":"bold")},children:"B"}),(0,ev.jsx)(T,{type:(null==(a=o.customStyle)?void 0:a.fontStyle)==="italic"?"primary":void 0,size:"small",onClick:()=>{var e;return d("fontStyle",(null==(e=o.customStyle)?void 0:e.fontStyle)==="italic"?"normal":"italic")},children:"I"}),(0,ev.jsx)(T,{type:(null==(i=o.customStyle)?void 0:i.textDecoration)==="underline"?"primary":void 0,size:"small",onClick:()=>{var e;return d("textDecoration",(null==(e=o.customStyle)?void 0:e.textDecoration)==="underline"?"none":"underline")},children:"U"})]})]})]})},defaultOptions:{style:{fontSize:14,color:"#444444",fontFamily:"'宋体', 'SimSun', serif",fontWeight:"normal",fontStyle:"normal",textDecoration:"none"},props:{text:"文本内容"}}},{group:"基础组件",key:"b-image",label:"图片",icon:"icon-image",component:e=>{let{id:t,src:l,alt:n,width:r,height:a,href:i,className:o}=e,s=(0,ev.jsx)("img",{id:t,src:l,alt:n,style:{width:r,height:a},className:o});return i&&i.length?(0,ev.jsx)("a",{href:i,target:"_blank",rel:"noreferrer",children:s}):(0,ev.jsx)("div",{children:s})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r={Authorization:`Bearer ${localStorage.getItem("ASKDATA_TOKEN")||""}`};return(0,ev.jsxs)($,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,ev.jsx)($.Item,{label:(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:["图片URL",(0,ev.jsx)(et,{name:"file",multiple:!1,accept:".png,.jpg,.jpeg",headers:r,action:"/api/datareport/upload",showUploadList:!1,beforeUpload:e=>{let t=e.type.startsWith("image/");return t||el.error("上传封面只能是图片文件"),t},onChange:e=>{if("done"===e.file.status){var t;n("src",null==(t=e.file.response)?void 0:t.data),el.success("上传成功")}else"error"===e.file.status&&el.error("上传失败")},children:(0,ev.jsx)(T,{size:"small",type:"link",icon:(0,ev.jsx)(I,{})})})]}),children:(0,ev.jsx)(F,{size:"small",value:t.src,onChange:e=>n("src",e.target.value)})}),(0,ev.jsx)($.Item,{label:"图片替代文本",children:(0,ev.jsx)(F,{size:"small",value:t.alt,onChange:e=>n("alt",e.target.value)})}),(0,ev.jsx)($.Item,{label:"图片链接",children:(0,ev.jsx)(F,{size:"small",value:t.href,onChange:e=>n("href",e.target.value)})}),(0,ev.jsx)($.Item,{label:"图片宽度",children:(0,ev.jsx)(F,{size:"small",value:t.width,onChange:e=>n("width",e.target.value)})}),(0,ev.jsx)($.Item,{label:"图片高度",children:(0,ev.jsx)(F,{size:"small",value:t.height,onChange:e=>n("height",e.target.value)})})]})},defaultOptions:{props:{src:"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png",alt:"",href:"",width:"100%",height:"auto"}}},{group:"基础组件",key:"b-button",label:"按钮",icon:"icon-button",component:e=>{let{id:t,text:l="按钮",type:n="middle",icon:r,size:a,block:i=!1,shape:o="default",ghost:s=!1,item:d,style:c,className:u}=e,{env:p,callbacks:x}=(0,ey.useContext)(ts),h="danger"===n,m="string"==typeof r?r?(0,ev.jsx)(th,{type:r}):void 0:r;return(0,ev.jsx)(T,{id:t,type:h?"default":n,icon:m,size:a,block:i,shape:["round","circle"].includes(o)?o:void 0,ghost:s,danger:h,onClick:()=>{p&&d&&x&&tD(p,d,x)},style:c,className:u,children:l})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"文本",children:(0,ev.jsx)(F,{size:"small",value:t.text,onChange:e=>n("text",e.target.value),placeholder:"请输入按钮文本"})}),(0,ev.jsx)($.Item,{label:"图标",children:(0,ev.jsx)(F,{size:"small",value:t.icon,onChange:e=>n("icon",e.target.value),placeholder:"请输入按钮图标(antdv 1.7.8)"})}),(0,ev.jsx)($.Item,{label:"类型",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.type,onChange:e=>n("type",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"default",children:"默认"}),(0,ev.jsx)(W.Button,{value:"primary",children:"主要"}),(0,ev.jsx)(W.Button,{value:"link",children:"链接"}),(0,ev.jsx)(W.Button,{value:"dashed",children:"虚线"}),(0,ev.jsx)(W.Button,{value:"text",children:"文本"})]})}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsx)($.Item,{label:"形状",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.shape,onChange:e=>n("shape",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"default",children:"默认"}),(0,ev.jsx)(W.Button,{value:"round",children:"圆角"}),(0,ev.jsx)(W.Button,{value:"circle",children:"圆形"})]})}),(0,ev.jsx)($.Item,{label:"块级",children:(0,ev.jsx)(X,{size:"small",checked:!!t.block,onChange:e=>n("block",e)})}),(0,ev.jsx)($.Item,{label:"幽灵",children:(0,ev.jsx)(X,{size:"small",checked:!!t.ghost,onChange:e=>n("ghost",e)})})]})},defaultOptions:{props:{type:"primary",size:"default",shape:"default",block:!1,ghost:!1,text:"按钮文本",icon:""},cascadeIds:[]}},{group:"基础组件",key:"b-page-header",label:"页面标题",icon:"icon-page-header",component:e=>{let{id:t,title:l,subTitle:n,item:r,style:a={},className:i}=e,o=(0,ey.useMemo)(()=>!r.children||Array.isArray(r.children)||"object"!=typeof r.children?null:r.children.extra||[],[r]),[s,d]=(0,ey.useState)(o||[]);return(0,ev.jsxs)(tJ,{id:t,style:{...a},className:i,children:[(0,ev.jsxs)("div",{className:"title",children:[(0,ev.jsx)("span",{className:"main",children:l}),n&&(0,ev.jsx)("span",{className:"sub",children:n})]}),(0,ev.jsx)("div",{children:(0,ev.jsx)(ti,{list:s,onListChange:e=>{let t=[...e];r.children.extra=t,d(t)}})})]})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{layout:"vertical",children:[(0,ev.jsx)($.Item,{label:"标题",children:(0,ev.jsx)(F,{size:"small",value:t.title,onChange:e=>n("title",e.target.value),placeholder:"请输入标题"})}),(0,ev.jsx)($.Item,{label:"副标题",children:(0,ev.jsx)(F,{size:"small",value:t.subTitle,onChange:e=>n("subTitle",e.target.value),placeholder:"请输入副标题"})})]})},defaultOptions:{props:{title:"标题",subTitle:"副标题"},children:{extra:[]}}},{group:"基础组件",key:"b-table",label:"数据表格",icon:"icon-table",component:e=>{let{id:t,dataSource:l=[],columns:n=[],pageSize:r=10,bordered:a=!0,size:i,showHeader:o=!0,style:s={},className:d}=e,c=!!r&&!(r<=l.length)&&{total:l.length,pageSize:r,size:i,showSizeChanger:!0,showQuickJumper:!0,hideOnSinglePage:!0,pageSizeOptions:["10","20","30","40"],showTotal:(e,t)=>`共 ${e} 条记录,显示第 ${t[0]}-${t[1]} 条`},u=n.map(e=>({...e,render:e.customRender&&("string"!=typeof e.customRender||""!==e.customRender.trim())?(t,l,n)=>Function("console","Math","Date","Array","Object","String","Number","Boolean","text","record","index",`
987
+ `;let lb=e=>{let{item:t,split:l,padding:n}=e;return(0,eN.jsx)(lm,{$split:l,$padding:n,children:(0,eN.jsxs)(lf,{children:[t.avatar&&(0,eN.jsx)(lg,{children:(0,eN.jsx)(L,{src:t.avatar})}),(0,eN.jsxs)(lv,{children:[t.title&&(0,eN.jsx)(lj,{children:t.href?(0,eN.jsx)("a",{href:t.href,children:t.title}):t.title}),t.description&&(0,eN.jsx)(ly,{children:t.description})]})]})})},lw=e=>{let{list:t=[],split:l,bordered:n,size:r,itemLayout:a,style:i,className:o}=e,s=(0,eO.useMemo)(()=>"small"===r?"8px 16px":n?"12px 24px":"12px 0",[r,n]);return(0,eN.jsx)(lh,{$bordered:n,$split:l,$size:r,style:i,$itemLayout:a,className:o,children:t.map((e,t)=>(0,eN.jsx)(lb,{item:e,split:l,padding:s},String(t)))})},lC=[{group:"基础组件",key:"b-text",label:"文本",icon:"icon-text",component:e=>{let{id:t,text:l,item:n,style:r={},customStyle:a={},className:i,classNames:o=[]}=e,s=(0,eO.useMemo)(()=>({...(null==n?void 0:n.style)||{},...a||{},...r||{}}),[n,a,r]);return(0,eN.jsx)("span",{id:t,style:s,className:(o||[]).join(" ")+" "+i,children:l})},formComponent:e=>{var t,l,n,r,a,i;let{model:o,onChange:s}=e,d=(e,t)=>s&&s({...o,[e]:t}),c=(e,t)=>{let l={...o.customStyle||{},[e]:t};s&&s({...o,customStyle:l})};return(0,eN.jsxs)(K,{layout:"vertical",children:[(0,eN.jsx)(K.Item,{label:"文本内容",children:(0,eN.jsx)(U.TextArea,{size:"small",value:o.text,onChange:e=>d("text",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"类名",children:(0,eN.jsx)(et,{size:"small",value:o.classNames,mode:"tags",onChange:e=>d("classNames",e)})}),(0,eN.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,eN.jsxs)(en.Compact,{children:[(0,eN.jsxs)(et,{size:"small",value:null==(t=o.customStyle)?void 0:t.fontFamily,style:{width:90},onChange:e=>c("fontFamily",e),children:[(0,eN.jsx)(et.Option,{value:"'黑体', 'SimHei', sans-serif",children:"黑体"}),(0,eN.jsx)(et.Option,{value:"'宋体', 'SimSun', serif",children:"宋体"}),(0,eN.jsx)(et.Option,{value:"'仿宋', 'FangSong', serif",children:"仿宋"}),(0,eN.jsx)(et.Option,{value:"'楷体', 'KaiTi', serif",children:"楷体"}),(0,eN.jsx)(et.Option,{value:"Arial, sans-serif",children:"Arial"})]}),(0,eN.jsx)(et,{size:"small",value:null==(l=o.customStyle)?void 0:l.fontSize,style:{width:90},onChange:e=>c("fontSize",e),children:["12px","14px","16px","20px","22px","24px","32px","48px"].map(e=>(0,eN.jsx)(et.Option,{value:e,children:e},e))}),(0,eN.jsx)(F,{size:"small",value:null==(n=o.customStyle)?void 0:n.color,onChange:e=>c("color",e.toHexString()),allowClear:!0})]}),(0,eN.jsxs)(en.Compact,{children:[(0,eN.jsx)(M,{type:(null==(r=o.customStyle)?void 0:r.fontWeight)==="bold"?"primary":void 0,size:"small",onClick:()=>{var e;return c("fontWeight",(null==(e=o.customStyle)?void 0:e.fontWeight)==="bold"?"normal":"bold")},children:"B"}),(0,eN.jsx)(M,{type:(null==(a=o.customStyle)?void 0:a.fontStyle)==="italic"?"primary":void 0,size:"small",onClick:()=>{var e;return c("fontStyle",(null==(e=o.customStyle)?void 0:e.fontStyle)==="italic"?"normal":"italic")},children:"I"}),(0,eN.jsx)(M,{type:(null==(i=o.customStyle)?void 0:i.textDecoration)==="underline"?"primary":void 0,size:"small",onClick:()=>{var e;return c("textDecoration",(null==(e=o.customStyle)?void 0:e.textDecoration)==="underline"?"none":"underline")},children:"U"})]})]})]})},defaultOptions:{style:{},props:{text:"文本内容",classNames:[],customStyle:{fontSize:14,color:"#444444",fontFamily:"'宋体', 'SimSun', serif",fontWeight:"normal",fontStyle:"normal",textDecoration:"none"}}}},{group:"基础组件",key:"b-image",label:"图片",icon:"icon-image",component:e=>{let{id:t,src:l,alt:n,width:r,height:a,href:i,className:o}=e,s=(0,eN.jsx)("img",{id:t,src:l,alt:n,style:{width:r,height:a},className:o});return i&&i.length?(0,eN.jsx)("a",{href:i,target:"_blank",rel:"noreferrer",children:s}):(0,eN.jsx)("div",{children:s})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r={Authorization:`Bearer ${localStorage.getItem("ASKDATA_TOKEN")||""}`};return(0,eN.jsxs)(K,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:["图片URL",(0,eN.jsx)(eu,{name:"file",multiple:!1,accept:".png,.jpg,.jpeg",headers:r,action:"/api/datareport/upload",showUploadList:!1,beforeUpload:e=>{let t=e.type.startsWith("image/");return t||ep.error("上传封面只能是图片文件"),t},onChange:e=>{if("done"===e.file.status){var t;n("src",null==(t=e.file.response)?void 0:t.data),ep.success("上传成功")}else"error"===e.file.status&&ep.error("上传失败")},children:(0,eN.jsx)(M,{size:"small",type:"link",icon:(0,eN.jsx)(D,{})})})]}),children:(0,eN.jsx)(U,{size:"small",value:t.src,onChange:e=>n("src",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"图片替代文本",children:(0,eN.jsx)(U,{size:"small",value:t.alt,onChange:e=>n("alt",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"图片链接",children:(0,eN.jsx)(U,{size:"small",value:t.href,onChange:e=>n("href",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"图片宽度",children:(0,eN.jsx)(U,{size:"small",value:t.width,onChange:e=>n("width",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"图片高度",children:(0,eN.jsx)(U,{size:"small",value:t.height,onChange:e=>n("height",e.target.value)})})]})},defaultOptions:{props:{src:"https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png",alt:"",href:"",width:"100%",height:"auto"}}},{group:"基础组件",key:"b-button",label:"按钮",icon:"icon-button",component:e=>{let{id:t,text:l="按钮",type:n="middle",icon:r,size:a,block:i=!1,shape:o="default",ghost:s=!1,item:d,style:c,className:u}=e,{env:p,callbacks:x}=(0,eO.useContext)(tv),h="danger"===n,m="string"==typeof r?r?(0,eN.jsx)(tS,{type:r}):void 0:r;return(0,eN.jsx)(M,{id:t,type:h?"default":n,icon:m,size:a,block:i,shape:["round","circle"].includes(o)?o:void 0,ghost:s,danger:h,onClick:()=>{p&&d&&x&&tI(p,d,x)},style:c,className:u,children:l})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"文本",children:(0,eN.jsx)(U,{size:"small",value:t.text,onChange:e=>n("text",e.target.value),placeholder:"请输入按钮文本"})}),(0,eN.jsx)(K.Item,{label:"图标",children:(0,eN.jsx)(U,{size:"small",value:t.icon,onChange:e=>n("icon",e.target.value),placeholder:"请输入按钮图标(antdv 1.7.8)"})}),(0,eN.jsx)(K.Item,{label:"类型",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.type,onChange:e=>n("type",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"default",children:"默认"}),(0,eN.jsx)(Z.Button,{value:"primary",children:"主要"}),(0,eN.jsx)(Z.Button,{value:"link",children:"链接"}),(0,eN.jsx)(Z.Button,{value:"dashed",children:"虚线"}),(0,eN.jsx)(Z.Button,{value:"text",children:"文本"})]})}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsx)(K.Item,{label:"形状",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.shape,onChange:e=>n("shape",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"default",children:"默认"}),(0,eN.jsx)(Z.Button,{value:"round",children:"圆角"}),(0,eN.jsx)(Z.Button,{value:"circle",children:"圆形"})]})}),(0,eN.jsx)(K.Item,{label:"块级",children:(0,eN.jsx)(er,{size:"small",checked:!!t.block,onChange:e=>n("block",e)})}),(0,eN.jsx)(K.Item,{label:"幽灵",children:(0,eN.jsx)(er,{size:"small",checked:!!t.ghost,onChange:e=>n("ghost",e)})})]})},defaultOptions:{props:{type:"primary",size:"default",shape:"default",block:!1,ghost:!1,text:"按钮文本",icon:""},cascadeIds:[]}},{group:"基础组件",key:"b-page-header",label:"页面标题",icon:"icon-page-header",component:e=>{let{id:t,title:l,subTitle:n,item:r,style:a={},className:i}=e,o=(0,eO.useMemo)(()=>!r.children||Array.isArray(r.children)||"object"!=typeof r.children?null:r.children.extra||[],[r]),[s,d]=(0,eO.useState)(o||[]);return(0,eN.jsxs)(lp,{id:t,style:{...a},className:i,children:[(0,eN.jsxs)("div",{className:"title",children:[(0,eN.jsx)("span",{className:"main",children:l}),n&&(0,eN.jsx)("span",{className:"sub",children:n})]}),(0,eN.jsx)("div",{children:(0,eN.jsx)(tf,{list:s,onListChange:e=>{let t=[...e];r.children.extra=t,d(t)}})})]})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{layout:"vertical",children:[(0,eN.jsx)(K.Item,{label:"标题",children:(0,eN.jsx)(U,{size:"small",value:t.title,onChange:e=>n("title",e.target.value),placeholder:"请输入标题"})}),(0,eN.jsx)(K.Item,{label:"副标题",children:(0,eN.jsx)(U,{size:"small",value:t.subTitle,onChange:e=>n("subTitle",e.target.value),placeholder:"请输入副标题"})})]})},defaultOptions:{props:{title:"标题",subTitle:"副标题"},children:{extra:[]}}},{group:"基础组件",key:"b-table",label:"数据表格",icon:"icon-table",component:e=>{let{id:t,item:l,dataSource:n=[],columns:r=[],pageSize:a=10,bordered:i=!0,size:o,showHeader:s=!0,style:d={},className:c}=e,{env:u,initCallback:p}=(0,eO.useContext)(tv),x=!!a&&!(a<=n.length)&&{total:n.length,pageSize:a,size:o,showSizeChanger:!0,showQuickJumper:!0,hideOnSinglePage:!0,pageSizeOptions:["10","20","30","40"],showTotal:(e,t)=>`共 ${e} 条记录,显示第 ${t[0]}-${t[1]} 条`},h=r.map(e=>({...e,render:e.customRender&&("string"!=typeof e.customRender||""!==e.customRender.trim())?(t,l,n)=>Function("console","Math","Date","Array","Object","String","Number","Boolean","text","record","index",`
760
988
  "use strict";
761
989
  const window = undefined;
762
990
  const document = undefined;
@@ -766,7 +994,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
766
994
  const module = undefined;
767
995
  const exports = undefined;
768
996
  ${e.customRender}
769
- `)(console,Math,Date,Array,Object,String,Number,Boolean,t,l,n):e.render}));return(0,ev.jsx)(V,{id:t,dataSource:l,columns:u,pagination:c,bordered:a,size:i,showHeader:"boolean"!=typeof o||o,rowKey:(e,t)=>String(t),style:{padding:1,...s},className:d})},formComponent:e=>{let{model:t,onChange:l}=e,i=(e,n)=>l&&l({...t,[e]:n}),o=(e,l)=>{let n=[...t.columns||[]];n[e]={...n[e],...l},i("columns",n)},[d,u]=(0,ey.useState)(!1),[p,x]=(0,ey.useState)(null),h=null!=p&&t.columns[p]?t.columns[p]:{title:"",dataIndex:"",width:"",align:"left",ellipsis:!1},m=[{title:"列名",dataIndex:"title"},{title:"数据索引",dataIndex:"dataIndex"},{title:"操作",width:80,align:"center",render:(e,l,n)=>(0,ev.jsxs)(J,{children:[(0,ev.jsx)("a",{onClick:()=>{x(n),u(!0)},children:(0,ev.jsx)(c,{})}),(0,ev.jsx)("a",{onClick:()=>{let e;(e=[...t.columns||[]]).splice(n,1),i("columns",e)},children:(0,ev.jsx)(s,{})})]})}];return(0,ev.jsxs)("div",{children:[(0,ev.jsxs)($,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsx)($.Item,{label:"边框",children:(0,ev.jsx)(X,{size:"small",checked:!!t.bordered,onChange:e=>i("bordered",e)})}),(0,ev.jsx)($.Item,{label:"显示表头",children:(0,ev.jsx)(X,{size:"small",checked:!!t.showHeader,onChange:e=>i("showHeader",e)})}),(0,ev.jsx)($.Item,{label:"分页大小",children:(0,ev.jsx)(H,{size:"small",value:t.pageSize,onChange:e=>i("pageSize",e)})})]}),(0,ev.jsx)(_,{children:"表格列设置"}),(0,ev.jsx)(V,{size:"small",dataSource:t.columns,rowKey:(e,t)=>String(t),columns:m,pagination:!1,bordered:!0}),(0,ev.jsx)(T,{size:"small",onClick:()=>{i("columns",[...t.columns||[],{title:"",dataIndex:"",width:"",align:"left",ellipsis:!1}])},block:!0,children:"添加列"}),(0,ev.jsx)(G,{title:"编辑列",open:d,footer:null,width:400,onCancel:()=>u(!1),children:(0,ev.jsx)($,{layout:"vertical",children:(0,ev.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:12},children:[(0,ev.jsx)($.Item,{label:"列名",children:(0,ev.jsx)(F,{value:h.title,onChange:e=>o(p,{title:e.target.value})})}),(0,ev.jsx)($.Item,{label:"数据索引",children:(0,ev.jsx)(F,{value:h.dataIndex,onChange:e=>o(p,{dataIndex:e.target.value})})}),(0,ev.jsx)($.Item,{label:"宽度",children:(0,ev.jsx)(F,{value:h.width,onChange:e=>o(p,{width:e.target.value})})}),(0,ev.jsx)($.Item,{label:"对齐",children:(0,ev.jsxs)(W.Group,{value:h.align,onChange:e=>o(p,{align:e.target.value}),children:[(0,ev.jsx)(W.Button,{value:"left",children:(0,ev.jsx)(r,{})}),(0,ev.jsx)(W.Button,{value:"center",children:(0,ev.jsx)(n,{})}),(0,ev.jsx)(W.Button,{value:"right",children:(0,ev.jsx)(a,{})})]})}),(0,ev.jsx)($.Item,{label:"省略",children:(0,ev.jsx)(X,{checked:!!h.ellipsis,onChange:e=>o(p,{ellipsis:e})})})]})})})]})},defaultOptions:{datasource:{source:"custom",datasourceId:null,scriptId:null,custom:null},props:{size:"default",bordered:!0,showHeader:!0,pageSize:10,dataSource:[{name:"苹果",count:12},{name:"华为",count:803},{name:"OPPO",count:654},{name:"vivo",count:719}],columns:[{title:"品牌",dataIndex:"name"},{title:"日销量(件)",dataIndex:"count"}]}}},{group:"基础组件",key:"b-list",label:"列表",icon:"icon-unordered-list",component:e=>{let{id:t,pageSize:l=10,bordered:n=!0,size:r="default",itemLayout:a="horizontal",item:i,split:o=!0,style:s={},className:d}=e,c=tX(t,i.datasource)||[],u=(0,ey.useMemo)(()=>!!l&&!(l<=c.length)&&{total:c.length,pageSize:l,size:"default"===r?void 0:r,showSizeChanger:!0,showQuickJumper:!0,hideOnSinglePage:!0,pageSizeOptions:["10","20","30","40"],showTotal:(e,t)=>`共 ${e} 条记录,显示第 ${t[0]}-${t[1]} 条`},[l,c.length,r]),p=["p-list",a?`p-list--${a}`:void 0,r?`p-list--${r}`:void 0,o?"p-list--split":void 0,n?"p-list--bordered":void 0,d];return(0,ev.jsxs)("div",{id:t,style:{display:"flex",flexDirection:"column",...s},className:p.filter(Boolean).join(" "),children:[(0,ev.jsx)(t6,{list:c,split:o,bordered:n,size:r,itemLayout:a}),u&&(0,ev.jsx)(Y,{...u})]})},formComponent:e=>{let{model:t,onChange:l}=e,[n]=$.useForm();return(0,ey.useEffect)(()=>{n.setFieldsValue({size:t.size||"default",itemLayout:t.itemLayout||"horizontal",bordered:t.bordered??!1,split:t.split??!0,pageSize:t.pageSize||10})},[t,n]),(0,ev.jsxs)($,{form:n,labelCol:{span:12},wrapperCol:{span:12},onValuesChange:e=>{null==l||l({...t,...e})},children:[(0,ev.jsx)($.Item,{label:"大小",name:"size",children:(0,ev.jsxs)(W.Group,{size:"small",buttonStyle:"solid",children:[(0,ev.jsx)(W.Button,{value:"default",children:"默认"}),(0,ev.jsx)(W.Button,{value:"small",children:"小"})]})}),(0,ev.jsx)($.Item,{label:"布局",name:"itemLayout",children:(0,ev.jsxs)(W.Group,{size:"small",buttonStyle:"solid",children:[(0,ev.jsx)(W.Button,{value:"horizontal",children:"水平"}),(0,ev.jsx)(W.Button,{value:"vertical",children:"垂直"})]})}),(0,ev.jsx)($.Item,{label:"边框",name:"bordered",valuePropName:"checked",children:(0,ev.jsx)(X,{size:"small"})}),(0,ev.jsx)($.Item,{label:"分割线",name:"split",valuePropName:"checked",children:(0,ev.jsx)(X,{size:"small"})}),(0,ev.jsx)($.Item,{label:"分页大小",name:"pageSize",children:(0,ev.jsx)(H,{size:"small"})})]})},defaultOptions:{datasource:{source:"custom",custom:"[]"},props:{size:"default",itemLayout:"horizontal",bordered:!0,split:!0,pageSize:10}}},{group:"基础组件",key:"b-html",label:"HTML",icon:"icon-html",component:e=>{let{id:t,template:l="",item:n,style:r,className:a}=e,i=tX(t,n.datasource),o=(0,ey.useMemo)(()=>Object.keys(i||{}),[i]),s=(0,ey.useMemo)(()=>o.map(e=>null==i?void 0:i[e]),[o,i]),d=(0,ey.useMemo)(()=>(l||"").replace(/{{\s*([^}]+)\s*}}/g,(e,t)=>{try{return Function(...o,`
997
+ `)(console,Math,Date,Array,Object,String,Number,Boolean,t,l,n):e.render})),m=()=>{console.log("callback table",tz(u,l))};return(0,eO.useEffect)(()=>{p({id:l.id,callback:m})},[]),(0,eN.jsx)(ea,{id:t,dataSource:n,columns:h,pagination:x,bordered:i,size:o,showHeader:"boolean"!=typeof s||s,rowKey:(e,t)=>String(t),style:{padding:1,...d},className:c})},formComponent:e=>{let{model:t,onChange:l}=e,i=(e,n)=>l&&l({...t,[e]:n}),o=(e,l)=>{let n=[...t.columns||[]];n[e]={...n[e],...l},i("columns",n)},[s,d]=(0,eO.useState)(!1),[u,x]=(0,eO.useState)(null),h=null!=u&&t.columns[u]?t.columns[u]:{title:"",dataIndex:"",width:"",align:"left",ellipsis:!1},m=[{title:"列名",dataIndex:"title"},{title:"数据索引",dataIndex:"dataIndex"},{title:"操作",width:80,align:"center",render:(e,l,n)=>(0,eN.jsxs)(en,{children:[(0,eN.jsx)("a",{onClick:()=>{x(n),d(!0)},children:(0,eN.jsx)(p,{})}),(0,eN.jsx)("a",{onClick:()=>{let e;(e=[...t.columns||[]]).splice(n,1),i("columns",e)},children:(0,eN.jsx)(c,{})})]})}];return(0,eN.jsxs)("div",{children:[(0,eN.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>i("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsx)(K.Item,{label:"边框",children:(0,eN.jsx)(er,{size:"small",checked:!!t.bordered,onChange:e=>i("bordered",e)})}),(0,eN.jsx)(K.Item,{label:"显示表头",children:(0,eN.jsx)(er,{size:"small",checked:!!t.showHeader,onChange:e=>i("showHeader",e)})}),(0,eN.jsx)(K.Item,{label:"分页大小",children:(0,eN.jsx)(J,{size:"small",value:t.pageSize,onChange:e=>i("pageSize",e)})})]}),(0,eN.jsx)(H,{children:"表格列设置"}),(0,eN.jsx)(ea,{size:"small",dataSource:t.columns,rowKey:(e,t)=>String(t),columns:m,pagination:!1,bordered:!0}),(0,eN.jsx)(M,{size:"small",onClick:()=>{i("columns",[...t.columns||[],{title:"",dataIndex:"",width:"",align:"left",ellipsis:!1}])},block:!0,children:"添加列"}),(0,eN.jsx)(q,{title:"编辑列",open:s,footer:null,width:400,onCancel:()=>d(!1),children:(0,eN.jsx)(K,{layout:"vertical",children:(0,eN.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:12},children:[(0,eN.jsx)(K.Item,{label:"列名",children:(0,eN.jsx)(U,{value:h.title,onChange:e=>o(u,{title:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"数据索引",children:(0,eN.jsx)(U,{value:h.dataIndex,onChange:e=>o(u,{dataIndex:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"宽度",children:(0,eN.jsx)(U,{value:h.width,onChange:e=>o(u,{width:e.target.value})})}),(0,eN.jsx)(K.Item,{label:"对齐",children:(0,eN.jsxs)(Z.Group,{value:h.align,onChange:e=>o(u,{align:e.target.value}),children:[(0,eN.jsx)(Z.Button,{value:"left",children:(0,eN.jsx)(r,{})}),(0,eN.jsx)(Z.Button,{value:"center",children:(0,eN.jsx)(n,{})}),(0,eN.jsx)(Z.Button,{value:"right",children:(0,eN.jsx)(a,{})})]})}),(0,eN.jsx)(K.Item,{label:"省略",children:(0,eN.jsx)(er,{checked:!!h.ellipsis,onChange:e=>o(u,{ellipsis:e})})})]})})})]})},defaultOptions:{datasource:{source:"custom",datasourceId:null,scriptId:null,custom:null},props:{size:"default",bordered:!0,showHeader:!0,pageSize:10,dataSource:[{name:"苹果",count:12},{name:"华为",count:803},{name:"OPPO",count:654},{name:"vivo",count:719}],columns:[{title:"品牌",dataIndex:"name"},{title:"日销量(件)",dataIndex:"count"}]}}},{group:"基础组件",key:"b-list",label:"列表",icon:"icon-unordered-list",component:e=>{let{id:t,pageSize:l=10,bordered:n=!0,size:r="default",itemLayout:a="horizontal",item:i,split:o=!0,style:s={},className:d}=e,{env:c,initCallback:u}=(0,eO.useContext)(tv),p=lx(t,i.datasource)||[],x=(0,eO.useMemo)(()=>!!l&&!(l<=p.length)&&{total:p.length,pageSize:l,size:"default"===r?void 0:r,showSizeChanger:!0,showQuickJumper:!0,hideOnSinglePage:!0,pageSizeOptions:["10","20","30","40"],showTotal:(e,t)=>`共 ${e} 条记录,显示第 ${t[0]}-${t[1]} 条`},[l,p.length,r]),h=["p-list",a?`p-list--${a}`:void 0,r?`p-list--${r}`:void 0,o?"p-list--split":void 0,n?"p-list--bordered":void 0,d],m=()=>{console.log("callback list",tz(c,i))};return(0,eO.useEffect)(()=>{u({id:i.id,callback:m})},[]),(0,eN.jsxs)("div",{id:t,style:{display:"flex",flexDirection:"column",...s},className:h.filter(Boolean).join(" "),children:[(0,eN.jsx)(lw,{list:p,split:o,bordered:n,size:r,itemLayout:a}),x&&(0,eN.jsx)(X,{...x})]})},formComponent:e=>{let{model:t,onChange:l}=e,[n]=K.useForm();return(0,eO.useEffect)(()=>{n.setFieldsValue({size:t.size||"default",itemLayout:t.itemLayout||"horizontal",bordered:t.bordered??!1,split:t.split??!0,pageSize:t.pageSize||10})},[t,n]),(0,eN.jsxs)(K,{form:n,labelCol:{span:12},wrapperCol:{span:12},onValuesChange:e=>{null==l||l({...t,...e})},children:[(0,eN.jsx)(K.Item,{label:"大小",name:"size",children:(0,eN.jsxs)(Z.Group,{size:"small",buttonStyle:"solid",children:[(0,eN.jsx)(Z.Button,{value:"default",children:"默认"}),(0,eN.jsx)(Z.Button,{value:"small",children:"小"})]})}),(0,eN.jsx)(K.Item,{label:"布局",name:"itemLayout",children:(0,eN.jsxs)(Z.Group,{size:"small",buttonStyle:"solid",children:[(0,eN.jsx)(Z.Button,{value:"horizontal",children:"水平"}),(0,eN.jsx)(Z.Button,{value:"vertical",children:"垂直"})]})}),(0,eN.jsx)(K.Item,{label:"边框",name:"bordered",valuePropName:"checked",children:(0,eN.jsx)(er,{size:"small"})}),(0,eN.jsx)(K.Item,{label:"分割线",name:"split",valuePropName:"checked",children:(0,eN.jsx)(er,{size:"small"})}),(0,eN.jsx)(K.Item,{label:"分页大小",name:"pageSize",children:(0,eN.jsx)(J,{size:"small"})})]})},defaultOptions:{datasource:{source:"custom",custom:"[]"},props:{size:"default",itemLayout:"horizontal",bordered:!0,split:!0,pageSize:10}}},{group:"基础组件",key:"b-html",label:"HTML",icon:"icon-html",component:e=>{let{id:t,template:l="",item:n,style:r,className:a}=e,{env:i,initCallback:o}=(0,eO.useContext)(tv),s=lx(t,n.datasource),d=(0,eO.useMemo)(()=>Object.keys(s||{}),[s]),c=(0,eO.useMemo)(()=>d.map(e=>null==s?void 0:s[e]),[d,s]),u=(0,eO.useMemo)(()=>(l||"").replace(/{{\s*([^}]+)\s*}}/g,(e,t)=>{try{return Function(...d,`
770
998
  "use strict";
771
999
  const window = undefined;
772
1000
  const document = undefined;
@@ -776,7 +1004,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
776
1004
  const module = undefined;
777
1005
  const exports = undefined;
778
1006
  return ${t};
779
- `)(...s)}catch{return""}}),[l,s]);return(0,ev.jsx)("div",{id:t,style:r,className:a,dangerouslySetInnerHTML:{__html:d}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(0,ey.useRef)(null);return(0,ev.jsx)("div",{children:(0,ev.jsx)($,{layout:"vertical",children:(0,ev.jsx)($.Item,{label:(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:["模板 ",(0,ev.jsx)("a",{onClick:()=>{var e,t;let l=null==(e=n.current)?void 0:e.editor;null==l||null==(t=l.getAction("editor.action.formatDocument"))||t.run()},children:"格式化"})]}),children:(0,ev.jsx)("div",{style:{border:"1px solid #d9d9d9",borderRadius:4,textAlign:"left"},children:(0,ev.jsx)(ea,{onMount:e=>{n.current={editor:e}},height:"300px",defaultLanguage:"html",value:t.template,onChange:e=>{let n;return n=e||"",l&&l({...t,template:n||""})},options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})})})},defaultOptions:{datasource:{source:"custom",datasourceId:null,scriptId:null,custom:'{"name": "Confucius"}'},props:{dataSource:{name:"Confucius"},template:"<div>{{name}}, welcome to the world of programming.</div>"}}},{group:"基础组件",key:"b-echarts",label:"图表",icon:"icon-echarts",component:e=>{let{id:t,script:l="",item:n,height:r=400,style:a,className:i}=e,o=(0,ey.useRef)(null),[s,d]=(0,ey.useState)(null),c=tX(t,n.datasource);return(0,ey.useEffect)(()=>{if(!o.current)return;let e=es.init(o.current);d(e);let t=()=>e.resize();return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),e.dispose()}},[]),(0,ey.useEffect)(()=>{let e=(e=>{try{return JSON.parse(e)}catch(t){try{return Function("echarts","console","Math","Date","Array","Object","String","Number","Boolean","data",`
1007
+ `)(...c)}catch{return""}}),[l,c]),p=()=>{console.log("callback html",tz(i,n))};return(0,eO.useEffect)(()=>{o({id:n.id,callback:p})},[]),(0,eN.jsx)("div",{id:t,style:r,className:a,dangerouslySetInnerHTML:{__html:u}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(0,eO.useRef)(null);return(0,eN.jsx)("div",{children:(0,eN.jsx)(K,{layout:"vertical",children:(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["模板",(0,eN.jsxs)("a",{onClick:()=>{var e,t;let l=null==(e=n.current)?void 0:e.editor;null==l||null==(t=l.getAction("editor.action.formatDocument"))||t.run()},children:[(0,eN.jsx)(tS,{type:"icon-formate"})," 格式化"]})]}),className:"ant-form-item-label-space",children:(0,eN.jsx)("div",{style:{border:"1px solid #d9d9d9",borderRadius:4,textAlign:"left"},children:(0,eN.jsx)(eh,{onMount:e=>{n.current={editor:e}},height:"300px",defaultLanguage:"html",value:t.template,onChange:e=>{let n;return n=e||"",l&&l({...t,template:n||""})},options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}})})})})})},defaultOptions:{datasource:{source:"custom",datasourceId:null,scriptId:null,custom:'{"name": "Confucius"}'},props:{template:"<div>{{name}}, welcome to the world of programming.</div>"}}},{group:"基础组件",key:"b-echarts",label:"图表",icon:"icon-echarts",component:e=>{let{id:t,script:l="",item:n,height:r=400,style:a,className:i}=e,{initCallback:o,env:s}=(0,eO.useContext)(tv),d=(0,eO.useRef)(null),[c,u]=(0,eO.useState)(null),p=lx(t,n.datasource),x=()=>{console.log("callback echarts",tz(s,n))};return(0,eO.useEffect)(()=>{if(!d.current)return;let e=eg.init(d.current);u(e);let t=()=>e.resize();return window.addEventListener("resize",t),o({id:n.id,callback:x}),()=>{window.removeEventListener("resize",t),e.dispose()}},[]),(0,eO.useEffect)(()=>{let e=(e=>{try{return JSON.parse(e)}catch(t){try{return Function("echarts","console","Math","Date","Array","Object","String","Number","Boolean","data",`
780
1008
  "use strict";
781
1009
  const window = undefined;
782
1010
  const document = undefined;
@@ -786,10 +1014,10 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
786
1014
  const module = undefined;
787
1015
  const exports = undefined;
788
1016
  ${e}
789
- `)(es,console,Math,Date,Array,Object,String,Number,Boolean,c)}catch(e){return console.error("ECharts 配置解析失败:",e),null}}})(l);s&&e&&(s.setOption(e),setTimeout(()=>s.resize(),50))},[s,l]),(0,ev.jsx)("div",{id:t,style:{width:"100%",height:r,...a},className:i,children:(0,ev.jsx)("div",{ref:o,style:{width:"100%",height:r,...a}})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(0,ey.useRef)(null);return(0,ev.jsx)($,{labelCol:{span:24},wrapperCol:{span:24},children:(0,ev.jsx)($.Item,{label:(0,ev.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:["Echarts 渲染脚本 ",(0,ev.jsx)("a",{onClick:()=>{var e,t;let l=null==(e=n.current)?void 0:e.editor;null==l||null==(t=l.getAction("editor.action.formatDocument"))||t.run()},children:"格式化"})]}),children:(0,ev.jsxs)("div",{style:{border:"1px solid #d9d9d9",borderRadius:4,textAlign:"left"},children:[(0,ev.jsxs)("div",{style:{color:"#0000ff",fontSize:14,padding:"0 50px"},children:["function getOptions(data) ","{"," "]}),(0,ev.jsx)(ea,{onMount:e=>{n.current={editor:e}},height:"400px",defaultLanguage:"javascript",value:t.script,onChange:e=>{let n;return n=e||"",l&&l({...t,script:n||""})},options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}}),(0,ev.jsx)("div",{style:{color:"#0000ff",fontSize:14,padding:"0 50px"},children:"}"})]})})})},defaultOptions:{datasource:{source:"custom",datasourceId:null,scriptId:null,custom:'[{"name":"Mon","value":150},{"name":"Tue","value":230},{"name":"Wed","value":224},{"name":"Thu","value":218},{"name":"Fri","value":135},{"name":"Sat","value":147},{"name":"Sun","value":260}]'},props:{script:`
1017
+ `)(eg,console,Math,Date,Array,Object,String,Number,Boolean,p)}catch(e){return console.error("ECharts 配置解析失败:",e),null}}})(l);c&&e&&(c.setOption(e),setTimeout(()=>c.resize(),50))},[c,l]),(0,eN.jsx)("div",{id:t,style:{width:"100%",height:r,...a},className:i,children:(0,eN.jsx)("div",{ref:d,style:{width:"100%",height:r,...a}})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(0,eO.useRef)(null);return(0,eN.jsx)(K,{layout:"vertical",children:(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["Echarts 渲染脚本"," ",(0,eN.jsxs)("a",{onClick:()=>{var e,t;let l=null==(e=n.current)?void 0:e.editor;null==l||null==(t=l.getAction("editor.action.formatDocument"))||t.run()},children:[(0,eN.jsx)(tS,{type:"icon-formate"})," 格式化"]})]}),className:"ant-form-item-label-space",children:(0,eN.jsxs)("div",{style:{border:"1px solid #d9d9d9",borderRadius:4,textAlign:"left"},children:[(0,eN.jsxs)("div",{style:{color:"#0000ff",fontSize:14,padding:"0 50px"},children:["function getOptions(data) ","{"," "]}),(0,eN.jsx)(eh,{onMount:e=>{n.current={editor:e}},height:"400px",defaultLanguage:"javascript",value:t.script,onChange:e=>{let n;return n=e||"",l&&l({...t,script:n||""})},options:{minimap:{enabled:!1},scrollBeyondLastLine:!1,tabSize:2}}),(0,eN.jsx)("div",{style:{color:"#0000ff",fontSize:14,padding:"0 50px"},children:"}"})]})})})},defaultOptions:{datasource:{source:"custom",datasourceId:null,scriptId:null,custom:'[{"name":"Mon","value":150},{"name":"Tue","value":230},{"name":"Wed","value":224},{"name":"Thu","value":218},{"name":"Fri","value":135},{"name":"Sat","value":147},{"name":"Sun","value":260}]'},props:{script:`
790
1018
  return {
791
1019
  xAxis: { type: 'category', data: data.map(i => i.name) },
792
1020
  yAxis: { type: 'value' },
793
1021
  series: [{ data: data.map(i => i.value), type: 'line' }]
794
1022
  }
795
- `}}},{group:"表单组件",key:"b-input",label:"输入框",icon:"icon-form-input",component:e=>{let{id:t,var:l="",placeholder:n="",prefix:r,suffix:a,size:i,allowClear:o=!1,search:s=!1,item:d,value:c,onChange:u,onSearch:p,style:x={},className:h}=e,{env:m,callbacks:f}=(0,ey.useContext)(ts),g=e=>{u&&u(e),m&&d&&l&&tN(m,d,l,e)};return s?(0,ev.jsx)(F.Search,{id:t,value:c,size:i,allowClear:o,placeholder:n,onChange:e=>g(e.target.value),onSearch:()=>{p&&p(c||""),m&&d&&f&&tD(m,d,f)},style:{...x},className:h}):(0,ev.jsx)(F,{id:t,value:c,size:i,allowClear:o,placeholder:n,prefix:"string"==typeof r?void 0:r,suffix:"string"==typeof a?void 0:a,onChange:e=>g(e.target.value),style:{...x},className:h})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"搜索框",children:(0,ev.jsx)(X,{size:"small",checked:!!t.search,onChange:e=>n("search",e)})}),(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,ev.jsx)($.Item,{label:"占位符",children:(0,ev.jsx)(F,{size:"small",value:t.placeholder,onChange:e=>n("placeholder",e.target.value),placeholder:"请输入占位符"})}),!t.search&&(0,ev.jsxs)(ev.Fragment,{children:[(0,ev.jsx)($.Item,{label:"前缀",children:(0,ev.jsx)(F,{size:"small",value:t.prefix,onChange:e=>n("prefix",e.target.value),placeholder:"请输入前缀"})}),(0,ev.jsx)($.Item,{label:"后缀",children:(0,ev.jsx)(F,{size:"small",value:t.suffix,onChange:e=>n("suffix",e.target.value),placeholder:"请输入后缀"})})]}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsx)($.Item,{label:"清除图标",children:(0,ev.jsx)(X,{size:"small",checked:!!t.allowClear,onChange:e=>n("allowClear",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,search:!1,prefix:"",suffix:"",placeholder:"请输入"},cascadeIds:[]}},{group:"表单组件",key:"b-input-number",label:"数字输入框",icon:"icon-form-input-number",component:e=>{let{id:t,var:l="",value:n,size:r,placeholder:a="请输入",min:i=0,max:o=Number.MAX_SAFE_INTEGER,step:s=1,precision:d=0,item:c,onChange:u,style:p={},className:x}=e,{env:h,callbacks:m}=(0,ey.useContext)(ts);return(0,ev.jsx)(H,{id:t,value:n,placeholder:a,size:r,min:i,max:o,step:s,precision:d,onChange:e=>{var t;return t=e??void 0,void(u&&u(t),h&&c&&l&&tN(h,c,l,t),h&&c&&m&&tD(h,c,m))},style:{width:"100%",...p},className:x})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>n("var",e.target.value)})}),(0,ev.jsx)($.Item,{label:"最小值",children:(0,ev.jsx)(H,{size:"small",value:t.min,onChange:e=>n("min",e)})}),(0,ev.jsx)($.Item,{label:"最大值",children:(0,ev.jsx)(H,{size:"small",value:t.max,onChange:e=>n("max",e)})}),(0,ev.jsx)($.Item,{label:"步长",children:(0,ev.jsx)(H,{size:"small",value:t.step,onChange:e=>n("step",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,prefix:"",suffix:"",placeholder:"请输入",step:1,min:0,max:100,precision:0},cascadeIds:[]}},{group:"表单组件",key:"b-select",label:"选择框",icon:"icon-form-select",component:e=>{let{id:t,var:l="",size:n,placeholder:r="请选择",allowClear:a=!1,multiple:i=!1,options:o=[],item:s,value:d,onChange:c,style:u={},className:p}=e,{env:x,callbacks:h}=(0,ey.useContext)(ts);return(0,ev.jsx)(q,{id:t,value:d,size:n,placeholder:r,allowClear:a,mode:i?"multiple":void 0,options:o,onChange:e=>{c&&c(e),x&&s&&l&&tN(x,s,l,e),x&&s&&h&&tD(x,s,h)},style:{width:"100%",...u},className:p})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=(e,l,r)=>{let a=[...t.options||[]];a[e]={...a[e],[l]:r},n("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.label,onChange:e=>r(l,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.value,onChange:e=>r(l,"value",e.target.value)})},{title:"操作",render:(e,l,r)=>(0,ev.jsx)(J,{children:(0,ev.jsx)(T,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),n("options",e)},children:(0,ev.jsx)(s,{})})})}];return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,ev.jsx)($.Item,{label:"占位符",children:(0,ev.jsx)(F,{size:"small",value:t.placeholder,onChange:e=>n("placeholder",e.target.value),placeholder:"请输入占位符"})}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsx)($.Item,{label:"清除图标",children:(0,ev.jsx)(X,{size:"small",checked:!!t.allowClear,onChange:e=>n("allowClear",e)})}),(0,ev.jsx)($.Item,{label:"多选",children:(0,ev.jsx)(X,{size:"small",checked:!!t.multiple,onChange:e=>n("multiple",e)})}),(0,ev.jsxs)($.Item,{children:[(0,ev.jsx)(V,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ev.jsx)(T,{size:"small",block:!0,onClick:()=>{n("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-capsule",label:"胶囊选择框",icon:"icon-form-capsule",component:e=>{let{id:t,var:l="",size:n="middle",options:r=[],item:a,onChange:i,style:o,className:s}=e,{env:d,callbacks:c}=(0,ey.useContext)(ts);return(0,ev.jsx)("span",{id:t,children:(0,ev.jsx)(W.Group,{id:t,size:n,buttonStyle:"solid",onChange:e=>{var t;return t=e.target.value,void(i&&i(t),d&&a&&l&&tN(d,a,l,t),d&&a&&c&&tD(d,a,c))},style:o,className:s,children:r.map(e=>(0,ev.jsx)(W.Button,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=(e,l,r)=>{let a=[...t.options||[]];a[e]={...a[e],[l]:r},n("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.label,onChange:e=>r(l,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.value,onChange:e=>r(l,"value",e.target.value)})},{title:"操作",render:(e,l,r)=>(0,ev.jsx)(J,{children:(0,ev.jsx)(T,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),n("options",e)},children:(0,ev.jsx)(s,{})})})}];return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsxs)($.Item,{children:[(0,ev.jsx)(V,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ev.jsx)(T,{size:"small",block:!0,onClick:()=>{n("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-checkbox",label:"复选框",icon:"icon-form-checkbox",component:e=>{let{id:t,var:l="",layout:n="horizontal",lineNumber:r=3,options:a=[],item:i,onChange:o,style:s,className:d}=e,{env:c,callbacks:u}=(0,ey.useContext)(ts),p={...s,display:"grid"===n?"grid":"flex",gap:"grid"===n?void 0:"8px",flexDirection:"vertical"===n?"column":"row",gridTemplateColumns:"grid"===n?`repeat(${r}, 1fr)`:void 0};return(0,ev.jsx)("span",{id:t,children:(0,ev.jsx)(B.Group,{onChange:e=>{o&&o(e),c&&i&&l&&tN(c,i,l,e),c&&i&&u&&tD(c,i,u)},style:p,className:d,children:a.map(e=>(0,ev.jsx)(B,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=(e,l,r)=>{let a=[...t.options||[]];a[e]={...a[e],[l]:r},n("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.label,onChange:e=>r(l,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,l)=>(0,ev.jsx)(F,{size:"small",value:t.value,onChange:e=>r(l,"value",e.target.value)})},{title:"操作",render:(e,l,r)=>(0,ev.jsx)(J,{children:(0,ev.jsx)(T,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),n("options",e)},children:(0,ev.jsx)(s,{})})})}];return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,ev.jsx)($.Item,{label:"布局",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.layout,onChange:e=>n("layout",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"horizontal",children:"水平"}),(0,ev.jsx)(W.Button,{value:"vertical",children:"垂直"}),(0,ev.jsx)(W.Button,{value:"grid",children:"网格"})]})}),"grid"===t.layout&&(0,ev.jsx)($.Item,{label:"网格行数",children:(0,ev.jsx)(H,{size:"small",value:t.lineNumber,onChange:e=>n("lineNumber",e),min:1,max:10})}),(0,ev.jsxs)($.Item,{children:[(0,ev.jsx)(V,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,ev.jsx)(T,{size:"small",block:!0,onClick:()=>{n("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",layout:"horizontal",lineNumber:3,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-date-picker",label:"日期选择器",icon:"icon-form-date-picker",component:e=>{let{id:t,var:l="",size:n,allowClear:r=!1,type:a="date",showTime:i=!1,value:o,item:s,onChange:d,style:c={},className:u}=e,{env:p,callbacks:x}=(0,ey.useContext)(ts),h=e=>{d&&d(e),p&&s&&l&&tN(p,s,l,e),p&&s&&x&&tD(p,s,x)};if("time"===a){let e="string"==typeof o&&o?eo(o,"HH:mm"):void 0;return(0,ev.jsx)(Q,{id:t,value:e,format:"HH:mm",placeholder:"请选择时间",size:n,allowClear:r,onChange:e=>h(e?e.format("HH:mm"):void 0),style:{...(null==s?void 0:s.style)||{},...c},className:u})}if("month"===a||"year"===a){let e="month"===a?"YYYY-MM":"YYYY",l="string"==typeof o&&o?eo(o,e):void 0;return(0,ev.jsx)(R,{id:t,picker:a,value:l,format:e,placeholder:"month"===a?"请选择月份":"请选择年份",size:n,allowClear:r,onChange:t=>h(t?t.format(e):void 0),onPanelChange:t=>h(t?t.format(e):void 0),style:{...(null==s?void 0:s.style)||{},...c},className:u})}if("range"===a){let e=i?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",l=Array.isArray(o)&&o[0]?eo(o[0],e):void 0,a=Array.isArray(o)&&o[1]?eo(o[1],e):void 0;return(0,ev.jsx)(R.RangePicker,{id:t,value:[l,a],format:e,placeholder:["开始日期","结束日期"],size:n,allowClear:r,showTime:i,onChange:t=>h(t&&t[0]&&t[1]?[t[0].format(e),t[1].format(e)]:void 0),style:{...(null==s?void 0:s.style)||{},...c},className:u})}let m=i?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",f="string"==typeof o&&o?eo(o,m):void 0;return(0,ev.jsx)(R,{id:t,value:f,format:m,placeholder:"请选择日期",size:n,allowClear:r,showTime:i,style:{...(null==s?void 0:s.style)||{},...c},className:u,onChange:e=>h(e?e.format(m):void 0)})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,ev.jsx)($.Item,{label:"类型",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.type,onChange:e=>n("type",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"date",children:"日期"}),(0,ev.jsx)(W.Button,{value:"time",children:"时间"}),(0,ev.jsx)(W.Button,{value:"month",children:"月份"}),(0,ev.jsx)(W.Button,{value:"year",children:"年份"}),(0,ev.jsx)(W.Button,{value:"range",children:"日期范围"})]})}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsx)($.Item,{label:"清除图标",children:(0,ev.jsx)(X,{size:"small",checked:!!t.allowClear,onChange:e=>n("allowClear",e)})}),(0,ev.jsx)($.Item,{label:"显示时间",children:(0,ev.jsx)(X,{size:"small",checked:!!t.showTime,onChange:e=>n("showTime",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,showTime:!1,type:"date"},cascadeIds:[]}},{group:"表单组件",key:"b-switch",label:"开关",icon:"icon-form-switch",component:e=>{let{id:t,var:l="",checked:n,disabled:r,size:a="default",checkedChildren:i,unCheckedChildren:o,item:s,onChange:d,style:c={},className:u}=e,{env:p,callbacks:x}=(0,ey.useContext)(ts);return(0,ev.jsx)("span",{children:(0,ev.jsx)(X,{id:t,checked:n,disabled:r,size:"small"===a?"small":void 0,checkedChildren:i,unCheckedChildren:o,onChange:e=>{d&&d(e),p&&s&&l&&tN(p,s,l,e),p&&s&&x&&tD(p,s,x)},style:c,className:u})})},formComponent:e=>{let{model:t,onChange:l}=e;return(0,ev.jsx)($,{labelCol:{span:6},wrapperCol:{span:18},children:(0,ev.jsx)($.Item,{label:"变量名",children:(0,ev.jsx)(F,{size:"small",value:t.var,onChange:e=>{let n;return n=e.target.value,l&&l({...t,var:n})},placeholder:"请输入变量名"})})})},defaultOptions:{props:{var:"",size:"default",checkedChildren:"开",unCheckedChildren:"关"},cascadeIds:[]}},{group:"容器组件",key:"b-space",label:"容器",icon:"icon-space",component:e=>{let{id:t,align:l="start",size:n="small",direction:r="horizontal",item:a,style:i={},className:o}=e,{designable:s}=(0,ey.useContext)(tt),[d,c]=(0,ey.useState)(a.children||[]),u=(0,ey.useMemo)(()=>({...i,...a.style||{},alignItems:l,flexDirection:r,gap:n}),[a,l,n,r]);return(0,ev.jsx)(ti,{rootComponent:J,rootData:{id:t,style:u,className:o},list:d,item:a,onListChange:e=>{a.children=e,c(e)}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,ev.jsx)($.Item,{label:"方向",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.direction,onChange:e=>n("direction",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"horizontal",children:"水平"}),(0,ev.jsx)(W.Button,{value:"vertical",children:"垂直"})]})}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"small",children:"小"}),(0,ev.jsx)(W.Button,{value:"middle",children:"中"}),(0,ev.jsx)(W.Button,{value:"large",children:"大"})]})}),(0,ev.jsx)($.Item,{label:"对齐",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.align,onChange:e=>n("align",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"start",children:"开始"}),(0,ev.jsx)(W.Button,{value:"end",children:"结束"}),(0,ev.jsx)(W.Button,{value:"center",children:"居中"}),(0,ev.jsx)(W.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:l=!1,size:n="default",title:r,hoverable:a=!1,shadow:i=!0,item:o,style:s,className:d}=e,c=(0,ey.useMemo)(()=>!o.children||Array.isArray(o.children)||"object"!=typeof o.children?null:o.children.title||[],[o]),[u,p]=(0,ey.useState)(c||[]),x=(0,ey.useMemo)(()=>!o.children||Array.isArray(o.children)||"object"!=typeof o.children?null:o.children.extra||[],[o]),[h,m]=(0,ey.useState)(x||[]),f=(0,ey.useMemo)(()=>o.children?Array.isArray(o.children)?o.children:"object"!=typeof o.children?null:o.children.body||[]:null,[o]),[g,v]=(0,ey.useState)(f||[]),y=(0,ey.useMemo)(()=>!o.children||Array.isArray(o.children)||"object"!=typeof o.children?null:o.children.actions||[],[o]),[j,b]=(0,ey.useState)(y||[]);return(0,ev.jsx)(A,{id:t,variant:l?"outlined":"borderless",size:n,hoverable:a,className:[i?"ant-card-shadow":void 0,d].filter(Boolean).join(" "),title:(null==r?void 0:r.length)&&!(null==c?void 0:c.length)?r:c?(0,ev.jsx)(ti,{list:u,onListChange:e=>{o.children.title=e,p(e)}}):r,extra:x&&(0,ev.jsx)(ti,{list:h,onListChange:e=>{o.children.extra=e,m(e)}}),actions:y&&[(0,ev.jsx)(ti,{list:j,onListChange:e=>{o.children.actions=e,b(e)}})],styles:{header:{borderBottom:"none"}},style:s,children:f&&(0,ev.jsx)(ti,{list:g,onListChange:e=>{Array.isArray(o.children)?o.children=e:o.children.body=e,v(e)}})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ev.jsx)($.Item,{label:"标题",children:(0,ev.jsx)(F,{size:"small",value:t.title,onChange:e=>n("title",e.target.value)})}),(0,ev.jsx)($.Item,{label:"边框",children:(0,ev.jsx)(X,{size:"small",checked:!!t.bordered,onChange:e=>n("bordered",e)})}),(0,ev.jsx)($.Item,{label:"悬停效果",children:(0,ev.jsx)(X,{size:"small",checked:!!t.hoverable,onChange:e=>n("hoverable",e)})}),(0,ev.jsx)($.Item,{label:"阴影",children:(0,ev.jsx)(X,{size:"small",checked:!!t.shadow,onChange:e=>n("shadow",e)})}),(0,ev.jsx)($.Item,{label:"大小",children:(0,ev.jsxs)(W.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,ev.jsx)(W.Button,{value:"default",children:"默认"}),(0,ev.jsx)(W.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:l,item:n,style:r,className:a}=e,{designable:i}=(0,ey.useContext)(tt),[o,s]=(0,ey.useState)(n.children||[]);return(0,ev.jsx)(ti,{rootComponent:U,rootData:{id:t,gutter:l,style:n.style||r,className:n.className||a},list:o,item:n,onListChange:e=>{n.children=e,s(e)}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=t.gutter||[0,0];return(0,ev.jsxs)($,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ev.jsx)($.Item,{label:"列间距",children:(0,ev.jsx)(H,{size:"small",value:r[0],min:0,step:4,onChange:e=>n("gutter",[e||0,r[1]])})}),(0,ev.jsx)($.Item,{label:"行间距",children:(0,ev.jsx)(H,{size:"small",value:r[1],min:0,step:4,onChange:e=>n("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:l=24,xs:n,sm:r,md:a,lg:i,xl:o,xxl:s,item:d,style:c={},className:u}=e,{designable:p}=(0,ey.useContext)(tt),{deviceWidth:x}=(0,ey.useContext)(ts),[h,m]=(0,ey.useState)(d.children||[]),f=(0,ey.useMemo)(()=>{let e=x||1600,t=null;return e<576&&n&&(t=n),e>=576&&r&&(t=r),e>=768&&a&&(t=a),e>=992&&i&&(t=i),e>=1200&&o&&(t=o),e>=1600&&s&&(t=s),t||l},[n,r,a,i,o,s,l,x]);return(0,ev.jsx)(ti,{rootComponent:L,rootData:{id:t||d.id,span:f,style:{...d.style||{},...c},className:u},list:h,item:d,onListChange:e=>{d.children=e,m(e)}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,ev.jsxs)($,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,ev.jsx)($.Item,{label:"默认列数",children:(0,ev.jsx)(H,{size:"small",value:t.span,min:0,max:24,step:4,onChange:e=>n("span",e||0)})}),(0,ev.jsx)($.Item,{label:(0,ev.jsxs)(ev.Fragment,{children:["xs ",(0,ev.jsx)(Z,{title:"<576px 响应式栅格",children:(0,ev.jsx)(tq,{})})]}),children:(0,ev.jsx)(H,{size:"small",value:t.xs,min:0,max:24,step:4,onChange:e=>n("xs",e||0)})}),(0,ev.jsx)($.Item,{label:(0,ev.jsxs)(ev.Fragment,{children:["sm ",(0,ev.jsx)(Z,{title:"≥576px 响应式栅格",children:(0,ev.jsx)(tq,{})})]}),children:(0,ev.jsx)(H,{size:"small",value:t.sm,min:0,max:24,step:4,onChange:e=>n("sm",e||0)})}),(0,ev.jsx)($.Item,{label:(0,ev.jsxs)(ev.Fragment,{children:["md ",(0,ev.jsx)(Z,{title:"≥768px 响应式栅格",children:(0,ev.jsx)(tq,{})})]}),children:(0,ev.jsx)(H,{size:"small",value:t.md,min:0,max:24,step:4,onChange:e=>n("md",e||0)})}),(0,ev.jsx)($.Item,{label:(0,ev.jsxs)(ev.Fragment,{children:["lg ",(0,ev.jsx)(Z,{title:"≥992px 响应式栅格",children:(0,ev.jsx)(tq,{})})]}),children:(0,ev.jsx)(H,{size:"small",value:t.lg,min:0,max:24,step:4,onChange:e=>n("lg",e||0)})}),(0,ev.jsx)($.Item,{label:(0,ev.jsxs)(ev.Fragment,{children:["xl ",(0,ev.jsx)(Z,{title:"≥1200px 响应式栅格",children:(0,ev.jsx)(tq,{})})]}),children:(0,ev.jsx)(H,{size:"small",value:t.xl,min:0,max:24,step:4,onChange:e=>n("xl",e||0)})}),(0,ev.jsx)($.Item,{label:(0,ev.jsxs)(ev.Fragment,{children:["xxl ",(0,ev.jsx)(Z,{title:"≥1600px 响应式栅格",children:(0,ev.jsx)(tq,{})})]}),children:(0,ev.jsx)(H,{size:"small",value:t.xxl,min:0,max:24,step:4,onChange:e=>n("xxl",e||0)})})]})},defaultOptions:{props:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6,span:8},children:[]}}]})();var ex=ep.Ho,eh=ep.ru,em=ep.R3,ef=ep.Ei,eg=ep.B7,ev=ep.V2,ey=ep.QE,ej=ep.NG,eb=ep.Wg,eC=ep.Nx;export{ex as DesignerContext,eh as DropContainer,em as EnvContext,ef as PageCanvas,eg as PageDesigner,ev as PageSchema,ey as PluginType,ej as PropEditorProps,eb as handleCallback,eC as plugins};
1023
+ `}}},{group:"表单组件",key:"b-input",label:"输入框",icon:"icon-form-input",component:e=>{let{id:t,var:l="",placeholder:n="",prefix:r,suffix:a,size:i,allowClear:o=!1,search:s=!1,item:d,value:c,onChange:u,onSearch:p,style:x={},className:h}=e,{env:m,callbacks:f}=(0,eO.useContext)(tv),g=e=>{u&&u(e),m&&d&&l&&tk(m,d,l,e)};return s?(0,eN.jsx)(U.Search,{id:t,value:c,size:i,allowClear:o,placeholder:n,onChange:e=>g(e.target.value),onSearch:()=>{p&&p(c||""),m&&d&&f&&tI(m,d,f)},style:{...x},className:h}):(0,eN.jsx)(U,{id:t,value:c,size:i,allowClear:o,placeholder:n,prefix:"string"==typeof r?void 0:r,suffix:"string"==typeof a?void 0:a,onChange:e=>g(e.target.value),style:{...x},className:h})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"搜索框",children:(0,eN.jsx)(er,{size:"small",checked:!!t.search,onChange:e=>n("search",e)})}),(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,eN.jsx)(K.Item,{label:"占位符",children:(0,eN.jsx)(U,{size:"small",value:t.placeholder,onChange:e=>n("placeholder",e.target.value),placeholder:"请输入占位符"})}),!t.search&&(0,eN.jsxs)(eN.Fragment,{children:[(0,eN.jsx)(K.Item,{label:"前缀",children:(0,eN.jsx)(U,{size:"small",value:t.prefix,onChange:e=>n("prefix",e.target.value),placeholder:"请输入前缀"})}),(0,eN.jsx)(K.Item,{label:"后缀",children:(0,eN.jsx)(U,{size:"small",value:t.suffix,onChange:e=>n("suffix",e.target.value),placeholder:"请输入后缀"})})]}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsx)(K.Item,{label:"清除图标",children:(0,eN.jsx)(er,{size:"small",checked:!!t.allowClear,onChange:e=>n("allowClear",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,search:!1,prefix:"",suffix:"",placeholder:"请输入"},cascadeIds:[]}},{group:"表单组件",key:"b-input-number",label:"数字输入框",icon:"icon-form-input-number",component:e=>{let{id:t,var:l="",value:n,size:r,placeholder:a="请输入",min:i=0,max:o=Number.MAX_SAFE_INTEGER,step:s=1,precision:d=0,item:c,onChange:u,style:p={},className:x}=e,{env:h,callbacks:m}=(0,eO.useContext)(tv);return(0,eN.jsx)(J,{id:t,value:n,placeholder:a,size:r,min:i,max:o,step:s,precision:d,onChange:e=>{var t;return t=e??void 0,void(u&&u(t),h&&c&&l&&tk(h,c,l,t),h&&c&&m&&tI(h,c,m))},style:{width:"100%",...p},className:x})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>n("var",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"最小值",children:(0,eN.jsx)(J,{size:"small",value:t.min,onChange:e=>n("min",e)})}),(0,eN.jsx)(K.Item,{label:"最大值",children:(0,eN.jsx)(J,{size:"small",value:t.max,onChange:e=>n("max",e)})}),(0,eN.jsx)(K.Item,{label:"步长",children:(0,eN.jsx)(J,{size:"small",value:t.step,onChange:e=>n("step",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,prefix:"",suffix:"",placeholder:"请输入",step:1,min:0,max:100,precision:0},cascadeIds:[]}},{group:"表单组件",key:"b-select",label:"选择框",icon:"icon-form-select",component:e=>{let{id:t,var:l="",size:n,placeholder:r="请选择",allowClear:a=!1,multiple:i=!1,options:o=[],item:s,value:d,onChange:c,style:u={},className:p}=e,{env:x,callbacks:h}=(0,eO.useContext)(tv);return(0,eN.jsx)(et,{id:t,value:d,size:n,placeholder:r,allowClear:a,mode:i?"multiple":void 0,options:o,onChange:e=>{c&&c(e),x&&s&&l&&tk(x,s,l,e),x&&s&&h&&tI(x,s,h)},style:{width:"100%",...u},className:p})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=(e,l,r)=>{let a=[...t.options||[]];a[e]={...a[e],[l]:r},n("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.label,onChange:e=>r(l,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.value,onChange:e=>r(l,"value",e.target.value)})},{title:"操作",render:(e,l,r)=>(0,eN.jsx)(en,{children:(0,eN.jsx)(M,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),n("options",e)},children:(0,eN.jsx)(c,{})})})}];return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,eN.jsx)(K.Item,{label:"占位符",children:(0,eN.jsx)(U,{size:"small",value:t.placeholder,onChange:e=>n("placeholder",e.target.value),placeholder:"请输入占位符"})}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsx)(K.Item,{label:"清除图标",children:(0,eN.jsx)(er,{size:"small",checked:!!t.allowClear,onChange:e=>n("allowClear",e)})}),(0,eN.jsx)(K.Item,{label:"多选",children:(0,eN.jsx)(er,{size:"small",checked:!!t.multiple,onChange:e=>n("multiple",e)})}),(0,eN.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,eN.jsx)(ea,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,eN.jsx)(M,{size:"small",block:!0,onClick:()=>{n("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-capsule",label:"胶囊选择框",icon:"icon-form-capsule",component:e=>{let{id:t,var:l="",size:n="middle",options:r=[],item:a,onChange:i,style:o,className:s}=e,{env:d,callbacks:c}=(0,eO.useContext)(tv);return(0,eN.jsx)("span",{id:t,children:(0,eN.jsx)(Z.Group,{id:t,size:n,buttonStyle:"solid",onChange:e=>{var t;return t=e.target.value,void(i&&i(t),d&&a&&l&&tk(d,a,l,t),d&&a&&c&&tI(d,a,c))},style:o,className:s,children:r.map(e=>(0,eN.jsx)(Z.Button,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=(e,l,r)=>{let a=[...t.options||[]];a[e]={...a[e],[l]:r},n("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.label,onChange:e=>r(l,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.value,onChange:e=>r(l,"value",e.target.value)})},{title:"操作",render:(e,l,r)=>(0,eN.jsx)(en,{children:(0,eN.jsx)(M,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),n("options",e)},children:(0,eN.jsx)(c,{})})})}];return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,eN.jsx)(ea,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,eN.jsx)(M,{size:"small",block:!0,onClick:()=>{n("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,multiple:!1,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-checkbox",label:"复选框",icon:"icon-form-checkbox",component:e=>{let{id:t,var:l="",layout:n="horizontal",lineNumber:r=3,options:a=[],item:i,onChange:o,style:s,className:d}=e,{env:c,callbacks:u}=(0,eO.useContext)(tv),p={...s,display:"grid"===n?"grid":"flex",gap:"grid"===n?void 0:"8px",flexDirection:"vertical"===n?"column":"row",gridTemplateColumns:"grid"===n?`repeat(${r}, 1fr)`:void 0};return(0,eN.jsx)("span",{id:t,children:(0,eN.jsx)(_.Group,{onChange:e=>{o&&o(e),c&&i&&l&&tk(c,i,l,e),c&&i&&u&&tI(c,i,u)},style:p,className:d,children:a.map(e=>(0,eN.jsx)(_,{value:e.value,children:e.label},e.value))})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=(e,l,r)=>{let a=[...t.options||[]];a[e]={...a[e],[l]:r},n("options",a)},a=[{title:"选项标签",dataIndex:"label",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.label,onChange:e=>r(l,"label",e.target.value)})},{title:"选项值",dataIndex:"value",render:(e,t,l)=>(0,eN.jsx)(U,{size:"small",value:t.value,onChange:e=>r(l,"value",e.target.value)})},{title:"操作",render:(e,l,r)=>(0,eN.jsx)(en,{children:(0,eN.jsx)(M,{danger:!0,size:"small",onClick:()=>{let e;(e=[...t.options||[]]).splice(r,1),n("options",e)},children:(0,eN.jsx)(c,{})})})}];return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,eN.jsx)(K.Item,{label:"布局",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.layout,onChange:e=>n("layout",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"horizontal",children:"水平"}),(0,eN.jsx)(Z.Button,{value:"vertical",children:"垂直"}),(0,eN.jsx)(Z.Button,{value:"grid",children:"网格"})]})}),"grid"===t.layout&&(0,eN.jsx)(K.Item,{label:"网格行数",children:(0,eN.jsx)(J,{size:"small",value:t.lineNumber,onChange:e=>n("lineNumber",e),min:1,max:10})}),(0,eN.jsxs)(K.Item,{labelCol:{span:24},wrapperCol:{span:24},children:[(0,eN.jsx)(ea,{size:"small",dataSource:t.options,columns:a,pagination:!1,rowKey:(e,t)=>String(t),bordered:!0}),(0,eN.jsx)(M,{size:"small",block:!0,onClick:()=>{n("options",[...t.options||[],{label:"",value:""}])},children:"添加选项"})]})]})},defaultOptions:{props:{var:"",layout:"horizontal",lineNumber:3,options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},cascadeIds:[]}},{group:"表单组件",key:"b-date-picker",label:"日期选择器",icon:"icon-form-date-picker",component:e=>{let{id:t,var:l="",size:n,allowClear:r=!1,type:a="date",showTime:i=!1,value:o,item:s,onChange:d,style:c={},className:u}=e,{env:p,callbacks:x}=(0,eO.useContext)(tv),h=e=>{d&&d(e),p&&s&&l&&tk(p,s,l,e),p&&s&&x&&tI(p,s,x)};if("time"===a){let e="string"==typeof o&&o?ef(o,"HH:mm"):void 0;return(0,eN.jsx)(eo,{id:t,value:e,format:"HH:mm",placeholder:"请选择时间",size:n,allowClear:r,onChange:e=>h(e?e.format("HH:mm"):void 0),style:{...(null==s?void 0:s.style)||{},...c},className:u})}if("month"===a||"year"===a){let e="month"===a?"YYYY-MM":"YYYY",l="string"==typeof o&&o?ef(o,e):void 0;return(0,eN.jsx)(Y,{id:t,picker:a,value:l,format:e,placeholder:"month"===a?"请选择月份":"请选择年份",size:n,allowClear:r,onChange:t=>h(t?t.format(e):void 0),onPanelChange:t=>h(t?t.format(e):void 0),style:{...(null==s?void 0:s.style)||{},...c},className:u})}if("range"===a){let e=i?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",l=Array.isArray(o)&&o[0]?ef(o[0],e):void 0,a=Array.isArray(o)&&o[1]?ef(o[1],e):void 0;return(0,eN.jsx)(Y.RangePicker,{id:t,value:[l,a],format:e,placeholder:["开始日期","结束日期"],size:n,allowClear:r,showTime:i,onChange:t=>h(t&&t[0]&&t[1]?[t[0].format(e),t[1].format(e)]:void 0),style:{...(null==s?void 0:s.style)||{},...c},className:u})}let m=i?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",f="string"==typeof o&&o?ef(o,m):void 0;return(0,eN.jsx)(Y,{id:t,value:f,format:m,placeholder:"请选择日期",size:n,allowClear:r,showTime:i,style:{...(null==s?void 0:s.style)||{},...c},className:u,onChange:e=>h(e?e.format(m):void 0)})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>n("var",e.target.value),placeholder:"请输入变量名"})}),(0,eN.jsx)(K.Item,{label:"类型",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.type,onChange:e=>n("type",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"date",children:"日期"}),(0,eN.jsx)(Z.Button,{value:"time",children:"时间"}),(0,eN.jsx)(Z.Button,{value:"month",children:"月份"}),(0,eN.jsx)(Z.Button,{value:"year",children:"年份"}),(0,eN.jsx)(Z.Button,{value:"range",children:"日期范围"})]})}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsx)(K.Item,{label:"清除图标",children:(0,eN.jsx)(er,{size:"small",checked:!!t.allowClear,onChange:e=>n("allowClear",e)})}),(0,eN.jsx)(K.Item,{label:"显示时间",children:(0,eN.jsx)(er,{size:"small",checked:!!t.showTime,onChange:e=>n("showTime",e)})})]})},defaultOptions:{props:{var:"",size:"default",allowClear:!0,showTime:!1,type:"date"},cascadeIds:[]}},{group:"表单组件",key:"b-switch",label:"开关",icon:"icon-form-switch",component:e=>{let{id:t,var:l="",checked:n,disabled:r,size:a="default",checkedChildren:i,unCheckedChildren:o,item:s,onChange:d,style:c={},className:u}=e,{env:p,callbacks:x}=(0,eO.useContext)(tv);return(0,eN.jsx)("span",{children:(0,eN.jsx)(er,{id:t,checked:n,disabled:r,size:"small"===a?"small":void 0,checkedChildren:i,unCheckedChildren:o,onChange:e=>{d&&d(e),p&&s&&l&&tk(p,s,l,e),p&&s&&x&&tI(p,s,x)},style:c,className:u})})},formComponent:e=>{let{model:t,onChange:l}=e;return(0,eN.jsx)(K,{labelCol:{span:6},wrapperCol:{span:18},children:(0,eN.jsx)(K.Item,{label:"变量名",children:(0,eN.jsx)(U,{size:"small",value:t.var,onChange:e=>{let n;return n=e.target.value,l&&l({...t,var:n})},placeholder:"请输入变量名"})})})},defaultOptions:{props:{var:"",size:"default",checkedChildren:"开",unCheckedChildren:"关"},cascadeIds:[]}},{group:"容器组件",key:"b-space",label:"容器",icon:"icon-space",component:e=>{let{id:t,align:l="start",size:n="small",direction:r="horizontal",item:a,style:i={},className:o}=e,{designable:s}=(0,eO.useContext)(tu),[d,c]=(0,eO.useState)(a.children||[]),u=(0,eO.useMemo)(()=>({...i,...a.style||{},alignItems:l,flexDirection:r,gap:n}),[a,l,n,r]);return(0,eN.jsx)(tf,{rootComponent:en,rootData:{id:t,style:u,className:o},list:d,item:a,onListChange:e=>{a.children=e,c(e)}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:6},wrapperCol:{span:18},children:[(0,eN.jsx)(K.Item,{label:"方向",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.direction,onChange:e=>n("direction",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"horizontal",children:"水平"}),(0,eN.jsx)(Z.Button,{value:"vertical",children:"垂直"})]})}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"small",children:"小"}),(0,eN.jsx)(Z.Button,{value:"middle",children:"中"}),(0,eN.jsx)(Z.Button,{value:"large",children:"大"})]})}),(0,eN.jsx)(K.Item,{label:"对齐",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.align,onChange:e=>n("align",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"start",children:"开始"}),(0,eN.jsx)(Z.Button,{value:"end",children:"结束"}),(0,eN.jsx)(Z.Button,{value:"center",children:"居中"}),(0,eN.jsx)(Z.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:l=!1,size:n="default",title:r,hoverable:a=!1,shadow:i=!0,item:o,style:s,className:d}=e,c=(0,eO.useMemo)(()=>!o.children||Array.isArray(o.children)||"object"!=typeof o.children?null:o.children.title||[],[o]),[u,p]=(0,eO.useState)(c||[]),x=(0,eO.useMemo)(()=>!o.children||Array.isArray(o.children)||"object"!=typeof o.children?null:o.children.extra||[],[o]),[h,m]=(0,eO.useState)(x||[]),f=(0,eO.useMemo)(()=>o.children?Array.isArray(o.children)?o.children:"object"!=typeof o.children?null:o.children.body||[]:null,[o]),[g,v]=(0,eO.useState)(f||[]),j=(0,eO.useMemo)(()=>!o.children||Array.isArray(o.children)||"object"!=typeof o.children?null:o.children.actions||[],[o]),[y,b]=(0,eO.useState)(j||[]);return(0,eN.jsx)(P,{id:t,variant:l?"outlined":"borderless",size:n,hoverable:a,className:[i?"ant-card-shadow":void 0,d].filter(Boolean).join(" "),title:(null==r?void 0:r.length)&&!(null==c?void 0:c.length)?r:c?(0,eN.jsx)(tf,{list:u,onListChange:e=>{o.children.title=e,p(e)}}):r,extra:x&&(0,eN.jsx)(tf,{list:h,onListChange:e=>{o.children.extra=e,m(e)}}),actions:j&&[(0,eN.jsx)(tf,{list:y,onListChange:e=>{o.children.actions=e,b(e)}})],styles:{header:{borderBottom:"none"}},style:s,children:f&&(0,eN.jsx)(tf,{list:g,onListChange:e=>{Array.isArray(o.children)?o.children=e:o.children.body=e,v(e)}})})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,eN.jsx)(K.Item,{label:"标题",children:(0,eN.jsx)(U,{size:"small",value:t.title,onChange:e=>n("title",e.target.value)})}),(0,eN.jsx)(K.Item,{label:"边框",children:(0,eN.jsx)(er,{size:"small",checked:!!t.bordered,onChange:e=>n("bordered",e)})}),(0,eN.jsx)(K.Item,{label:"悬停效果",children:(0,eN.jsx)(er,{size:"small",checked:!!t.hoverable,onChange:e=>n("hoverable",e)})}),(0,eN.jsx)(K.Item,{label:"阴影",children:(0,eN.jsx)(er,{size:"small",checked:!!t.shadow,onChange:e=>n("shadow",e)})}),(0,eN.jsx)(K.Item,{label:"大小",children:(0,eN.jsxs)(Z.Group,{size:"small",value:t.size,onChange:e=>n("size",e.target.value),children:[(0,eN.jsx)(Z.Button,{value:"default",children:"默认"}),(0,eN.jsx)(Z.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:l,item:n,style:r,className:a}=e,{designable:i}=(0,eO.useContext)(tu),[o,s]=(0,eO.useState)(n.children||[]);return(0,eN.jsx)(tf,{rootComponent:ee,rootData:{id:t,gutter:l,style:n.style||r,className:n.className||a},list:o,item:n,onListChange:e=>{n.children=e,s(e)}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n}),r=t.gutter||[0,0];return(0,eN.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,eN.jsx)(K.Item,{label:"列间距",children:(0,eN.jsx)(J,{size:"small",value:r[0],min:0,step:4,onChange:e=>n("gutter",[e||0,r[1]])})}),(0,eN.jsx)(K.Item,{label:"行间距",children:(0,eN.jsx)(J,{size:"small",value:r[1],min:0,step:4,onChange:e=>n("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:l=24,xs:n,sm:r,md:a,lg:i,xl:o,xxl:s,item:d,style:c={},className:u}=e,{designable:p}=(0,eO.useContext)(tu),{deviceWidth:x}=(0,eO.useContext)(tv),[h,m]=(0,eO.useState)(d.children||[]),f=(0,eO.useMemo)(()=>{let e=x||1600,t=null;return e<576&&n&&(t=n),e>=576&&r&&(t=r),e>=768&&a&&(t=a),e>=992&&i&&(t=i),e>=1200&&o&&(t=o),e>=1600&&s&&(t=s),t||l},[n,r,a,i,o,s,l,x]);return(0,eN.jsx)(tf,{rootComponent:$,rootData:{id:t||d.id,span:f,style:{...d.style||{},...c},className:u},list:h,item:d,onListChange:e=>{d.children=e,m(e)}})},formComponent:e=>{let{model:t,onChange:l}=e,n=(e,n)=>l&&l({...t,[e]:n});return(0,eN.jsxs)(K,{labelCol:{span:12},wrapperCol:{span:12},children:[(0,eN.jsx)(K.Item,{label:"默认列数",children:(0,eN.jsx)(J,{size:"small",value:t.span,min:0,max:24,step:4,onChange:e=>n("span",e||0)})}),(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["xs"," ",(0,eN.jsx)(es,{title:"<576px 响应式栅格",children:(0,eN.jsx)(lu,{})})]}),children:(0,eN.jsx)(J,{size:"small",value:t.xs,min:0,max:24,step:4,onChange:e=>n("xs",e||0)})}),(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["sm"," ",(0,eN.jsx)(es,{title:"≥576px 响应式栅格",children:(0,eN.jsx)(lu,{})})]}),children:(0,eN.jsx)(J,{size:"small",value:t.sm,min:0,max:24,step:4,onChange:e=>n("sm",e||0)})}),(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["md"," ",(0,eN.jsx)(es,{title:"≥768px 响应式栅格",children:(0,eN.jsx)(lu,{})})]}),children:(0,eN.jsx)(J,{size:"small",value:t.md,min:0,max:24,step:4,onChange:e=>n("md",e||0)})}),(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["lg"," ",(0,eN.jsx)(es,{title:"≥992px 响应式栅格",children:(0,eN.jsx)(lu,{})})]}),children:(0,eN.jsx)(J,{size:"small",value:t.lg,min:0,max:24,step:4,onChange:e=>n("lg",e||0)})}),(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["xl"," ",(0,eN.jsx)(es,{title:"≥1200px 响应式栅格",children:(0,eN.jsx)(lu,{})})]}),children:(0,eN.jsx)(J,{size:"small",value:t.xl,min:0,max:24,step:4,onChange:e=>n("xl",e||0)})}),(0,eN.jsx)(K.Item,{label:(0,eN.jsxs)(eN.Fragment,{children:["xxl"," ",(0,eN.jsx)(es,{title:"≥1600px 响应式栅格",children:(0,eN.jsx)(lu,{})})]}),children:(0,eN.jsx)(J,{size:"small",value:t.xxl,min:0,max:24,step:4,onChange:e=>n("xxl",e||0)})})]})},defaultOptions:{props:{xs:24,sm:12,md:12,lg:6,xl:6,xxl:6,span:8},children:[]}}]})();var ew=eb.Ho,eC=eb.ru,eS=eb.R3,ez=eb.Ei,ek=eb.B7,eI=eb.V2,eN=eb.QE,eO=eb.NG,eT=eb.Wg,eE=eb.Nx;export{ew as DesignerContext,eC as DropContainer,eS as EnvContext,ez as PageCanvas,ek as PageDesigner,eI as PageSchema,eN as PluginType,eO as PropEditorProps,eT as handleCallback,eE as plugins};