@next-bricks/advanced 0.35.3 → 0.35.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/advanced",
-  "version": "0.35.3",
+  "version": "0.35.5",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/advanced",
   "repository": {
     "type": "git",
@@ -44,5 +44,5 @@
     "@next-bricks/icons": "*",
     "@next-bricks/markdown": "*"
   },
-  "gitHead": "b46396164d7d3efa2909791c4f431e0517a517a5"
+  "gitHead": "ffbcc692d8b936f15979dc4cbf39754061a6ad2b"
 }

package/dist/chunks/eo-workbench-layout-v2.333dbbe7.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_advanced=globalThis.webpackChunk_next_bricks_advanced||[]).push([[771],{20504:(e,t,r)=>{r.r(t),r.d(t,{EoWorkbenchLayoutComponent:()=>re,EoWorkbenchLayoutV2:()=>Q});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),u=r.n(p),h=r(24782),m=r(91389),g=r(43128),b=r(45833),f=(r(19583),r(72465));let y,v,x,A,k,w,z,I,M,W,E,L,C,D,B,N,T,P,R;r(78259);const{defineElement:O,property:S,event:H}=(0,h.createDecorators)(),Z=(0,m.wrapBrick)("eo-button"),j=(0,m.wrapBrick)("eo-icon"),U=(0,m.wrapBrick)("eo-checkbox",{onChange:"change"});let Q;var X=new WeakMap,Y=new WeakMap,q=new WeakMap,G=new WeakMap,K=new WeakMap,_=new WeakMap,J=new WeakSet,F=new WeakMap,$=new WeakMap,V=new WeakMap;class ee extends m.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,J),(0,n.A)(this,X,v(this)),(0,n.A)(this,Y,(x(this),A(this))),(0,n.A)(this,q,(k(this),w(this))),(0,n.A)(this,G,(z(this),I(this))),(0,n.A)(this,K,(M(this),W(this))),(0,n.A)(this,_,(E(this),L(this))),(0,n.A)(this,F,(B(this),e=>{(0,s.A)(J,this,C).emit(e)})),(0,n.A)(this,$,N(this)),(0,n.A)(this,V,(R(this),()=>{(0,s.A)(J,this,T).emit()}))}get cardTitle(){return(0,c.A)(X,this)}set cardTitle(e){(0,l.A)(X,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 toolbarBricks(){return(0,c.A)(G,this)}set toolbarBricks(e){(0,l.A)(G,this,e)}get componentList(){return(0,c.A)(K,this)}set componentList(e){(0,l.A)(K,this,e)}render(){return u().createElement(re,{cardTitle:this.cardTitle,layouts:this.layouts,toolbarBricks:this.toolbarBricks,componentList:this.componentList,isEdit:this.isEdit,onSave:(0,c.A)(F,this),onCancel:(0,c.A)(V,this)})}}a=ee,({e:[v,x,A,k,w,z,I,M,W,E,L,C,D,B,N,T,P,R],c:[Q,y]}=(0,d.A)(a,[O("eo-workbench-layout-v2",{shadowOptions:!1})],[[S(),1,"cardTitle"],[S({type:Boolean}),1,"isEdit"],[S({attribute:!1}),1,"layouts"],[S({attribute:!1}),1,"toolbarBricks"],[S({attribute:!1}),1,"componentList"],[H({type:"save"}),1,"saveLayoutEvent",e=>(0,c.A)(_,e),(e,t)=>(0,l.A)(_,e,t)],[H({type:"cancel"}),1,"cancelEvent",e=>(0,c.A)($,e),(e,t)=>(0,l.A)($,e,t)]],0,(e=>V.has((0,o.A)(e))),m.ReactNextElement)),y();const te=e=>null!=e&&e.includes(":")?e.split(":")[0]:e;function re(e){let{cardTitle:t="卡片列表",layouts:r,toolbarBricks:a,componentList:i=[],isEdit:n,onSave:o,onCancel:s}=e;const l=(0,p.useMemo)((()=>(0,b.WidthProvider)(b.Responsive)),[]),c=(0,p.useRef)(null),d=(0,p.useRef)(),h=(0,p.useRef)(null),[m,y]=(0,p.useState)(r??[]),[v,x]=(0,p.useState)(3),[A,k]=(0,p.useState)(),w=(0,p.useCallback)((e=>{d.current||(d.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?d.current=e:y((e=>null==e?void 0:e.map((e=>{var t;return{...null===(t=d.current)||void 0===t?void 0:t.find((t=>te(t.i)===te(e.i))),i:`${te(e.i)}:${Math.random()}`}}))))}),[]),z=(0,p.useCallback)((e=>{const t=e.detail.map((e=>e.value)),r=m.map((e=>te(e.i))),a=e.detail.filter((e=>!r.includes(e.key))).map((e=>({...e.position,x:e.w>1?0:2*m.length%v,y:1/0})));y((e=>e.filter((e=>t.includes(te(e.i)))).concat(a)))}),[m,v]),I=(0,p.useCallback)((()=>{null==o||o((d.current??[]).map((e=>({...e,i:te(e.i)}))))}),[o]),M=(0,p.useCallback)(((e,t)=>{var r;e.stopPropagation(),y((null===(r=d.current)||void 0===r?void 0:r.filter((e=>te(e.i)!==t.key)))??[])}),[]),W=e=>{e.preventDefault()},E=(0,p.useMemo)((()=>m.map((e=>{const t=i.find((t=>t.key===te(e.i)));return t?u().createElement("div",{key:e.i,"data-grid":{...t.position??{},...e},style:t.style,className:"drag-box"},n&&u().createElement("div",{className:f.A.editMask,onMouseDown:W}),u().createElement(g.ReactUseBrick,{useBrick:t.useBrick}),n&&u().createElement(j,{icon:"delete",lib:"antd",className:f.A.deleteIcon,onClick:e=>M(e,t)})):null})).filter(Boolean)),[i,M,m,n]),L=(0,p.useMemo)((()=>i.map((e=>({...e,label:e.title,value:e.key})))),[i]),C=(0,p.useMemo)((()=>m.map((e=>te(e.i)))),[m]),D=(0,p.useCallback)((()=>{if(h&&n){var e;const{top:t}=(null===(e=h.current)||void 0===e||null===(e=e.getClientRects())||void 0===e?void 0:e[0])??{};void 0!==t&&k({height:document.body.clientHeight-t,overflow:"scroll"})}}),[n]);return(0,p.useEffect)((()=>{if(n)return D(),y(r||[]),window.addEventListener("resize",D),()=>{window.removeEventListener("resize",D)}}),[n,D,r]),u().createElement("div",{className:f.A.gridLayoutWrapper,ref:c},n&&u().createElement("div",{className:f.A.componentWrapper},u().createElement("div",{className:f.A.componentTitle},t),u().createElement("div",{className:f.A.componentList},u().createElement(U,{options:L,value:C,onChange:z}),(null==a?void 0:a.useBrick)&&u().createElement(g.ReactUseMultipleBricks,{useBrick:a.useBrick}))),u().createElement("div",{className:f.A.layoutWrapper,ref:h,style:A},n&&u().createElement("div",{className:f.A.actionsWrapper},u().createElement(Z,{type:"primary",onClick:I},"保存"),u().createElement(Z,{danger:!0,onClick:()=>{y([])}},"清除"),u().createElement(Z,{onClick:()=>{null==s||s()}},"取消")),u().createElement(l,{className:f.A.layout,draggableCancel:`${f.A.deleteIcon},.edit-actions,.ingore-item`,breakpoints:{lg:1300,md:1024,sm:768},rowHeight:1,cols:{lg:3,md:3,sm:1},isResizable:!1,isDraggable:n,onDrag:(e,t,r)=>{var a;const i=null===(a=c.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:w,onBreakpointChange:(e,t)=>{x(t)}},E)))}},85689:(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(87796),l=r(37564),c=o()(i());c.i(s.A),c.i(l.A),c.push([e.id,".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},87796:(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},37564:(e,t,r)=>{r.d(t,{A:()=>u});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 u=d},89739:(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,".gridLayoutWrapper--DIttynOM{display:flex;height:100%;position:relative}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP{width:170px;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}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentTitle--nKf9GEoj{font-size:16px;padding:6px 0;font-weight:500}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB{margin-top:6px}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB eo-checkbox::part(checkbox-wrapper){display:flex;flex-wrap:wrap;gap:8px}.gridLayoutWrapper--DIttynOM .componentWrapper--P8xsKOQP .componentList--s3XnAYsB eo-checkbox::part(checkbox-option){margin-left:0;width:100%;background:none}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR{flex:1}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .layout--kz28taJj{max-width:1300px;margin:0 auto}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .actionsWrapper--vQro2Dyn{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)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .editMask--ql2wriZf{position:absolute;left:0;right:0;top:45px;bottom:0;z-index:10}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc{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)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc:hover{color:var(--color-error)}.gridLayoutWrapper--DIttynOM .layoutWrapper--pk1t3UAR .deleteIcon--IjEzXZqc:active{color:var(--color-error-active)}",""]),o.locals={gridLayoutWrapper:"gridLayoutWrapper--DIttynOM",componentWrapper:"componentWrapper--P8xsKOQP",componentTitle:"componentTitle--nKf9GEoj",componentList:"componentList--s3XnAYsB",layoutWrapper:"layoutWrapper--pk1t3UAR",layout:"layout--kz28taJj",actionsWrapper:"actionsWrapper--vQro2Dyn",editMask:"editMask--ql2wriZf",deleteIcon:"deleteIcon--IjEzXZqc"};const s=o},78259:(e,t,r)=>{var a=r(72591),i=r.n(a),n=r(1740),o=r.n(n),s=r(88128),l=r.n(s),c=r(30855),d=r.n(c),p=r(93051),u=r.n(p),h=r(73656),m=r.n(h),g=r(85689),b={};b.styleTagTransform=m(),b.setAttributes=d(),b.insert=l().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=u(),i()(g.A,b),g.A&&g.A.locals&&g.A.locals},72465:(e,t,r)=>{r.d(t,{A:()=>f});var a=r(72591),i=r.n(a),n=r(1740),o=r.n(n),s=r(88128),l=r.n(s),c=r(30855),d=r.n(c),p=r(93051),u=r.n(p),h=r(73656),m=r.n(h),g=r(89739),b={};b.styleTagTransform=m(),b.setAttributes=d(),b.insert=l().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=u(),i()(g.A,b);const f=g.A&&g.A.locals?g.A.locals:void 0},72591:e=>{var t=[];function r(e){for(var r=-1,a=0;a<t.length;a++)if(t[a].identifier===e){r=a;break}return r}function a(e,a){for(var n={},o=[],s=0;s<e.length;s++){var l=e[s],c=a.base?l[0]+a.base:l[0],d=n[c]||0,p="".concat(c," ").concat(d);n[c]=d+1;var u=r(p),h={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==u)t[u].references++,t[u].updater(h);else{var m=i(h,a);a.byIndex=s,t.splice(s,0,{identifier:p,updater:m,references:1})}o.push(p)}return o}function i(e,t){var r=t.domAPI(t);return r.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,i){var n=a(e=e||[],i=i||{});return function(e){e=e||[];for(var o=0;o<n.length;o++){var s=r(n[o]);t[s].references--}for(var l=a(e,i),c=0;c<n.length;c++){var d=r(n[c]);0===t[d].references&&(t[d].updater(),t.splice(d,1))}n=l}}},88128:e=>{var t={};e.exports=function(e,r){var a=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(r)}},93051:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},30855:(e,t,r)=>{e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},1740:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var a="";r.supports&&(a+="@supports (".concat(r.supports,") {")),r.media&&(a+="@media ".concat(r.media," {"));var i=void 0!==r.layer;i&&(a+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),a+=r.css,i&&(a+="}"),r.media&&(a+="}"),r.supports&&(a+="}");var n=r.sourceMap;n&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),t.styleTagTransform(a,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},73656:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},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-v2.333dbbe7.js.map