bi-sdk-react 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/js/bi-sdk.es.js +3 -3
- package/dist/types/components/context/PageContext.d.ts +18 -0
- package/dist/types/components/index.d.ts +2 -2
- package/dist/types/components/utils.d.ts +1 -0
- package/dist/umd/js/bi-sdk.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/PageDesigner.tsx +3 -3
- package/src/components/context/{DesignerContext.tsx → PageContext.tsx} +8 -8
- package/src/components/dnd/DropContainer.tsx +2 -2
- package/src/components/index.ts +3 -2
- package/src/components/layout/PageCanvas.tsx +2 -2
- package/src/components/layout/PageItem.tsx +2 -2
- package/src/components/panel/AiPanel.tsx +6 -4
- package/src/components/panel/CascadePanel.tsx +2 -2
- package/src/components/panel/CodePanel.tsx +2 -2
- package/src/components/panel/ComponentPanel.tsx +2 -2
- package/src/components/panel/DatasourcePanel.tsx +2 -2
- package/src/components/panel/LayerPanel.tsx +2 -2
- package/src/components/panel/PropertiesPanel.tsx +2 -2
- package/src/components/panel/ScriptPanel.tsx +2 -2
- package/src/components/panel/VariablesPanel.tsx +2 -2
- package/src/components/plugins/@antd/items/CardRender.tsx +1 -1
- package/src/components/plugins/@antd/items/ColRender.tsx +2 -2
- package/src/components/plugins/@antd/items/RowRender.tsx +2 -2
- package/src/components/plugins/@antd/items/SpaceRender.tsx +2 -2
- package/src/components/utils.ts +19 -3
package/dist/es/js/bi-sdk.es.js
CHANGED
|
@@ -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,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 m,FileExcelOutlined as h,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 em,{Editor as eh}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}),m()):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}),m()}function m(){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 e5(e,t){var l=t.attribute,n=t.value;return e.setAttribute(l,n),function(){return e.removeAttribute(l)}}function e9(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?e9(Object(l),!0).forEach(function(t){eP(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):e9(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,m=e7(l.location.current.dropTargets);try{for(m.s();!(x=m.n()).done;){var h,f,g=x.value;if(!a.has(g.element)){var v=e3(e3({},l),{},{self:g}),j=n.get(g.element);null==j||null==(h=j.onDropTargetChange)||h.call(j,v),null==j||null==(f=j.onDragEnter)||f.call(j,v)}}}catch(e){m.e(e)}finally{m.f()}}};return{dropTargetForConsumers:function(e){return eG(e6(e5(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 m=c.closest(a);if(null==m)return x;var h=n.get(m);if(null==h)return x;var f={input:u,source:d,element:h.element};if(h.canDrop&&!h.canDrop(f))return e({source:d,target:h.element.parentElement,input:u,result:x});var g=null!=(r=null==(i=h.getData)?void 0:i.call(h,f))?r:{},v=null!=(o=null==(s=h.getDropEffect)?void 0:s.call(h,f))?o:l,j={data:g,element:h.element,dropEffect:v,isActiveDueToStickiness:!1};return e({source:d,target:h.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,m=d[p],h=c[p];if(null!=h){u.push(h);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(m.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({},m),{},{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 m=0,h=Object.entries(x);m<h.length;m++){var f=eD(h[m],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)}),e5(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},tm=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 m,FileExcelOutlined as h,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 em,{Editor as eh}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,{NG:()=>eI.PropEditorProps,Wg:()=>tI,R3:()=>tv,Nx:()=>lC,Ei:()=>tw,QE:()=>ek.PluginType,Ts:()=>tp,V2:()=>ek.PageSchema,B7:()=>ld,NQ:()=>tu,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}),m()):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}),m()}function m(){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 e5(e,t){var l=t.attribute,n=t.value;return e.setAttribute(l,n),function(){return e.removeAttribute(l)}}function e9(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?e9(Object(l),!0).forEach(function(t){eP(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):e9(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,m=e7(l.location.current.dropTargets);try{for(m.s();!(x=m.n()).done;){var h,f,g=x.value;if(!a.has(g.element)){var v=e3(e3({},l),{},{self:g}),j=n.get(g.element);null==j||null==(h=j.onDropTargetChange)||h.call(j,v),null==j||null==(f=j.onDragEnter)||f.call(j,v)}}}catch(e){m.e(e)}finally{m.f()}}};return{dropTargetForConsumers:function(e){return eG(e6(e5(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 m=c.closest(a);if(null==m)return x;var h=n.get(m);if(null==h)return x;var f={input:u,source:d,element:h.element};if(h.canDrop&&!h.canDrop(f))return e({source:d,target:h.element.parentElement,input:u,result:x});var g=null!=(r=null==(i=h.getData)?void 0:i.call(h,f))?r:{},v=null!=(o=null==(s=h.getDropEffect)?void 0:s.call(h,f))?o:l,j={data:g,element:h.element,dropEffect:v,isActiveDueToStickiness:!1};return e({source:d,target:h.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,m=d[p],h=c[p];if(null!=h){u.push(h);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(m.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({},m),{},{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 m=0,h=Object.entries(x);m<h.length;m++){var f=eD(h[m],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)}),e5(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},tm=t.div`
|
|
3
3
|
position: absolute;
|
|
4
4
|
background: #1890ff;
|
|
5
5
|
pointer-events: none;
|
|
@@ -373,7 +373,7 @@ import*as e from"react";import t,{css as l}from"styled-components";import{AlignC
|
|
|
373
373
|
.conversation-list li small {
|
|
374
374
|
white-space: nowrap;
|
|
375
375
|
}
|
|
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:m}=(0,eO.useContext)(tu);if(!m)return null;let[h,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=m.ai)?void 0:t.removeConversation(tF,x,e)),j(t=>t.filter(t=>t.id!==e)),w(t=>t.filter(t=>t.conversationId!==e)),h===e&&z()}})},I=async e=>{var t;g(e),j(t=>t.map(t=>({...t,isActived:t.id===e}))),w(await (null==(t=m.ai)?void 0:t.messageList(tF,x,e))||[])},N=async e=>{var t;let l={id:ex(),question:e.message,createdAt:new Date().toISOString(),files:e.files||[],agents:e.agents||[],sending:!0};w(e=>[...e,l]),S();let{id:
|
|
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:m}=(0,eO.useContext)(tu);if(!m)return null;let[h,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=m.ai)?void 0:t.removeConversation(tF,x,e)),j(t=>t.filter(t=>t.id!==e)),w(t=>t.filter(t=>t.conversationId!==e)),h===e&&z()}})},I=async e=>{var t;g(e),j(t=>t.map(t=>({...t,isActived:t.id===e}))),w(await (null==(t=m.ai)?void 0:t.messageList(tF,x,e))||[])},N=async e=>{var t;let l={id:ex(),question:e.message,createdAt:new Date().toISOString(),files:e.files||[],agents:e.agents||[],sending:!0};w(e=>[...e,l]),S();let n=!h,{id:r,answer:a,createdAt:i,conversation:o}=await (null==(t=m.ai)?void 0:t.chat(tF,x,h,e));g((null==o?void 0:o.id)||""),j(e=>[n?o||{}:null,...e].filter(e=>null!==e)),Object.assign(l,{id:r,answer:a,createdAt:i,conversationId:(null==o?void 0:o.id)||"",sending:!1}),a.effect&&(null==p||p(a.effect)),w(e=>[...e]),S()},O=async e=>{var t;await (null==(t=m.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=m.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=m.ai)?void 0:t.messageList(tF,x,n.id));w(e||[])}}catch(e){console.error(e)}};return(0,eO.useEffect)(()=>{E()},[m]),(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&&v.length>0&&(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==m?void 0:m.upload,onSubmit:N})]})]})},tH=t.div`
|
|
377
377
|
flex: 1 1 auto;
|
|
378
378
|
display: flex;
|
|
379
379
|
align-items: center;
|
|
@@ -1046,4 +1046,4 @@ return {
|
|
|
1046
1046
|
yAxis: { type: 'value' },
|
|
1047
1047
|
series: [{ data: data.map(i => i.value), type: 'line' }]
|
|
1048
1048
|
}
|
|
1049
|
-
`}}},{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:m}=e,{env:h,callbacks:f}=(0,eO.useContext)(tv),g=e=>{u&&u(e),h&&d&&l&&tk(h,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||""),h&&d&&f&&tI(h,d,f)},style:{...x},className:m}):(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:m})},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:m,callbacks:h}=(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),m&&c&&l&&tk(m,c,l,t),m&&c&&h&&tI(m,c,h))},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:m}=(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&&m&&tI(x,s,m)},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),m=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=>m(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=>m(t?t.format(e):void 0),onPanelChange:t=>m(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=>m(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 h=i?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",f="string"==typeof o&&o?ef(o,h):void 0;return(0,eN.jsx)(Y,{id:t,value:f,format:h,placeholder:"请选择日期",size:n,allowClear:r,showTime:i,style:{...(null==s?void 0:s.style)||{},...c},className:u,onChange:e=>m(e?e.format(h):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]),[m,h]=(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:m,onListChange:e=>{o.children.extra=e,h(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),[m,h]=(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:m,item:d,onListChange:e=>{d.children=e,h(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};
|
|
1049
|
+
`}}},{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:m}=e,{env:h,callbacks:f}=(0,eO.useContext)(tv),g=e=>{u&&u(e),h&&d&&l&&tk(h,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||""),h&&d&&f&&tI(h,d,f)},style:{...x},className:m}):(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:m})},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:m,callbacks:h}=(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),m&&c&&l&&tk(m,c,l,t),m&&c&&h&&tI(m,c,h))},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:m}=(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&&m&&tI(x,s,m)},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),m=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=>m(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=>m(t?t.format(e):void 0),onPanelChange:t=>m(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=>m(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 h=i?"YYYY-MM-DD HH:mm":"YYYY-MM-DD",f="string"==typeof o&&o?ef(o,h):void 0;return(0,eN.jsx)(Y,{id:t,value:f,format:h,placeholder:"请选择日期",size:n,allowClear:r,showTime:i,style:{...(null==s?void 0:s.style)||{},...c},className:u,onChange:e=>m(e?e.format(h):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]),[m,h]=(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:m,onListChange:e=>{o.children.extra=e,h(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),[m,h]=(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:m,item:d,onListChange:e=>{d.children=e,h(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.ru,eC=eb.R3,eS=eb.Ei,ez=eb.NQ,ek=eb.B7,eI=eb.Ts,eN=eb.V2,eO=eb.QE,eT=eb.NG,eE=eb.Wg,eD=eb.Nx;export{ew as DropContainer,eC as EnvContext,eS as PageCanvas,ez as PageContext,ek as PageDesigner,eI as PageProvider,eN as PageSchema,eO as PluginType,eT as PropEditorProps,eE as handleCallback,eD as plugins};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { DatasetSelectorFunction, FetchType, PageSchema, PluginType, SchemaItemType } from "../typing";
|
|
2
|
+
type PageContextType = {
|
|
3
|
+
pageId: string;
|
|
4
|
+
designable: boolean;
|
|
5
|
+
plugins: PluginType[];
|
|
6
|
+
schema: PageSchema;
|
|
7
|
+
selectedItem?: SchemaItemType | null;
|
|
8
|
+
setSchema: React.Dispatch<React.SetStateAction<PageSchema>>;
|
|
9
|
+
setSelectedItem: React.Dispatch<React.SetStateAction<SchemaItemType | null>>;
|
|
10
|
+
updateSelectedItem: (selectedItem?: Partial<SchemaItemType> | null) => void;
|
|
11
|
+
forceUpdate: () => void;
|
|
12
|
+
datasetSelector?: DatasetSelectorFunction;
|
|
13
|
+
fetch?: FetchType;
|
|
14
|
+
};
|
|
15
|
+
export declare const PageContext: import("react").Context<PageContextType>;
|
|
16
|
+
type PageProviderProps = React.PropsWithChildren<Omit<Partial<PageContextType>, "updateSelectedItem" | "schema" | "forceUpdate"> & Pick<PageContextType, "schema" | "pageId">>;
|
|
17
|
+
export declare const PageProvider: React.FC<PageProviderProps>;
|
|
18
|
+
export {};
|
|
@@ -3,8 +3,8 @@ import PageDesigner from "./PageDesigner";
|
|
|
3
3
|
import { PageSchema } from "./typing";
|
|
4
4
|
import { plugins, PropEditorProps } from "./plugins/@antd";
|
|
5
5
|
import DropContainer from "./dnd/DropContainer";
|
|
6
|
-
import {
|
|
6
|
+
import { PageContext, PageProvider } from "./context/PageContext";
|
|
7
7
|
import { EnvContext } from "./context/EnvContext";
|
|
8
8
|
import { handleCallback } from "./utils";
|
|
9
9
|
import { PluginType } from "./typing";
|
|
10
|
-
export { PageCanvas, PageDesigner, PageSchema, DropContainer,
|
|
10
|
+
export { PageCanvas, PageDesigner, PageSchema, DropContainer, PageContext, PageProvider, EnvContext, plugins, PropEditorProps, PluginType, handleCallback, };
|
|
@@ -7,4 +7,5 @@ export declare const setVar: (env: Env, item: SchemaItemType, key: string, value
|
|
|
7
7
|
export declare const handleCallback: (env: Env, item: SchemaItemType, callbacks: CallbacksType) => void;
|
|
8
8
|
export declare const uuid: () => string;
|
|
9
9
|
export declare const formatTime: (dateStr: string) => string;
|
|
10
|
+
export declare const isMobile: () => boolean;
|
|
10
11
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! For license information please see bi-sdk.umd.min.js.LICENSE.txt */
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@ant-design/icons"),require("echarts"),require("styled-components"),require("react"),require("antd"),require("uuid"),require("dayjs"),require("@monaco-editor/react")):"function"==typeof define&&define.amd?define(["@ant-design/icons","echarts","styled-components","react","antd","uuid","dayjs","@monaco-editor/react"],t):"object"==typeof exports?exports.BiSdk=t(require("@ant-design/icons"),require("echarts"),require("styled-components"),require("react"),require("antd"),require("uuid"),require("dayjs"),require("@monaco-editor/react")):e.BiSdk=t(e["@ant-design/icons"],e.echarts,e["styled-components"],e.react,e.antd,e.uuid,e.dayjs,e["@monaco-editor/react"])}(this,(e,t,l,n,r,a,i,o)=>(()=>{var s={290(e,t,l){"use strict";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){"use strict";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){"use strict";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){"use strict";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){"use strict";var n=l(155),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){"use strict";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()}}},375(t){"use strict";t.exports=e},247(e){"use strict";e.exports=o},59(e){"use strict";e.exports=r},185(e){"use strict";e.exports=i},190(e){"use strict";e.exports=t},155(e){"use strict";e.exports=n},694(e){"use strict";e.exports=l},315(e){"use strict";e.exports=a}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var l=d[e]={exports:{}};return s[e].call(l.exports,l,l.exports,c),l.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var l in t)c.o(t,l)&&!c.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";c.r(u),c.d(u,{EnvContext:()=>ex,DesignerContext:()=>eo,PageCanvas:()=>ev,PageSchema:()=>o.PageSchema,PageDesigner:()=>tu,PluginType:()=>o.PluginType,plugins:()=>tO,PropEditorProps:()=>s.PropEditorProps,handleCallback:()=>ez,DropContainer:()=>em});var e,t,l,n,r,a,i,o={};c.r(o),c.d(o,{P:()=>tp});var s={};c.r(s);var d=c(848),p=c(155),m=c.n(p),x=c(694),h=c.n(x);function f(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 g(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function v(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)||g(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 j=c(951),y="data-pdnd-honey-pot";function b(e){return e instanceof Element&&e.hasAttribute(y)}function w(e){var t=v(document.elementsFromPoint(e.x,e.y),2),l=t[0],n=t[1];return l?b(l)?null!=n?n:null:l:null}function C(e){return(C="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 S(e,t,l){var n;return(n=function(e,t){if("object"!=C(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var n=l.call(e,t||"default");if("object"!=C(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==C(n)?n:n+"")in e)?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function I(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 z(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?I(Object(l),!0).forEach(function(t){S(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):I(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function k(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 O(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 N(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(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 T(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 R=T(function(){return navigator.userAgent.includes("Firefox")}),F=T(function(){var e=navigator.userAgent;return e.includes("AppleWebKit")&&!e.includes("Chrome")}),D={isLeavingWindow:Symbol("leaving"),isEnteringWindow:Symbol("entering")};if("undefined"!=typeof window&&F()){var E=A();(0,j.bindAll)(window,[{type:"dragstart",listener:function(){E.enterCount=0,E.isOverWindow=!0}},{type:"drop",listener:B},{type:"dragend",listener:B},{type:"dragenter",listener:function(e){E.isOverWindow||0!==E.enterCount||(e[D.isEnteringWindow]=!0),E.isOverWindow=!0,E.enterCount++}},{type:"dragleave",listener:function(e){E.enterCount--,E.isOverWindow&&0===E.enterCount&&(e[D.isLeavingWindow]=!0,E.isOverWindow=!1)}}],{capture:!0})}function A(){return{enterCount:0,isOverWindow:!1}}function B(){E=A()}function M(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 L=(e=function(e){return e()},t=[],l=null,(n=function(){for(var n=arguments.length,r=Array(n),a=0;a<n;a++)r[a]=arguments[a];t=r,l||(l=requestAnimationFrame(function(){l=null,e.apply(void 0,t)}))}).cancel=function(){l&&(cancelAnimationFrame(l),l=null)},n),P=(r=null,{schedule:function(e){r={frameId:requestAnimationFrame(function(){r=null,e()}),fn:e}},flush:function(){r&&(cancelAnimationFrame(r.frameId),r.fn(),r=null)}}),$={isActive:!1};function Y(){return!$.isActive}function H(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 q=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=e.dispatchEvent;if(Y()){var a,i,o=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=M(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});$.isActive=!0;var s={current:o};H({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}}),P.schedule(function(){a({eventName:"onDragStart",payload:{source:t,location:i}})})},dragUpdate:function(e){var n=e.current;P.flush(),L.cancel(),a({eventName:"onDropTargetChange",payload:{source:t,location:{initial:l,previous:r,current:n}}})},drag:function(e){var n=e.current;L(function(){P.flush(),a({eventName:"onDrag",payload:{source:t,location:{initial:l,previous:r,current:n}}})})},drop:function(e){var n=e.current,i=e.updatedSourcePayload;P.flush(),L.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,j.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&&(F()?!!F()&&t.hasOwnProperty(D.isLeavingWindow):null==n||(R()?"nodeName"in n&&n.ownerDocument!==document:n instanceof HTMLIFrameElement))})({dragLeave:e})&&(u({input:s.current.input,dropTargets:[]}),"external"===l.startedFrom&&m())}},{type:"drop",listener:function(e){(s.current={dropTargets:s.current.dropTargets,input:M(e)},s.current.dropTargets.length)?(e.preventDefault(),H({event:e,current:s.current.dropTargets}),d.drop({current:s.current,updatedSourcePayload:"external"===l.type?l.getDropPayload(e):null}),x()):m()}},{type:"dragend",listener:function(e){s.current={dropTargets:s.current.dropTargets,input:M(e)},m()}}].concat(N([{type:"pointermove",listener:(i=0,function(){i<20?i++:a()})},{type:"pointerdown",listener:a=m}])),{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=M(e),r=n({target:b(e.target)?w({x:t.clientX,y:t.clientY}):e.target,input:t,source:l.payload,current:s.current.dropTargets});r.length&&(e.preventDefault(),H({event:e,current:r})),u({dropTargets:r,input:t})}function m(){s.current.dropTargets.length&&u({dropTargets:[],input:s.current.input}),d.drop({current:s.current,updatedSourcePayload:null}),x()}function x(){$.isActive=!1,c()}},G=new Map;function U(){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 _(e,t){var l=t.attribute,n=t.value;return e.setAttribute(l,n),function(){return e.removeAttribute(l)}}function K(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 W(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?K(Object(l),!0).forEach(function(t){S(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):K(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function J(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 X(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)?X(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 X(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 V(e){return e.slice(0).reverse()}function Q(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 Z(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 ee=T(function(){return navigator.userAgent.toLocaleLowerCase().includes("android")}),et="text/plain",el=new WeakMap,en=(a=null,{bindEvents:function(){return a=null,(0,j.bind)(window,{type:"pointermove",listener:function(e){a={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,i,o,s=n.location.initial.input,d=null!=a?a:{x:s.clientX,y:s.clientY};(r=document.createElement("div")).setAttribute(y,"true"),i=k({client:d}),Object.assign(r.style,z(z({backgroundColor:"transparent",position:"fixed",padding:0,margin:0,boxSizing:"border-box"},O({clientRect:i})),{},{pointerEvents:"auto",zIndex:0x7fffffff})),document.body.appendChild(r),o=(0,j.bind)(window,{type:"pointermove",listener:function(e){i=k({client:{x:e.clientX,y:e.clientY}}),Object.assign(r.style,O({clientRect:i}))},options:{capture:!0}}),e=function(e){var t,l,n,a=e.current;if(o(),l=(t={client:a,clientRect:i}).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,j.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 c,u=n.location.current.input;null==(c=e)||c({current:{x:u.clientX,y:u.clientY}}),e=null,a=null}}}}),er=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 Q(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)?Q(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?Z(Object(l),!0).forEach(function(t){S(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):Z(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({},n);return e.add(r),l(r),T(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=J(r.location.current.dropTargets);try{for(a.s();!(t=a.n()).done;){var i,o=t.value,s=n.get(o.element),d=W(W({},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=J(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=W(W({},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 m,x=J(l.location.current.dropTargets);try{for(x.s();!(m=x.n()).done;){var h,f,g=m.value;if(!a.has(g.element)){var v=W(W({},l),{},{self:g}),j=n.get(g.element);null==j||null==(h=j.onDropTargetChange)||h.call(j,v),null==j||null==(f=j.onDragEnter)||f.call(j,v)}}}catch(e){x.e(e)}finally{x.f()}}};return{dropTargetForConsumers:function(e){return T(U(_(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,m=void 0===p?[]:p;if(null==c)return m;if(!(c instanceof Element))return c instanceof Node?e({source:d,target:c.parentElement,input:u,result:m}):m;var x=c.closest(a);if(null==x)return m;var h=n.get(x);if(null==h)return m;var f={input:u,source:d,element:h.element};if(h.canDrop&&!h.canDrop(f))return e({source:d,target:h.element.parentElement,input:u,result:m});var g=null!=(r=null==(i=h.getData)?void 0:i.call(h,f))?r:{},v=null!=(o=null==(s=h.getDropEffect)?void 0:s.call(h,f))?o:l,j={data:g,element:h.element,dropEffect:v,isActiveDueToStickiness:!1};return e({source:d,target:h.element.parentElement,input:u,result:[].concat(N(m),[j])})}({source:t,target:r,input:i});if(s.length>=o.length)return s;for(var d=V(o),c=V(s),u=[],p=0;p<d.length;p++){var m,x=d[p],h=c[p];if(null!=h){u.push(h);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(x.element);if(!v)break;var j={input:i,source:t,element:v.element};if(v.canDrop&&!v.canDrop(j)||!(null!=(m=v.getIsSticky)&&m.call(v,j)))break;u.push(W(W({},x),{},{isActiveDueToStickiness:!0}))}return V(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){q({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=G.get(t);if(n)return n.usageCount++,n;var r={typeKey:t,unmount:l(),usageCount:1};return G.set(t,r),r}(e={typeKey:t,mount:function(){return l({canStart:Y,start:d})}}),function(){n.usageCount--,n.usageCount>0||(n.unmount(),G.delete(e.typeKey))}},dropTarget:o.dropTargetForConsumers,monitor:i.monitorForConsumers}}({typeKey:"element",defaultDropEffect:"move",mount:function(e){return U(en.bindEvents(),(0,j.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=el.get(s);if(d){var c=M(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=w({x:c.clientX,y:c.clientY});if(!d.dragHandle.contains(p))return void t.preventDefault()}var m=null!=(n=null==(r=d.getInitialDataForExternal)?void 0:r.call(d,u))?n:null;if(m)for(var x=0,h=Object.entries(m);x<h.length;x++){var f=v(h[x],2),g=f[0],j=f[1];t.dataTransfer.setData(g,null!=j?j:"")}!ee()||t.dataTransfer.types.includes(et)||t.dataTransfer.types.includes("text/uri-list")||t.dataTransfer.setData(et,"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=el.get(r.source.element))||null==(l=t[n])||l.call(t,r)},onPostDispatch:en.getOnPostDispatch()}),ea=er.dropTarget;function ei(e){return T(U(er.registerUsage(),(el.set(e.element,e),function(){el.delete(e.element)}),_(e.element,{attribute:"draggable",value:"true"})))}er.monitor;let eo=(0,p.createContext)({pageId:"",designable:!1,plugins:[],schema:{info:{},datasources:[],scripts:[],variables:[],items:[]},selectedItem:null,setSchema:()=>{},setSelectedItem:()=>{},updateSelectedItem:()=>{},forceUpdate:()=>{},datasetSelector:void 0,fetch:void 0}),es=e=>{let{pageId:t,designable:l,plugins:n,schema:r,selectedItem:a,setSchema:i,setSelectedItem:o,datasetSelector:s,fetch:c,children:u}=e;return(0,d.jsx)(eo.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:c,forceUpdate:()=>{null==i||i({...r})}},children:u})},ed=e=>{var t;let{item:l,onDelete:n,parentList:r,onListChange:a,index:i}=e,{designable:o,selectedItem:s,setSelectedItem:c,plugins:u}=(0,p.useContext)(eo),[m,x]=(0,p.useState)(!1),h=null==(t=u.find(e=>e.key===l.type))?void 0:t.component;return((0,p.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,p.useEffect)(()=>{let e=document.getElementById(`page-item-${l.id}`);if(!e||!o)return;let t=ei({element:e,getInitialData:()=>({id:l.id,index:i,list:r,onListChange:a,data:l}),canDrag:()=>!!o,onDragStart:()=>{x(!0)},onDrop:()=>{x(!1)}}),n=e=>{e.stopPropagation(),c&&c(l)};return o&&e.addEventListener("click",n),()=>{t(),o&&e.removeEventListener("click",n)}},[o,l,i,r]),h)?(0,d.jsx)(h,{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:m?.5:1}}):null},ec=h().div`
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@ant-design/icons"),require("echarts"),require("styled-components"),require("react"),require("antd"),require("uuid"),require("dayjs"),require("@monaco-editor/react")):"function"==typeof define&&define.amd?define(["@ant-design/icons","echarts","styled-components","react","antd","uuid","dayjs","@monaco-editor/react"],t):"object"==typeof exports?exports.BiSdk=t(require("@ant-design/icons"),require("echarts"),require("styled-components"),require("react"),require("antd"),require("uuid"),require("dayjs"),require("@monaco-editor/react")):e.BiSdk=t(e["@ant-design/icons"],e.echarts,e["styled-components"],e.react,e.antd,e.uuid,e.dayjs,e["@monaco-editor/react"])}(this,(e,t,l,n,r,a,i,o)=>(()=>{var s={290(e,t,l){"use strict";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){"use strict";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){"use strict";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){"use strict";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){"use strict";var n=l(155),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){"use strict";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()}}},375(t){"use strict";t.exports=e},247(e){"use strict";e.exports=o},59(e){"use strict";e.exports=r},185(e){"use strict";e.exports=i},190(e){"use strict";e.exports=t},155(e){"use strict";e.exports=n},694(e){"use strict";e.exports=l},315(e){"use strict";e.exports=a}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var l=d[e]={exports:{}};return s[e].call(l.exports,l,l.exports,c),l.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var l in t)c.o(t,l)&&!c.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";c.r(u),c.d(u,{EnvContext:()=>ex,PageCanvas:()=>ev,PageSchema:()=>o.PageSchema,PageContext:()=>eo,PageDesigner:()=>tu,PluginType:()=>o.PluginType,plugins:()=>tO,PropEditorProps:()=>s.PropEditorProps,PageProvider:()=>es,handleCallback:()=>ez,DropContainer:()=>em});var e,t,l,n,r,a,i,o={};c.r(o),c.d(o,{P:()=>tp});var s={};c.r(s);var d=c(848),p=c(155),m=c.n(p),x=c(694),h=c.n(x);function f(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 g(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function v(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)||g(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 j=c(951),y="data-pdnd-honey-pot";function b(e){return e instanceof Element&&e.hasAttribute(y)}function w(e){var t=v(document.elementsFromPoint(e.x,e.y),2),l=t[0],n=t[1];return l?b(l)?null!=n?n:null:l:null}function C(e){return(C="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 S(e,t,l){var n;return(n=function(e,t){if("object"!=C(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var n=l.call(e,t||"default");if("object"!=C(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==C(n)?n:n+"")in e)?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function I(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 z(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?I(Object(l),!0).forEach(function(t){S(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):I(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function k(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 O(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 N(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(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 T(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 R=T(function(){return navigator.userAgent.includes("Firefox")}),F=T(function(){var e=navigator.userAgent;return e.includes("AppleWebKit")&&!e.includes("Chrome")}),D={isLeavingWindow:Symbol("leaving"),isEnteringWindow:Symbol("entering")};if("undefined"!=typeof window&&F()){var E=A();(0,j.bindAll)(window,[{type:"dragstart",listener:function(){E.enterCount=0,E.isOverWindow=!0}},{type:"drop",listener:B},{type:"dragend",listener:B},{type:"dragenter",listener:function(e){E.isOverWindow||0!==E.enterCount||(e[D.isEnteringWindow]=!0),E.isOverWindow=!0,E.enterCount++}},{type:"dragleave",listener:function(e){E.enterCount--,E.isOverWindow&&0===E.enterCount&&(e[D.isLeavingWindow]=!0,E.isOverWindow=!1)}}],{capture:!0})}function A(){return{enterCount:0,isOverWindow:!1}}function B(){E=A()}function M(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 L=(e=function(e){return e()},t=[],l=null,(n=function(){for(var n=arguments.length,r=Array(n),a=0;a<n;a++)r[a]=arguments[a];t=r,l||(l=requestAnimationFrame(function(){l=null,e.apply(void 0,t)}))}).cancel=function(){l&&(cancelAnimationFrame(l),l=null)},n),P=(r=null,{schedule:function(e){r={frameId:requestAnimationFrame(function(){r=null,e()}),fn:e}},flush:function(){r&&(cancelAnimationFrame(r.frameId),r.fn(),r=null)}}),$={isActive:!1};function Y(){return!$.isActive}function H(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 q=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=e.dispatchEvent;if(Y()){var a,i,o=function(e){var t=e.event,l=e.dragType,n=e.getDropTargetsOver,r=M(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});$.isActive=!0;var s={current:o};H({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}}),P.schedule(function(){a({eventName:"onDragStart",payload:{source:t,location:i}})})},dragUpdate:function(e){var n=e.current;P.flush(),L.cancel(),a({eventName:"onDropTargetChange",payload:{source:t,location:{initial:l,previous:r,current:n}}})},drag:function(e){var n=e.current;L(function(){P.flush(),a({eventName:"onDrag",payload:{source:t,location:{initial:l,previous:r,current:n}}})})},drop:function(e){var n=e.current,i=e.updatedSourcePayload;P.flush(),L.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,j.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&&(F()?!!F()&&t.hasOwnProperty(D.isLeavingWindow):null==n||(R()?"nodeName"in n&&n.ownerDocument!==document:n instanceof HTMLIFrameElement))})({dragLeave:e})&&(u({input:s.current.input,dropTargets:[]}),"external"===l.startedFrom&&m())}},{type:"drop",listener:function(e){(s.current={dropTargets:s.current.dropTargets,input:M(e)},s.current.dropTargets.length)?(e.preventDefault(),H({event:e,current:s.current.dropTargets}),d.drop({current:s.current,updatedSourcePayload:"external"===l.type?l.getDropPayload(e):null}),x()):m()}},{type:"dragend",listener:function(e){s.current={dropTargets:s.current.dropTargets,input:M(e)},m()}}].concat(N([{type:"pointermove",listener:(i=0,function(){i<20?i++:a()})},{type:"pointerdown",listener:a=m}])),{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=M(e),r=n({target:b(e.target)?w({x:t.clientX,y:t.clientY}):e.target,input:t,source:l.payload,current:s.current.dropTargets});r.length&&(e.preventDefault(),H({event:e,current:r})),u({dropTargets:r,input:t})}function m(){s.current.dropTargets.length&&u({dropTargets:[],input:s.current.input}),d.drop({current:s.current,updatedSourcePayload:null}),x()}function x(){$.isActive=!1,c()}},G=new Map;function U(){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 _(e,t){var l=t.attribute,n=t.value;return e.setAttribute(l,n),function(){return e.removeAttribute(l)}}function K(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 W(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?K(Object(l),!0).forEach(function(t){S(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):K(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function J(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 X(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)?X(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 X(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 V(e){return e.slice(0).reverse()}function Q(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 Z(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 ee=T(function(){return navigator.userAgent.toLocaleLowerCase().includes("android")}),et="text/plain",el=new WeakMap,en=(a=null,{bindEvents:function(){return a=null,(0,j.bind)(window,{type:"pointermove",listener:function(e){a={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,i,o,s=n.location.initial.input,d=null!=a?a:{x:s.clientX,y:s.clientY};(r=document.createElement("div")).setAttribute(y,"true"),i=k({client:d}),Object.assign(r.style,z(z({backgroundColor:"transparent",position:"fixed",padding:0,margin:0,boxSizing:"border-box"},O({clientRect:i})),{},{pointerEvents:"auto",zIndex:0x7fffffff})),document.body.appendChild(r),o=(0,j.bind)(window,{type:"pointermove",listener:function(e){i=k({client:{x:e.clientX,y:e.clientY}}),Object.assign(r.style,O({clientRect:i}))},options:{capture:!0}}),e=function(e){var t,l,n,a=e.current;if(o(),l=(t={client:a,clientRect:i}).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,j.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 c,u=n.location.current.input;null==(c=e)||c({current:{x:u.clientX,y:u.clientY}}),e=null,a=null}}}}),er=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 Q(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)?Q(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?Z(Object(l),!0).forEach(function(t){S(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):Z(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({},n);return e.add(r),l(r),T(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=J(r.location.current.dropTargets);try{for(a.s();!(t=a.n()).done;){var i,o=t.value,s=n.get(o.element),d=W(W({},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=J(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=W(W({},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 m,x=J(l.location.current.dropTargets);try{for(x.s();!(m=x.n()).done;){var h,f,g=m.value;if(!a.has(g.element)){var v=W(W({},l),{},{self:g}),j=n.get(g.element);null==j||null==(h=j.onDropTargetChange)||h.call(j,v),null==j||null==(f=j.onDragEnter)||f.call(j,v)}}}catch(e){x.e(e)}finally{x.f()}}};return{dropTargetForConsumers:function(e){return T(U(_(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,m=void 0===p?[]:p;if(null==c)return m;if(!(c instanceof Element))return c instanceof Node?e({source:d,target:c.parentElement,input:u,result:m}):m;var x=c.closest(a);if(null==x)return m;var h=n.get(x);if(null==h)return m;var f={input:u,source:d,element:h.element};if(h.canDrop&&!h.canDrop(f))return e({source:d,target:h.element.parentElement,input:u,result:m});var g=null!=(r=null==(i=h.getData)?void 0:i.call(h,f))?r:{},v=null!=(o=null==(s=h.getDropEffect)?void 0:s.call(h,f))?o:l,j={data:g,element:h.element,dropEffect:v,isActiveDueToStickiness:!1};return e({source:d,target:h.element.parentElement,input:u,result:[].concat(N(m),[j])})}({source:t,target:r,input:i});if(s.length>=o.length)return s;for(var d=V(o),c=V(s),u=[],p=0;p<d.length;p++){var m,x=d[p],h=c[p];if(null!=h){u.push(h);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(x.element);if(!v)break;var j={input:i,source:t,element:v.element};if(v.canDrop&&!v.canDrop(j)||!(null!=(m=v.getIsSticky)&&m.call(v,j)))break;u.push(W(W({},x),{},{isActiveDueToStickiness:!0}))}return V(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){q({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=G.get(t);if(n)return n.usageCount++,n;var r={typeKey:t,unmount:l(),usageCount:1};return G.set(t,r),r}(e={typeKey:t,mount:function(){return l({canStart:Y,start:d})}}),function(){n.usageCount--,n.usageCount>0||(n.unmount(),G.delete(e.typeKey))}},dropTarget:o.dropTargetForConsumers,monitor:i.monitorForConsumers}}({typeKey:"element",defaultDropEffect:"move",mount:function(e){return U(en.bindEvents(),(0,j.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=el.get(s);if(d){var c=M(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=w({x:c.clientX,y:c.clientY});if(!d.dragHandle.contains(p))return void t.preventDefault()}var m=null!=(n=null==(r=d.getInitialDataForExternal)?void 0:r.call(d,u))?n:null;if(m)for(var x=0,h=Object.entries(m);x<h.length;x++){var f=v(h[x],2),g=f[0],j=f[1];t.dataTransfer.setData(g,null!=j?j:"")}!ee()||t.dataTransfer.types.includes(et)||t.dataTransfer.types.includes("text/uri-list")||t.dataTransfer.setData(et,"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=el.get(r.source.element))||null==(l=t[n])||l.call(t,r)},onPostDispatch:en.getOnPostDispatch()}),ea=er.dropTarget;function ei(e){return T(U(er.registerUsage(),(el.set(e.element,e),function(){el.delete(e.element)}),_(e.element,{attribute:"draggable",value:"true"})))}er.monitor;let eo=(0,p.createContext)({pageId:"",designable:!1,plugins:[],schema:{info:{},datasources:[],scripts:[],variables:[],items:[]},selectedItem:null,setSchema:()=>{},setSelectedItem:()=>{},updateSelectedItem:()=>{},forceUpdate:()=>{},datasetSelector:void 0,fetch:void 0}),es=e=>{let{pageId:t,designable:l,plugins:n,schema:r,selectedItem:a,setSchema:i,setSelectedItem:o,datasetSelector:s,fetch:c,children:u}=e;return(0,d.jsx)(eo.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:c,forceUpdate:()=>{null==i||i({...r})}},children:u})},ed=e=>{var t;let{item:l,onDelete:n,parentList:r,onListChange:a,index:i}=e,{designable:o,selectedItem:s,setSelectedItem:c,plugins:u}=(0,p.useContext)(eo),[m,x]=(0,p.useState)(!1),h=null==(t=u.find(e=>e.key===l.type))?void 0:t.component;return((0,p.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,p.useEffect)(()=>{let e=document.getElementById(`page-item-${l.id}`);if(!e||!o)return;let t=ei({element:e,getInitialData:()=>({id:l.id,index:i,list:r,onListChange:a,data:l}),canDrag:()=>!!o,onDragStart:()=>{x(!0)},onDrop:()=>{x(!1)}}),n=e=>{e.stopPropagation(),c&&c(l)};return o&&e.addEventListener("click",n),()=>{t(),o&&e.removeEventListener("click",n)}},[o,l,i,r]),h)?(0,d.jsx)(h,{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:m?.5:1}}):null},ec=h().div`
|
|
3
3
|
position: absolute;
|
|
4
4
|
background: #1890ff;
|
|
5
5
|
pointer-events: none;
|
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
.conversation-list li small {
|
|
374
374
|
white-space: nowrap;
|
|
375
375
|
}
|
|
376
|
-
`,e$=[],eY="bi-design",eH=e=>{let t,l,n,r,a,i,o,{agentList:s=e$,headExtra:c,style:u={},onEffect:x}=e,{pageId:h,fetch:f}=(0,p.useContext)(eo);if(!f)return null;let[g,v]=(0,p.useState)(null),[j,y]=(0,p.useState)([]),[b,w]=(0,p.useState)([]),C=m().useRef(null),S=()=>{setTimeout(()=>{C.current&&C.current.scrollToBottom()},100)},I=()=>{v(null),w([])},z=async e=>{ey.Modal.confirm({title:"确认删除该对话吗?",okText:"确认",cancelText:"取消",onOk:async()=>{var t;await (null==(t=f.ai)?void 0:t.removeConversation(eY,h,e)),y(t=>t.filter(t=>t.id!==e)),w(t=>t.filter(t=>t.conversationId!==e)),g===e&&I()}})},k=async e=>{var t;v(e),y(t=>t.map(t=>({...t,isActived:t.id===e}))),w(await (null==(t=f.ai)?void 0:t.messageList(eY,h,e))||[])},O=async e=>{var t;let l={id:ek(),question:e.message,createdAt:new Date().toISOString(),files:e.files||[],agents:e.agents||[],sending:!0};w(e=>[...e,l]),S();let{id:
|
|
376
|
+
`,e$=[],eY="bi-design",eH=e=>{let t,l,n,r,a,i,o,{agentList:s=e$,headExtra:c,style:u={},onEffect:x}=e,{pageId:h,fetch:f}=(0,p.useContext)(eo);if(!f)return null;let[g,v]=(0,p.useState)(null),[j,y]=(0,p.useState)([]),[b,w]=(0,p.useState)([]),C=m().useRef(null),S=()=>{setTimeout(()=>{C.current&&C.current.scrollToBottom()},100)},I=()=>{v(null),w([])},z=async e=>{ey.Modal.confirm({title:"确认删除该对话吗?",okText:"确认",cancelText:"取消",onOk:async()=>{var t;await (null==(t=f.ai)?void 0:t.removeConversation(eY,h,e)),y(t=>t.filter(t=>t.id!==e)),w(t=>t.filter(t=>t.conversationId!==e)),g===e&&I()}})},k=async e=>{var t;v(e),y(t=>t.map(t=>({...t,isActived:t.id===e}))),w(await (null==(t=f.ai)?void 0:t.messageList(eY,h,e))||[])},O=async e=>{var t;let l={id:ek(),question:e.message,createdAt:new Date().toISOString(),files:e.files||[],agents:e.agents||[],sending:!0};w(e=>[...e,l]),S();let n=!g,{id:r,answer:a,createdAt:i,conversation:o}=await (null==(t=f.ai)?void 0:t.chat(eY,h,g,e));v((null==o?void 0:o.id)||""),y(e=>[n?o||{}:null,...e].filter(e=>null!==e)),Object.assign(l,{id:r,answer:a,createdAt:i,conversationId:(null==o?void 0:o.id)||"",sending:!1}),a.effect&&(null==x||x(a.effect)),w(e=>[...e]),S()},N=async e=>{var t;await (null==(t=f.ai)?void 0:t.removeMessage(eY,h,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=[],j.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)),R=async()=>{try{var e,t;let l=await (null==(e=f.ai)?void 0:e.conversationList(eY,h));y(l||[]);let n=null==l?void 0:l.find(e=>e.isActived);if(n){v(n.id);let e=await (null==(t=f.ai)?void 0:t.messageList(eY,h,n.id));w(e||[])}}catch(e){console.error(e)}};return(0,p.useEffect)(()=>{R()},[f]),(0,p.useEffect)(()=>{S()},[]),(0,d.jsxs)(eP,{style:u,children:[(0,d.jsx)(eL,{title:"智能助理",extra:(0,d.jsxs)(ey.Space,{children:[(0,d.jsx)(ey.Tooltip,{title:"新对话",placement:"topRight",children:(0,d.jsx)("a",{onClick:I,children:(0,d.jsx)(ew,{type:"icon-chat-plus"})})}),(0,d.jsx)(ey.Dropdown,{trigger:["click"],styles:{root:{boxShadow:"var(--ant-box-shadow-drawer-up)",backgroundColor:"#ffffff",borderRadius:"var(--ant-border-radius)"}},popupRender:()=>(0,d.jsx)(eU,{children:T.map(e=>(0,d.jsxs)("div",{className:"group",children:[(0,d.jsx)("div",{className:"group-title",children:e.title}),(0,d.jsx)("ul",{className:"group-list",children:e.items.map(e=>(0,d.jsxs)("li",{className:e.isActived?"actived":"",children:[(0,d.jsx)("a",{onClick:()=>k(e.id),children:e.name}),(0,d.jsx)("small",{children:(0,d.jsx)("a",{onClick:()=>z(e.id),children:(0,d.jsx)(ej.DeleteOutlined,{})})})]},e.id))})]},e.title))}),placement:"topRight",children:(0,d.jsx)("a",{children:(0,d.jsx)(ej.HistoryOutlined,{})})}),c]}),style:{width:"initial"}}),(0,d.jsxs)("div",{className:"body",children:[(0,d.jsx)("div",{style:{flex:"1 1 auto",overflowY:"auto"},children:b.length?(0,d.jsx)(eK,{ref:C,list:b,onDeleteMessage:N}):(0,d.jsx)(eG,{})}),0===b.length&&j.length>0&&(0,d.jsx)(ey.Card,{title:"历史记录",size:"small",variant:"borderless",styles:{header:{padding:0,border:"none"},body:{padding:0}},style:{padding:"12px 12px 0 12px"},children:(0,d.jsx)("ul",{className:"conversation-list",children:j.slice(0,3).map(e=>(0,d.jsxs)("li",{children:[(0,d.jsxs)("a",{children:[(0,d.jsx)(ej.MessageOutlined,{}),e.name]}),(0,d.jsx)("small",{children:eO(e.createdAt)})]},e.id))})}),(0,d.jsx)(eB,{agentList:s,style:{padding:12},onUploading:null==f?void 0:f.upload,onSubmit:O})]})]})},eq=h().div`
|
|
377
377
|
flex: 1 1 auto;
|
|
378
378
|
display: flex;
|
|
379
379
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -44,7 +44,7 @@ import { ScriptPanel } from "./panel/ScriptPanel";
|
|
|
44
44
|
import { VariablesPanel } from "./panel/VariablesPanel";
|
|
45
45
|
|
|
46
46
|
import { Editor } from "@monaco-editor/react";
|
|
47
|
-
import {
|
|
47
|
+
import { PageProvider } from "./context/PageContext";
|
|
48
48
|
import { useDeepCompareEffect } from "./hooks/useDeepCompareEffect";
|
|
49
49
|
import "./styles.css";
|
|
50
50
|
import {
|
|
@@ -415,7 +415,7 @@ export const PageDesigner = React.forwardRef<any, PageDesignerProps>(
|
|
|
415
415
|
}, [selectedItem, rightPanelActiveKey]);
|
|
416
416
|
|
|
417
417
|
return (
|
|
418
|
-
<
|
|
418
|
+
<PageProvider
|
|
419
419
|
pageId={pageId}
|
|
420
420
|
designable={designable}
|
|
421
421
|
plugins={plugins}
|
|
@@ -780,7 +780,7 @@ export const PageDesigner = React.forwardRef<any, PageDesignerProps>(
|
|
|
780
780
|
onEffect={handleAiEffect}
|
|
781
781
|
/>
|
|
782
782
|
</Drawer>
|
|
783
|
-
</
|
|
783
|
+
</PageProvider>
|
|
784
784
|
);
|
|
785
785
|
}
|
|
786
786
|
);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createContext, ReactNode } from "react";
|
|
2
2
|
import { DatasetSelectorFunction, FetchType, PageSchema, PluginType, SchemaItemType } from "../typing";
|
|
3
3
|
|
|
4
|
-
type
|
|
4
|
+
type PageContextType = {
|
|
5
5
|
pageId: string;
|
|
6
6
|
designable: boolean;
|
|
7
7
|
plugins: PluginType[];
|
|
@@ -15,7 +15,7 @@ type DesignerContextType = {
|
|
|
15
15
|
fetch?: FetchType;
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
export const
|
|
18
|
+
export const PageContext = createContext<PageContextType>({
|
|
19
19
|
pageId: "",
|
|
20
20
|
designable: false,
|
|
21
21
|
plugins: [],
|
|
@@ -35,15 +35,15 @@ export const DesignerContext = createContext<DesignerContextType>({
|
|
|
35
35
|
fetch: undefined,
|
|
36
36
|
});
|
|
37
37
|
|
|
38
|
-
type
|
|
38
|
+
type PageProviderProps = React.PropsWithChildren<
|
|
39
39
|
Omit<
|
|
40
|
-
Partial<
|
|
40
|
+
Partial<PageContextType>,
|
|
41
41
|
"updateSelectedItem" | "schema" | "forceUpdate"
|
|
42
42
|
> &
|
|
43
|
-
Pick<
|
|
43
|
+
Pick<PageContextType, "schema" | "pageId">
|
|
44
44
|
>;
|
|
45
45
|
|
|
46
|
-
export const
|
|
46
|
+
export const PageProvider: React.FC<PageProviderProps> = ({
|
|
47
47
|
pageId,
|
|
48
48
|
designable,
|
|
49
49
|
plugins,
|
|
@@ -60,7 +60,7 @@ export const DesignerProvider: React.FC<DesignerProviderProps> = ({
|
|
|
60
60
|
setSchema?.({ ...schema });
|
|
61
61
|
};
|
|
62
62
|
return (
|
|
63
|
-
<
|
|
63
|
+
<PageContext.Provider
|
|
64
64
|
value={{
|
|
65
65
|
pageId,
|
|
66
66
|
designable: !!designable,
|
|
@@ -78,6 +78,6 @@ export const DesignerProvider: React.FC<DesignerProviderProps> = ({
|
|
|
78
78
|
}}
|
|
79
79
|
>
|
|
80
80
|
{children}
|
|
81
|
-
</
|
|
81
|
+
</PageContext.Provider>
|
|
82
82
|
);
|
|
83
83
|
};
|
|
@@ -3,7 +3,7 @@ import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
|
|
|
3
3
|
import { PageItem, PageItemProps } from "../layout/PageItem";
|
|
4
4
|
import { HtmlBaseProps, SchemaItemType } from "../typing";
|
|
5
5
|
import styled from "styled-components";
|
|
6
|
-
import {
|
|
6
|
+
import { PageContext } from "../context/PageContext";
|
|
7
7
|
|
|
8
8
|
type DropContainerProps = {
|
|
9
9
|
rootComponent?: React.ComponentType<any>;
|
|
@@ -261,7 +261,7 @@ export const DropContainer: React.FC<DropContainerProps> = ({
|
|
|
261
261
|
selectedItem,
|
|
262
262
|
setSelectedItem: onSelect,
|
|
263
263
|
forceUpdate,
|
|
264
|
-
} = useContext(
|
|
264
|
+
} = useContext(PageContext);
|
|
265
265
|
const localRef = useRef<any | null>(null);
|
|
266
266
|
const [isOver, setIsOver] = useState(false);
|
|
267
267
|
const [indicatorOffset, setIndicatorOffset] = useState(0);
|
package/src/components/index.ts
CHANGED
|
@@ -7,7 +7,7 @@ import { plugins, PropEditorProps } from "./plugins/@antd";
|
|
|
7
7
|
|
|
8
8
|
import DropContainer from "./dnd/DropContainer";
|
|
9
9
|
|
|
10
|
-
import {
|
|
10
|
+
import { PageContext, PageProvider } from "./context/PageContext";
|
|
11
11
|
|
|
12
12
|
import { EnvContext } from "./context/EnvContext";
|
|
13
13
|
|
|
@@ -20,7 +20,8 @@ export {
|
|
|
20
20
|
PageDesigner,
|
|
21
21
|
PageSchema,
|
|
22
22
|
DropContainer,
|
|
23
|
-
|
|
23
|
+
PageContext,
|
|
24
|
+
PageProvider,
|
|
24
25
|
EnvContext,
|
|
25
26
|
plugins,
|
|
26
27
|
PropEditorProps,
|
|
@@ -9,7 +9,7 @@ import React, {
|
|
|
9
9
|
import styled from "styled-components";
|
|
10
10
|
import { DropContainer } from "../dnd/DropContainer";
|
|
11
11
|
import { CallbacksType, EnvType, FetchType } from "../typing";
|
|
12
|
-
import {
|
|
12
|
+
import { PageContext } from "../context/PageContext";
|
|
13
13
|
import { EnvProvider } from "../context/EnvContext";
|
|
14
14
|
|
|
15
15
|
export type PageCanvasProps = {
|
|
@@ -55,7 +55,7 @@ const Wrapper = styled.div`
|
|
|
55
55
|
|
|
56
56
|
export const PageCanvas = React.forwardRef<any, PageCanvasProps>(
|
|
57
57
|
({ device = "desktop", fetch }, ref) => {
|
|
58
|
-
const { schema, forceUpdate } = useContext(
|
|
58
|
+
const { schema, forceUpdate } = useContext(PageContext);
|
|
59
59
|
const rootRef = useRef<HTMLDivElement | null>(null);
|
|
60
60
|
const [canvasWidth, setCanvasWidth] = useState(0);
|
|
61
61
|
const [callbacks, setCallbacks] = useState<CallbacksType>({});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { draggable } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
|
|
2
2
|
import React, { useContext, useEffect, useState } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { PageContext } from "../context/PageContext";
|
|
4
4
|
import { SchemaItemType } from "../typing";
|
|
5
5
|
|
|
6
6
|
export type PageItemProps = {
|
|
@@ -36,7 +36,7 @@ export const PageItem: React.FC<PageItemProps> = ({
|
|
|
36
36
|
index,
|
|
37
37
|
}) => {
|
|
38
38
|
const { designable, selectedItem, setSelectedItem: onSelect, plugins } =
|
|
39
|
-
useContext(
|
|
39
|
+
useContext(PageContext);
|
|
40
40
|
const [isDragging, setIsDragging] = useState(false);
|
|
41
41
|
|
|
42
42
|
const Comp = plugins.find((p) => p.key === item.type)?.component as
|
|
@@ -25,7 +25,7 @@ import React, {
|
|
|
25
25
|
useState,
|
|
26
26
|
} from "react";
|
|
27
27
|
import styled from "styled-components";
|
|
28
|
-
import {
|
|
28
|
+
import { PageContext } from "../context/PageContext";
|
|
29
29
|
import { IconFont } from "../icon/IconFont";
|
|
30
30
|
import {
|
|
31
31
|
ChatConversationType,
|
|
@@ -97,7 +97,7 @@ export const AiPanel: React.FC<AiPanelProps> = ({
|
|
|
97
97
|
style = {},
|
|
98
98
|
onEffect,
|
|
99
99
|
}) => {
|
|
100
|
-
const { pageId, fetch } = useContext(
|
|
100
|
+
const { pageId, fetch } = useContext(PageContext);
|
|
101
101
|
if (!fetch) return null;
|
|
102
102
|
const [conversationId, setConversationId] = useState<string | null>(null);
|
|
103
103
|
const [conversationList, setConversationList] = useState<
|
|
@@ -159,6 +159,8 @@ export const AiPanel: React.FC<AiPanelProps> = ({
|
|
|
159
159
|
setMessageList((list) => [...list, questionMessage]);
|
|
160
160
|
scrollToBottom();
|
|
161
161
|
|
|
162
|
+
const newConversation = !conversationId
|
|
163
|
+
|
|
162
164
|
const { id, answer, createdAt, conversation } = await fetch.ai?.chat(
|
|
163
165
|
BIZ_TYPE,
|
|
164
166
|
pageId,
|
|
@@ -167,9 +169,9 @@ export const AiPanel: React.FC<AiPanelProps> = ({
|
|
|
167
169
|
)!;
|
|
168
170
|
setConversationId(conversation?.id || "");
|
|
169
171
|
setConversationList((list) => [
|
|
172
|
+
newConversation ? conversation || ({} as ChatConversationType) : null,
|
|
170
173
|
...list,
|
|
171
|
-
|
|
172
|
-
]);
|
|
174
|
+
].filter((i) => i !== null));
|
|
173
175
|
Object.assign(questionMessage, {
|
|
174
176
|
id,
|
|
175
177
|
answer,
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
import { PaneHeader } from "./PaneHeader";
|
|
9
9
|
import { IconFont } from "../icon/IconFont";
|
|
10
10
|
import styled from "styled-components";
|
|
11
|
-
import {
|
|
11
|
+
import { PageContext } from "../context/PageContext";
|
|
12
12
|
|
|
13
13
|
const Root = styled.div`
|
|
14
14
|
display: flex;
|
|
@@ -53,7 +53,7 @@ const Root = styled.div`
|
|
|
53
53
|
|
|
54
54
|
export const CascadePanel: React.FC = ({}) => {
|
|
55
55
|
const { schema, selectedItem, setSelectedItem, plugins, forceUpdate } =
|
|
56
|
-
useContext(
|
|
56
|
+
useContext(PageContext);
|
|
57
57
|
const pluginMap = useMemo(() => {
|
|
58
58
|
return (plugins || []).reduce((prev: Record<string, any>, cur: any) => {
|
|
59
59
|
prev[cur.key] = cur;
|
|
@@ -4,10 +4,10 @@ import { Tooltip, Space, message } from "antd";
|
|
|
4
4
|
import { CopyOutlined } from "@ant-design/icons";
|
|
5
5
|
import copy from "copy-to-clipboard";
|
|
6
6
|
import { PaneHeader } from "./PaneHeader";
|
|
7
|
-
import {
|
|
7
|
+
import { PageContext } from "../context/PageContext";
|
|
8
8
|
|
|
9
9
|
export const CodePanel: React.FC = () => {
|
|
10
|
-
const { schema } = useContext(
|
|
10
|
+
const { schema } = useContext(PageContext);
|
|
11
11
|
const code = useMemo(() => JSON.stringify(schema || {}, null, 2), [schema]);
|
|
12
12
|
const handleCopy = () => {
|
|
13
13
|
if (copy(code || "")) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { draggable } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
|
|
2
2
|
import React, { useContext, useEffect, useMemo, useRef } from "react";
|
|
3
3
|
import styled from "styled-components";
|
|
4
|
-
import {
|
|
4
|
+
import { PageContext } from "../context/PageContext";
|
|
5
5
|
import { IconFont } from "../icon/IconFont";
|
|
6
6
|
import { PluginType } from "../typing";
|
|
7
7
|
import { uuid } from "../utils";
|
|
@@ -89,7 +89,7 @@ const PluginTile: React.FC<{ plugin: PluginType }> = ({ plugin }) => {
|
|
|
89
89
|
};
|
|
90
90
|
|
|
91
91
|
export const ComponentPanel: React.FC = () => {
|
|
92
|
-
const { plugins } = useContext(
|
|
92
|
+
const { plugins } = useContext(PageContext);
|
|
93
93
|
const grouped = useMemo(() => {
|
|
94
94
|
const grouped: { group: string; items: PluginType[] }[] = [];
|
|
95
95
|
plugins.forEach((item) => {
|
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
} from "antd";
|
|
19
19
|
import React, { useContext, useMemo, useState } from "react";
|
|
20
20
|
import styled from "styled-components";
|
|
21
|
-
import {
|
|
21
|
+
import { PageContext } from "../context/PageContext";
|
|
22
22
|
import { IconFont } from "../icon/IconFont";
|
|
23
23
|
import { PaneHeader } from "./PaneHeader";
|
|
24
24
|
import { uuid } from "../utils";
|
|
@@ -64,7 +64,7 @@ const Root = styled.div`
|
|
|
64
64
|
`;
|
|
65
65
|
|
|
66
66
|
export const DatasourcePanel: React.FC = () => {
|
|
67
|
-
const { schema, setSchema } = useContext(
|
|
67
|
+
const { schema, setSchema } = useContext(PageContext);
|
|
68
68
|
|
|
69
69
|
const [apiVisible, setApiVisible] = useState(false);
|
|
70
70
|
const [sqlVisible, setSqlVisible] = useState(false);
|
|
@@ -2,7 +2,7 @@ import { MinusSquareOutlined, PlusSquareOutlined } from "@ant-design/icons";
|
|
|
2
2
|
import { Space, Tooltip, Tree } from "antd";
|
|
3
3
|
import React, { useContext, useMemo, useState } from "react";
|
|
4
4
|
import styled from "styled-components";
|
|
5
|
-
import {
|
|
5
|
+
import { PageContext } from "../context/PageContext";
|
|
6
6
|
import { uuid } from "../utils";
|
|
7
7
|
import { PaneHeader } from "./PaneHeader";
|
|
8
8
|
|
|
@@ -39,7 +39,7 @@ export const LayerPanel: React.FC = () => {
|
|
|
39
39
|
selectedItem,
|
|
40
40
|
setSelectedItem: onSelect,
|
|
41
41
|
plugins,
|
|
42
|
-
} = useContext(
|
|
42
|
+
} = useContext(PageContext);
|
|
43
43
|
const [expandedKeys, setExpandedKeys] = useState<string[]>([]);
|
|
44
44
|
const selectedKeys = useMemo(
|
|
45
45
|
() => (selectedItem ? [selectedItem.id!] : []),
|
|
@@ -19,7 +19,7 @@ import {
|
|
|
19
19
|
} from "antd";
|
|
20
20
|
import React, { useContext, useMemo, useRef, useState } from "react";
|
|
21
21
|
import styled from "styled-components";
|
|
22
|
-
import {
|
|
22
|
+
import { PageContext } from "../context/PageContext";
|
|
23
23
|
import { IconFont } from "../icon/IconFont";
|
|
24
24
|
import { PaneHeader } from "./PaneHeader";
|
|
25
25
|
import { DataSetOutput, SchemaItemType, FieldType } from "../typing";
|
|
@@ -82,7 +82,7 @@ export const PropertiesPanel: React.FC<{
|
|
|
82
82
|
schema,
|
|
83
83
|
setSchema,
|
|
84
84
|
datasetSelector,
|
|
85
|
-
} = useContext(
|
|
85
|
+
} = useContext(PageContext);
|
|
86
86
|
const refCustomDatasource = useRef<any>(null);
|
|
87
87
|
const [selectedTab, setSelectedTab] = useState<"1" | "2">("1");
|
|
88
88
|
const items = useMemo(() => computeItems(schema?.items || []), [schema]);
|
|
@@ -5,7 +5,7 @@ import { PaneHeader } from "./PaneHeader";
|
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
import { IconFont } from "../icon/IconFont";
|
|
7
7
|
import { DeleteOutlined, EditOutlined } from "@ant-design/icons";
|
|
8
|
-
import {
|
|
8
|
+
import { PageContext } from "../context/PageContext";
|
|
9
9
|
import { ScriptItem } from "../typing";
|
|
10
10
|
|
|
11
11
|
|
|
@@ -51,7 +51,7 @@ const Root = styled.div`
|
|
|
51
51
|
`;
|
|
52
52
|
|
|
53
53
|
export const ScriptPanel: React.FC = () => {
|
|
54
|
-
const {schema, setSchema} = useContext(
|
|
54
|
+
const {schema, setSchema} = useContext(PageContext);
|
|
55
55
|
const [visible, setVisible] = React.useState(false);
|
|
56
56
|
const [editIndex, setEditIndex] = React.useState(-1);
|
|
57
57
|
const [form] = Form.useForm<ScriptItem>();
|
|
@@ -4,7 +4,7 @@ import { Table, Button, Space, Popconfirm, Modal, Form, Input } from "antd";
|
|
|
4
4
|
import { PaneHeader } from "./PaneHeader";
|
|
5
5
|
import { DeleteOutlined, EditOutlined } from "@ant-design/icons";
|
|
6
6
|
import { IconFont } from "../icon/IconFont";
|
|
7
|
-
import {
|
|
7
|
+
import { PageContext } from "../context/PageContext";
|
|
8
8
|
import { VariableItem } from "../typing";
|
|
9
9
|
|
|
10
10
|
|
|
@@ -22,7 +22,7 @@ const Root = styled.div`
|
|
|
22
22
|
`;
|
|
23
23
|
|
|
24
24
|
export const VariablesPanel: React.FC = () => {
|
|
25
|
-
const {schema, setSchema} = useContext(
|
|
25
|
+
const {schema, setSchema} = useContext(PageContext);
|
|
26
26
|
const [visible, setVisible] = React.useState(false);
|
|
27
27
|
const [editIndex, setEditIndex] = React.useState(-1);
|
|
28
28
|
const [form] = Form.useForm<VariableItem>();
|
|
@@ -2,7 +2,7 @@ import { Card, CardProps } from "antd";
|
|
|
2
2
|
import React, { useContext, useMemo, useState } from "react";
|
|
3
3
|
import { DropContainer } from "../../../dnd/DropContainer";
|
|
4
4
|
import { HtmlBaseProps } from "../../../typing";
|
|
5
|
-
import {
|
|
5
|
+
import { PageContext } from "../../../context/PageContext";
|
|
6
6
|
|
|
7
7
|
export type CardRenderProps = {
|
|
8
8
|
bordered?: boolean;
|
|
@@ -3,7 +3,7 @@ import React, { useContext, useMemo, useState } from "react";
|
|
|
3
3
|
import { PageItem } from "../../../layout/PageItem";
|
|
4
4
|
import { DropContainer } from "../../../dnd/DropContainer";
|
|
5
5
|
import { HtmlBaseProps } from "../../../typing";
|
|
6
|
-
import {
|
|
6
|
+
import { PageContext } from "../../../context/PageContext";
|
|
7
7
|
import { EnvContext } from "../../../context/EnvContext";
|
|
8
8
|
|
|
9
9
|
export type ColRenderProps = {
|
|
@@ -30,7 +30,7 @@ export const ColRender: React.FC<ColRenderProps> = ({
|
|
|
30
30
|
style = {},
|
|
31
31
|
className,
|
|
32
32
|
}) => {
|
|
33
|
-
const { designable } = useContext(
|
|
33
|
+
const { designable } = useContext(PageContext);
|
|
34
34
|
const { deviceWidth } = useContext(EnvContext);
|
|
35
35
|
const [localChildren, setLocalChildren] = useState(item.children || []);
|
|
36
36
|
|
|
@@ -2,7 +2,7 @@ import { Row } from "antd";
|
|
|
2
2
|
import React, { useContext, useState } from "react";
|
|
3
3
|
import { DropContainer } from "../../../dnd/DropContainer";
|
|
4
4
|
import { HtmlBaseProps } from "../../../typing";
|
|
5
|
-
import {
|
|
5
|
+
import { PageContext } from "../../../context/PageContext";
|
|
6
6
|
|
|
7
7
|
export type RowRenderProps = {
|
|
8
8
|
gutter?: number | [number, number];
|
|
@@ -22,7 +22,7 @@ export const RowRender: React.FC<RowRenderProps> = ({
|
|
|
22
22
|
style,
|
|
23
23
|
className,
|
|
24
24
|
}) => {
|
|
25
|
-
const { designable } = useContext(
|
|
25
|
+
const { designable } = useContext(PageContext);
|
|
26
26
|
const [localChildren, setLocalChildren] = useState(item.children || []);
|
|
27
27
|
|
|
28
28
|
const onLocalChildrenChange = (list: any[]) => {
|
|
@@ -2,7 +2,7 @@ import { Space } from "antd";
|
|
|
2
2
|
import React, { useContext, useMemo, useState } from "react";
|
|
3
3
|
import { DropContainer } from "../../../dnd/DropContainer";
|
|
4
4
|
import { HtmlBaseProps } from "../../../typing";
|
|
5
|
-
import {
|
|
5
|
+
import { PageContext } from "../../../context/PageContext";
|
|
6
6
|
import { type SizeType } from "antd/es/config-provider/SizeContext";
|
|
7
7
|
|
|
8
8
|
export type SpaceRenderProps = {
|
|
@@ -21,7 +21,7 @@ export const SpaceRender: React.FC<SpaceRenderProps> = ({
|
|
|
21
21
|
style = {},
|
|
22
22
|
className,
|
|
23
23
|
}) => {
|
|
24
|
-
const { designable } = useContext(
|
|
24
|
+
const { designable } = useContext(PageContext);
|
|
25
25
|
const [localChildren, setLocalChildren] = useState(item.children || []);
|
|
26
26
|
|
|
27
27
|
const onLocalChildrenChange = (list: any[]) => {
|
package/src/components/utils.ts
CHANGED
|
@@ -36,8 +36,6 @@ export const handleCallback = (
|
|
|
36
36
|
|
|
37
37
|
export const uuid = () => v4();
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
39
|
export const formatTime = (dateStr: string) => {
|
|
42
40
|
if (!dateStr) return "";
|
|
43
41
|
const date = new Date(dateStr);
|
|
@@ -74,4 +72,22 @@ export const formatTime = (dateStr: string) => {
|
|
|
74
72
|
|
|
75
73
|
const YYYY = date.getFullYear();
|
|
76
74
|
return `${YYYY}-${MM}-${DD} ${HH}:${mm}`;
|
|
77
|
-
};
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
export const isMobile = () => {
|
|
78
|
+
const userAgent = navigator.userAgent;
|
|
79
|
+
const mobileKeywords = [
|
|
80
|
+
"Android",
|
|
81
|
+
"iPhone",
|
|
82
|
+
"iPad",
|
|
83
|
+
"Windows Phone",
|
|
84
|
+
"BlackBerry",
|
|
85
|
+
"Opera Mini",
|
|
86
|
+
"Symbian",
|
|
87
|
+
"Kindle",
|
|
88
|
+
"Mobile",
|
|
89
|
+
];
|
|
90
|
+
|
|
91
|
+
const regex = new RegExp(mobileKeywords.join("|"), "i");
|
|
92
|
+
return regex.test(userAgent);
|
|
93
|
+
};
|