@next-bricks/advanced 0.35.6 → 0.35.8

package/dist/chunks/eo-workbench-layout.ed5789f5.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[]).push([[9326],{55319:(e,t,r)=>{r.r(t),r.d(t,{EoWorkbenchLayout:()=>G,EoWorkbenchLayoutComponent:()=>V});var a,i=r(74635),n=r(70918),o=r(26902),s=r(5536),l=r(86121),c=r(70829),d=r(62740),p=r(18769),g=r.n(p),h=r(24782),m=r(91389),u=r(63229),b=r(45833),w=(r(19583),r(91116));let y,f,v,x,z,k,A,E,M,C,I,N,L,D,W,B,H;const{defineElement:S,property:R,event:T}=(0,h.createDecorators)(),Z=(0,m.wrapBrick)("eo-button"),P=(0,m.wrapBrick)("eo-icon"),j=(0,m.wrapBrick)("eo-checkbox",{onChange:"change"});let G;var _=new WeakMap,Y=new WeakMap,Q=new WeakMap,$=new WeakMap,F=new WeakMap,J=new WeakSet,U=new WeakMap,X=new WeakMap,q=new WeakMap;class O extends m.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,J),(0,n.A)(this,_,f(this)),(0,n.A)(this,Y,(v(this),x(this))),(0,n.A)(this,Q,(z(this),k(this))),(0,n.A)(this,$,(A(this),E(this))),(0,n.A)(this,F,(M(this),C(this))),(0,n.A)(this,U,(L(this),e=>{(0,s.A)(J,this,I).emit(e)})),(0,n.A)(this,X,D(this)),(0,n.A)(this,q,(H(this),()=>{(0,s.A)(J,this,W).emit()}))}get cardTitle(){return(0,c.A)(_,this)}set cardTitle(e){(0,l.A)(_,this,e)}get isEdit(){return(0,c.A)(Y,this)}set isEdit(e){(0,l.A)(Y,this,e)}get layouts(){return(0,c.A)(Q,this)}set layouts(e){(0,l.A)(Q,this,e)}get componentList(){return(0,c.A)($,this)}set componentList(e){(0,l.A)($,this,e)}render(){return g().createElement(V,{cardTitle:this.cardTitle,layouts:this.layouts,componentList:this.componentList,isEdit:this.isEdit,onSave:(0,c.A)(U,this),onCancel:(0,c.A)(q,this)})}}a=O,({e:[f,v,x,z,k,A,E,M,C,I,N,L,D,W,B,H],c:[G,y]}=(0,d.A)(a,[S("eo-workbench-layout",{styleTexts:[w.A]})],[[R(),1,"cardTitle"],[R({type:Boolean}),1,"isEdit"],[R({attribute:!1}),1,"layouts"],[R({attribute:!1}),1,"componentList"],[T({type:"save"}),1,"saveLayoutEvent",e=>(0,c.A)(F,e),(e,t)=>(0,l.A)(F,e,t)],[T({type:"cancel"}),1,"cancelEvent",e=>(0,c.A)(X,e),(e,t)=>(0,l.A)(X,e,t)]],0,(e=>q.has((0,o.A)(e))),m.ReactNextElement)),y();const K=e=>null!=e&&e.includes(":")?e.split(":")[0]:e;function V(e){let{cardTitle:t="卡片列表",layouts:r,componentList:a=[],isEdit:i,onSave:n,onCancel:o}=e;const s=(0,p.useMemo)((()=>(0,b.WidthProvider)(b.Responsive)),[]),l=(0,p.useRef)(null),c=(0,p.useRef)(),d=(0,p.useRef)(null),[h,m]=(0,p.useState)(r??[]),[w,y]=(0,p.useState)(3),[f,v]=(0,p.useState)(),x=(0,p.useCallback)((e=>{c.current||(c.current=e);let t=!0;for(let r=0;r<e.length;r++){const{x:a,w:i,y:n,h:o,i:s,minH:l}=e[r];if(i>1&&a>0){t=!1;break}if(1===i&&a<2){const t=e.find((e=>e.i!==s&&1===e.w&&e.y===n&&a<2));t&&(e[r].minH=e[r].minH??o,e[r].h=Math.max(t.h,o))}else e[r].h=l??o,e[r].minH=void 0}t?c.current=e:m((e=>null==e?void 0:e.map((e=>{var t;return{...null===(t=c.current)||void 0===t?void 0:t.find((t=>K(t.i)===K(e.i))),i:`${K(e.i)}:${Math.random()}`}}))))}),[]),z=(0,p.useCallback)((e=>{const t=e.detail.map((e=>e.value)),r=h.map((e=>K(e.i))),a=e.detail.filter((e=>!r.includes(e.key))).map((e=>({...e.position,x:e.w>1?0:2*h.length%w,y:1/0})));m((e=>e.filter((e=>t.includes(K(e.i)))).concat(a)))}),[h,w]),k=(0,p.useCallback)((()=>{null==n||n((c.current??[]).map((e=>({...e,i:K(e.i)}))))}),[n]),A=(0,p.useCallback)(((e,t)=>{var r;e.stopPropagation(),m((null===(r=c.current)||void 0===r?void 0:r.filter((e=>K(e.i)!==t.key)))??[])}),[]),E=e=>{e.preventDefault()},M=(0,p.useMemo)((()=>h.map((e=>{const t=a.find((t=>t.key===K(e.i)));return t?g().createElement("div",{key:e.i,"data-grid":{...t.position??{},...e},style:t.style,className:"drag-box"},i&&g().createElement("div",{className:"edit-mask",onMouseDown:E}),g().createElement(u.ReactUseBrick,{useBrick:t.useBrick}),i&&g().createElement(P,{icon:"delete",lib:"antd",className:"delete-icon",onClick:e=>A(e,t)})):null})).filter(Boolean)),[a,A,h,i]),C=(0,p.useMemo)((()=>a.map((e=>({...e,label:e.title,value:e.key})))),[a]),I=(0,p.useMemo)((()=>h.map((e=>K(e.i)))),[h]),N=(0,p.useCallback)((()=>{if(d&&i){var e;const{top:t}=(null===(e=d.current)||void 0===e||null===(e=e.getClientRects())||void 0===e?void 0:e[0])??{};void 0!==t&&v({height:document.body.clientHeight-t,overflow:"scroll"})}}),[i]);return(0,p.useEffect)((()=>{if(i)return N(),m(r||[]),window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N)}}),[i,N,r]),g().createElement("div",{className:"grid-layout-wrapper",ref:l},i&&g().createElement("div",{className:"component-wrapper"},g().createElement("div",{className:"component-title"},t),g().createElement("div",{className:"component-list"},g().createElement(j,{options:C,value:I,onChange:z}),g().createElement("slot",{name:"toolbar"}))),g().createElement("div",{className:"layout-wrapper",ref:d,style:f},i&&g().createElement("div",{className:"actions-wrapper"},g().createElement(Z,{type:"primary",onClick:k},"保存"),g().createElement(Z,{danger:!0,onClick:()=>{m([])}},"清除"),g().createElement(Z,{onClick:()=>{null==o||o()}},"取消")),g().createElement(s,{className:"layout",draggableCancel:".delete-icon,.edit-actions,.ingore-item",breakpoints:{lg:1300,md:1024,sm:768},rowHeight:1,cols:{lg:3,md:3,sm:1},isResizable:!1,isDraggable:i,onDrag:(e,t,r)=>{var a;const i=null===(a=l.current)||void 0===a?void 0:a.querySelector(".react-grid-placeholder");i&&(r.w>1&&r.x>0?!i.classList.contains("forbidden")&&i.classList.add("forbidden"):i.classList.contains("forbidden")&&i.classList.remove("forbidden"))},onLayoutChange:x,onBreakpointChange:(e,t)=>{y(t)}},M)))}},91116:(e,t,r)=>{r.d(t,{A:()=>d});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n),s=r(34566),l=r(16322),c=o()(i());c.i(s.A),c.i(l.A),c.push([e.id,":host{display:block}:host([hidden]){display:none}.grid-layout-wrapper{display:flex;height:100%;position:relative}.grid-layout-wrapper .component-wrapper{width:150px;padding:6px 12px;overflow-y:scroll;box-shadow:1px 0 0 0 var(--palette-gray-5);background:var(--color-fill-bg-container-1);z-index:999;position:sticky;top:0}.grid-layout-wrapper .component-wrapper .component-title{font-size:16px;padding:6px 0;font-weight:500}.grid-layout-wrapper .component-wrapper .component-list{margin-top:6px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.grid-layout-wrapper .component-wrapper .component-list eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.grid-layout-wrapper .layout-wrapper{flex:1}.grid-layout-wrapper .layout-wrapper .layout{max-width:1300px;margin:0 auto}.grid-layout-wrapper .layout-wrapper .actions-wrapper{position:sticky;top:0;z-index:999;margin-left:1px;display:flex;gap:8px;justify-content:end;background:var(--color-fill-bg-container-1);padding:8px 12px;box-shadow:0 1px 1px 0 var(--palette-gray-5)}.grid-layout-wrapper .layout-wrapper .edit-mask{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.grid-layout-wrapper .layout-wrapper .delete-icon{position:absolute;right:15px;top:15px;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-fill-bg-container-1);color:var(--color-normal-text)}.grid-layout-wrapper .layout-wrapper .delete-icon:hover{color:var(--color-error)}.grid-layout-wrapper .layout-wrapper .delete-icon:active{color:var(--color-error-active)}.react-grid-item.react-grid-placeholder{background-color:#ddd}.react-grid-item.react-draggable-dragging{pointer-events:none}.react-grid-item.react-grid-placeholder.forbidden{background-color:red}",""]);const d=c.toString()},34566:(e,t,r)=>{r.d(t,{A:()=>s});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n)()(i());o.push([e.id,'.react-grid-layout{position:relative;transition:height 200ms ease}.react-grid-item{transition:all 200ms ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:0.2;transition-duration:100ms;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item > .react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item > .react-resizable-handle::after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,0.4);border-bottom:2px solid rgba(0,0,0,0.4)}.react-resizable-hide > .react-resizable-handle{display:none}.react-grid-item > .react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-w,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-n,\n.react-grid-item > .react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item > .react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item > .react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}',""]);const s=o.toString()},16322:(e,t,r)=>{r.d(t,{A:()=>g});var a=r(36758),i=r.n(a),n=r(40935),o=r.n(n),s=r(20062),l=r.n(s),c=new URL(r(59224),r.b),d=o()(i()),p=l()(c);d.push([e.id,`.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(${p});background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,\n.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,\n.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}`,""]);const g=d.toString()},59224:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+"},5536:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(12559);function i(e,t,r){return r((0,a.A)(e,t))}},74635:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(72016);function i(e,t){(0,a.A)(e,t),t.add(e)}}}]);
-//# sourceMappingURL=eo-workbench-layout.ed5789f5.js.map