@univerjs/preset-docs-drawing 0.7.0-nightly.202505111606 → 0.7.0-nightly.202505141607

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.css +1 -1
  2. package/lib/umd/index.js +2 -36
  3. package/package.json +8 -8
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .univer-h-9{height:36px}.univer-w-1\/2{width:50%}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-2{gap:8px}.univer-rounded{border-radius:4px}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-800{background-color:var(--univer-gray-800)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:4px}.univer-text-left{text-align:left}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)}.dark\:hover\:univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)}.univer-relative{position:relative}.univer-mb-12{margin-bottom:48px}.univer-mt-2\.5{margin-top:10px}.univer-mt-5{margin-top:20px}.univer-flex{display:flex}.univer-hidden{display:none}.univer-h-full{height:100%}.univer-w-full{width:100%}.univer-items-center{align-items:center}.univer-gap-1{gap:4px}.univer-p-2{padding:8px}.univer-text-center{text-align:center}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-900{color:var(--univer-gray-900)}.dark\:univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}
1
+ .univer-relative{position:relative}.univer-mt-2\.5{margin-top:10px}.univer-flex{display:flex}.univer-h-full{height:100%}.univer-w-full{width:100%}.univer-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-rounded{border-radius:4px}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-800{background-color:var(--univer-gray-800)}.univer-bg-gray-900{background-color:var(--univer-gray-900)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:4px}.univer-px-8{padding-left:32px;padding-right:32px}.univer-text-center{text-align:center}.univer-text-gray-900{color:var(--univer-gray-900)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.dark\:univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}.dark\:hover\:univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)}.univer-grid{display:grid}.univer-hidden{display:none}.univer-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.univer-gap-2{gap:8px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}.dark\:univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)}.\[\&\>div\]\:univer-grid>div{display:grid}.\[\&\>div\]\:univer-gap-2>div{gap:8px}
package/lib/umd/index.js CHANGED
@@ -1,18 +1,5 @@
1
1
  // @univerjs/drawing-ui/index
2
- (function(I,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react/jsx-runtime"),require("react"),require("@univerjs/design"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react/jsx-runtime","react","@univerjs/design","rxjs"],f):(I=typeof globalThis<"u"?globalThis:I||self,f(I.UniverDrawingUi={},I.UniverCore,I.UniverDrawing,I.UniverEngineRender,I.UniverUi,I.React,I.React,I.UniverDesign,I.rxjs))})(this,function(I,f,M,y,V,c,_,D,Te){"use strict";var Ut=Object.defineProperty;var jt=(I,f,M)=>f in I?Ut(I,f,{enumerable:!0,configurable:!0,writable:!0,value:M}):I[f]=M;var te=(I,f,M)=>jt(I,typeof f!="symbol"?f+"":f,M);var Oe;function Ee(i,r,t,e){const n=e.getDrawingByParam(i);if(n==null)return;const a=M.getDrawingShapeKeyByDrawingSearch(i),s=t.getObject(a);if(s&&!(s instanceof y.Group))return;if(s!=null){s.addObject(r);return}const o=new y.Group(a);t.addObject(o,y.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(r);const{transform:l}=n;l&&o.transformByState({left:l.left,top:l.top,angle:l.angle})}function Pe(i,r){var a;const t=r?i.getUnit(r):i.getFocusedUnit();if(t==null)return;const e=t.getUnitId();let n;return t.type===f.UniverInstanceType.UNIVER_SHEET?n=(a=t.getActiveSheet())==null?void 0:a.getSheetId():(t.type===f.UniverInstanceType.UNIVER_DOC||t.type===f.UniverInstanceType.UNIVER_SLIDE)&&(n=e),{unitId:e,subUnitId:n,current:t}}var Ye=Object.getOwnPropertyDescriptor,Ze=(i,r,t,e)=>{for(var n=e>1?void 0:e?Ye(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},De=(i,r)=>(t,e)=>r(t,e,i);I.DrawingRenderService=class{constructor(r,t,e){this._drawingManagerService=r,this._imageIoService=t,this._galleryService=e}async renderImages(r,t){const{transform:e,drawingType:n,source:a,imageSourceType:s,srcRect:o,prstGeom:l,groupId:u,unitId:d,subUnitId:g,drawingId:h,isMultiTransform:p,transforms:S}=r;if(n!==f.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const w=p&&S?S:[e],m=[];for(const b of w){const{left:C,top:B,width:O,height:A,angle:E,flipX:N,flipY:T,skewX:P,skewY:U}=b,R=w.indexOf(b),x=M.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:g,drawingId:h},p?R:void 0),Y=t.getObject(x);if(Y!=null){Y.transformByState({left:C,top:B,width:O,height:A,angle:E,flipX:N,flipY:T,skewX:P,skewY:U});continue}const K=this._drawingManagerService.getDrawingOrder(d,g),de=K.indexOf(h),se={...b,zIndex:de===-1?K.length-1:de},oe=this._imageIoService.getImageSourceCache(a,s);let ue=!1;if(oe!=null)se.image=oe;else{if(s===M.ImageSourceType.UUID)try{se.url=await this._imageIoService.getImage(a)}catch(Ne){console.error(Ne);continue}else se.url=a;ue=!0}if(t.getObject(x))continue;se.printable=!0;const Q=new y.Image(x,se);ue&&this._imageIoService.addImageSourceCache(a,s,Q.getNative()),this._drawingManagerService.getDrawingVisible()&&(t.addObject(Q,y.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&t.attachTransformerTo(Q),u&&Ee({drawingId:u,unitId:d,subUnitId:g},Q,t,this._drawingManagerService),l!=null&&Q.setPrstGeom(l),o!=null&&Q.setSrcRect(o),m.push(Q))}return m}renderFloatDom(r,t){const{transform:e,drawingType:n,groupId:a,unitId:s,subUnitId:o,drawingId:l,isMultiTransform:u,transforms:d}=r;if(n!==f.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||e==null)return;const g=u&&d?d:[e],h=[];for(const p of g){const{left:S,top:w,width:m,height:b,angle:C,flipX:B,flipY:O,skewX:A,skewY:E}=p,N=g.indexOf(p),T=M.getDrawingShapeKeyByDrawingSearch({unitId:s,subUnitId:o,drawingId:l},u?N:void 0),P=t.getObject(T);if(P!=null){P.transformByState({left:S,top:w,width:m,height:b,angle:C,flipX:B,flipY:O,skewX:A,skewY:E});continue}const U=this._drawingManagerService.getDrawingOrder(s,o),R=U.indexOf(l),x={...p,zIndex:R===-1?U.length-1:R};if(t.getObject(T))continue;x.printable=!1;const Y=new y.Rect(T,x);this._drawingManagerService.getDrawingVisible()&&(t.addObject(Y,y.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&r.allowTransform!==!1&&t.attachTransformerTo(Y),a&&Ee({drawingId:a,unitId:s,subUnitId:o},Y,t,this._drawingManagerService),h.push(Y))}return h}renderDrawing(r,t){const e=this._drawingManagerService.getDrawingByParam(r);if(e!=null)switch(e.drawingType){case f.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,t)}}previewImage(r,t,e,n){this._galleryService.open({images:[t],onOpenChange:a=>{a||this._galleryService.close()}})}_adjustImageSize(r,t,e,n){if(r<=e&&t<=n)return{width:r,height:t};const a=e/r,s=n/t,o=Math.min(a,s);return{width:Math.floor(r*o),height:Math.floor(t*o)}}},I.DrawingRenderService=Ze([De(0,M.IDrawingManagerService),De(1,M.IImageIoService),De(2,V.IGalleryService)],I.DrawingRenderService);function ge(i,r){const t=[];return i.forEach(e=>{const{oKey:n,left:a,top:s,height:o,width:l,angle:u}=e,d=r.getDrawingOKey(n);if(d==null)return t.push(null),!0;const{unitId:g,subUnitId:h,drawingId:p,drawingType:S}=d,w={unitId:g,subUnitId:h,drawingId:p,drawingType:S,transform:{left:a,top:s,height:o,width:l,angle:u}};S===f.DrawingTypeEnum.DRAWING_IMAGE&&(w.srcRect=e.srcRect),t.push(w)}),t}var j=(i=>(i.default="0",i.left="1",i.center="2",i.right="3",i.top="4",i.middle="5",i.bottom="6",i.horizon="7",i.vertical="8",i))(j||{});const ve={id:"sheet.operation.set-image-align",type:f.CommandType.OPERATION,handler:(i,r)=>!0},Xe=i=>{const r=V.useDependency(f.ICommandService),t=V.useDependency(f.LocaleService),{alignShow:e}=i,[n,a]=_.useState(j.default),s=[{label:t.t("image-panel.align.default"),value:j.default},{options:[{label:t.t("image-panel.align.left"),value:j.left},{label:t.t("image-panel.align.center"),value:j.center},{label:t.t("image-panel.align.right"),value:j.right}]},{options:[{label:t.t("image-panel.align.top"),value:j.top},{label:t.t("image-panel.align.middle"),value:j.middle},{label:t.t("image-panel.align.bottom"),value:j.bottom}]},{options:[{label:t.t("image-panel.align.horizon"),value:j.horizon},{label:t.t("image-panel.align.vertical"),value:j.vertical}]}];function o(l){a(l),r.executeCommand(ve.id,{alignType:l})}return c.jsxs("div",{className:D.clsx("univer-relative univer-w-full",D.borderTopClassName,{"univer-hidden":!e}),children:[c.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:c.jsx("div",{className:`
3
- univer-w-full univer-text-gray-900
4
- dark:univer-text-white
5
- `,children:c.jsx("div",{children:t.t("image-panel.align.title")})})}),c.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:c.jsx("div",{className:`
6
- univer-w-full univer-text-gray-900
7
- dark:univer-text-white
8
- `,children:c.jsx(D.Select,{value:n,options:s,onChange:o})})})]})};var F=function(){return F=Object.assign||function(i){for(var r,t=1,e=arguments.length;t<e;t++){r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(i[n]=r[n])}return i},F.apply(this,arguments)},qe=function(i,r){var t={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&r.indexOf(e)<0&&(t[e]=i[e]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(i);n<e.length;n++)r.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(i,e[n])&&(t[e[n]]=i[e[n]]);return t},q=_.forwardRef(function(i,r){var t=i.icon,e=i.id,n=i.className,a=i.extend,s=qe(i,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(n||"").trim(),l=_.useRef("_".concat(et()));return Be(t,"".concat(e),{defIds:t.defIds,idSuffix:l.current},F({ref:r,className:o},s),a)});function Be(i,r,t,e,n){return _.createElement(i.tag,F(F({key:r},Je(i,t,n)),e),(Qe(i,t).children||[]).map(function(a,s){return Be(a,"".concat(r,"-").concat(i.tag,"-").concat(s),t,void 0,n)}))}function Je(i,r,t){var e=F({},i.attrs);t!=null&&t.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=t.colorChannel1),i.tag==="mask"&&e.id&&(e.id=e.id+r.idSuffix),Object.entries(e).forEach(function(a){var s=a[0],o=a[1];s==="mask"&&typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(r.idSuffix,")")))});var n=r.defIds;return!n||n.length===0||(i.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+r.idSuffix),Object.entries(e).forEach(function(a){var s=a[0],o=a[1];typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(r.idSuffix,")")))})),e}function Qe(i,r){var t,e=r.defIds;return!e||e.length===0?i:i.tag==="defs"&&(!((t=i.children)===null||t===void 0)&&t.length)?F(F({},i),{children:i.children.map(function(n){return typeof n.attrs.id=="string"&&e&&e.indexOf(n.attrs.id)>-1?F(F({},n),{attrs:F(F({},n.attrs),{id:n.attrs.id+r.idSuffix})}):n})}):i}function et(){return Math.random().toString(36).substring(2,8)}q.displayName="UniverIcon";var tt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ue=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"autofill",ref:r,icon:tt}))});Ue.displayName="Autofill";var rt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},je=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"bottom-single",ref:r,icon:rt}))});je.displayName="BottomSingle";var nt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z"}}]},Ae=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"create-copy-single",ref:r,icon:nt}))});Ae.displayName="CreateCopySingle";var it={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Le=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"group-single",ref:r,icon:it}))});Le.displayName="GroupSingle";var at={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},xe=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"more-down-single",ref:r,icon:at}))});xe.displayName="MoreDownSingle";var st={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},He=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"move-down-single",ref:r,icon:st}))});He.displayName="MoveDownSingle";var ot={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},ke=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"move-up-single",ref:r,icon:ot}))});ke.displayName="MoveUpSingle";var ct={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ge=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"topmost-single",ref:r,icon:ct}))});Ge.displayName="TopmostSingle";var lt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Re=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"ungroup-single",ref:r,icon:lt}))});Re.displayName="UngroupSingle";const H="univer-relative univer-mt-2.5 univer-flex univer-h-full univer-justify-between univer-gap-2 univer-flex-no-wrap",k="univer-w-full univer-text-left univer-text-gray-400",re="univer-flex univer-items-center univer-gap-1",dt=i=>{const{arrangeShow:r,drawings:t}=i,e=V.useDependency(f.LocaleService),n=V.useDependency(M.IDrawingManagerService),[a,s]=_.useState(t);_.useEffect(()=>{const l=n.focus$.subscribe(u=>{s(u)});return()=>{l.unsubscribe()}},[]);const o=l=>{const u=a[0].unitId,d=a[0].subUnitId,g=a.map(h=>h.drawingId);n.featurePluginOrderUpdateNotification({unitId:u,subUnitId:d,drawingIds:g,arrangeType:l})};return c.jsxs("div",{className:D.clsx("univer-relative univer-mt-5 univer-w-full",{"univer-hidden":!r}),children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx("div",{children:e.t("image-panel.arrange.title")})})}),c.jsxs("div",{className:H,children:[c.jsx("div",{className:"univer-w-1/2",children:c.jsx(D.Button,{onClick:()=>{o(f.ArrangeTypeEnum.forward)},children:c.jsxs("span",{className:re,children:[c.jsx(ke,{}),e.t("image-panel.arrange.forward")]})})}),c.jsx("div",{className:"univer-w-1/2",children:c.jsx(D.Button,{onClick:()=>{o(f.ArrangeTypeEnum.backward)},children:c.jsxs("span",{className:re,children:[c.jsx(He,{}),e.t("image-panel.arrange.backward")]})})})]}),c.jsxs("div",{className:H,children:[c.jsx("div",{className:"univer-w-1/2",children:c.jsx(D.Button,{onClick:()=>{o(f.ArrangeTypeEnum.front)},children:c.jsxs("span",{className:re,children:[c.jsx(Ge,{}),e.t("image-panel.arrange.front")]})})}),c.jsx("div",{className:"univer-w-1/2",children:c.jsx(D.Button,{onClick:()=>{o(f.ArrangeTypeEnum.back)},children:c.jsxs("span",{className:re,children:[c.jsx(je,{}),e.t("image-panel.arrange.back")]})})})]})]})},ut=i=>{const r=V.useDependency(f.LocaleService),t=V.useDependency(y.IRenderManagerService),e=V.useDependency(M.IDrawingManagerService),{hasGroup:n,drawings:a}=i,[s,o]=_.useState(!1),[l,u]=_.useState(!0),[d,g]=_.useState(!0),h=m=>m?"block":"none",p=()=>{const m=e.getFocusDrawings(),{unitId:b,subUnitId:C}=m[0],B=f.Tools.generateRandomId(10),O=y.getGroupState(0,0,m.map(N=>N.transform||{})),A={unitId:b,subUnitId:C,drawingId:B,drawingType:f.DrawingTypeEnum.DRAWING_GROUP,transform:O},E=m.map(N=>{const T=N.transform||{left:0,top:0},{unitId:P,subUnitId:U,drawingId:R}=N;return{unitId:P,subUnitId:U,drawingId:R,transform:{...T,left:T.left-O.left,top:T.top-O.top},groupId:B}});e.featurePluginGroupUpdateNotification([{parent:A,children:E}])},S=m=>{if(m.drawingType!==f.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:b,subUnitId:C,drawingId:B,transform:O={width:0,height:0}}=m;if(O==null)return;const A=e.getDrawingsByGroup({unitId:b,subUnitId:C,drawingId:B});if(A.length===0)return;const E=A.map(N=>{const{transform:T}=N,{unitId:P,subUnitId:U,drawingId:R}=N,x=y.transformObjectOutOfGroup(T||{},O,O.width||0,O.height||0);return{unitId:P,subUnitId:U,drawingId:R,transform:{...T,...x},groupId:void 0}});return{parent:m,children:E}},w=()=>{const b=e.getFocusDrawings().map(C=>S(C)).filter(C=>C!=null);b.length!==0&&e.featurePluginUngroupUpdateNotification(b)};return _.useEffect(()=>{const m=a[0];if(m==null)return;const{unitId:b}=m,C=t.getRenderById(b),B=C==null?void 0:C.scene;if(B==null)return;const O=B.getTransformerByCreate(),A=O.clearControl$.subscribe(N=>{N===!0&&o(!1)}),E=O.changeStart$.subscribe(N=>{const{objects:T}=N,P=ge(T,e),U=P.filter(K=>(K==null?void 0:K.drawingType)===f.DrawingTypeEnum.DRAWING_GROUP);let R=!1,x=!1;P.length>1&&(R=!0),U.length>0&&(x=!0),o(R||x),u(R),g(x)});return()=>{E.unsubscribe(),A.unsubscribe()}},[]),c.jsxs("div",{className:"univer-relative univer-mt-5 univer-w-full",style:{display:h(n===!0?s:!1)},children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx("div",{children:r.t("image-panel.group.title")})})}),c.jsxs("div",{className:H,children:[c.jsx("div",{className:D.clsx(re,"univer-justify-center"),children:c.jsx(D.Button,{style:{display:h(l)},onClick:p,children:c.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[c.jsx(Le,{}),r.t("image-panel.group.group")]})})}),c.jsx("div",{className:D.clsx(re,"univer-justify-center"),children:c.jsx(D.Button,{style:{display:h(d)},onClick:w,children:c.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[c.jsx(Re,{}),r.t("image-panel.group.unGroup")]})})})]})]})},ie=20,gt=20,ht=[-3600,3600],we=300,ft=i=>{var Fe;const r=V.useDependency(f.LocaleService),t=V.useDependency(M.IDrawingManagerService),e=V.useDependency(y.IRenderManagerService),{drawings:n,transformShow:a}=i,s=n[0];if(s==null)return;const o=s.transform;if(o==null)return;const{unitId:l,subUnitId:u,drawingId:d,drawingType:g}=s,h=e.getRenderById(l),p=h==null?void 0:h.scene;if(p==null)return;const S=(Fe=p.getEngine())==null?void 0:Fe.activeScene;if(S==null)return;const w=p.getTransformerByCreate(),{width:m=0,height:b=0,left:C=0,top:B=0,angle:O=0}=o,[A,E]=_.useState(m),[N,T]=_.useState(b),[P,U]=_.useState(C),[R,x]=_.useState(B),[Y,K]=_.useState(O),[de,se]=_.useState(w.keepRatio),oe=(v,L,$,z)=>{const{width:W,height:ee}=S,{ancestorLeft:Z,ancestorTop:X}=p;let J=v,ce=L,pe=$,me=z;return v+Z<0&&(J=-Z),L+X<0&&(ce=-X),pe=W-J-Z,pe<ie&&(pe=ie),me=ee-ce-X,me<ie&&(me=ie),v+pe+Z>W&&(J=W-$-Z),L+me+X>ee&&(ce=ee-z-X),{limitLeft:J,limitTop:ce,limitWidth:pe,limitHeight:me}},ue=v=>{const{objects:L}=v,$=ge(L,t);if($.length!==1)return;const z=$[0];if(z==null)return;const{transform:W}=z;if(W==null)return;const{width:ee,height:Z,left:X,top:J,angle:ce}=W;ee!=null&&E(ee),Z!=null&&T(Z),X!=null&&U(X),J!=null&&x(J),ce!=null&&K(ce)};_.useEffect(()=>{const v=[w.changeStart$.subscribe(L=>{ue(L)}),w.changing$.subscribe(L=>{ue(L)}),w.changeEnd$.subscribe(L=>{ue(L)}),t.focus$.subscribe(L=>{if(L.length!==1)return;const $=t.getDrawingByParam(L[0]);if($==null)return;const z=$.transform;if(z==null)return;const{width:W,height:ee,left:Z,top:X,angle:J}=z;W!=null&&E(W),ee!=null&&T(ee),Z!=null&&U(Z),X!=null&&x(X),J!=null&&K(J)})];return()=>{v.forEach(L=>L.unsubscribe())}},[]);const Q=f.debounce(v=>{if(v==null)return;v=Math.max(v,ie);const{limitWidth:L,limitHeight:$}=oe(P,R,v,N);v=Math.min(v,L);const z={unitId:l,subUnitId:u,drawingId:d,drawingType:g,transform:{width:v}};if(de){let W=v/A*N;if(W=Math.max(W,gt),W>$)return;T(W),z.transform.height=W}E(v),t.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},we),Ne=f.debounce(v=>{if(v==null)return;v=Math.max(v,ie);const{limitHeight:L,limitWidth:$}=oe(P,R,A,v);v=Math.min(v,L);const z={unitId:l,subUnitId:u,drawingId:d,drawingType:g,transform:{height:v}};if(de){let W=v/N*A;if(W=Math.max(W,ie),W>$)return;E(W),z.transform.width=W}T(v),t.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},we),Tt=f.debounce(v=>{if(v==null)return;const{limitLeft:L}=oe(v,R,A,N);v=L;const $={unitId:l,subUnitId:u,drawingId:d,drawingType:g,transform:{left:v}};U(v),t.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},we),Et=f.debounce(v=>{if(v==null)return;const{limitTop:L}=oe(P,v,A,N);v=L;const $={unitId:l,subUnitId:u,drawingId:d,drawingType:g,transform:{top:v}};x(v),t.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},we),Pt=v=>{if(v==null)return;const[L,$]=ht;v<L&&(v=L),v>$&&(v=$);const z={unitId:l,subUnitId:u,drawingId:d,drawingType:g,transform:{angle:v}};K(v),t.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},Bt=v=>{se(v),w.keepRatio=v};return c.jsxs("div",{className:D.clsx("univer-relative univer-mt-5 univer-w-full",D.borderTopClassName,{"univer-hidden":!a}),children:[c.jsx("div",{className:H,children:c.jsx("div",{className:D.clsx(k),children:c.jsx("div",{children:r.t("image-panel.transform.title")})})}),c.jsxs("div",{className:H,children:[c.jsx("div",{className:D.clsx(k),children:c.jsxs("label",{children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:r.t("image-panel.transform.width")})}),c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx(D.InputNumber,{precision:1,value:A,onChange:v=>{Q(v)}})})})]})}),c.jsx("div",{className:D.clsx(k),children:c.jsxs("label",{children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:r.t("image-panel.transform.height")})}),c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx(D.InputNumber,{precision:1,value:N,onChange:v=>{Ne(v)}})})})]})}),c.jsx("div",{className:D.clsx(k),children:c.jsxs("label",{children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:r.t("image-panel.transform.lock")})}),c.jsx("div",{className:D.clsx(H,"univer-h-9 univer-items-center univer-justify-center"),children:c.jsx("div",{className:k,children:c.jsx(D.Checkbox,{checked:de,onChange:Bt})})})]})})]}),c.jsxs("div",{className:H,children:[c.jsx("div",{className:D.clsx(k),children:c.jsxs("label",{children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:r.t("image-panel.transform.x")})}),c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx(D.InputNumber,{precision:1,value:P,onChange:v=>{Tt(v)}})})})]})}),c.jsx("div",{className:D.clsx(k),children:c.jsxs("label",{children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:r.t("image-panel.transform.y")})}),c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx(D.InputNumber,{precision:1,value:R,onChange:v=>{Et(v)}})})})]})}),c.jsx("div",{className:D.clsx(k),children:c.jsxs("label",{children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:r.t("image-panel.transform.rotate")})}),c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx(D.InputNumber,{precision:1,value:Y,onChange:Pt})})})]})})]})]})},Se={id:"sheet.operation.open-image-crop",type:f.CommandType.OPERATION,handler:(i,r)=>!0},ne={id:"sheet.operation.close-image-crop",type:f.CommandType.OPERATION,handler:(i,r)=>!0};var G=(i=>(i.FREE="0",i.R1_1="1",i.R16_9="2",i.R9_16="3",i.R5_4="4",i.R4_5="5",i.R4_3="6",i.R3_4="7",i.R3_2="8",i.R2_3="9",i))(G||{});const he={id:"sheet.operation.Auto-image-crop",type:f.CommandType.OPERATION,handler:(i,r)=>!0},pt=i=>{const r=V.useDependency(f.ICommandService),t=V.useDependency(f.LocaleService),{drawings:e,cropperShow:n}=i;if(e[0]==null)return;const[s,o]=_.useState(G.FREE),l=_.useRef(!1),u=[{label:t.t("image-panel.crop.mode"),value:G.FREE},{label:"1:1",value:G.R1_1},{label:"16:9",value:G.R16_9},{label:"9:16",value:G.R9_16},{label:"5:4",value:G.R5_4},{label:"4:5",value:G.R4_5},{label:"4:3",value:G.R4_3},{label:"3:4",value:G.R3_4},{label:"3:2",value:G.R3_2},{label:"2:3",value:G.R2_3}];_.useEffect(()=>{const h=r.onCommandExecuted(p=>{if(p.id===ne.id){const S=p.params;S!=null&&S.isAuto||(l.current=!1)}});return()=>{h==null||h.dispose()}},[]);function d(h){o(h),l.current&&r.executeCommand(he.id,{cropType:h})}const g=h=>{r.executeCommand(he.id,{cropType:h}),l.current=!0};return c.jsxs("div",{className:D.clsx("univer-relative univer-mt-5 univer-w-full",D.borderTopClassName,{"univer-hidden":!n}),children:[c.jsx("div",{className:H,children:c.jsx("div",{className:k,children:c.jsx("div",{children:t.t("image-panel.crop.title")})})}),c.jsxs("div",{className:H,children:[c.jsx("div",{className:re,children:c.jsx(D.Button,{onClick:()=>{g(s)},children:c.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[c.jsx(Ae,{}),t.t("image-panel.crop.start")]})})}),c.jsx("div",{className:re,children:c.jsx(D.Select,{value:s,options:u,onChange:d})})]})]})},mt=i=>{const r=V.useDependency(M.IDrawingManagerService),t=V.useDependency(y.IRenderManagerService),e=V.useDependency(f.LocaleService),{drawings:n,hasArrange:a=!0,hasTransform:s=!0,hasAlign:o=!0,hasCropper:l=!0,hasGroup:u=!0}=i,d=n[0];if(d==null)return;const{unitId:g}=d,h=t.getRenderById(g),p=h==null?void 0:h.scene;if(p==null)return;const S=p.getTransformerByCreate(),[w,m]=_.useState(!0),[b,C]=_.useState(!0),[B,O]=_.useState(!1),[A,E]=_.useState(!0),[N,T]=_.useState(!1);return _.useEffect(()=>{const P=S.clearControl$.subscribe(x=>{x===!0&&(m(!1),C(!1),O(!1),E(!1),T(!0))}),U=S.changeStart$.subscribe(x=>{const{objects:Y}=x,K=ge(Y,r);K.length===0?(m(!1),C(!1),O(!1),E(!1),T(!0)):K.length===1?(m(!0),C(!0),O(!1),E(!0),T(!1)):(m(!0),C(!1),O(!0),E(!1),T(!1))}),R=r.focus$.subscribe(x=>{x.length===0?(m(!1),C(!1),O(!1),E(!1),T(!0)):x.length===1?(m(!0),C(!0),O(!1),E(!0),T(!1)):(m(!0),C(!1),O(!0),E(!1),T(!1))});return()=>{U.unsubscribe(),P.unsubscribe(),R.unsubscribe()}},[]),c.jsxs(c.Fragment,{children:[c.jsx("div",{style:{display:N===!0?"block":"none",height:"100%"},children:c.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:c.jsx("span",{children:e.t("image-panel.null")})})}),c.jsx(dt,{arrangeShow:a===!0?w:!1,drawings:n}),c.jsx(ft,{transformShow:s===!0?b:!1,drawings:n}),c.jsx(Xe,{alignShow:o===!0?B:!1,drawings:n}),c.jsx(pt,{cropperShow:l===!0?A:!1,drawings:n}),c.jsx(ut,{hasGroup:u,drawings:n})]})},Ve=i=>{var w;const{popup:r}=i,t=(w=r==null?void 0:r.extraProps)==null?void 0:w.menuItems;if(!t)return null;const e=V.useDependency(f.ICommandService),n=V.useDependency(f.LocaleService),[a,s]=_.useState(!1),[o,l]=_.useState(!1),u=()=>{l(!0)},d=()=>{l(!1)},g=m=>{s(m)},h=m=>{e.executeCommand(m.commandId,m.commandParams),s(!1)},p=a||o,S=t.filter(m=>!m.disable);return c.jsx("div",{onMouseEnter:u,onMouseLeave:d,children:c.jsx(D.DropdownMenu,{align:"start",items:S.map(m=>({type:"item",children:n.t(m.label),onSelect:()=>h(m)})),open:a,onOpenChange:g,children:c.jsxs("div",{className:D.clsx(`
9
- univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
10
- dark:hover:univer-bg-gray-800
11
- hover:univer-bg-gray-100
12
- `,D.borderClassName,{"univer-bg-gray-100 dark:univer-bg-gray-800":a,"univer-bg-white dark:univer-bg-gray-900":!a}),children:[c.jsx(Ue,{className:`
13
- univer-fill-primary-600 univer-text-gray-900
14
- dark:univer-text-white
15
- `}),p&&c.jsx(xe,{className:"dark:univer-text-white"})]})})})},We="COMPONENT_IMAGE_POPUP_MENU",vt="drawing-ui.config",$e={},Me={id:"sheet.operation.image-reset-size",type:f.CommandType.OPERATION,handler:(i,r)=>!0};var wt=Object.getOwnPropertyDescriptor,St=(i,r,t,e)=>{for(var n=e>1?void 0:e?wt(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},ze=(i,r)=>(t,e)=>r(t,e,i);let _e=class extends f.Disposable{constructor(i,r){super(),this._componentManager=i,this._commandService=r,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(We,Ve))}_initCommands(){[Se,ne,Me,ve,he].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_init(){this._initCommands(),this._initCustomComponents()}};_e=St([ze(0,f.Inject(V.ComponentManager)),ze(1,f.ICommandService)],_e);var _t=Object.getOwnPropertyDescriptor,Ct=(i,r,t,e)=>{for(var n=e>1?void 0:e?_t(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},Ce=(i,r)=>(t,e)=>r(t,e,i);let ye=class extends f.Disposable{constructor(r,t,e,n){super();te(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=r,this._commandService=t,this._renderManagerService=e,this._drawingManagerService=n,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const r=this._drawingManagerService.drawingManagerData,t=Pe(this._currentUniverService);if(t==null)return;const{unitId:e,subUnitId:n}=t;Object.keys(r).forEach(a=>{Object.keys(r[a]).forEach(s=>{const o=r[a][s].data;o==null||a!==e||s!==n||Object.keys(o).forEach(l=>{o[l]&&this._insertDrawing([{unitId:a,subUnitId:s,drawingId:l}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id===ve.id){const t=r.params;if(t==null)return;this._drawingAlign(t)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(r=>{this._groupDrawings(r)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(r=>{this._ungroupDrawings(r)}))}_getSceneAndTransformerByDrawingSearch(r){if(r==null)return;const t=this._renderManagerService.getRenderById(r),e=t==null?void 0:t.scene;if(e==null)return null;const n=e.getTransformerByCreate();return{scene:e,transformer:n}}_groupDrawings(r){r.forEach(t=>{this._groupDrawing(t)})}_groupDrawing(r){const{parent:t,children:e}=r,{unitId:n,subUnitId:a,drawingId:s}=t,o=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(o==null)return;const{scene:l,transformer:u}=o;this._commandService.syncExecuteCommand(ne.id);const d=[];if(e.forEach(p=>{const S=M.getDrawingShapeKeyByDrawingSearch(p),w=l.getObjectIncludeInGroup(S);if(w==null||d.includes(w))return;d.push(w);const{transform:m}=p;m!=null&&(w.classType===y.RENDER_CLASS_TYPE.GROUP?w.transformByState({left:m.left,top:m.top}):w.transformByState(m))}),d.length===0)return;const g=M.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:a,drawingId:s}),h=new y.Group(g);l.addObject(h,y.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(h),h.addObjects(...d),t.transform&&h.transformByState({left:t.transform.left,top:t.transform.top}),u.clearSelectedObjects(),u.setSelectedControl(h)}_ungroupDrawings(r){r.forEach(t=>{this._ungroupDrawing(t)})}_ungroupDrawing(r){const{parent:t,children:e}=r,n=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(n==null)return;const{scene:a,transformer:s}=n;e.forEach(g=>{const h=M.getDrawingShapeKeyByDrawingSearch(g),p=a.getObjectIncludeInGroup(h);if(p==null)return!0;if(p==null)return;const{transform:S}=g;S!=null&&(p.classType===y.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:S.left,top:S.top}):p.transformByState(S))});const o=M.getDrawingShapeKeyByDrawingSearch(t),l=a.getObject(o),{width:u,height:d}=l;l.getObjects().forEach(g=>{l.removeSelfObjectAndTransform(g.oKey,u,d)}),l.dispose(),s.clearSelectedObjects()}_drawingAlign(r){const{alignType:t}=r,e=this._drawingManagerService.getFocusDrawings();if(t===j.default)return;const n=[];let a=Number.POSITIVE_INFINITY,s=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,l=Number.NEGATIVE_INFINITY,u=0;e.forEach(d=>{const{unitId:g,subUnitId:h,drawingId:p,drawingType:S}=d,w=this._drawingManagerService.getDrawingByParam({unitId:g,subUnitId:h,drawingId:p});if(w==null||w.transform==null)return;n.push({unitId:g,subUnitId:h,drawingId:p,drawingType:S,transform:w.transform});const{left:m=0,top:b=0,width:C=0,height:B=0}=w.transform;a=Math.min(a,m),s=Math.min(s,b),o=Math.max(o,m+C),l=Math.max(l,b+B),u++}),u!==0&&(this._sortDrawingTransform(n,t),this._applyAlignType(n,t,a,s,o,l,u))}_applyAlignType(r,t,e,n,a,s,o){const l=Math.round((a-e)/o*10)/10,u=Math.round((s-n)/o*10)/10,d=[],g=this._getSceneAndTransformerByDrawingSearch(r[0].unitId);if(g==null)return;const{scene:h,transformer:p}=g;r.forEach((S,w)=>{const{unitId:m,subUnitId:b,drawingId:C,transform:B,drawingType:O}=S,{left:A=0,top:E=0,width:N=0,height:T=0}=B;let P=A,U=E;switch(t){case j.left:P=e;break;case j.center:P=e+(a-e)/2-N/2;break;case j.right:P=a-N;break;case j.top:U=n;break;case j.middle:U=n+(s-n)/2-T/2;break;case j.bottom:U=s-T;break;case j.horizon:P=e+l*w;break;case j.vertical:U=n+u*w;break}(P!==A||U!==E)&&d.push({unitId:m,subUnitId:b,drawingId:C,drawingType:O,transform:{left:P,top:U}})}),this._drawingManagerService.featurePluginUpdateNotification(d),p.refreshControls().changeNotification()}_sortDrawingTransform(r,t){r.sort((e,n)=>{const a=e.transform,s=n.transform,{left:o=0,top:l=0,width:u=0,height:d=0}=a,{left:g=0,top:h=0,width:p=0,height:S=0}=s;switch(t){case j.left:return o-g;case j.center:return o+u/2-(g+p/2);case j.right:return o+u-(g+p);case j.top:return l-h;case j.middle:return l+d/2-(h+S/2);case j.bottom:return l+d-(h+S);case j.horizon:return o+u/2-(g+p/2);case j.vertical:return l+d/2-(h+S/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(r=>{this._drawingArrange(r)}))}_drawingArrange(r){const{unitId:t,subUnitId:e,drawingIds:n}=r,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;const{scene:s}=a;n.forEach(o=>{const l=M.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:e,drawingId:o}),u=s.fuzzyMathObjects(l,!0);if(u==null||u.length===0)return;const d=this._drawingManagerService.getDrawingOrder(t,e).indexOf(o);for(const g of u)g.setProps({zIndex:d}),g.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(r=>{this._insertDrawing(r)}))}_insertDrawing(r){const t=[];r.forEach(e=>{const{unitId:n}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:o}=s;t.includes(o)||t.push(o)}),t.forEach(e=>{this._sceneListenerOnDrawingMap.has(e)||(this._addListenerOnDrawing(e),this._sceneListenerOnDrawingMap.add(e))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(r=>{r.forEach(t=>{var d;const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const{scene:o}=s,l=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),u=o.fuzzyMathObjects(l,!0);if(u.length>0){for(const g of u)g.dispose();(d=o.getTransformer())==null||d.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(r=>{r.forEach(t=>{var N;const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:o,drawingType:l}=s,u=this._getSceneAndTransformerByDrawingSearch(e);if(u==null)return;const{scene:d,transformer:g}=u;if(o==null)return!0;const{left:h=0,top:p=0,width:S=0,height:w=0,angle:m=0,flipX:b=!1,flipY:C=!1,skewX:B=0,skewY:O=0}=o,A=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),E=d.getObject(A);if(E==null)return!0;E.transformByState({left:h,top:p,width:S,height:w,angle:m,flipX:b,flipY:C,skewX:B,skewY:O}),(N=d.getTransformer())==null||N.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(r=>{r.forEach(t=>{const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const{transform:l}=o,{scene:u}=s,d=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),g=u.getObject(d);if(g==null||l==null)return!0;const{left:h=0,top:p=0,width:S=0,height:w=0,angle:m=0,flipX:b=!1,flipY:C=!1,skewX:B=0,skewY:O=0}=l;g.transformByState({left:h,top:p,width:S,height:w,angle:m,flipX:b,flipY:C,skewX:B,skewY:O})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(r=>{r.forEach(t=>{const{unitId:e,subUnitId:n,drawingId:a,visible:s}=t,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:l}=o,u=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),d=l.getObject(u);if(d==null)return!0;s?d.show():d.hide()})}))}_filterUpdateParams(r,t){return r.filter((e,n)=>{if(e==null)return!1;const{transform:a}=e;return f.checkIfMove(a,t==null?void 0:t[n])})}_addListenerOnDrawing(r){const t=r.getTransformerByCreate();let e=null;this.disposeWithMe(f.toDisposable(t.changeStart$.subscribe(n=>{const{objects:a}=n,s=Array.from(a.values()),o=[];e=s.map(l=>{const{left:u,top:d,height:g,width:h,angle:p,oKey:S,isInGroup:w}=l,m=this._drawingManagerService.getDrawingOKey(S);if(w||l instanceof y.Group){let b=l.ancestorGroup;if(b==null&&l instanceof y.Group&&(b=l),b==null)return null;const C=this._drawingManagerService.getDrawingOKey(b.oKey);if(C){const{unitId:B,subUnitId:O,drawingId:A}=C;o.push({unitId:B,subUnitId:O,drawingId:A});const{left:E,top:N,height:T,width:P,angle:U}=b;return{left:E,top:N,height:T,width:P,angle:U}}}else if(m!=null){const{unitId:b,subUnitId:C,drawingId:B}=m;return o.push({unitId:b,subUnitId:C,drawingId:B}),{left:u,top:d,height:g,width:h,angle:p}}return null}).filter(l=>l!=null),o.length>0?this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe(f.toDisposable(t.changeEnd$.subscribe(n=>{const{objects:a}=n,s=this._filterUpdateParams(ge(a,this._drawingManagerService),e);s.length>0&&this._drawingManagerService.featurePluginUpdateNotification(s)})))}};ye=Ct([Ce(0,f.IUniverInstanceService),Ce(1,f.ICommandService),Ce(2,y.IRenderManagerService),Ce(3,M.IDrawingManagerService)],ye);class fe extends y.Shape{constructor(t,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(t,e);te(this,"_srcRect");te(this,"_prstGeom");te(this,"_applyTransform");te(this,"_dragPadding",8);te(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(t,e){this._srcRect=t,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var t;super.dispose(),(t=this._cacheCanvas)==null||t.dispose(),this._srcRect=null}isHit(t){const e=this.getInverseCoord(t);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(t){const e=this._dragPadding;return t.x>=e-this.strokeWidth/2&&t.x<=this.width+this.strokeWidth/2-e&&t.y>=e-this.strokeWidth/2&&t.y<=this.height+this.strokeWidth/2-e}render(t,e){return this.visible?(t.save(),this._draw(t),t.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(t){var l,u;const n=this.getScene().getEngine(),{width:a,height:s}=n;this._initialCacheCanvas(),(l=this._cacheCanvas)==null||l.clear();const o=(u=this._cacheCanvas)==null?void 0:u.getContext();o!=null&&(o.save(),y.Rect.drawWith(o,{left:0,top:0,width:a,height:s,fill:"rgba(0, 0, 0, 0.5)"}),o.setTransform(t.getTransform()),this._clipForApplyObject(o),this._applyCache(t),o.restore())}_clipForApplyObject(t){let e=0;if(this._prstGeom!=null&&(e=1),t.globalCompositeOperation="destination-out",t.beginPath(),e===0){const n=this.transform.getMatrix();t.transform(n[0],n[1],n[2],n[3],n[4],n[5]),t.rect(0,0,this.width,this.height),t.fill()}}_applyProps(){if(this._applyTransform==null)return;let t=0,e=0,n=0,a=0;const{left:s=0,top:o=0,width:l=0,height:u=0,angle:d}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:S=0,right:w=0,bottom:m=0}=this._srcRect;t=p,e=S,n=w,a=m}const g=s+t,h=o+e;this.transformByState({left:g,top:h,width:s+l-n-g,height:o+u-a-h,angle:d})}_applyCache(t){if(!t||this._cacheCanvas==null)return;const e=this._cacheCanvas.getContext();e.save(),t.save(),t.setTransform(1,0,0,1,0,0),e.setTransform(1,0,0,1,0,0),t.drawImage(this._cacheCanvas.getCanvasEle(),0,0),t.restore(),e.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const t=this.getScene();if(t==null)return;this._cacheCanvas=new y.Canvas;const e=t.getEngine();this._cacheCanvas.setSize(e.width,e.height),e.onTransformChange$.subscribeEvent(()=>{var n;(n=this._cacheCanvas)==null||n.setSize(e.width,e.height),this.makeDirty(!0)})}}var yt=Object.getOwnPropertyDescriptor,bt=(i,r,t,e)=>{for(var n=e>1?void 0:e?yt(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},le=(i,r)=>(t,e)=>r(t,e,i);let be=class extends f.Disposable{constructor(r,t,e,n,a,s){super();te(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=r,this._drawingManagerService=t,this._renderManagerService=e,this._univerInstanceService=n,this._messageService=a,this._localeService=s,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==he.id)return;const t=r.params;if(t==null)return;const{cropType:e}=t,n=this._drawingManagerService.getFocusDrawings();if(n.length!==1)return;const a=n[0],{unitId:s,subUnitId:o,drawingId:l}=a,u=this._renderManagerService.getRenderById(s),d=u==null?void 0:u.scene;if(d==null)return!0;this._searchCropObject(d)!=null&&this._commandService.syncExecuteCommand(ne.id,{isAuto:!0});const h=M.getDrawingShapeKeyByDrawingSearch({unitId:s,subUnitId:o,drawingId:l}),p=d.getObject(h);if(!(p instanceof y.Image)){this._messageService.show({type:D.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(Se.id,{unitId:s,subUnitId:o,drawingId:l}))}))}_calculateSrcRectByRatio(r,t,e,n,a,s){const o=e/n,l=a/s;let u=e,d=n;o>l?u=n*l:d=e/l;const g=(e-u)/2,h=(n-d)/2;return{left:y.precisionTo(g,1),top:y.precisionTo(h,1),right:y.precisionTo(e-(g+u),1),bottom:y.precisionTo(n-(h+d),1)}}_updateCropperObject(r,t){const{left:e,top:n,width:a,height:s}=t.calculateTransformWithSrcRect();let o;switch(r){case G.R1_1:o=this._calculateSrcRectByRatio(e,n,a,s,1,1);break;case G.R16_9:o=this._calculateSrcRectByRatio(e,n,a,s,16,9);break;case G.R9_16:o=this._calculateSrcRectByRatio(e,n,a,s,9,16);break;case G.R5_4:o=this._calculateSrcRectByRatio(e,n,a,s,5,4);break;case G.R4_5:o=this._calculateSrcRectByRatio(e,n,a,s,4,5);break;case G.R4_3:o=this._calculateSrcRectByRatio(e,n,a,s,4,3);break;case G.R3_4:o=this._calculateSrcRectByRatio(e,n,a,s,3,4);break;case G.R3_2:o=this._calculateSrcRectByRatio(e,n,a,s,3,2);break;case G.R2_3:o=this._calculateSrcRectByRatio(e,n,a,s,2,3);break;case G.FREE:}if(o==null)return;t.setSrcRect(o);const{left:l=0,top:u=0,bottom:d=0,right:g=0}=o;t.transformByStateCloseCropper({left:e+l,top:n+u,width:a-g-l,height:s-d-u})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==Se.id)return;const t=r.params;if(t==null)return;const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._renderManagerService.getRenderById(e),o=s==null?void 0:s.scene;if(o==null)return!0;if(this._sceneListenerOnImageMap.has(o)||(this._addListenerOnImage(o),this._sceneListenerOnImageMap.add(o)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:n,drawingId:a})==null)return;const u=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),d=o.getObject(u);if(d==null)return;if(!(d instanceof y.Image)){this._messageService.show({type:D.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const g=o.getTransformer();g==null||g.clearControls();const h=new fe(`${u}-crop`,{srcRect:d.srcRect,prstGeom:d.prstGeom,applyTransform:d.calculateTransformWithSrcRect()});o.addObject(h,d.getLayerIndex()+1).attachTransformerTo(h),g==null||g.createControlForCopper(h),this._addHoverForImageCopper(h),d.openRenderByCropper(),g==null||g.refreshControls(),h.makeDirty(!0),this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:n,drawingId:a}])}))}_searchCropObject(r){const t=r.getAllObjectsByOrder();for(const e of t)if(e instanceof fe)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==ne.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const n=e.getUnitId(),a=this._renderManagerService.getRenderById(n),s=a==null?void 0:a.scene;if(s==null)return!0;const o=this._searchCropObject(s);if(o==null)return;const l=this._getApplyObjectByCropObject(o);if(l==null)return;const u=s.getTransformerByCreate();u.detachFrom(o),u.clearCopperControl();const d=this._getSrcRectByTransformState(l,o),g=this._drawingManagerService.getDrawingOKey(l.oKey);if(g!=null){const{left:h,top:p,height:S,width:w}=o;this._drawingManagerService.featurePluginUpdateNotification([{...g,transform:{...g.transform,left:h,top:p,height:S,width:w},srcRect:d.srcRectAngle}])}l.setSrcRect({...d.srcRectAngle}),l.closeRenderByCropper(),l.makeDirty(!0),o==null||o.dispose()}));const r=this._univerInstanceService.getCurrentTypeOfUnit$(f.UniverInstanceType.UNIVER_SHEET).pipe(Te.switchMap(t=>t?t.activeSheet$:Te.of(null)));this.disposeWithMe(r.subscribe(()=>{this._commandService.syncExecuteCommand(ne.id)}))}_getApplyObjectByCropObject(r){const t=r.oKey,e=t.slice(0,t.length-5),n=r.getScene();if(!n)return null;const a=n.getObject(e);return a==null?null:a}_addListenerOnImage(r){const t=r.getTransformerByCreate();let e=null;this.disposeWithMe(t.changeStart$.subscribe(n=>{const{objects:a}=n,s=a.values().next().value;if(s==null||!(s instanceof fe))return;const{left:o,top:l,height:u,width:d,angle:g}=s;e={left:o,top:l,height:u,width:d,angle:g},t.clearCopperControl()})),this.disposeWithMe(t.changeEnd$.subscribe(n=>{const{objects:a}=n,s=a.values().next().value;if(s==null||!(s instanceof fe))return;const{left:o,top:l,height:u,width:d,angle:g}=s;if(!f.checkIfMove({left:o,top:l,height:u,width:d,angle:g},e))return;const h=this._getApplyObjectByCropObject(s);if(h==null)return;const p=this._getSrcRectByTransformState(h,s);s.refreshSrcRect(p.srcRect,h.getState()),t.createControlForCopper(s)})),this._endCropListener(r)}_addHoverForImageCopper(r){this.disposeWithMe(r.onPointerEnter$.subscribeEvent(()=>{r.cursor=y.CURSOR_TYPE.MOVE})),this.disposeWithMe(r.onPointerLeave$.subscribeEvent(()=>{r.cursor=y.CURSOR_TYPE.DEFAULT}))}_endCropListener(r){const t=r.getTransformerByCreate();this.disposeWithMe(t.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ne.id)}))}_getSrcRectByTransformState(r,t){const{left:e,top:n,height:a,width:s,strokeWidth:o,angle:l}=t,{left:u,top:d,width:g,height:h,angle:p,strokeWidth:S}=r,w=e-u,m=n-d,b={left:w,top:m,right:g-w-s,bottom:h-m-a},C={...b};if(p!==0){const B=e+s/2,O=n+a/2,A=new y.Vector2(B,O),E=g/2+u,N=h/2+d,T=new y.Vector2(E,N),P=new y.Vector2(u,d);P.rotateByPoint(y.degToRad(p),T);const U=P.clone();U.rotateByPoint(y.degToRad(-p),A);const R=e-U.x,x=n-U.y;C.left=R,C.top=x,C.right=g-R-s,C.bottom=h-x-a}return{srcRect:b,srcRectAngle:C}}};be=bt([le(0,f.ICommandService),le(1,M.IDrawingManagerService),le(2,y.IRenderManagerService),le(3,f.IUniverInstanceService),le(4,V.IMessageService),le(5,f.Inject(f.LocaleService))],be);var It=Object.getOwnPropertyDescriptor,Dt=(i,r,t,e)=>{for(var n=e>1?void 0:e?It(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},ae=(i,r)=>(t,e)=>r(t,e,i);let Ie=class extends f.Disposable{constructor(i,r,t,e,n,a,s){super(),this._commandService=i,this._renderManagerService=r,this._drawingManagerService=t,this._dialogService=e,this._imageIoService=n,this._currentUniverService=a,this._drawingRenderService=s,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id===Me.id){const r=i.params;if(r==null)return;this._resetImageSize(r)}}))}_getSceneAndTransformerByDrawingSearch(i){if(i==null)return;const r=this._renderManagerService.getRenderById(i),t=r==null?void 0:r.scene;if(t==null)return null;const e=t.getTransformerByCreate();return{scene:t,transformer:e}}_resetImageSize(i){const r=[],t=[];i.forEach(e=>{const{unitId:n,subUnitId:a,drawingId:s}=e,o=this._getSceneAndTransformerByDrawingSearch(n);if(o==null)return;const{scene:l}=o,u=M.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:a,drawingId:s}),d=l.getObject(u);if(d==null)return!0;const g=this._drawingManagerService.getDrawingByParam(e);if(g==null)return!0;if(g.drawingType!==f.DrawingTypeEnum.DRAWING_IMAGE)return;d.resetSize();const{width:h,height:p}=d.getNativeSize();t.includes(l)===!1&&t.push(l),r.push({...g,transform:{...g.transform,height:p,width:h,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(r),t.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,i)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(i=>{this._insertImages(i)}))}_insertImages(i){i.forEach(async r=>{var l;const{unitId:t,subUnitId:e}=r,n=this._getSceneAndTransformerByDrawingSearch(t),a=(l=Pe(this._currentUniverService,t))==null?void 0:l.subUnitId;if(n==null||a!==e)return;const s=this._drawingManagerService.getDrawingByParam(r);if(s==null)return;const o=await this._drawingRenderService.renderImages(s,n.scene);if(this._drawingManagerService.refreshTransform([s]),!(o==null||o.length===0))for(const u of o)this._addHoverForImage(u),this._addDialogForImage(u)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(i=>{i.forEach(r=>{const{unitId:t,subUnitId:e,drawingId:n}=r,a=this._drawingManagerService.getDrawingByParam(r);if(a==null)return;const{transform:s,drawingType:o,srcRect:l,prstGeom:u,source:d,imageSourceType:g}=a;if(o!==f.DrawingTypeEnum.DRAWING_IMAGE)return;const h=this._getSceneAndTransformerByDrawingSearch(t);if(h==null)return;const{scene:p,transformer:S}=h;if(s==null)return!0;const w=M.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:e,drawingId:n}),m=p.getObject(w);if(m==null)return!0;m.setSrcRect(l),m.setPrstGeom(u),d!=null&&d.length>0&&(g===f.ImageSourceType.BASE64||g===f.ImageSourceType.URL)&&m.changeSource(d)})}))}_addHoverForImage(i){this.disposeWithMe(f.toDisposable(i.onPointerEnter$.subscribeEvent(()=>{i.cursor=y.CURSOR_TYPE.GRAB}))),this.disposeWithMe(f.toDisposable(i.onPointerLeave$.subscribeEvent(()=>{i.cursor=y.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(i){this.disposeWithMe(f.toDisposable(i.onDblclick$.subscribeEvent(()=>{const r=`${i.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(r,i.getNative().src,i.getNativeSize().width,i.getNativeSize().height)})))}};Ie=Dt([ae(0,f.ICommandService),ae(1,y.IRenderManagerService),ae(2,M.IDrawingManagerService),ae(3,V.IDialogService),ae(4,M.IImageIoService),ae(5,f.IUniverInstanceService),ae(6,f.Inject(I.DrawingRenderService))],Ie);var Mt=Object.getOwnPropertyDescriptor,Ot=(i,r,t,e)=>{for(var n=e>1?void 0:e?Mt(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},Ke=(i,r)=>(t,e)=>r(t,e,i);const Nt="UNIVER_DRAWING_UI_PLUGIN";I.UniverDrawingUIPlugin=(Oe=class extends f.Plugin{constructor(r=$e,t,e){super(),this._config=r,this._injector=t,this._configService=e;const{menu:n,...a}=f.merge({},$e,this._config);n&&this._configService.setConfig("menu",n,{merge:!0}),this._configService.setConfig(vt,a)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(ye),this._injector.get(_e),this._injector.get(be),this._injector.get(Ie)}_initDependencies(){[[I.DrawingRenderService],[ye],[_e],[be],[Ie]].forEach(t=>this._injector.add(t))}},te(Oe,"pluginName",Nt),Oe),I.UniverDrawingUIPlugin=Ot([Ke(1,f.Inject(f.Injector)),Ke(2,f.IConfigService)],I.UniverDrawingUIPlugin),I.AutoImageCropOperation=he,I.COMPONENT_IMAGE_POPUP_MENU=We,I.CloseImageCropOperation=ne,I.DrawingCommonPanel=mt,I.ImageCropperObject=fe,I.ImagePopupMenu=Ve,I.ImageResetSizeOperation=Me,I.OpenImageCropOperation=Se,I.SetDrawingAlignOperation=ve,I.getUpdateParams=ge,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
2
+ (function(D,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","rxjs"],h):(D=typeof globalThis<"u"?globalThis:D||self,h(D.UniverDrawingUi={},D.UniverCore,D.UniverDrawing,D.UniverEngineRender,D.UniverUi,D.React,D.UniverDesign,D.React,D.rxjs))})(this,function(D,h,M,I,x,f,U,_,Me){"use strict";var Pt=Object.defineProperty;var Nt=(D,h,M)=>h in D?Pt(D,h,{enumerable:!0,configurable:!0,writable:!0,value:M}):D[h]=M;var Q=(D,h,M)=>Nt(D,typeof h!="symbol"?h+"":h,M);var be;function Oe(i,r,t,e){const n=e.getDrawingByParam(i);if(n==null)return;const a=M.getDrawingShapeKeyByDrawingSearch(i),s=t.getObject(a);if(s&&!(s instanceof I.Group))return;if(s!=null){s.addObject(r);return}const o=new I.Group(a);t.addObject(o,I.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(r);const{transform:c}=n;c&&o.transformByState({left:c.left,top:c.top,angle:c.angle})}function Ee(i,r){var a;const t=r?i.getUnit(r):i.getFocusedUnit();if(t==null)return;const e=t.getUnitId();let n;return t.type===h.UniverInstanceType.UNIVER_SHEET?n=(a=t.getActiveSheet())==null?void 0:a.getSheetId():(t.type===h.UniverInstanceType.UNIVER_DOC||t.type===h.UniverInstanceType.UNIVER_SLIDE)&&(n=e),{unitId:e,subUnitId:n,current:t}}var ze=Object.getOwnPropertyDescriptor,Ke=(i,r,t,e)=>{for(var n=e>1?void 0:e?ze(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},ye=(i,r)=>(t,e)=>r(t,e,i);D.DrawingRenderService=class{constructor(r,t,e){this._drawingManagerService=r,this._imageIoService=t,this._galleryService=e}async renderImages(r,t){const{transform:e,drawingType:n,source:a,imageSourceType:s,srcRect:o,prstGeom:c,groupId:u,unitId:l,subUnitId:g,drawingId:d,isMultiTransform:p,transforms:S}=r;if(n!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const m=p&&S?S:[e],v=[];for(const C of m){const{left:y,top:O,width:N,height:R,angle:b,flipX:T,flipY:E,skewX:B,skewY:P}=C,G=m.indexOf(C),H=M.getDrawingShapeKeyByDrawingSearch({unitId:l,subUnitId:g,drawingId:d},p?G:void 0),$=t.getObject(H);if($!=null){$.transformByState({left:y,top:O,width:N,height:R,angle:b,flipX:T,flipY:E,skewX:B,skewY:P});continue}const X=this._drawingManagerService.getDrawingOrder(l,g),oe=X.indexOf(d),ne={...C,zIndex:oe===-1?X.length-1:oe},ie=this._imageIoService.getImageSourceCache(a,s);let ce=!1;if(ie!=null)ne.image=ie;else{if(s===M.ImageSourceType.UUID)try{ne.url=await this._imageIoService.getImage(a)}catch(De){console.error(De);continue}else ne.url=a;ce=!0}if(t.getObject(H))continue;ne.printable=!0;const q=new I.Image(H,ne);ce&&this._imageIoService.addImageSourceCache(a,s,q.getNative()),this._drawingManagerService.getDrawingVisible()&&(t.addObject(q,I.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&t.attachTransformerTo(q),u&&Oe({drawingId:u,unitId:l,subUnitId:g},q,t,this._drawingManagerService),c!=null&&q.setPrstGeom(c),o!=null&&q.setSrcRect(o),v.push(q))}return v}renderFloatDom(r,t){const{transform:e,drawingType:n,groupId:a,unitId:s,subUnitId:o,drawingId:c,isMultiTransform:u,transforms:l}=r;if(n!==h.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||e==null)return;const g=u&&l?l:[e],d=[];for(const p of g){const{left:S,top:m,width:v,height:C,angle:y,flipX:O,flipY:N,skewX:R,skewY:b}=p,T=g.indexOf(p),E=M.getDrawingShapeKeyByDrawingSearch({unitId:s,subUnitId:o,drawingId:c},u?T:void 0),B=t.getObject(E);if(B!=null){B.transformByState({left:S,top:m,width:v,height:C,angle:y,flipX:O,flipY:N,skewX:R,skewY:b});continue}const P=this._drawingManagerService.getDrawingOrder(s,o),G=P.indexOf(c),H={...p,zIndex:G===-1?P.length-1:G};if(t.getObject(E))continue;H.printable=!1;const $=new I.Rect(E,H);this._drawingManagerService.getDrawingVisible()&&(t.addObject($,I.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&r.allowTransform!==!1&&t.attachTransformerTo($),a&&Oe({drawingId:a,unitId:s,subUnitId:o},$,t,this._drawingManagerService),d.push($))}return d}renderDrawing(r,t){const e=this._drawingManagerService.getDrawingByParam(r);if(e!=null)switch(e.drawingType){case h.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,t)}}previewImage(r,t,e,n){this._galleryService.open({images:[t],onOpenChange:a=>{a||this._galleryService.close()}})}_adjustImageSize(r,t,e,n){if(r<=e&&t<=n)return{width:r,height:t};const a=e/r,s=n/t,o=Math.min(a,s);return{width:Math.floor(r*o),height:Math.floor(t*o)}}},D.DrawingRenderService=Ke([ye(0,M.IDrawingManagerService),ye(1,M.IImageIoService),ye(2,x.IGalleryService)],D.DrawingRenderService);function le(i,r){const t=[];return i.forEach(e=>{const{oKey:n,left:a,top:s,height:o,width:c,angle:u}=e,l=r.getDrawingOKey(n);if(l==null)return t.push(null),!0;const{unitId:g,subUnitId:d,drawingId:p,drawingType:S}=l,m={unitId:g,subUnitId:d,drawingId:p,drawingType:S,transform:{left:a,top:s,height:o,width:c,angle:u}};S===h.DrawingTypeEnum.DRAWING_IMAGE&&(m.srcRect=e.srcRect),t.push(m)}),t}var j=(i=>(i.default="0",i.left="1",i.center="2",i.right="3",i.top="4",i.middle="5",i.bottom="6",i.horizon="7",i.vertical="8",i))(j||{});const fe={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(i,r)=>!0},Fe=i=>{const r=x.useDependency(h.ICommandService),t=x.useDependency(h.LocaleService),{alignShow:e}=i,[n,a]=_.useState(j.default),s=[{label:t.t("image-panel.align.default"),value:j.default},{options:[{label:t.t("image-panel.align.left"),value:j.left},{label:t.t("image-panel.align.center"),value:j.center},{label:t.t("image-panel.align.right"),value:j.right}]},{options:[{label:t.t("image-panel.align.top"),value:j.top},{label:t.t("image-panel.align.middle"),value:j.middle},{label:t.t("image-panel.align.bottom"),value:j.bottom}]},{options:[{label:t.t("image-panel.align.horizon"),value:j.horizon},{label:t.t("image-panel.align.vertical"),value:j.vertical}]}];function o(c){a(c),r.executeCommand(fe.id,{alignType:c})}return f.jsxs("div",{className:U.clsx("univer-relative univer-w-full",{"univer-hidden":!e}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:f.jsx("div",{children:t.t("image-panel.align.title")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-w-full univer-text-gray-900 dark:univer-text-white",children:f.jsx(U.Select,{value:n,options:s,onChange:o})})})]})};var z=function(){return z=Object.assign||function(i){for(var r,t=1,e=arguments.length;t<e;t++){r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(i[n]=r[n])}return i},z.apply(this,arguments)},Ye=function(i,r){var t={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&r.indexOf(e)<0&&(t[e]=i[e]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(i);n<e.length;n++)r.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(i,e[n])&&(t[e[n]]=i[e[n]]);return t},Y=_.forwardRef(function(i,r){var t=i.icon,e=i.id,n=i.className,a=i.extend,s=Ye(i,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(n||"").trim(),c=_.useRef("_".concat(qe()));return Te(t,"".concat(e),{defIds:t.defIds,idSuffix:c.current},z({ref:r,className:o},s),a)});function Te(i,r,t,e,n){return _.createElement(i.tag,z(z({key:r},Ze(i,t,n)),e),(Xe(i,t).children||[]).map(function(a,s){return Te(a,"".concat(r,"-").concat(i.tag,"-").concat(s),t,void 0,n)}))}function Ze(i,r,t){var e=z({},i.attrs);t!=null&&t.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=t.colorChannel1),i.tag==="mask"&&e.id&&(e.id=e.id+r.idSuffix),Object.entries(e).forEach(function(a){var s=a[0],o=a[1];s==="mask"&&typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(r.idSuffix,")")))});var n=r.defIds;return!n||n.length===0||(i.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+r.idSuffix),Object.entries(e).forEach(function(a){var s=a[0],o=a[1];typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(r.idSuffix,")")))})),e}function Xe(i,r){var t,e=r.defIds;return!e||e.length===0?i:i.tag==="defs"&&(!((t=i.children)===null||t===void 0)&&t.length)?z(z({},i),{children:i.children.map(function(n){return typeof n.attrs.id=="string"&&e&&e.indexOf(n.attrs.id)>-1?z(z({},n),{attrs:z(z({},n.attrs),{id:n.attrs.id+r.idSuffix})}):n})}):i}function qe(){return Math.random().toString(36).substring(2,8)}Y.displayName="UniverIcon";var Je={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Pe=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"autofill",ref:r,icon:Je}))});Pe.displayName="Autofill";var Qe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Ne=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"bottom-single",ref:r,icon:Qe}))});Ne.displayName="BottomSingle";var et={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z"}}]},Be=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"create-copy-single",ref:r,icon:et}))});Be.displayName="CreateCopySingle";var tt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ue=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"group-single",ref:r,icon:tt}))});Ue.displayName="GroupSingle";var rt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},je=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"more-down-single",ref:r,icon:rt}))});je.displayName="MoreDownSingle";var nt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},Re=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"move-down-single",ref:r,icon:nt}))});Re.displayName="MoveDownSingle";var it={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},Ae=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"move-up-single",ref:r,icon:it}))});Ae.displayName="MoveUpSingle";var at={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},Le=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"topmost-single",ref:r,icon:at}))});Le.displayName="TopmostSingle";var st={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z",fillRule:"evenodd",clipRule:"evenodd"}}]},xe=_.forwardRef(function(i,r){return _.createElement(Y,Object.assign({},i,{id:"ungroup-single",ref:r,icon:st}))});xe.displayName="UngroupSingle";const ot=i=>{const{arrangeShow:r,drawings:t}=i,e=x.useDependency(h.LocaleService),n=x.useDependency(M.IDrawingManagerService),[a,s]=_.useState(t);_.useEffect(()=>{const c=n.focus$.subscribe(u=>{s(u)});return()=>{c.unsubscribe()}},[]);const o=c=>{const u=a[0].unitId,l=a[0].subUnitId,g=a.map(d=>d.drawingId);n.featurePluginOrderUpdateNotification({unitId:u,subUnitId:l,drawingIds:g,arrangeType:c})};return f.jsxs("div",{className:U.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!r}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:f.jsx("div",{children:e.t("image-panel.arrange.title")})}),f.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 univer-px-8",children:[f.jsxs(U.Button,{onClick:()=>{o(h.ArrangeTypeEnum.forward)},children:[f.jsx(Ae,{}),e.t("image-panel.arrange.forward")]}),f.jsxs(U.Button,{onClick:()=>{o(h.ArrangeTypeEnum.backward)},children:[f.jsx(Re,{}),e.t("image-panel.arrange.backward")]}),f.jsxs(U.Button,{onClick:()=>{o(h.ArrangeTypeEnum.front)},children:[f.jsx(Le,{}),e.t("image-panel.arrange.front")]}),f.jsxs(U.Button,{onClick:()=>{o(h.ArrangeTypeEnum.back)},children:[f.jsx(Ne,{}),e.t("image-panel.arrange.back")]})]})]})},ct=i=>{const r=x.useDependency(h.LocaleService),t=x.useDependency(I.IRenderManagerService),e=x.useDependency(M.IDrawingManagerService),{hasGroup:n,drawings:a}=i,[s,o]=_.useState(!1),[c,u]=_.useState(!0),[l,g]=_.useState(!0),d=()=>{const m=e.getFocusDrawings(),{unitId:v,subUnitId:C}=m[0],y=h.Tools.generateRandomId(10),O=I.getGroupState(0,0,m.map(b=>b.transform||{})),N={unitId:v,subUnitId:C,drawingId:y,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:O},R=m.map(b=>{const T=b.transform||{left:0,top:0},{unitId:E,subUnitId:B,drawingId:P}=b;return{unitId:E,subUnitId:B,drawingId:P,transform:{...T,left:T.left-O.left,top:T.top-O.top},groupId:y}});e.featurePluginGroupUpdateNotification([{parent:N,children:R}])},p=m=>{if(m.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:v,subUnitId:C,drawingId:y,transform:O={width:0,height:0}}=m;if(O==null)return;const N=e.getDrawingsByGroup({unitId:v,subUnitId:C,drawingId:y});if(N.length===0)return;const R=N.map(b=>{const{transform:T}=b,{unitId:E,subUnitId:B,drawingId:P}=b,G=I.transformObjectOutOfGroup(T||{},O,O.width||0,O.height||0);return{unitId:E,subUnitId:B,drawingId:P,transform:{...T,...G},groupId:void 0}});return{parent:m,children:R}},S=()=>{const v=e.getFocusDrawings().map(C=>p(C)).filter(C=>C!=null);v.length!==0&&e.featurePluginUngroupUpdateNotification(v)};return _.useEffect(()=>{const m=a[0];if(m==null)return;const{unitId:v}=m,C=t.getRenderById(v),y=C==null?void 0:C.scene;if(y==null)return;const O=y.getTransformerByCreate(),N=O.clearControl$.subscribe(b=>{b===!0&&o(!1)}),R=O.changeStart$.subscribe(b=>{const{objects:T}=b,E=le(T,e),B=E.filter($=>($==null?void 0:$.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let P=!1,G=!1;E.length>1&&(P=!0),B.length>0&&(G=!0),o(P||G),u(P),g(G)});return()=>{R.unsubscribe(),N.unsubscribe()}},[]),f.jsxs("div",{className:U.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":n===!0&&s===!1||n===!1}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:f.jsx("div",{children:r.t("image-panel.group.title")})}),f.jsxs("div",{className:"univer-flex univer-items-center univer-justify-center univer-gap-2",children:[f.jsxs(U.Button,{className:U.clsx({"univer-hidden":!c}),onClick:d,children:[f.jsx(Ue,{}),r.t("image-panel.group.group")]}),f.jsxs(U.Button,{className:U.clsx({"univer-hidden":!l}),onClick:S,children:[f.jsx(xe,{}),r.t("image-panel.group.unGroup")]})]})]})},te=20,lt=20,ut=[-3600,3600],pe=300,gt=i=>{var $e;const r=x.useDependency(h.LocaleService),t=x.useDependency(M.IDrawingManagerService),e=x.useDependency(I.IRenderManagerService),{drawings:n,transformShow:a}=i,s=n[0];if(s==null)return;const o=s.transform;if(o==null)return;const{unitId:c,subUnitId:u,drawingId:l,drawingType:g}=s,d=e.getRenderById(c),p=d==null?void 0:d.scene;if(p==null)return;const S=($e=p.getEngine())==null?void 0:$e.activeScene;if(S==null)return;const m=p.getTransformerByCreate(),{width:v=0,height:C=0,left:y=0,top:O=0,angle:N=0}=o,[R,b]=_.useState(v),[T,E]=_.useState(C),[B,P]=_.useState(y),[G,H]=_.useState(O),[$,X]=_.useState(N),[oe,ne]=_.useState(m.keepRatio),ie=(w,A,V,W)=>{const{width:k,height:J}=S,{ancestorLeft:K,ancestorTop:F}=p;let Z=w,ae=A,de=V,he=W;return w+K<0&&(Z=-K),A+F<0&&(ae=-F),de=k-Z-K,de<te&&(de=te),he=J-ae-F,he<te&&(he=te),w+de+K>k&&(Z=k-V-K),A+he+F>J&&(ae=J-W-F),{limitLeft:Z,limitTop:ae,limitWidth:de,limitHeight:he}},ce=w=>{const{objects:A}=w,V=le(A,t);if(V.length!==1)return;const W=V[0];if(W==null)return;const{transform:k}=W;if(k==null)return;const{width:J,height:K,left:F,top:Z,angle:ae}=k;J!=null&&b(J),K!=null&&E(K),F!=null&&P(F),Z!=null&&H(Z),ae!=null&&X(ae)};_.useEffect(()=>{const w=[m.changeStart$.subscribe(A=>{ce(A)}),m.changing$.subscribe(A=>{ce(A)}),m.changeEnd$.subscribe(A=>{ce(A)}),t.focus$.subscribe(A=>{if(A.length!==1)return;const V=t.getDrawingByParam(A[0]);if(V==null)return;const W=V.transform;if(W==null)return;const{width:k,height:J,left:K,top:F,angle:Z}=W;k!=null&&b(k),J!=null&&E(J),K!=null&&P(K),F!=null&&H(F),Z!=null&&X(Z)})];return()=>{w.forEach(A=>A.unsubscribe())}},[]);const q=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitWidth:A,limitHeight:V}=ie(B,G,w,T);w=Math.min(w,A);const W={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{width:w}};if(oe){let k=w/R*T;if(k=Math.max(k,lt),k>V)return;E(k),W.transform.height=k}b(w),t.featurePluginUpdateNotification([W]),m.refreshControls().changeNotification()},pe),De=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitHeight:A,limitWidth:V}=ie(B,G,R,w);w=Math.min(w,A);const W={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{height:w}};if(oe){let k=w/T*R;if(k=Math.max(k,te),k>V)return;b(k),W.transform.width=k}E(w),t.featurePluginUpdateNotification([W]),m.refreshControls().changeNotification()},pe),Mt=h.debounce(w=>{if(w==null)return;const{limitLeft:A}=ie(w,G,R,T);w=A;const V={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{left:w}};P(w),t.featurePluginUpdateNotification([V]),m.refreshControls().changeNotification()},pe),Ot=h.debounce(w=>{if(w==null)return;const{limitTop:A}=ie(B,w,R,T);w=A;const V={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{top:w}};H(w),t.featurePluginUpdateNotification([V]),m.refreshControls().changeNotification()},pe),Et=w=>{if(w==null)return;const[A,V]=ut;w<A&&(w=A),w>V&&(w=V);const W={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{angle:w}};X(w),t.featurePluginUpdateNotification([W]),m.refreshControls().changeNotification()},Tt=w=>{ne(w),m.keepRatio=w};return f.jsxs("div",{className:U.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!a}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:f.jsx("div",{children:r.t("image-panel.transform.title")})}),f.jsxs("div",{className:"univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.width")}),f.jsx(U.InputNumber,{precision:1,value:R,onChange:w=>{q(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.height")}),f.jsx(U.InputNumber,{precision:1,value:T,onChange:w=>{De(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.lock")}),f.jsx("div",{className:"univer-text-center",children:f.jsx(U.Checkbox,{checked:oe,onChange:Tt})})]})]}),f.jsxs("div",{className:"univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.x")}),f.jsx(U.InputNumber,{precision:1,value:B,onChange:w=>{Mt(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.y")}),f.jsx(U.InputNumber,{precision:1,value:G,onChange:w=>{Ot(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.rotate")}),f.jsx(U.InputNumber,{precision:1,value:$,onChange:Et})]})]})]})},me={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(i,r)=>!0},ee={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(i,r)=>!0};var L=(i=>(i.FREE="0",i.R1_1="1",i.R16_9="2",i.R9_16="3",i.R5_4="4",i.R4_5="5",i.R4_3="6",i.R3_4="7",i.R3_2="8",i.R2_3="9",i))(L||{});const ue={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(i,r)=>!0},dt=i=>{const r=x.useDependency(h.ICommandService),t=x.useDependency(h.LocaleService),{drawings:e,cropperShow:n}=i;if(e[0]==null)return;const[s,o]=_.useState(L.FREE),c=_.useRef(!1),u=[{label:t.t("image-panel.crop.mode"),value:L.FREE},{label:"1:1",value:L.R1_1},{label:"16:9",value:L.R16_9},{label:"9:16",value:L.R9_16},{label:"5:4",value:L.R5_4},{label:"4:5",value:L.R4_5},{label:"4:3",value:L.R4_3},{label:"3:4",value:L.R3_4},{label:"3:2",value:L.R3_2},{label:"2:3",value:L.R2_3}];_.useEffect(()=>{const d=r.onCommandExecuted(p=>{if(p.id===ee.id){const S=p.params;S!=null&&S.isAuto||(c.current=!1)}});return()=>{d==null||d.dispose()}},[]);function l(d){o(d),c.current&&r.executeCommand(ue.id,{cropType:d})}const g=d=>{r.executeCommand(ue.id,{cropType:d}),c.current=!0};return f.jsxs("div",{className:U.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!n}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:f.jsx("div",{children:t.t("image-panel.crop.title")})}),f.jsxs("div",{className:"univer-flex univer-items-center univer-justify-center univer-gap-2",children:[f.jsxs(U.Button,{onClick:()=>{g(s)},children:[f.jsx(Be,{}),t.t("image-panel.crop.start")]}),f.jsx(U.Select,{value:s,options:u,onChange:l})]})]})},ht=i=>{const r=x.useDependency(M.IDrawingManagerService),t=x.useDependency(I.IRenderManagerService),e=x.useDependency(h.LocaleService),{drawings:n,hasArrange:a=!0,hasTransform:s=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:u=!0}=i,l=n[0];if(l==null)return;const{unitId:g}=l,d=t.getRenderById(g),p=d==null?void 0:d.scene;if(p==null)return;const S=p.getTransformerByCreate(),[m,v]=_.useState(!0),[C,y]=_.useState(!0),[O,N]=_.useState(!1),[R,b]=_.useState(!0),[T,E]=_.useState(!1);return _.useEffect(()=>{const B=S.clearControl$.subscribe(H=>{H===!0&&(v(!1),y(!1),N(!1),b(!1),E(!0))}),P=S.changeStart$.subscribe(H=>{const{objects:$}=H,X=le($,r);X.length===0?(v(!1),y(!1),N(!1),b(!1),E(!0)):X.length===1?(v(!0),y(!0),N(!1),b(!0),E(!1)):(v(!0),y(!1),N(!0),b(!1),E(!1))}),G=r.focus$.subscribe(H=>{H.length===0?(v(!1),y(!1),N(!1),b(!1),E(!0)):H.length===1?(v(!0),y(!0),N(!1),b(!0),E(!1)):(v(!0),y(!1),N(!0),b(!1),E(!1))});return()=>{P.unsubscribe(),B.unsubscribe(),G.unsubscribe()}},[]),f.jsxs(f.Fragment,{children:[f.jsx("div",{className:U.clsx("univer-h-full",{"univer-hidden":!T}),children:f.jsx("div",{className:"univer-flex univer-h-full univer-items-center univer-justify-center",children:f.jsx("span",{children:e.t("image-panel.null")})})}),f.jsx(ot,{arrangeShow:a===!0?m:!1,drawings:n}),f.jsx(gt,{transformShow:s===!0?C:!1,drawings:n}),f.jsx(Fe,{alignShow:o===!0?O:!1,drawings:n}),f.jsx(dt,{cropperShow:c===!0?R:!1,drawings:n}),f.jsx(ct,{hasGroup:u,drawings:n})]})},He=i=>{var m;const{popup:r}=i,t=(m=r==null?void 0:r.extraProps)==null?void 0:m.menuItems;if(!t)return null;const e=x.useDependency(h.ICommandService),n=x.useDependency(h.LocaleService),[a,s]=_.useState(!1),[o,c]=_.useState(!1),u=()=>{c(!0)},l=()=>{c(!1)},g=v=>{s(v)},d=v=>{e.executeCommand(v.commandId,v.commandParams),s(!1)},p=a||o,S=t.filter(v=>!v.disable);return f.jsx("div",{onMouseEnter:u,onMouseLeave:l,children:f.jsx(U.DropdownMenu,{align:"start",items:S.map(v=>({type:"item",children:n.t(v.label),onSelect:()=>d(v)})),open:a,onOpenChange:g,children:f.jsxs("div",{className:U.clsx("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 dark:hover:univer-bg-gray-800 hover:univer-bg-gray-100",U.borderClassName,{"univer-bg-gray-100 dark:univer-bg-gray-800":a,"univer-bg-white dark:univer-bg-gray-900":!a}),children:[f.jsx(Pe,{className:"univer-fill-primary-600 univer-text-gray-900 dark:univer-text-white"}),p&&f.jsx(je,{className:"dark:univer-text-white"})]})})})},ke="COMPONENT_IMAGE_POPUP_MENU",ft="drawing-ui.config",Ge={},Ie={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(i,r)=>!0};var pt=Object.getOwnPropertyDescriptor,mt=(i,r,t,e)=>{for(var n=e>1?void 0:e?pt(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},Ve=(i,r)=>(t,e)=>r(t,e,i);let ve=class extends h.Disposable{constructor(i,r){super(),this._componentManager=i,this._commandService=r,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(ke,He))}_initCommands(){[me,ee,Ie,fe,ue].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_init(){this._initCommands(),this._initCustomComponents()}};ve=mt([Ve(0,h.Inject(x.ComponentManager)),Ve(1,h.ICommandService)],ve);var vt=Object.getOwnPropertyDescriptor,wt=(i,r,t,e)=>{for(var n=e>1?void 0:e?vt(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},we=(i,r)=>(t,e)=>r(t,e,i);let Se=class extends h.Disposable{constructor(r,t,e,n){super();Q(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=r,this._commandService=t,this._renderManagerService=e,this._drawingManagerService=n,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const r=this._drawingManagerService.drawingManagerData,t=Ee(this._currentUniverService);if(t==null)return;const{unitId:e,subUnitId:n}=t;Object.keys(r).forEach(a=>{Object.keys(r[a]).forEach(s=>{const o=r[a][s].data;o==null||a!==e||s!==n||Object.keys(o).forEach(c=>{o[c]&&this._insertDrawing([{unitId:a,subUnitId:s,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id===fe.id){const t=r.params;if(t==null)return;this._drawingAlign(t)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(r=>{this._groupDrawings(r)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(r=>{this._ungroupDrawings(r)}))}_getSceneAndTransformerByDrawingSearch(r){if(r==null)return;const t=this._renderManagerService.getRenderById(r),e=t==null?void 0:t.scene;if(e==null)return null;const n=e.getTransformerByCreate();return{scene:e,transformer:n}}_groupDrawings(r){r.forEach(t=>{this._groupDrawing(t)})}_groupDrawing(r){const{parent:t,children:e}=r,{unitId:n,subUnitId:a,drawingId:s}=t,o=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(o==null)return;const{scene:c,transformer:u}=o;this._commandService.syncExecuteCommand(ee.id);const l=[];if(e.forEach(p=>{const S=M.getDrawingShapeKeyByDrawingSearch(p),m=c.getObjectIncludeInGroup(S);if(m==null||l.includes(m))return;l.push(m);const{transform:v}=p;v!=null&&(m.classType===I.RENDER_CLASS_TYPE.GROUP?m.transformByState({left:v.left,top:v.top}):m.transformByState(v))}),l.length===0)return;const g=M.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:a,drawingId:s}),d=new I.Group(g);c.addObject(d,I.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(d),d.addObjects(...l),t.transform&&d.transformByState({left:t.transform.left,top:t.transform.top}),u.clearSelectedObjects(),u.setSelectedControl(d)}_ungroupDrawings(r){r.forEach(t=>{this._ungroupDrawing(t)})}_ungroupDrawing(r){const{parent:t,children:e}=r,n=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(n==null)return;const{scene:a,transformer:s}=n;e.forEach(g=>{const d=M.getDrawingShapeKeyByDrawingSearch(g),p=a.getObjectIncludeInGroup(d);if(p==null)return!0;if(p==null)return;const{transform:S}=g;S!=null&&(p.classType===I.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:S.left,top:S.top}):p.transformByState(S))});const o=M.getDrawingShapeKeyByDrawingSearch(t),c=a.getObject(o),{width:u,height:l}=c;c.getObjects().forEach(g=>{c.removeSelfObjectAndTransform(g.oKey,u,l)}),c.dispose(),s.clearSelectedObjects()}_drawingAlign(r){const{alignType:t}=r,e=this._drawingManagerService.getFocusDrawings();if(t===j.default)return;const n=[];let a=Number.POSITIVE_INFINITY,s=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,u=0;e.forEach(l=>{const{unitId:g,subUnitId:d,drawingId:p,drawingType:S}=l,m=this._drawingManagerService.getDrawingByParam({unitId:g,subUnitId:d,drawingId:p});if(m==null||m.transform==null)return;n.push({unitId:g,subUnitId:d,drawingId:p,drawingType:S,transform:m.transform});const{left:v=0,top:C=0,width:y=0,height:O=0}=m.transform;a=Math.min(a,v),s=Math.min(s,C),o=Math.max(o,v+y),c=Math.max(c,C+O),u++}),u!==0&&(this._sortDrawingTransform(n,t),this._applyAlignType(n,t,a,s,o,c,u))}_applyAlignType(r,t,e,n,a,s,o){const c=Math.round((a-e)/o*10)/10,u=Math.round((s-n)/o*10)/10,l=[],g=this._getSceneAndTransformerByDrawingSearch(r[0].unitId);if(g==null)return;const{scene:d,transformer:p}=g;r.forEach((S,m)=>{const{unitId:v,subUnitId:C,drawingId:y,transform:O,drawingType:N}=S,{left:R=0,top:b=0,width:T=0,height:E=0}=O;let B=R,P=b;switch(t){case j.left:B=e;break;case j.center:B=e+(a-e)/2-T/2;break;case j.right:B=a-T;break;case j.top:P=n;break;case j.middle:P=n+(s-n)/2-E/2;break;case j.bottom:P=s-E;break;case j.horizon:B=e+c*m;break;case j.vertical:P=n+u*m;break}(B!==R||P!==b)&&l.push({unitId:v,subUnitId:C,drawingId:y,drawingType:N,transform:{left:B,top:P}})}),this._drawingManagerService.featurePluginUpdateNotification(l),p.refreshControls().changeNotification()}_sortDrawingTransform(r,t){r.sort((e,n)=>{const a=e.transform,s=n.transform,{left:o=0,top:c=0,width:u=0,height:l=0}=a,{left:g=0,top:d=0,width:p=0,height:S=0}=s;switch(t){case j.left:return o-g;case j.center:return o+u/2-(g+p/2);case j.right:return o+u-(g+p);case j.top:return c-d;case j.middle:return c+l/2-(d+S/2);case j.bottom:return c+l-(d+S);case j.horizon:return o+u/2-(g+p/2);case j.vertical:return c+l/2-(d+S/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(r=>{this._drawingArrange(r)}))}_drawingArrange(r){const{unitId:t,subUnitId:e,drawingIds:n}=r,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;const{scene:s}=a;n.forEach(o=>{const c=M.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:e,drawingId:o}),u=s.fuzzyMathObjects(c,!0);if(u==null||u.length===0)return;const l=this._drawingManagerService.getDrawingOrder(t,e).indexOf(o);for(const g of u)g.setProps({zIndex:l}),g.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(r=>{this._insertDrawing(r)}))}_insertDrawing(r){const t=[];r.forEach(e=>{const{unitId:n}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:o}=s;t.includes(o)||t.push(o)}),t.forEach(e=>{this._sceneListenerOnDrawingMap.has(e)||(this._addListenerOnDrawing(e),this._sceneListenerOnDrawingMap.add(e))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(r=>{r.forEach(t=>{var l;const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const{scene:o}=s,c=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),u=o.fuzzyMathObjects(c,!0);if(u.length>0){for(const g of u)g.dispose();(l=o.getTransformer())==null||l.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(r=>{r.forEach(t=>{var T;const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:o,drawingType:c}=s,u=this._getSceneAndTransformerByDrawingSearch(e);if(u==null)return;const{scene:l,transformer:g}=u;if(o==null)return!0;const{left:d=0,top:p=0,width:S=0,height:m=0,angle:v=0,flipX:C=!1,flipY:y=!1,skewX:O=0,skewY:N=0}=o,R=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),b=l.getObject(R);if(b==null)return!0;b.transformByState({left:d,top:p,width:S,height:m,angle:v,flipX:C,flipY:y,skewX:O,skewY:N}),(T=l.getTransformer())==null||T.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(r=>{r.forEach(t=>{const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const{transform:c}=o,{scene:u}=s,l=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),g=u.getObject(l);if(g==null||c==null)return!0;const{left:d=0,top:p=0,width:S=0,height:m=0,angle:v=0,flipX:C=!1,flipY:y=!1,skewX:O=0,skewY:N=0}=c;g.transformByState({left:d,top:p,width:S,height:m,angle:v,flipX:C,flipY:y,skewX:O,skewY:N})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(r=>{r.forEach(t=>{const{unitId:e,subUnitId:n,drawingId:a,visible:s}=t,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:c}=o,u=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),l=c.getObject(u);if(l==null)return!0;s?l.show():l.hide()})}))}_filterUpdateParams(r,t){return r.filter((e,n)=>{if(e==null)return!1;const{transform:a}=e;return h.checkIfMove(a,t==null?void 0:t[n])})}_addListenerOnDrawing(r){const t=r.getTransformerByCreate();let e=null;this.disposeWithMe(h.toDisposable(t.changeStart$.subscribe(n=>{const{objects:a}=n,s=Array.from(a.values()),o=[];e=s.map(c=>{const{left:u,top:l,height:g,width:d,angle:p,oKey:S,isInGroup:m}=c,v=this._drawingManagerService.getDrawingOKey(S);if(m||c instanceof I.Group){let C=c.ancestorGroup;if(C==null&&c instanceof I.Group&&(C=c),C==null)return null;const y=this._drawingManagerService.getDrawingOKey(C.oKey);if(y){const{unitId:O,subUnitId:N,drawingId:R}=y;o.push({unitId:O,subUnitId:N,drawingId:R});const{left:b,top:T,height:E,width:B,angle:P}=C;return{left:b,top:T,height:E,width:B,angle:P}}}else if(v!=null){const{unitId:C,subUnitId:y,drawingId:O}=v;return o.push({unitId:C,subUnitId:y,drawingId:O}),{left:u,top:l,height:g,width:d,angle:p}}return null}).filter(c=>c!=null),o.length>0?this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe(h.toDisposable(t.changeEnd$.subscribe(n=>{const{objects:a}=n,s=this._filterUpdateParams(le(a,this._drawingManagerService),e);s.length>0&&this._drawingManagerService.featurePluginUpdateNotification(s)})))}};Se=wt([we(0,h.IUniverInstanceService),we(1,h.ICommandService),we(2,I.IRenderManagerService),we(3,M.IDrawingManagerService)],Se);class ge extends I.Shape{constructor(t,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(t,e);Q(this,"_srcRect");Q(this,"_prstGeom");Q(this,"_applyTransform");Q(this,"_dragPadding",8);Q(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(t,e){this._srcRect=t,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var t;super.dispose(),(t=this._cacheCanvas)==null||t.dispose(),this._srcRect=null}isHit(t){const e=this.getInverseCoord(t);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(t){const e=this._dragPadding;return t.x>=e-this.strokeWidth/2&&t.x<=this.width+this.strokeWidth/2-e&&t.y>=e-this.strokeWidth/2&&t.y<=this.height+this.strokeWidth/2-e}render(t,e){return this.visible?(t.save(),this._draw(t),t.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(t){var c,u;const n=this.getScene().getEngine(),{width:a,height:s}=n;this._initialCacheCanvas(),(c=this._cacheCanvas)==null||c.clear();const o=(u=this._cacheCanvas)==null?void 0:u.getContext();o!=null&&(o.save(),I.Rect.drawWith(o,{left:0,top:0,width:a,height:s,fill:"rgba(0, 0, 0, 0.5)"}),o.setTransform(t.getTransform()),this._clipForApplyObject(o),this._applyCache(t),o.restore())}_clipForApplyObject(t){let e=0;if(this._prstGeom!=null&&(e=1),t.globalCompositeOperation="destination-out",t.beginPath(),e===0){const n=this.transform.getMatrix();t.transform(n[0],n[1],n[2],n[3],n[4],n[5]),t.rect(0,0,this.width,this.height),t.fill()}}_applyProps(){if(this._applyTransform==null)return;let t=0,e=0,n=0,a=0;const{left:s=0,top:o=0,width:c=0,height:u=0,angle:l}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:S=0,right:m=0,bottom:v=0}=this._srcRect;t=p,e=S,n=m,a=v}const g=s+t,d=o+e;this.transformByState({left:g,top:d,width:s+c-n-g,height:o+u-a-d,angle:l})}_applyCache(t){if(!t||this._cacheCanvas==null)return;const e=this._cacheCanvas.getContext();e.save(),t.save(),t.setTransform(1,0,0,1,0,0),e.setTransform(1,0,0,1,0,0),t.drawImage(this._cacheCanvas.getCanvasEle(),0,0),t.restore(),e.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const t=this.getScene();if(t==null)return;this._cacheCanvas=new I.Canvas;const e=t.getEngine();this._cacheCanvas.setSize(e.width,e.height),e.onTransformChange$.subscribeEvent(()=>{var n;(n=this._cacheCanvas)==null||n.setSize(e.width,e.height),this.makeDirty(!0)})}}var St=Object.getOwnPropertyDescriptor,_t=(i,r,t,e)=>{for(var n=e>1?void 0:e?St(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},se=(i,r)=>(t,e)=>r(t,e,i);let _e=class extends h.Disposable{constructor(r,t,e,n,a,s){super();Q(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=r,this._drawingManagerService=t,this._renderManagerService=e,this._univerInstanceService=n,this._messageService=a,this._localeService=s,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==ue.id)return;const t=r.params;if(t==null)return;const{cropType:e}=t,n=this._drawingManagerService.getFocusDrawings();if(n.length!==1)return;const a=n[0],{unitId:s,subUnitId:o,drawingId:c}=a,u=this._renderManagerService.getRenderById(s),l=u==null?void 0:u.scene;if(l==null)return!0;this._searchCropObject(l)!=null&&this._commandService.syncExecuteCommand(ee.id,{isAuto:!0});const d=M.getDrawingShapeKeyByDrawingSearch({unitId:s,subUnitId:o,drawingId:c}),p=l.getObject(d);if(!(p instanceof I.Image)){this._messageService.show({type:U.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(me.id,{unitId:s,subUnitId:o,drawingId:c}))}))}_calculateSrcRectByRatio(r,t,e,n,a,s){const o=e/n,c=a/s;let u=e,l=n;o>c?u=n*c:l=e/c;const g=(e-u)/2,d=(n-l)/2;return{left:I.precisionTo(g,1),top:I.precisionTo(d,1),right:I.precisionTo(e-(g+u),1),bottom:I.precisionTo(n-(d+l),1)}}_updateCropperObject(r,t){const{left:e,top:n,width:a,height:s}=t.calculateTransformWithSrcRect();let o;switch(r){case L.R1_1:o=this._calculateSrcRectByRatio(e,n,a,s,1,1);break;case L.R16_9:o=this._calculateSrcRectByRatio(e,n,a,s,16,9);break;case L.R9_16:o=this._calculateSrcRectByRatio(e,n,a,s,9,16);break;case L.R5_4:o=this._calculateSrcRectByRatio(e,n,a,s,5,4);break;case L.R4_5:o=this._calculateSrcRectByRatio(e,n,a,s,4,5);break;case L.R4_3:o=this._calculateSrcRectByRatio(e,n,a,s,4,3);break;case L.R3_4:o=this._calculateSrcRectByRatio(e,n,a,s,3,4);break;case L.R3_2:o=this._calculateSrcRectByRatio(e,n,a,s,3,2);break;case L.R2_3:o=this._calculateSrcRectByRatio(e,n,a,s,2,3);break;case L.FREE:}if(o==null)return;t.setSrcRect(o);const{left:c=0,top:u=0,bottom:l=0,right:g=0}=o;t.transformByStateCloseCropper({left:e+c,top:n+u,width:a-g-c,height:s-l-u})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==me.id)return;const t=r.params;if(t==null)return;const{unitId:e,subUnitId:n,drawingId:a}=t,s=this._renderManagerService.getRenderById(e),o=s==null?void 0:s.scene;if(o==null)return!0;if(this._sceneListenerOnImageMap.has(o)||(this._addListenerOnImage(o),this._sceneListenerOnImageMap.add(o)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:n,drawingId:a})==null)return;const u=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:a}),l=o.getObject(u);if(l==null)return;if(!(l instanceof I.Image)){this._messageService.show({type:U.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const g=o.getTransformer();g==null||g.clearControls();const d=new ge(`${u}-crop`,{srcRect:l.srcRect,prstGeom:l.prstGeom,applyTransform:l.calculateTransformWithSrcRect()});o.addObject(d,l.getLayerIndex()+1).attachTransformerTo(d),g==null||g.createControlForCopper(d),this._addHoverForImageCopper(d),l.openRenderByCropper(),g==null||g.refreshControls(),d.makeDirty(!0),this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:n,drawingId:a}])}))}_searchCropObject(r){const t=r.getAllObjectsByOrder();for(const e of t)if(e instanceof ge)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==ee.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const n=e.getUnitId(),a=this._renderManagerService.getRenderById(n),s=a==null?void 0:a.scene;if(s==null)return!0;const o=this._searchCropObject(s);if(o==null)return;const c=this._getApplyObjectByCropObject(o);if(c==null)return;const u=s.getTransformerByCreate();u.detachFrom(o),u.clearCopperControl();const l=this._getSrcRectByTransformState(c,o),g=this._drawingManagerService.getDrawingOKey(c.oKey);if(g!=null){const{left:d,top:p,height:S,width:m}=o;this._drawingManagerService.featurePluginUpdateNotification([{...g,transform:{...g.transform,left:d,top:p,height:S,width:m},srcRect:l.srcRectAngle}])}c.setSrcRect({...l.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),o==null||o.dispose()}));const r=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Me.switchMap(t=>t?t.activeSheet$:Me.of(null)));this.disposeWithMe(r.subscribe(()=>{this._commandService.syncExecuteCommand(ee.id)}))}_getApplyObjectByCropObject(r){const t=r.oKey,e=t.slice(0,t.length-5),n=r.getScene();if(!n)return null;const a=n.getObject(e);return a==null?null:a}_addListenerOnImage(r){const t=r.getTransformerByCreate();let e=null;this.disposeWithMe(t.changeStart$.subscribe(n=>{const{objects:a}=n,s=a.values().next().value;if(s==null||!(s instanceof ge))return;const{left:o,top:c,height:u,width:l,angle:g}=s;e={left:o,top:c,height:u,width:l,angle:g},t.clearCopperControl()})),this.disposeWithMe(t.changeEnd$.subscribe(n=>{const{objects:a}=n,s=a.values().next().value;if(s==null||!(s instanceof ge))return;const{left:o,top:c,height:u,width:l,angle:g}=s;if(!h.checkIfMove({left:o,top:c,height:u,width:l,angle:g},e))return;const d=this._getApplyObjectByCropObject(s);if(d==null)return;const p=this._getSrcRectByTransformState(d,s);s.refreshSrcRect(p.srcRect,d.getState()),t.createControlForCopper(s)})),this._endCropListener(r)}_addHoverForImageCopper(r){this.disposeWithMe(r.onPointerEnter$.subscribeEvent(()=>{r.cursor=I.CURSOR_TYPE.MOVE})),this.disposeWithMe(r.onPointerLeave$.subscribeEvent(()=>{r.cursor=I.CURSOR_TYPE.DEFAULT}))}_endCropListener(r){const t=r.getTransformerByCreate();this.disposeWithMe(t.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ee.id)}))}_getSrcRectByTransformState(r,t){const{left:e,top:n,height:a,width:s,strokeWidth:o,angle:c}=t,{left:u,top:l,width:g,height:d,angle:p,strokeWidth:S}=r,m=e-u,v=n-l,C={left:m,top:v,right:g-m-s,bottom:d-v-a},y={...C};if(p!==0){const O=e+s/2,N=n+a/2,R=new I.Vector2(O,N),b=g/2+u,T=d/2+l,E=new I.Vector2(b,T),B=new I.Vector2(u,l);B.rotateByPoint(I.degToRad(p),E);const P=B.clone();P.rotateByPoint(I.degToRad(-p),R);const G=e-P.x,H=n-P.y;y.left=G,y.top=H,y.right=g-G-s,y.bottom=d-H-a}return{srcRect:C,srcRectAngle:y}}};_e=_t([se(0,h.ICommandService),se(1,M.IDrawingManagerService),se(2,I.IRenderManagerService),se(3,h.IUniverInstanceService),se(4,x.IMessageService),se(5,h.Inject(h.LocaleService))],_e);var Ct=Object.getOwnPropertyDescriptor,yt=(i,r,t,e)=>{for(var n=e>1?void 0:e?Ct(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},re=(i,r)=>(t,e)=>r(t,e,i);let Ce=class extends h.Disposable{constructor(i,r,t,e,n,a,s){super(),this._commandService=i,this._renderManagerService=r,this._drawingManagerService=t,this._dialogService=e,this._imageIoService=n,this._currentUniverService=a,this._drawingRenderService=s,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id===Ie.id){const r=i.params;if(r==null)return;this._resetImageSize(r)}}))}_getSceneAndTransformerByDrawingSearch(i){if(i==null)return;const r=this._renderManagerService.getRenderById(i),t=r==null?void 0:r.scene;if(t==null)return null;const e=t.getTransformerByCreate();return{scene:t,transformer:e}}_resetImageSize(i){const r=[],t=[];i.forEach(e=>{const{unitId:n,subUnitId:a,drawingId:s}=e,o=this._getSceneAndTransformerByDrawingSearch(n);if(o==null)return;const{scene:c}=o,u=M.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:a,drawingId:s}),l=c.getObject(u);if(l==null)return!0;const g=this._drawingManagerService.getDrawingByParam(e);if(g==null)return!0;if(g.drawingType!==h.DrawingTypeEnum.DRAWING_IMAGE)return;l.resetSize();const{width:d,height:p}=l.getNativeSize();t.includes(c)===!1&&t.push(c),r.push({...g,transform:{...g.transform,height:p,width:d,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(r),t.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,i)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(i=>{this._insertImages(i)}))}_insertImages(i){i.forEach(async r=>{var c;const{unitId:t,subUnitId:e}=r,n=this._getSceneAndTransformerByDrawingSearch(t),a=(c=Ee(this._currentUniverService,t))==null?void 0:c.subUnitId;if(n==null||a!==e)return;const s=this._drawingManagerService.getDrawingByParam(r);if(s==null)return;const o=await this._drawingRenderService.renderImages(s,n.scene);if(this._drawingManagerService.refreshTransform([s]),!(o==null||o.length===0))for(const u of o)this._addHoverForImage(u),this._addDialogForImage(u)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(i=>{i.forEach(r=>{const{unitId:t,subUnitId:e,drawingId:n}=r,a=this._drawingManagerService.getDrawingByParam(r);if(a==null)return;const{transform:s,drawingType:o,srcRect:c,prstGeom:u,source:l,imageSourceType:g}=a;if(o!==h.DrawingTypeEnum.DRAWING_IMAGE)return;const d=this._getSceneAndTransformerByDrawingSearch(t);if(d==null)return;const{scene:p,transformer:S}=d;if(s==null)return!0;const m=M.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:e,drawingId:n}),v=p.getObject(m);if(v==null)return!0;v.setSrcRect(c),v.setPrstGeom(u),l!=null&&l.length>0&&(g===h.ImageSourceType.BASE64||g===h.ImageSourceType.URL)&&v.changeSource(l)})}))}_addHoverForImage(i){this.disposeWithMe(h.toDisposable(i.onPointerEnter$.subscribeEvent(()=>{i.cursor=I.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(i.onPointerLeave$.subscribeEvent(()=>{i.cursor=I.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(i){this.disposeWithMe(h.toDisposable(i.onDblclick$.subscribeEvent(()=>{const r=`${i.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(r,i.getNative().src,i.getNativeSize().width,i.getNativeSize().height)})))}};Ce=yt([re(0,h.ICommandService),re(1,I.IRenderManagerService),re(2,M.IDrawingManagerService),re(3,x.IDialogService),re(4,M.IImageIoService),re(5,h.IUniverInstanceService),re(6,h.Inject(D.DrawingRenderService))],Ce);var It=Object.getOwnPropertyDescriptor,bt=(i,r,t,e)=>{for(var n=e>1?void 0:e?It(r,t):r,a=i.length-1,s;a>=0;a--)(s=i[a])&&(n=s(n)||n);return n},We=(i,r)=>(t,e)=>r(t,e,i);const Dt="UNIVER_DRAWING_UI_PLUGIN";D.UniverDrawingUIPlugin=(be=class extends h.Plugin{constructor(r=Ge,t,e){super(),this._config=r,this._injector=t,this._configService=e;const{menu:n,...a}=h.merge({},Ge,this._config);n&&this._configService.setConfig("menu",n,{merge:!0}),this._configService.setConfig(ft,a)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(Se),this._injector.get(ve),this._injector.get(_e),this._injector.get(Ce)}_initDependencies(){[[D.DrawingRenderService],[Se],[ve],[_e],[Ce]].forEach(t=>this._injector.add(t))}},Q(be,"pluginName",Dt),be),D.UniverDrawingUIPlugin=bt([We(1,h.Inject(h.Injector)),We(2,h.IConfigService)],D.UniverDrawingUIPlugin),D.AutoImageCropOperation=ue,D.COMPONENT_IMAGE_POPUP_MENU=ke,D.CloseImageCropOperation=ee,D.DrawingCommonPanel=ht,D.ImageCropperObject=ge,D.ImagePopupMenu=He,D.ImageResetSizeOperation=Ie,D.OpenImageCropOperation=me,D.SetDrawingAlignOperation=fe,D.getUpdateParams=le,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});
16
3
 
17
4
 
18
5
  // @univerjs/docs-drawing/index
@@ -20,28 +7,7 @@
20
7
 
21
8
 
22
9
  // @univerjs/docs-drawing-ui/index
23
- (function(N,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@univerjs/docs-drawing"),require("@univerjs/drawing"),require("@univerjs/drawing-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/design"),require("rxjs"),require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs-drawing","@univerjs/drawing","@univerjs/drawing-ui","@univerjs/engine-render","@univerjs/ui","@univerjs/docs","@univerjs/docs-ui","@univerjs/design","rxjs","react/jsx-runtime","react"],i):(N=typeof globalThis<"u"?globalThis:N||self,i(N.UniverDocsDrawingUi={},N.UniverCore,N.UniverDocsDrawing,N.UniverDrawing,N.UniverDrawingUi,N.UniverEngineRender,N.UniverUi,N.UniverDocs,N.UniverDocsUi,N.UniverDesign,N.rxjs,N.React,N.React))})(this,function(N,i,Q,X,ve,F,j,k,W,$,Z,f,K){"use strict";var Sn=Object.defineProperty;var _n=(N,i,Q)=>i in N?Sn(N,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):N[i]=Q;var ue=(N,i,Q)=>_n(N,typeof i!="symbol"?i+"":i,Q);const Mt="docs-drawing-ui.config",st={};var ne=function(){return ne=Object.assign||function(s){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(s[r]=e[r])}return s},ne.apply(this,arguments)},bt=function(s,e){var n={};for(var t in s)Object.prototype.hasOwnProperty.call(s,t)&&e.indexOf(t)<0&&(n[t]=s[t]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(s);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(s,t[r])&&(n[t[r]]=s[t[r]]);return n},at=K.forwardRef(function(s,e){var n=s.icon,t=s.id,r=s.className,a=s.extend,o=bt(s,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),l=K.useRef("_".concat(Et()));return ot(n,"".concat(t),{defIds:n.defIds,idSuffix:l.current},ne({ref:e,className:d},o),a)});function ot(s,e,n,t,r){return K.createElement(s.tag,ne(ne({key:e},Ct(s,n,r)),t),(Nt(s,n).children||[]).map(function(a,o){return ot(a,"".concat(e,"-").concat(s.tag,"-").concat(o),n,void 0,r)}))}function Ct(s,e,n){var t=ne({},s.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1),s.tag==="mask"&&t.id&&(t.id=t.id+e.idSuffix),Object.entries(t).forEach(function(a){var o=a[0],d=a[1];o==="mask"&&typeof d=="string"&&(t[o]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var r=e.defIds;return!r||r.length===0||(s.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var o=a[0],d=a[1];typeof d=="string"&&(t[o]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Nt(s,e){var n,t=e.defIds;return!t||t.length===0?s:s.tag==="defs"&&(!((n=s.children)===null||n===void 0)&&n.length)?ne(ne({},s),{children:s.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?ne(ne({},r),{attrs:ne(ne({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):s}function Et(){return Math.random().toString(36).substring(2,8)}at.displayName="UniverIcon";var xt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},ct=K.forwardRef(function(s,e){return K.createElement(at,Object.assign({},s,{id:"add-image-single",ref:e,icon:xt}))});ct.displayName="AddImageSingle";const Pe={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{var E,b,P,H;const n=s.get(i.ICommandService),t=s.get(i.IUniverInstanceService),r=s.get(F.IRenderManagerService),a=t.getCurrentUniverDocInstance();if(e==null||a==null)return!1;const o=r.getRenderById(e.unitId).with(W.DocSelectionRenderService),{drawings:d}=e,l=(E=o.getSegment())!=null?E:"",c=new i.TextX,u=i.JSONX.getInstance(),v=(P=(b=a.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:b.customBlocks)!=null?P:[],g=d.map(A=>v.find(S=>S.blockId===A.drawingId)).filter(A=>!!A).sort((A,S)=>A.startIndex>S.startIndex?1:-1),m=d[0].unitId,h=new i.MemoryCursor;h.reset();const I=g[0].startIndex,w=[{startOffset:I,endOffset:I}],p={id:k.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:w}},T=[];for(const A of g){const{startIndex:S}=A;S>h.cursor&&c.push({t:i.TextXActionType.RETAIN,len:S-h.cursor}),c.push({t:i.TextXActionType.DELETE,len:1}),h.moveCursorTo(S+1)}const y=W.getRichTextEditPath(a,l);T.push(u.editOp(c.serialize(),y));for(const A of g){const{blockId:S}=A,U=((H=a.getDrawings())!=null?H:{})[S],L=a.getDrawingsOrder().indexOf(S),q=u.removeOp(["drawings",S],U),_=u.removeOp(["drawingsOrder",L],S);T.push(q),T.push(_)}return p.params.actions=T.reduce((A,S)=>i.JSONX.compose(A,S),null),!!n.syncExecuteCommand(p.id,p.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:s=>{const e=s.get(i.ICommandService),t=s.get(Q.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:r}=t[0],a=t.map(o=>{const{unitId:d,subUnitId:l,drawingId:c,drawingType:u}=o;return{unitId:d,subUnitId:l,drawingId:c,drawingType:u}});return e.executeCommand(Pe.id,{unitId:r,drawings:a})}},ze={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{s.get(i.ICommandService),s.get(i.IUndoRedoService);const n=s.get(Q.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:u,children:v})=>{t.push(u.unitId),v.forEach(g=>{t.push(g.unitId)})});const r=n.getGroupDrawingOp(e),{unitId:a,subUnitId:o,undo:d,redo:l,objects:c}=r;return!1}},Re={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{var b,P,H,A;if(e==null)return!1;const n=s.get(i.ICommandService),t=s.get(k.DocSelectionManagerService),r=s.get(i.IUniverInstanceService),a=t.getActiveTextRange(),o=r.getCurrentUniverDocInstance();if(a==null||o==null)return!1;const d=o.getUnitId(),{drawings:l}=e,{collapsed:c,startOffset:u,segmentId:v}=a,g=o.getSelfOrHeaderFooterModel(v).getBody();if(g==null)return!1;const m=new i.TextX,h=i.JSONX.getInstance(),I=[],w=(P=(b=o.getSnapshot().drawingsOrder)==null?void 0:b.length)!=null?P:0;let p=0;if(c)u>0&&m.push({t:i.TextXActionType.RETAIN,len:u});else{const S=i.BuildTextUtils.selection.delete([a],g,0,null,!1);m.push(...S);const U=W.getCustomBlockIdsInSelections(g,[a]),z=(H=o.getDrawings())!=null?H:{},L=(A=o.getDrawingsOrder())!=null?A:[],q=U.sort((_,D)=>L.indexOf(_)>L.indexOf(D)?-1:L.indexOf(_)<L.indexOf(D)?1:0);if(q.length>0)for(const _ of q){const D=z[_],x=L.indexOf(_);if(D==null||x<0)continue;const M=h.removeOp(["drawings",_],D),B=h.removeOp(["drawingsOrder",x],_);I.push(M),I.push(B),p++}}m.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((S,U)=>({startIndex:U,blockId:S.drawingId}))},len:l.length});const T=W.getRichTextEditPath(o,v),y=h.editOp(m.serialize(),T);I.push(y);for(const S of l){const{drawingId:U}=S,z=h.insertOp(["drawings",U],S),L=h.insertOp(["drawingsOrder",w-p],U);I.push(z),I.push(L)}const O={id:k.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:[]}};return O.params.actions=I.reduce((S,U)=>i.JSONX.compose(S,U),null),!!n.syncExecuteCommand(O.id,O.params)}},qe={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(s,e)=>{const n=s.get(i.ICommandService),t=s.get(Q.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:a,drawingIds:o,arrangeType:d}=e,l={unitId:r,subUnitId:a,drawingIds:o};let c;if(d===i.ArrangeTypeEnum.forward?c=t.getForwardDrawingsOp(l):d===i.ArrangeTypeEnum.backward?c=t.getBackwardDrawingOp(l):d===i.ArrangeTypeEnum.front?c=t.getFrontDrawingsOp(l):d===i.ArrangeTypeEnum.back&&(c=t.getBackDrawingsOp(l)),c==null)return!1;const{redo:u}=c;if(u==null)return!1;const v=[];let g=i.Tools.deepClone(u);g=g.slice(3),g.unshift("drawingsOrder"),v.push(g);const m={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return m.params.actions=v.reduce((I,w)=>i.JSONX.compose(I,w),null),!!n.syncExecuteCommand(m.id,m.params)}},Ke={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{s.get(i.ICommandService),s.get(i.IUndoRedoService);const n=s.get(Q.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:u,children:v})=>{t.push(u.unitId),v.forEach(g=>{t.push(g.unitId)})});const r=n.getUngroupDrawingOp(e),{unitId:a,subUnitId:o,undo:d,redo:l,objects:c}=r;return!1}};class Le{constructor(){ue(this,"_refreshDrawings$",new Z.BehaviorSubject(null));ue(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var At=Object.getOwnPropertyDescriptor,Pt=(s,e,n,t)=>{for(var r=t>1?void 0:t?At(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},ie=(s,e)=>(n,t)=>e(n,t,s);let Fe=class extends i.Disposable{constructor(s,e,n,t,r,a,o,d,l,c,u,v,g){super(),this._context=s,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=r,this._docDrawingService=a,this._drawingManagerService=o,this._contextService=d,this._messageService=l,this._localeService=c,this._docSelectionRenderService=u,this._docRefreshDrawingsService=v,this._fileOpenerService=g,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const s=await this._fileOpenerService.openFile({multiple:!0,accept:X.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=s.length;return e>X.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(X.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(s),!0)}async _insertFloatImages(s){let e=[];try{e=await Promise.all(s.map(r=>this._imageIoService.saveImage(r)))}catch(r){const a=r.message;let o="";switch(a){case X.ImageUploadStatusType.ERROR_EXCEED_SIZE:o=this._localeService.t("update-status.exceedMaxSize",String(X.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case X.ImageUploadStatusType.ERROR_IMAGE_TYPE:o=this._localeService.t("update-status.invalidImageType");break;case X.ImageUploadStatusType.ERROR_IMAGE:o=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:$.MessageType.Error,content:o})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const r of e){if(r==null)continue;const{imageId:a,imageSourceType:o,source:d,base64Cache:l}=r,{width:c,height:u,image:v}=await X.getImageSize(l||"");this._imageIoService.addImageSourceCache(a,o,v);let g=1;if(c>X.DRAWING_IMAGE_WIDTH_LIMIT||u>X.DRAWING_IMAGE_HEIGHT_LIMIT){const w=X.DRAWING_IMAGE_WIDTH_LIMIT/c,p=X.DRAWING_IMAGE_HEIGHT_LIMIT/u;g=Math.min(w,p)}const m=this._getImagePosition(c*g,u*g);if(m==null)return;const h={unitId:n,subUnitId:n,drawingId:a,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:o,source:d,transform:W.docDrawingPositionToTransform(m),docTransform:m,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=i.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),t.push(h)}this._commandService.executeCommand(Re.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:s}=this._context,e=(t=this._renderManagerSrv.getRenderById(s))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===F.DocumentEditArea.HEADER||n===F.DocumentEditArea.FOOTER}_getImagePosition(s,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0};return{size:{width:s,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(s=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r}=s;this._commandService.executeCommand(qe.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(s=>{this._commandService.executeCommand(ze.id,s)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(s=>{this._commandService.executeCommand(Ke.id,s)})}_getCurrentSceneAndTransformer(){const{scene:s,mainComponent:e}=this._context;if(s==null||e==null)return;const n=s.getTransformerByCreate(),{docsLeft:t,docsTop:r}=e.getOffsetConfig();return{scene:s,transformer:n,docsLeft:t,docsTop:r}}_transformDrawingListener(){const s=this._getCurrentSceneAndTransformer();if(s&&s.transformer)this.disposeWithMe(s.transformer.changeEnd$.pipe(Z.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(s=>{var r;const{transformer:e,docsLeft:n,docsTop:t}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(s==null||s.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(s),this._setDrawingSelections(s);const a=this._docSelectionRenderService.getSegment(),o=this._findSegmentIdByDrawingId(s[0].drawingId);a!==o&&this._docSelectionRenderService.setSegment(o),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(s){var o,d,l;const{unit:e}=this._context,{body:n,headers:t={},footers:r={}}=e.getSnapshot();if(((o=n==null?void 0:n.customBlocks)!=null?o:[]).some(c=>c.blockId===s))return"";for(const c of Object.keys(t))if((d=t[c].body.customBlocks)!=null&&d.some(u=>u.blockId===s))return c;for(const c of Object.keys(r))if((l=r[c].body.customBlocks)!=null&&l.some(u=>u.blockId===s))return c;return""}_updateDrawingsEditStatus(){var d;const{unit:s,scene:e,unitId:n}=this._context,t=(d=this._renderManagerSrv.getRenderById(n))==null?void 0:d.with(k.DocSkeletonManagerService).getViewModel();if(t==null||s==null)return;const r=s.getSnapshot(),{drawings:a={}}=r,o=t.getEditArea()===F.DocumentEditArea.BODY;for(const l of Object.keys(a)){const c=a[l],u=X.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),v=e.fuzzyMathObjects(u,!0);if(v.length)for(const g of v){e.detachTransformerFrom(g);try{g.setOpacity(.5)}catch{}if(o&&c.isMultiTransform!==i.BooleanNumber.TRUE||!o&&c.isMultiTransform===i.BooleanNumber.TRUE){c.allowTransform!==!1&&e.attachTransformerTo(g);try{g.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var n;const{unitId:s}=this._context,e=(n=this._renderManagerSrv.getRenderById(s))==null?void 0:n.with(k.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(t=>{t!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async t=>{t.id===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(s){var r,a;const{unit:e}=this._context,n=(a=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?a:[],t=s.map(o=>{const d=o.drawingId,l=n.find(c=>c.blockId===d);return l?l.startIndex:null}).filter(o=>o!==null).map(o=>({startOffset:o,endOffset:o+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Fe=Pt([ie(1,i.ICommandService),ie(2,i.Inject(k.DocSelectionManagerService)),ie(3,F.IRenderManagerService),ie(4,X.IImageIoService),ie(5,Q.IDocDrawingService),ie(6,X.IDrawingManagerService),ie(7,i.IContextService),ie(8,j.IMessageService),ie(9,i.Inject(i.LocaleService)),ie(10,i.Inject(W.DocSelectionRenderService)),ie(11,i.Inject(Le)),ie(12,j.ILocalFileService)],Fe);const Ye={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:s=>{var t,r;const e=s.get(i.IUniverInstanceService),n=s.get(F.IRenderManagerService);return(r=(t=F.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,n))==null?void 0:t.with(Fe).insertDocImage())!=null?r:!1}};var re=(s=>(s.INLINE="inline",s.BEHIND_TEXT="behindText",s.IN_FRONT_OF_TEXT="inFrontOfText",s.WRAP_SQUARE="wrapSquare",s.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",s))(re||{});const Rt={inline:i.PositionedObjectLayoutType.INLINE,wrapSquare:i.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:i.PositionedObjectLayoutType.WRAP_NONE,behindText:i.PositionedObjectLayoutType.WRAP_NONE};function dt(s,e,n,t,r,a,o){var m,h;const d=new i.TextX,l=i.JSONX.getInstance(),c=[],u=a.getSelfOrHeaderFooterModel(e).getBody(),v=a.getSelfOrHeaderFooterModel(s).getBody();if(u==null||v==null)return;const g=(h=(m=u.customBlocks)==null?void 0:m.find(I=>I.blockId===r))==null?void 0:h.startIndex;if(g!=null){if(t=Math.min(v.dataStream.length-2,t),s===e){if(t<g?(t>0&&d.push({t:i.TextXActionType.RETAIN,len:t}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),d.push({t:i.TextXActionType.RETAIN,len:g-t}),d.push({t:i.TextXActionType.DELETE,len:1})):(g>0&&d.push({t:i.TextXActionType.RETAIN,len:g}),d.push({t:i.TextXActionType.DELETE,len:1}),t-g-1>0&&d.push({t:i.TextXActionType.RETAIN,len:t-g-1}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),t!==g){const I=W.getRichTextEditPath(a,e),w=l.editOp(d.serialize(),I);c.push(w)}}else{g>0&&d.push({t:i.TextXActionType.RETAIN,len:g}),d.push({t:i.TextXActionType.DELETE,len:1});let I=W.getRichTextEditPath(a,e),w=l.editOp(d.serialize(),I);c.push(w),d.empty(),t>0&&d.push({t:i.TextXActionType.RETAIN,len:t}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),I=W.getRichTextEditPath(a,s),w=l.editOp(d.serialize(),I),c.push(w),o.setSegment(s),o.setSegmentPage(n)}return c}}const lt={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(s,e)=>{var P,H;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:r}=e,a=s.get(i.ICommandService),o=s.get(i.IUniverInstanceService),l=s.get(F.IRenderManagerService).getRenderById(r),c=l==null?void 0:l.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=l==null?void 0:l.with(k.DocSkeletonManagerService).getViewModel(),v=l==null?void 0:l.scene,g=o.getCurrentUniverDocInstance();if(g==null||c==null||v==null||u==null)return!1;const m=u.getEditArea(),h=v.getTransformerByCreate(),{pages:I,skeHeaders:w,skeFooters:p}=c,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=g.getSnapshot();for(const A of n){const{drawingId:S}=A,U=O[S].layoutType,z=Rt[t];if(U!==z){const D=T.replaceOp(["drawings",S,"layoutType"],U,z);y.push(D)}if(t==="behindText"||t==="inFrontOfText"){const D=O[S].behindDoc,x=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(D!==x){const M=T.replaceOp(["drawings",S,"behindDoc"],D,x);y.push(M)}}if(t==="inline")continue;let L=null,q=0,_=0;for(const D of I){const{headerId:x,footerId:M,marginTop:B,marginLeft:V,marginBottom:C,pageWidth:R,pageHeight:Y}=D;switch(m){case F.DocumentEditArea.HEADER:{const G=(P=w.get(x))==null?void 0:P.get(R);G!=null&&G.skeDrawings.has(S)&&(L=G.skeDrawings.get(S),q=G.marginTop,_=V);break}case F.DocumentEditArea.FOOTER:{const G=(H=p.get(M))==null?void 0:H.get(R);G!=null&&G.skeDrawings.has(S)&&(L=G.skeDrawings.get(S),q=Y-C+G.marginTop,_=V);break}case F.DocumentEditArea.BODY:{D.skeDrawings.has(S)&&(L=D.skeDrawings.get(S),q=B,_=V);break}}if(L!=null)break}if(L!=null){const{aTop:D,aLeft:x}=L,M=O[S].docTransform.positionH;let B=x;M.relativeFrom===i.ObjectRelativeFromH.MARGIN?B-=_:M.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(B-=L.columnLeft);const V={relativeFrom:M.relativeFrom,posOffset:B};if(M.posOffset!==V.posOffset){const G=T.replaceOp(["drawings",S,"docTransform","positionH"],M,V);y.push(G)}const C=O[S].docTransform.positionV;let R=D;C.relativeFrom===i.ObjectRelativeFromV.PAGE?R+=q:C.relativeFrom===i.ObjectRelativeFromV.LINE?R-=L.lineTop:C.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(R-=L.blockAnchorTop);const Y={relativeFrom:C.relativeFrom,posOffset:R};if(C.posOffset!==Y.posOffset){const G=T.replaceOp(["drawings",S,"docTransform","positionV"],C,Y);y.push(G)}}}const E={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};E.params.actions=y.reduce((A,S)=>i.JSONX.compose(A,S),null);const b=a.syncExecuteCommand(E.id,E.params);return h.refreshControls(),!!b}},ut={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(s,e)=>{if(e==null)return!1;const n=s.get(i.ICommandService),r=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,dist:o,unitId:d}=e,l=i.JSONX.getInstance(),c=[],{drawings:u={}}=r.getSnapshot();for(const m of a){const{drawingId:h}=m;for(const[I,w]of Object.entries(o)){const p=u[h][I];if(p!==w){const T=l.replaceOp(["drawings",h,I],p,w);c.push(T)}}}const v={id:k.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return v.params.actions=c.reduce((m,h)=>i.JSONX.compose(m,h),null),!!n.syncExecuteCommand(v.id,v.params)}},gt={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(s,e)=>{if(e==null)return!1;const n=s.get(i.ICommandService),r=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,wrapText:o,unitId:d}=e,l=i.JSONX.getInstance(),c=[],{drawings:u={}}=r.getSnapshot();for(const m of a){const{drawingId:h}=m,I=u[h].wrapText;if(I!==o){const w=l.replaceOp(["drawings",h,"wrapText"],I,o);c.push(w)}}const v={id:k.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return v.params.actions=c.reduce((m,h)=>i.JSONX.compose(m,h),null),!!n.syncExecuteCommand(v.id,v.params)}},Me={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(s,e)=>{if(e==null)return!1;const n=s.get(i.ICommandService),t=s.get(i.IUniverInstanceService),a=s.get(F.IRenderManagerService).getRenderById(e.unitId),o=a==null?void 0:a.scene;if(o==null)return!1;const d=o.getTransformerByCreate(),l=t.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:c,unitId:u}=e,v=i.JSONX.getInstance(),g=[],{drawings:m={}}=l.getSnapshot();for(const w of c){const{drawingId:p,key:T,value:y}=w,O=m[p].docTransform[T];if(!i.Tools.diffValue(O,y)){const E=v.replaceOp(["drawings",p,"docTransform",T],O,y);g.push(E)}}const h={id:k.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};h.params.actions=g.reduce((w,p)=>i.JSONX.compose(w,p),null);const I=n.syncExecuteCommand(h.id,h.params);return d.refreshControls(),!!I}},ft={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{var H,A;if(e==null)return!1;const n=s.get(F.IRenderManagerService),t=(H=n.getRenderById(e.unitId))==null?void 0:H.with(W.DocSelectionRenderService),r=s.get(Le),a=n.getRenderById(e.unitId),o=a==null?void 0:a.scene,d=a==null?void 0:a.with(k.DocSkeletonManagerService).getSkeleton();if(o==null||t==null)return!1;const l=o.getTransformerByCreate(),c=s.get(i.ICommandService),v=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(v==null)return!1;const{drawing:g,unitId:m,offset:h,segmentId:I,segmentPage:w,needRefreshDrawings:p}=e;if(p)return r.refreshDrawings(d),l.refreshControls(),!0;const T=[],{drawingId:y}=g,O=(A=t.getSegment())!=null?A:"",E=dt(I,O,w,h,y,v,t);if(E==null||E.length===0)return r.refreshDrawings(d),l.refreshControls(),!1;T.push(...E);const b={id:k.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null}};b.params.actions=T.reduce((S,U)=>i.JSONX.compose(S,U),null);const P=c.syncExecuteCommand(b.id,b.params);return l.refreshControls(),!!P}},vt={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{var L,q;if(e==null)return!1;const n=s.get(F.IRenderManagerService),t=(L=n.getRenderById(e.unitId))==null?void 0:L.with(W.DocSelectionRenderService),r=n.getRenderById(e.unitId),a=r==null?void 0:r.scene;if(a==null||t==null)return!1;const o=a.getTransformerByCreate(),d=s.get(i.ICommandService),c=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:u,unitId:v,offset:g,docTransform:m,segmentId:h,segmentPage:I}=e,w=[],{drawingId:p}=u,T=(q=t.getSegment())!=null?q:"",y=dt(h,T,I,g,p,c,t);if(y==null)return!1;y.length>0&&w.push(...y);const O=i.JSONX.getInstance(),{drawings:E={}}=c.getSnapshot(),b=E[p].docTransform,{positionH:P,positionV:H,size:A,angle:S}=b;if(!i.Tools.diffValue(P,m.positionH)){const _=O.replaceOp(["drawings",p,"docTransform","positionH"],P,m.positionH);w.push(_)}if(!i.Tools.diffValue(H,m.positionV)){const _=O.replaceOp(["drawings",p,"docTransform","positionV"],H,m.positionV);w.push(_)}if(!i.Tools.diffValue(A,m.size)){const _=O.replaceOp(["drawings",p,"docTransform","size"],A,m.size);w.push(_)}if(!i.Tools.diffValue(S,m.angle)){const _=O.replaceOp(["drawings",p,"docTransform","angle"],S,m.angle);w.push(_)}const U={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null,debounce:!0}};U.params.actions=w.reduce((_,D)=>i.JSONX.compose(_,D),null);const z=d.syncExecuteCommand(U.id,U.params);return o.refreshControls(),!!z}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{const n=s.get(i.ICommandService),t=s.get(Q.IDocDrawingService),r=s.get(i.IUniverInstanceService),a=s.get(F.IRenderManagerService),{direction:o}=e,d=t.getFocusDrawings();if(d.length===0)return!1;const l=d[0].unitId,c=a.getRenderById(l),u=c==null?void 0:c.scene;if(u==null)return!1;const v=u.getTransformerByCreate(),g=r.getUniverDocInstance(l),m=d.map(I=>{var b,P,H,A,S;const{drawingId:w}=I,p=(b=g==null?void 0:g.getSnapshot().drawings)==null?void 0:b[w];if(p==null||p.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=p.docTransform,O={...T},E={...y};return o===i.Direction.UP?E.posOffset=((P=E.posOffset)!=null?P:0)-2:o===i.Direction.DOWN?E.posOffset=((H=E.posOffset)!=null?H:0)+2:o===i.Direction.LEFT?O.posOffset=((A=O.posOffset)!=null?A:0)-2:o===i.Direction.RIGHT&&(O.posOffset=((S=O.posOffset)!=null?S:0)+2),{drawingId:w,key:o===i.Direction.UP||o===i.Direction.DOWN?"positionV":"positionH",value:o===i.Direction.UP||o===i.Direction.DOWN?E:O}}).filter(I=>I!=null);if(m.length===0)return!1;const h=n.syncExecuteCommand(Me.id,{unitId:l,subUnitId:l,drawings:m});return v.refreshControls(),!!h}},ht={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(s,e)=>{const n=s.get(F.IRenderManagerService);return e.forEach(t=>{var r,a;(a=(r=n.getRenderById(t))==null?void 0:r.scene.getTransformer())==null||a.debounceRefreshControls()}),!0}},mt="COMPONENT_DOC_DRAWING_PANEL",Je={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(s,e)=>{const n=s.get(j.ISidebarService),t=s.get(i.LocaleService),r=s.get(X.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:mt},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Ze={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(s,e)=>{const n=s.get(X.IDrawingManagerService),t=s.get(i.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Je.id,{value:"open"}),!0)}},pt=-1e3,It=1e3,Lt=s=>{const e=j.useDependency(i.ICommandService),n=j.useDependency(i.LocaleService),t=j.useDependency(X.IDrawingManagerService),r=j.useDependency(F.IRenderManagerService),a=j.useDependency(i.IUniverInstanceService),{drawings:o}=s,d=o[0];if(d==null)return;const{unitId:l}=d,c=a.getUniverDocInstance(l),u=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,v=r.getRenderById(l),g=v==null?void 0:v.scene;if(g==null)return;const m=g.getTransformerByCreate(),h=[{label:n.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:u===i.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:u===i.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:u===i.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[w,p]=K.useState(!0),[T,y]=K.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,E]=K.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[b,P]=K.useState(!0),[H,A]=K.useState(!0);function S(D,x){var C;D==="positionH"?y(x):E(x);const M=t.getFocusDrawings();if(M.length===0)return;const B=M.map(R=>({unitId:R.unitId,subUnitId:R.subUnitId,drawingId:R.drawingId}));e.executeCommand(Me.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:B.map(R=>({drawingId:R.drawingId,key:D,value:x}))});const V=(C=r.getRenderById(l))==null?void 0:C.with(W.DocSelectionRenderService);V&&V.blur(),m.refreshControls()}function U(D){var te,ge,fe;const x=T.relativeFrom,M=T.posOffset,B=Number(D);if(x===B)return;const V=t.getFocusDrawings();if(V.length===0)return;const C=V[0].drawingId,R=V[0].unitId;let Y=null,G=0;const J=(te=r.getRenderById(R))==null?void 0:te.with(k.DocSkeletonManagerService).getSkeleton(),se=J==null?void 0:J.getSkeletonData();if(se==null)return;const{pages:Oe,skeHeaders:we,skeFooters:xe}=se;for(const oe of Oe){const{marginLeft:he,skeDrawings:me,headerId:Se,footerId:_e,pageWidth:pe}=oe;if(me.has(C)){Y=me.get(C),G=he;break}const ce=(ge=we.get(Se))==null?void 0:ge.get(pe);if(ce!=null&&ce.skeDrawings.has(C)){Y=ce==null?void 0:ce.skeDrawings.get(C),G=he;break}const de=(fe=xe.get(_e))==null?void 0:fe.get(pe);if(de!=null&&de.skeDrawings.has(C)){Y=de==null?void 0:de.skeDrawings.get(C),G=he;break}}if(Y==null)return;let ae=0;x===i.ObjectRelativeFromH.COLUMN?ae-=Y.columnLeft:x===i.ObjectRelativeFromH.MARGIN&&(ae-=G),B===i.ObjectRelativeFromH.COLUMN?ae+=Y.columnLeft:B===i.ObjectRelativeFromH.MARGIN?ae+=G:i.ObjectRelativeFromH.PAGE;const ee={relativeFrom:B,posOffset:(M!=null?M:0)-ae};S("positionH",ee)}function z(D){var me,Se,_e,pe,ce,de;const x=O.relativeFrom,M=O.posOffset,B=Number(D);if(x===B)return;const V=t.getFocusDrawings();if(V.length===0)return;const{drawingId:C,unitId:R}=V[0],Y=a.getUniverDocInstance(R),G=(me=r.getRenderById(R))==null?void 0:me.with(k.DocSkeletonManagerService).getSkeleton(),J=(Se=r.getRenderById(R))==null?void 0:Se.with(W.DocSelectionRenderService),se=J==null?void 0:J.getSegment(),Oe=J==null?void 0:J.getSegmentPage(),we=(pe=(_e=Y==null?void 0:Y.getSelfOrHeaderFooterModel(se).getBody())==null?void 0:_e.customBlocks)==null?void 0:pe.find(De=>De.blockId===C);if(we==null||G==null||J==null)return;const{startIndex:xe}=we,ae=G.findNodeByCharIndex(xe,se,Oe),ee=(ce=ae==null?void 0:ae.parent)==null?void 0:ce.parent,te=ee==null?void 0:ee.parent,ge=te==null?void 0:te.lines.find(De=>De.paragraphIndex===(ee==null?void 0:ee.paragraphIndex)&&De.paragraphStart),fe=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(ae==null||ee==null||ge==null||te==null||fe==null)return;let oe=0;x===i.ObjectRelativeFromV.PARAGRAPH?oe-=ge.top:x===i.ObjectRelativeFromV.LINE?oe-=ee.top:x===i.ObjectRelativeFromV.PAGE&&(oe+=fe.marginTop),B===i.ObjectRelativeFromV.PARAGRAPH?oe+=ge.top:B===i.ObjectRelativeFromV.LINE?oe+=ee.top:B===i.ObjectRelativeFromV.PAGE&&(oe-=fe.marginTop);const he={relativeFrom:B,posOffset:(M!=null?M:0)-oe};S("positionV",he)}function L(D){var R;const x=c==null?void 0:c.getSnapshot(),M=(R=x==null?void 0:x.drawings)==null?void 0:R[D.drawingId];if(M==null)return;const{layoutType:B}=M,{positionH:V,positionV:C}=M.docTransform;y(V),E(C),p(B===i.PositionedObjectLayoutType.INLINE),P(C.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||C.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const D=t.getFocusDrawings();D.length!==0&&L(D[0])}function _(D){P(D),z(String(D?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return K.useEffect(()=>{q();const D=t.focus$.subscribe(M=>{if(M.length===0){A(!1);return}A(!0),L(M[0])}),x=e.onCommandExecuted(async M=>{M.id===k.RichTextEditingMutation.id&&q()});return()=>{D.unsubscribe(),x.dispose()}},[]),f.jsxs("div",{className:$.clsx("univer-relative univer-mt-5 univer-w-full",$.borderTopClassName,{"univer-hidden":!H}),children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-gray-400",children:f.jsx("div",{children:n.t("image-position.title")})})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
24
- univer-flex univer-items-center univer-gap-1 univer-text-gray-900
25
- dark:univer-text-white
26
- `,children:f.jsx("div",{children:n.t("image-position.horizontal")})})}),f.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-gray-400",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.absolutePosition")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.InputNumber,{min:pt,max:It,precision:1,disabled:w,value:T.posOffset,onChange:D=>{S("positionH",{relativeFrom:T.relativeFrom,posOffset:D})}})})})]})}),f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.toTheRightOf")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.Select,{value:String(T.relativeFrom),disabled:w,options:h,onChange:U})})})]})})]}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
27
- univer-flex univer-items-center univer-gap-1 univer-text-gray-900
28
- dark:univer-text-white
29
- `,children:f.jsx("div",{children:n.t("image-position.vertical")})})}),f.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.absolutePosition")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.InputNumber,{min:pt,max:It,precision:1,disabled:w,value:O.posOffset,onChange:D=>{S("positionV",{relativeFrom:O.relativeFrom,posOffset:D})}})})})]})}),f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.bellow")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.Select,{disabled:w,value:String(O.relativeFrom),options:I,onChange:z})})})]})})]}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
30
- univer-flex univer-items-center univer-gap-1 univer-text-gray-900
31
- dark:univer-text-white
32
- `,children:f.jsx("div",{children:n.t("image-position.options")})})}),f.jsx("div",{className:"univer-relative univer-mb-12 univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.Checkbox,{disabled:w,checked:b,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},Ue=0,je=100,Ft=s=>{const e=j.useDependency(i.ICommandService),n=j.useDependency(i.LocaleService),t=j.useDependency(X.IDrawingManagerService),r=j.useDependency(F.IRenderManagerService),a=j.useDependency(i.IUniverInstanceService),{drawings:o}=s,d=o[0];if(d==null)return null;const{unitId:l}=d,c=a.getUniverDocInstance(l),u=r.getRenderById(l);if((u==null?void 0:u.scene)==null)return null;const[g,m]=K.useState(!0),[h,I]=K.useState(!0),[w,p]=K.useState(!0),[T,y]=K.useState(re.INLINE),[O,E]=K.useState(""),[b,P]=K.useState({distT:0,distL:0,distB:0,distR:0}),[H,A]=K.useState(!0);function S(_){y(_);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:x,subUnitId:M}=D[0],B=D.map(({unitId:V,subUnitId:C,drawingId:R})=>({unitId:V,subUnitId:C,drawingId:R}));e.executeCommand(lt.id,{unitId:x,subUnitId:M,drawings:B,wrappingStyle:_})}function U(_){E(_);const D=t.getFocusDrawings();if(D.length===0)return;const x=D.map(M=>({unitId:M.unitId,subUnitId:M.subUnitId,drawingId:M.drawingId}));e.executeCommand(gt.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:x,wrapText:_})}function z(_,D){if(_==null)return;const x={...b,[D]:_};P(x);const M=t.getFocusDrawings();if(M.length===0)return;const B=M.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(ut.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:B,dist:{[D]:_}})}function L(){const _=t.getFocusDrawings();_.length!==0&&q(_[0])}function q(_){var J,se;const D=(se=(J=c==null?void 0:c.getSnapshot())==null?void 0:J.drawings)==null?void 0:se[_.drawingId];if(D==null)return;const{distT:x=0,distL:M=0,distB:B=0,distR:V=0,layoutType:C=i.PositionedObjectLayoutType.INLINE,behindDoc:R=i.BooleanNumber.FALSE,wrapText:Y=i.WrapTextType.BOTH_SIDES}=D;if(P({distT:x,distL:M,distB:B,distR:V}),E(Y),m(C!==i.PositionedObjectLayoutType.WRAP_SQUARE),C===i.PositionedObjectLayoutType.WRAP_NONE||C===i.PositionedObjectLayoutType.INLINE?I(!0):I(!1),C===i.PositionedObjectLayoutType.WRAP_NONE||C===i.PositionedObjectLayoutType.INLINE||C===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?p(!0):p(!1),C===i.PositionedObjectLayoutType.WRAP_NONE)R===i.BooleanNumber.TRUE?y(re.BEHIND_TEXT):y(re.IN_FRONT_OF_TEXT);else switch(C){case i.PositionedObjectLayoutType.INLINE:y(re.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(re.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(re.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${C}`)}}return K.useEffect(()=>{L();const _=t.focus$.subscribe(x=>{if(x.length===0){A(!1);return}A(!0),q(x[0])}),D=e.onCommandExecuted(async x=>{x.id===k.RichTextEditingMutation.id&&L()});return()=>{_.unsubscribe(),D.dispose()}},[]),f.jsxs("div",{className:$.clsx("univer-relative univer-mt-5 univer-w-full",$.borderTopClassName,{"univer-hidden":!H}),children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
33
- univer-flex univer-items-center univer-gap-1 univer-text-gray-600
34
- dark:univer-text-gray-200
35
- `,children:f.jsx("div",{children:n.t("image-text-wrap.title")})})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
36
- univer-flex univer-items-center univer-gap-1 univer-text-gray-900
37
- dark:univer-text-white
38
- `,children:f.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs($.RadioGroup,{value:T,onChange:S,direction:"vertical",children:[f.jsx($.Radio,{value:re.INLINE,children:n.t("image-text-wrap.inline")}),f.jsx($.Radio,{value:re.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),f.jsx($.Radio,{value:re.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),f.jsx($.Radio,{value:re.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),f.jsx($.Radio,{value:re.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
39
- univer-flex univer-items-center univer-gap-1 univer-text-gray-900
40
- dark:univer-text-white
41
- `,children:f.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs($.RadioGroup,{disabled:g,value:O,onChange:U,direction:"horizontal",children:[f.jsx($.Radio,{value:i.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),f.jsx($.Radio,{value:i.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),f.jsx($.Radio,{value:i.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:`
42
- univer-flex univer-items-center univer-gap-1 univer-text-gray-900
43
- dark:univer-text-white
44
- `,children:f.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),f.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.top")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.InputNumber,{min:Ue,max:je,disabled:h,precision:1,value:b.distT,onChange:_=>{z(_,"distT")}})})})]})}),f.jsx("div",{className:$.clsx("univer-flex univer-items-center univer-gap-1"),children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.left")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.InputNumber,{min:Ue,max:je,disabled:w,precision:1,value:b.distL,onChange:_=>{z(_,"distL")}})})})]})})]}),f.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.bottom")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.InputNumber,{min:Ue,max:je,disabled:h,precision:1,value:b.distB,onChange:_=>{z(_,"distB")}})})})]})}),f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsxs("label",{children:[f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.right")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:f.jsx($.InputNumber,{min:Ue,max:je,disabled:w,precision:1,value:b.distR,onChange:_=>{z(_,"distR")}})})})]})})]})]})},Ut=()=>{const s=j.useDependency(X.IDrawingManagerService),e=s.getFocusDrawings(),[n,t]=K.useState(e);return K.useEffect(()=>{const r=s.focus$.subscribe(a=>{t(a)});return()=>{r.unsubscribe()}},[]),!!(n!=null&&n.length)&&f.jsxs("div",{className:"univer-p-2 univer-text-center univer-text-sm",children:[f.jsx(ve.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),f.jsx(Ft,{drawings:n}),f.jsx(Lt,{drawings:n})]})},wt="addition-and-subtraction-single",Qe="doc.menu.image",St=Ye.id,jt=s=>{const e=s.get(k.DocSelectionManagerService),n=s.get(i.IUniverInstanceService);return new Z.Observable(t=>{const r=e.textSelection$.subscribe(()=>{var o;const a=e.getActiveTextRange();if(a){const{segmentId:d,startOffset:l,endOffset:c}=a,u=n.getCurrentUniverDocInstance(),v=(o=u==null?void 0:u.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:o.tables;if(v&&v.length&&v.some(g=>{const{startIndex:m,endIndex:h}=g;return l>=m&&l<h||c>=m&&c<h})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>r.unsubscribe()})};function Bt(s){return{id:Qe,type:j.MenuItemType.SUBITEMS,icon:wt,tooltip:"docImage.title",disabled$:jt(s),hidden$:j.getMenuHiddenObservable(s,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function kt(s){return{id:St,title:"docImage.upload.float",type:j.MenuItemType.BUTTON,hidden$:j.getMenuHiddenObservable(s,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const Wt={[j.RibbonStartGroup.LAYOUT]:{[Qe]:{order:0,menuItemFactory:Bt,[St]:{order:0,menuItemFactory:kt}}}};function be(s){return s.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&s.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const Ht={id:Te.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:j.KeyCode.ARROW_DOWN,priority:100,preconditions:be,staticParameters:{direction:i.Direction.DOWN}},Vt={id:Te.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:j.KeyCode.ARROW_UP,priority:100,preconditions:be,staticParameters:{direction:i.Direction.UP}},Gt={id:Te.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:j.KeyCode.ARROW_LEFT,priority:100,preconditions:be,staticParameters:{direction:i.Direction.LEFT}},$t={id:Te.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:j.KeyCode.ARROW_RIGHT,priority:100,preconditions:be,staticParameters:{direction:i.Direction.RIGHT}},Xt={id:Xe.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:be,binding:j.KeyCode.DELETE,mac:j.KeyCode.BACKSPACE};var zt=Object.getOwnPropertyDescriptor,qt=(s,e,n,t)=>{for(var r=t>1?void 0:t?zt(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},Be=(s,e)=>(n,t)=>e(n,t,s);let ke=class extends i.Disposable{constructor(s,e,n,t){super(),this._componentManager=s,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const s=this._componentManager;this.disposeWithMe(s.register(wt,ct)),this.disposeWithMe(s.register(mt,Ut))}_initMenus(){this._menuManagerService.mergeMenu(Wt)}_initCommands(){[Ye,Re,lt,ut,gt,Me,ft,vt,Pe,Je,ht,Ze,ze,Ke,Te,Xe,qe].forEach(s=>this.disposeWithMe(this._commandService.registerCommand(s)))}_initShortcuts(){[Ht,Vt,Gt,$t,Xt].forEach(s=>{this.disposeWithMe(this._shortcutService.registerShortcut(s))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};ke=qt([Be(0,i.Inject(j.ComponentManager)),Be(1,j.IMenuManagerService),Be(2,i.ICommandService),Be(3,j.IShortcutService)],ke);var Kt=Object.getOwnPropertyDescriptor,Yt=(s,e,n,t)=>{for(var r=t>1?void 0:t?Kt(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},Ce=(s,e)=>(n,t)=>e(n,t,s);function Jt(s){var t,r,a,o;if(i.JSONX.isNoop(s)||!Array.isArray(s))return null;const e=s.find(d=>Array.isArray(d)&&(d==null?void 0:d[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const d of e)Array.isArray(d)&&n.push({type:(t=d==null?void 0:d[1])!=null&&t.i?"add":"remove",drawingId:d==null?void 0:d[0],drawing:(r=d==null?void 0:d[1])==null?void 0:r.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(o=e[2])==null?void 0:o.i});return n}function Zt(s){if(!Array.isArray(s)||s.length<3||s[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<s.length;n++){const t=s[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let We=class extends i.Disposable{constructor(s,e,n,t,r){super(),this._univerInstanceService=s,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(s=>{if(s.id!==k.RichTextEditingMutation.id)return;const e=s.params,{unitId:n,actions:t}=e,r=Jt(t);if(r!=null)for(const{type:a,drawingId:o,drawing:d}of r)a==="add"?this._addDrawings(n,[d]):this._removeDrawings(n,[o])})),this.disposeWithMe(this._commandService.onCommandExecuted(s=>{if(s.id!==k.RichTextEditingMutation.id)return;const e=s.params,{unitId:n,actions:t}=e;Zt(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(s=>{var o;if(s.id!==i.UndoCommand.id&&s.id!==i.RedoCommand.id)return;const e=(o=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:o.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),r=t==null?void 0:t.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(s,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:o,objects:d}=r;n.applyJson1(s,a,o),t.applyJson1(s,a,o),n.addNotification(d),t.addNotification(d)}_removeDrawings(s,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:s,subUnitId:s,drawingId:l}))),{subUnitId:a,redo:o,objects:d}=r;n.applyJson1(s,a,o),t.applyJson1(s,a,o),n.removeNotification(d),t.removeNotification(d)}_updateDrawingsOrder(s){const e=this._univerInstanceService.getUniverDocInstance(s);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,r=this._docDrawingService;t.setDrawingOrder(s,s,n),r.setDrawingOrder(s,s,n);const a={unitId:s,subUnitId:s,drawingIds:n};t.orderNotification(a),r.orderNotification(a)}};We=Yt([Ce(0,i.IUniverInstanceService),Ce(1,i.ICommandService),Ce(2,X.IDrawingManagerService),Ce(3,Q.IDocDrawingService),Ce(4,F.IRenderManagerService)],We);var Qt=Object.getOwnPropertyDescriptor,en=(s,e,n,t)=>{for(var r=t>1?void 0:t?Qt(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},ye=(s,e)=>(n,t)=>e(n,t,s);function _t(s,e,n=1,t=0){const{top:r,left:a,bottom:o,right:d}=s,l=d-a,c=o-r,u=e.getViewport(W.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:v,viewportScrollY:g}=u,{scaleX:m,scaleY:h}=e.getAncestorScale();return{startX:(a-v)*m,startY:(r-g)*h,endX:(a+l-v)*m,endY:(r+c-g)*h,width:l*m,height:c*h,rotate:t,absolute:{left:!1,top:!1},opacity:n!=null?n:1}}function et(s,e){const{top:n,left:t,width:r,height:a,angle:o,opacity:d}=s;return _t({top:n,left:t,bottom:n+a,right:t+r},e.scene,d,o)}N.DocFloatDomController=class extends i.Disposable{constructor(n,t,r,a,o,d){super();ue(this,"_domLayerInfoMap",new Map);this._renderManagerService=n,this._drawingManagerService=t,this._drawingRenderService=r,this._canvasFloatDomService=a,this._univerInstanceService=o,this._commandService=d,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(n){if(n==null)return;const t=this._renderManagerService.getRenderById(n);if(t==null)return null;const r=t.scene,a=r.getTransformerByCreate();return{scene:r,transformer:a,renderUnit:t,canvas:t.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(n=>{this._insertRects(n)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(n=>{n.forEach(t=>{this._removeDom(t.drawingId)})}))}_insertRects(n){n.forEach(async t=>{const{unitId:r}=t;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const o=this._getSceneAndTransformerByDrawingSearch(r);if(o==null)return;const d=this._drawingManagerService.getDrawingByParam(t);if(d==null)return;const l=await this._drawingRenderService.renderFloatDom(d,o.scene);if(!(l==null||l.length===0))for(const c of l){this._addHoverForRect(c);const u=new i.DisposableCollection,v=et(c,o.renderUnit),g=new Z.BehaviorSubject(v),m=o.canvas,h=d.data,I={dispose:u,rect:c,position$:g,unitId:r};this._canvasFloatDomService.addFloatDom({position$:g,id:d.drawingId,componentKey:d.componentKey,onPointerDown:p=>{m.dispatchEvent(new PointerEvent(p.type,p))},onPointerMove:p=>{m.dispatchEvent(new PointerEvent(p.type,p))},onPointerUp:p=>{m.dispatchEvent(new PointerEvent(p.type,p))},onWheel:p=>{m.dispatchEvent(new WheelEvent(p.type,p))},data:h,unitId:r});const w=c.onTransformChange$.subscribeEvent(()=>{const p=et(c,o.renderUnit);g.next(p)});u.add(()=>{this._canvasFloatDomService.removeFloatDom(d.drawingId)}),w&&u.add(w),this._domLayerInfoMap.set(d.drawingId,I)}})}_addHoverForRect(n){this.disposeWithMe(i.toDisposable(n.onPointerEnter$.subscribeEvent(()=>{n.cursor=F.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(n.onPointerLeave$.subscribeEvent(()=>{n.cursor=F.CURSOR_TYPE.DEFAULT})))}_removeDom(n){const t=this._domLayerInfoMap.get(n);if(!t)return;const{unitId:r}=t;this._domLayerInfoMap.delete(n),t.dispose.dispose();const a=this._getSceneAndTransformerByDrawingSearch(r);a&&a.scene.removeObject(t.rect)}_initScrollAndZoomEvent(){const n=t=>{const r=this._getSceneAndTransformerByDrawingSearch(t);r&&this._domLayerInfoMap.forEach(a=>{if(a.unitId!==t)return;const o=et(a.rect,r.renderUnit);a.position$.next(o)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(Z.map(t=>{if(!t)return null;const r=t.getUnitId(),a=this._renderManagerService.getRenderById(r);return a?{render:a,unitId:r}:null}),Z.switchMap(t=>t?i.fromEventSubject(t.render.scene.getViewport(W.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(Z.map(()=>({unitId:t.unitId}))):Z.of(null))).subscribe(t=>{if(!t)return;const{unitId:r}=t;n(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===W.SetDocZoomRatioOperation.id){const r=t.params,{unitId:a}=r;n(a)}}))}insertFloatDom(n,t){var w,p,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const a=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!a)return!1;const l=(w=a.renderUnit.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:w.pages[0];if(!l)return!1;const{pageWidth:c,marginLeft:u,marginRight:v}=l,g=c-u-v,m={size:{width:(p=t.width)!=null?p:g,height:t.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},h=(T=t.drawingId)!=null?T:i.generateRandomId(),I={unitId:r.getUnitId(),drawings:[{drawingId:h,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...n,title:"",description:"",docTransform:m,layoutType:i.PositionedObjectLayoutType.INLINE,transform:W.docDrawingPositionToTransform(m)}]};return this._commandService.syncExecuteCommand(Re.id,I),h}},N.DocFloatDomController=en([ye(0,F.IRenderManagerService),ye(1,X.IDrawingManagerService),ye(2,i.Inject(ve.DrawingRenderService)),ye(3,i.Inject(j.CanvasFloatDomService)),ye(4,i.IUniverInstanceService),ye(5,i.ICommandService)],N.DocFloatDomController);const tn=s=>{const{floatDomInfos:e,scene:n,offset:t,bound:r}=s,a=r.right-r.left,o=r.bottom-r.top,d=K.useMemo(()=>e.map(l=>{const{width:c=0,height:u=0,left:v=0,top:g=0}=l.transform,h=_t({left:v,right:v+c,top:g,bottom:g+u},n),I={position$:new Z.BehaviorSubject(h),position:h,id:l.drawingId,componentKey:l.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:l.unitId,data:l.data};return[l.drawingId,I]}).filter(([l,c])=>!(c.position.endX<0||c.position.endY<0||c.position.startX>a||c.position.startY>o)),[e,n,t,a,o]);return f.jsx("div",{style:{position:"absolute",top:0,left:0},children:d.map(([l,c])=>f.jsx(j.PrintFloatDomSingle,{layer:c,id:l,position:c.position},l))})};var nn=Object.getOwnPropertyDescriptor,rn=(s,e,n,t)=>{for(var r=t>1?void 0:t?nn(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},Ne=(s,e)=>(n,t)=>e(n,t,s);let He=class extends i.Disposable{constructor(s,e,n,t,r){super(),this._docPrintInterceptorService=s,this._drawingRenderService=e,this._drawingManagerService=n,this._componetManager=t,this._injector=r,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(s,e,n)=>{const{unitId:t,scene:r}=e,a=this._drawingManagerService.getDrawingDataForUnit(t),o=a==null?void 0:a[t];return o&&o.order.forEach(d=>{const l=o.data[d];l.drawingType!==i.DrawingTypeEnum.DRAWING_CHART&&l.drawingType!==i.DrawingTypeEnum.DRAWING_DOM&&this._drawingRenderService.renderDrawing(l,r)}),n()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(s,e,n)=>{const{unitId:t}=e,r=this._drawingManagerService.getDrawingDataForUnit(t),a=r==null?void 0:r[t];if(a){const o=a.order.map(l=>{const c=a.data[l];if(c.drawingType===i.DrawingTypeEnum.DRAWING_CHART)return{...c,componentKey:this._componetManager.get(i.DOC_DRAWING_PRINTING_COMPONENT_KEY)};if(c.drawingType===i.DrawingTypeEnum.DRAWING_DOM){const u=this._docPrintInterceptorService.getPrintComponent(c.componentKey);return{...c,componentKey:this._componetManager.get(u||c.componentKey)}}return null}).filter(Boolean),d=j.connectInjector(tn,this._injector);return $.render(f.jsx(d,{unitId:t,floatDomInfos:o,scene:e.scene,skeleton:e.skeleton,offset:e.offset,bound:e.bound}),e.root),s==null||s.add(()=>{$.unmount(e.root)}),n(s)}}}))}};He=rn([Ne(0,i.Inject(W.DocPrintInterceptorService)),Ne(1,i.Inject(ve.DrawingRenderService)),Ne(2,X.IDrawingManagerService),Ne(3,i.Inject(j.ComponentManager)),Ne(4,i.Inject(i.Injector))],He);var sn=Object.getOwnPropertyDescriptor,an=(s,e,n,t)=>{for(var r=t>1?void 0:t?sn(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},Ve=(s,e)=>(n,t)=>e(n,t,s);const on="__InlineDrawingAnchor__";function Dt(s){const{path:e}=s;return e.some(n=>n==="cells")}let Ge=class extends i.Disposable{constructor(e,n,t,r){super();ue(this,"_liquid",new F.Liquid);ue(this,"_listenerOnImageMap",new Set);ue(this,"_transformerCache",new Map);ue(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var r;const n=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(n==null)return;this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(a=>{var d;this._transformerCache.clear();const{objects:o}=a;for(const l of o.values()){const{oKey:c,width:u,height:v,left:g,top:m,angle:h}=l,I=this._drawingManagerService.getDrawingOKey(c);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),p=(d=w==null?void 0:w.getSnapshot().drawings)==null?void 0:d[I.drawingId];if((p==null?void 0:p.layoutType)===i.PositionedObjectLayoutType.INLINE)try{l.setOpacity(.2)}catch{}p!=null&&this._transformerCache.set(I.drawingId,{drawing:p,top:m,left:g,width:u,height:v,angle:h})}})));const t=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(a=>{const{objects:o,offsetX:d,offsetY:l}=a;if(o.size>1)t(o);else if(o.size===1){const c=this._transformerCache.values().next().value,u=o.values().next().value,{width:v,height:g,top:m,left:h,angle:I}=u;if(c&&v===c.width&&g===c.height&&m===c.top&&h===c.left&&I===c.angle)return;c&&(c.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&d!=null&&l!=null&&this._updateInlineDrawingAnchor(c.drawing,d,l)}}))),this.disposeWithMe(i.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:o,offsetX:d,offsetY:l}=a;for(const c of o.values()){const u=this._drawingManagerService.getDrawingOKey(c.oKey);if(u==null)continue;const v=this._transformerCache.get(u==null?void 0:u.drawingId);if((v==null?void 0:v.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{c.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),o.size>1)this._updateMultipleDrawingDocTransform(o);else if(o.size===1){const c=this._transformerCache.values().next().value,u=o.values().next().value,{width:v,height:g,top:m,left:h,angle:I}=u;if(c&&v===c.width&&g===c.height&&m===c.top&&h===c.left&&I===c.angle)return;c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?v!==c.width||g!==c.height||I!==c.angle?this._updateDrawingSize(c,u):d!=null&&l!=null&&this._moveInlineDrawing(c.drawing,d,l):c&&this._nonInlineDrawingTransform(c.drawing,u)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,r;for(const a of e.values()){const{oKey:o,left:d,top:l,angle:c}=a;let{width:u,height:v}=a;const g=this._drawingManagerService.getDrawingOKey(o);if(g==null)continue;t==null&&(t=g.unitId),r==null&&(r=g.subUnitId);const m=this._transformerCache.get(g.drawingId);if(m==null)continue;const{drawing:h,top:I,left:w,width:p,height:T,angle:y}=m,{width:O,height:E}=this._getPageContentSize(h);if(u=Math.min(u,O),v=Math.min(v,E),(p!==u||T!==v)&&n.push({drawingId:g.drawingId,key:"size",value:{width:u,height:v}}),y!==c&&n.push({drawingId:g.drawingId,key:"angle",value:c}),I!==l||w!==d){const b=l-I,P=d-w;b!==0&&n.push({drawingId:g.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+b}}),P!==0&&n.push({drawingId:g.drawingId,key:"positionH",value:{relativeFrom:h.docTransform.positionH.relativeFrom,posOffset:h.docTransform.positionH.posOffset+P}})}}n.length>0&&t&&r&&this._commandService.executeCommand(Me.id,{unitId:t,subUnitId:r,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var a;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(a=this._getInlineDrawingAnchor(e,n,t))!=null?a:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,n,t){var L,q;const r=this._renderManagerService.getRenderById(e.unitId),a=r==null?void 0:r.with(k.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:o,scene:d}=r,l=o,c=d.getViewports()[0],{pageLayoutType:u=F.PageLayoutType.VERTICAL,pageMarginLeft:v,pageMarginTop:g}=l.getOffsetConfig();let m=null,h=!1,I=-1,w="";const p=.5,T=this._getTransformCoordForDocumentOffset(l,c,n,t);if(T==null)return;const y=(L=this._renderManagerService.getRenderById(e.unitId))==null?void 0:L.with(W.DocSelectionRenderService);if(y==null)return;const O=a==null?void 0:a.findNodeByCoord(T,u,v,g,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:_,ratioX:D,segmentPage:x,segmentId:M}=O;h=D<p,m=_,I=x,w=M}if(m==null)return;const E=a==null?void 0:a.findPositionByGlyph(m,I),b=this._getDocObject();if(E==null||a==null||b==null||Dt(E))return;const P={...E,isBack:h},H=b.document.getOffsetConfig(),A=new W.NodePositionConvertToCursor(H,a),{cursorList:S,contentBoxPointGroup:U}=A.getRangePointData(P,P),{startOffset:z}=(q=W.getOneTextSelectionRange(S))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:U,segmentId:w,segmentPage:I}}_getDrawingAnchor(e,n){var ge,fe,oe,he,me,Se,_e,pe,ce,de,De;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),a=r==null?void 0:r.getSkeletonData();if(a==null||t==null)return;const{pages:o,skeHeaders:d,skeFooters:l}=a,{mainComponent:c,scene:u}=t,v=c,g=u.getViewports()[0],{pageLayoutType:m=F.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:I,docsLeft:w,docsTop:p}=v.getOffsetConfig(),{left:T,top:y,angle:O}=n;let{width:E,height:b}=n;const{positionV:P,positionH:H}=e.docTransform,{width:A,height:S}=this._getPageContentSize(e);E=Math.min(E,A),b=Math.min(b,S);let U=null,z="",L=-1;const q=!1,_={...e.docTransform,size:{width:E,height:b},angle:O},{x:D,y:x}=u.getViewportScrollXY(g),M=this._getTransformCoordForDocumentOffset(v,g,T-D,y-x);if(M==null)return;const B=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(W.DocSelectionRenderService);if(B==null)return;const V=r==null?void 0:r.findNodeByCoord(M,m,h,I,{strict:!1,segmentId:B.getSegment(),segmentPage:B.getSegmentPage()});if(V){const{node:le,segmentPage:it,segmentId:rt}=V;U=le,L=it,z=rt}if(U==null)return;const C=(fe=U.parent)==null?void 0:fe.parent,R=C==null?void 0:C.parent,Y=(oe=R==null?void 0:R.lines.find(le=>le.paragraphIndex===(C==null?void 0:C.paragraphIndex)&&le.paragraphStart))!=null?oe:R==null?void 0:R.lines[0],G=(he=R==null?void 0:R.parent)==null?void 0:he.parent;if(C==null||R==null||Y==null||G==null)return;this._liquid.reset();const J=G.type;for(const le of o){const{headerId:it,footerId:rt,pageHeight:pn,pageWidth:yt,marginLeft:Ot,marginBottom:In}=le,wn=o.indexOf(le);if(L>-1&&wn===L){switch(J){case F.DocumentSkeletonPageType.HEADER:{const Ae=(me=d.get(it))==null?void 0:me.get(yt);if(Ae)this._liquid.translatePagePadding({marginTop:Ae.marginTop,marginLeft:Ot});else throw new Error("header skeleton not found");break}case F.DocumentSkeletonPageType.FOOTER:{const Ae=(Se=l.get(rt))==null?void 0:Se.get(yt);if(Ae)this._liquid.translatePagePadding({marginTop:pn-In+Ae.marginTop,marginLeft:Ot});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(le),le===G)break;this._liquid.restorePagePadding(le),this._liquid.translatePage(le,m,h,I)}switch(P.relativeFrom===i.ObjectRelativeFromV.LINE?U=C.divides[0].glyphGroup[0]:U=(de=(ce=(pe=(_e=Y.divides)==null?void 0:_e[0])==null?void 0:pe.glyphGroup)==null?void 0:ce[0])!=null?de:U,_.positionH={relativeFrom:H.relativeFrom,posOffset:T-this._liquid.x-w},H.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=T-this._liquid.x-w-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=T-this._liquid.x-w-R.left;break}}switch(_.positionV={relativeFrom:P.relativeFrom,posOffset:y-this._liquid.y-p},P.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=y-this._liquid.y-p-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=y-this._liquid.y-p-C.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=y-this._liquid.y-p-Y.top;break}}if(U==null)return;const se=r==null?void 0:r.findPositionByGlyph(U,L),Oe=this._getDocObject();if(se==null||r==null||Oe==null||Dt(se))return;const we={...se,isBack:q},xe=Oe.document.getOffsetConfig(),ae=new W.NodePositionConvertToCursor(xe,r),{cursorList:ee}=ae.getRangePointData(we,we),{startOffset:te}=(De=W.getOneTextSelectionRange(ee))!=null?De:{};if(te!=null)return{offset:te,docTransform:_,segmentId:z,segmentPage:L}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:a,height:o,angle:d}=e,{unitId:l,subUnitId:c}=r;let{width:u,height:v,angle:g}=n;const{width:m,height:h}=this._getPageContentSize(r);u=Math.min(m,u),v=Math.min(h,v),(u!==a||v!==o)&&t.push({drawingId:r.drawingId,key:"size",value:{width:u,height:v}}),g!==d&&t.push({drawingId:r.drawingId,key:"angle",value:g}),t.length>0&&l&&c&&this._commandService.executeCommand(Me.id,{unitId:l,subUnitId:c,drawings:t})}_moveInlineDrawing(e,n,t){const r=this._getInlineDrawingAnchor(e,n,t),{offset:a,segmentId:o,segmentPage:d}=r!=null?r:{};return this._commandService.executeCommand(ft.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,segmentId:o,segmentPage:d,needRefreshDrawings:a==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:r,top:a,width:o,height:d,angle:l}=n,c=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),u=c==null?void 0:c.getSkeletonData(),{pages:v}=u!=null?u:{};if(u==null||t==null||v==null)return{left:r,top:a,width:o,height:d,angle:l};const{mainComponent:g}=t,m=g,{top:h,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:p}=m;let T=a;this._liquid.reset();for(const y of v){const{marginBottom:O,pageHeight:E}=y,b=v.indexOf(y),P=v[b+1];if(P==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(a,a+d,this._liquid.y+h+E-O,this._liquid.y+h+E+p+P.marginTop)){const A=a+d/2,S=this._liquid.y+h+E+p/2;A<S?T=Math.min(a,this._liquid.y+h+E-O-d):T=Math.max(a,this._liquid.y+h+E+p+P.marginTop)}this._liquid.translatePage(y,I,w,p)}return{left:r,top:T,width:o,height:d,angle:l}}_nonInlineDrawingTransform(e,n,t=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&r.top!==n.top)return;const a=this._getDrawingAnchor(e,r),{offset:o,docTransform:d,segmentId:l,segmentPage:c}=a!=null?a:{};return o==null||d==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(vt.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,docTransform:d,segmentId:l,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const r=t.getTransformerByCreate();return{scene:t,transformer:r}}_getTransformCoordForDocumentOffset(e,n,t,r){const{documentTransform:a}=e.getOffsetConfig(),o=n.transformVector2SceneCoord(F.Vector2.FromArray([t,r]));if(o)return a.clone().invert().applyPoint(o)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:r,scene:a}=t,o=r,{docsLeft:d,docsTop:l}=o.getOffsetConfig(),c=W.getAnchorBounding(n),{left:u,top:v,height:g}=c,m=u+d,h=v+l;if(this._anchorShape){this._anchorShape.transformByState({left:m,top:h,height:g}),this._anchorShape.show();return}const I=6,w=new F.Rect(on+i.Tools.generateRandomId(I),{left:m,top:h,height:g,strokeWidth:2,stroke:F.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=w,a.addObject(w,W.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return W.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),r=500,a=500,o=t==null?void 0:t.getSkeletonData();if(o==null||n==null)return{width:r,height:a};const{pages:d}=o;let l=null;for(const c of d){const{skeDrawings:u}=c;if(u.has(e.drawingId)){l=c;break}}if(l){const{pageWidth:c,pageHeight:u,marginLeft:v,marginBottom:g,marginRight:m,marginTop:h}=l;return{width:Math.max(r,c-v-m),height:Math.max(a,u-h-g)}}else return{width:r,height:a}}};Ge=an([Ve(0,i.ICommandService),Ve(1,i.IUniverInstanceService),Ve(2,X.IDrawingManagerService),Ve(3,F.IRenderManagerService)],Ge);var cn=Object.getOwnPropertyDescriptor,dn=(s,e,n,t)=>{for(var r=t>1?void 0:t?cn(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},Ee=(s,e)=>(n,t)=>e(n,t,s);let $e=class extends i.RxDisposable{constructor(e,n,t,r,a){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=r,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(Z.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(Z.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof ve.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var a;const n=(a=this._renderManagerService.getRenderById(e))==null?void 0:a.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const r=[];this.disposeWithMe(i.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const o=t.getSelectedObjectMap();if(r.forEach(p=>p.dispose()),r.length=0,o.size>1)return;const d=o.values().next().value;if(!d)return;const l=d.oKey,c=this._drawingManagerService.getDrawingOKey(l);if(!c||c.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:u,subUnitId:v,drawingId:g,drawingType:m}=c,h=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:ve.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,v,g,m)}},u);r.push(this.disposeWithMe(h)),!this._drawingManagerService.getFocusDrawings().find(p=>p.unitId===u&&p.subUnitId===v&&p.drawingId===g)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:v,drawingId:g}])}))),this.disposeWithMe(i.toDisposable(t.clearControl$.subscribe(()=>{r.forEach(o=>o.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(()=>{r.forEach(o=>o.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(()=>{r.forEach(o=>o.dispose()),r.length=0})))}_getImageMenuItems(e,n,t,r){return[{label:"image-popup.edit",index:0,commandId:Ze.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.delete",index:1,commandId:Pe.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:ve.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:ve.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};$e=dn([Ee(0,X.IDrawingManagerService),Ee(1,i.Inject(W.DocCanvasPopManagerService)),Ee(2,F.IRenderManagerService),Ee(3,i.IUniverInstanceService),Ee(4,i.IContextService)],$e);var ln=Object.getOwnPropertyDescriptor,un=(s,e,n,t)=>{for(var r=t>1?void 0:t?ln(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},Ie=(s,e)=>(n,t)=>e(n,t,s);let tt=class extends i.Disposable{constructor(e,n,t,r,a,o,d,l){super();ue(this,"_liquid",new F.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=r,this._drawingManagerService=a,this._docRefreshDrawingsService=o,this._univerInstanceService=d,this._lifecycleService=l,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,W.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:r}=t,{unitId:a,mainComponent:o}=this._context;if(r!==a)return;const d=this._docSkeletonManagerService.getSkeleton();if(d==null)return;if(this._editorService.isEditor(a)&&a!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){o==null||o.makeDirty();return}this._refreshDrawing(d)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(Z.filter(e=>e.type===F.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),Z.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var T,y;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:r}=this._context,a=t;if(!n)return;const{left:o,top:d,pageLayoutType:l,pageMarginLeft:c,pageMarginTop:u}=a,{pages:v,skeHeaders:g,skeFooters:m}=n,h={};this._liquid.reset();for(let O=0,E=v.length;O<E;O++){const b=v[O],{headerId:P,footerId:H,pageWidth:A}=b;if(P){const S=(T=g.get(P))==null?void 0:T.get(A);S&&this._calculateDrawingPosition(r,S,o,d,h,S.marginTop,b.marginLeft)}if(H){const S=(y=m.get(H))==null?void 0:y.get(A);S&&this._calculateDrawingPosition(r,S,o,d,h,b.pageHeight-b.marginBottom+S.marginTop,b.marginLeft)}this._calculateDrawingPosition(r,b,o,d,h,b.marginTop,b.marginLeft),this._liquid.translatePage(b,l,c,u)}const I=Object.values(h),w=I.filter(O=>!O.isMultiTransform),p=I.filter(O=>O.isMultiTransform);w.length>0&&this._drawingManagerService.refreshTransform(w),this._handleMultiDrawingsTransform(p)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,r=n.getTransformerByCreate();e.forEach(l=>{const c=this._drawingManagerService.getDrawingByParam(l);c!=null&&(c.transform=l.transform,c.transforms=l.transforms,c.isMultiTransform=l.isMultiTransform)});const o=[...r.getSelectedObjectMap().keys()],d=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(l=>l.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(d),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of o){const c=n.getObject(l);c&&r.setSelectedControl(c)}}_calculateDrawingPosition(e,n,t,r,a,o,d){const{skeDrawings:l}=n;this._liquid.translatePagePadding({marginTop:o,marginLeft:d}),l.forEach(c=>{const{aLeft:u,aTop:v,height:g,width:m,angle:h,drawingId:I,drawingOrigin:w}=c,p=w.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&w.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=w,y={left:u+t+this._liquid.x,top:v+r+this._liquid.y,width:m,height:g,angle:h};a[I]==null?a[I]={unitId:e,subUnitId:e,drawingId:I,behindText:p,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&a[I].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:o,marginLeft:d})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this._lifecycleService.lifecycle$.pipe(Z.filter(n=>n===i.LifecycleStages.Rendered)).subscribe(e)}};tt=un([Ie(1,i.Inject(k.DocSkeletonManagerService)),Ie(2,i.ICommandService),Ie(3,W.IEditorService),Ie(4,X.IDrawingManagerService),Ie(5,i.Inject(Le)),Ie(6,i.IUniverInstanceService),Ie(7,i.Inject(i.LifecycleService))],tt);var gn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,vn=(s,e,n)=>e in s?gn(s,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[e]=n,hn=(s,e,n,t)=>{for(var r=t>1?void 0:t?fn(e,n):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(r=o(r)||r);return r},nt=(s,e)=>(n,t)=>e(n,t,s),Tt=(s,e,n)=>vn(s,typeof e!="symbol"?e+"":e,n);const mn="DOC_DRAWING_UI_PLUGIN";N.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=st,n,t,r){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=r;const{...a}=i.merge({},st,this._config);this._configService.setConfig(Mt,a)}onStarting(){[[ke],[$e],[Ge],[We],[Le],[N.DocFloatDomController],[He]].forEach(n=>this._injector.add(n))}onReady(){[[Fe],[tt]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(We),this._injector.get(ke),this._injector.get(Ge),this._injector.get(He)}onRendered(){this._injector.get($e),this._injector.get(N.DocFloatDomController)}},Tt(N.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Tt(N.UniverDocsDrawingUIPlugin,"pluginName",mn),N.UniverDocsDrawingUIPlugin=hn([i.DependentOn(ve.UniverDrawingUIPlugin,X.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,j.UniverUIPlugin),nt(1,i.Inject(i.Injector)),nt(2,F.IRenderManagerService),nt(3,i.IConfigService)],N.UniverDocsDrawingUIPlugin),N.ClearDocDrawingTransformerOperation=ht,N.DOCS_IMAGE_MENU_ID=Qe,N.DeleteDocDrawingsCommand=Xe,N.EditDocDrawingOperation=Ze,N.GroupDocDrawingCommand=ze,N.InsertDocDrawingCommand=Re,N.InsertDocImageCommand=Ye,N.MoveDocDrawingsCommand=Te,N.RemoveDocDrawingCommand=Pe,N.SetDocDrawingArrangeCommand=qe,N.SidebarDocDrawingOperation=Je,N.UngroupDocDrawingCommand=Ke,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
10
+ (function(E,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@univerjs/docs-drawing"),require("@univerjs/drawing"),require("@univerjs/drawing-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/design"),require("rxjs"),require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs-drawing","@univerjs/drawing","@univerjs/drawing-ui","@univerjs/engine-render","@univerjs/ui","@univerjs/docs","@univerjs/docs-ui","@univerjs/design","rxjs","react/jsx-runtime","react"],i):(E=typeof globalThis<"u"?globalThis:E||self,i(E.UniverDocsDrawingUi={},E.UniverCore,E.UniverDocsDrawing,E.UniverDrawing,E.UniverDrawingUi,E.UniverEngineRender,E.UniverUi,E.UniverDocs,E.UniverDocsUi,E.UniverDesign,E.rxjs,E.React,E.React))})(this,function(E,i,Q,$,fe,F,j,k,W,X,Z,w,K){"use strict";var wn=Object.defineProperty;var _n=(E,i,Q)=>i in E?wn(E,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):E[i]=Q;var ge=(E,i,Q)=>_n(E,typeof i!="symbol"?i+"":i,Q);const Mt="docs-drawing-ui.config",st={};var ne=function(){return ne=Object.assign||function(s){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(s[r]=e[r])}return s},ne.apply(this,arguments)},bt=function(s,e){var n={};for(var t in s)Object.prototype.hasOwnProperty.call(s,t)&&e.indexOf(t)<0&&(n[t]=s[t]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(s);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(s,t[r])&&(n[t[r]]=s[t[r]]);return n},ot=K.forwardRef(function(s,e){var n=s.icon,t=s.id,r=s.className,o=s.extend,a=bt(s,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),l=K.useRef("_".concat(At()));return at(n,"".concat(t),{defIds:n.defIds,idSuffix:l.current},ne({ref:e,className:d},a),o)});function at(s,e,n,t,r){return K.createElement(s.tag,ne(ne({key:e},Ct(s,n,r)),t),(Et(s,n).children||[]).map(function(o,a){return at(o,"".concat(e,"-").concat(s.tag,"-").concat(a),n,void 0,r)}))}function Ct(s,e,n){var t=ne({},s.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1),s.tag==="mask"&&t.id&&(t.id=t.id+e.idSuffix),Object.entries(t).forEach(function(o){var a=o[0],d=o[1];a==="mask"&&typeof d=="string"&&(t[a]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var r=e.defIds;return!r||r.length===0||(s.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var a=o[0],d=o[1];typeof d=="string"&&(t[a]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Et(s,e){var n,t=e.defIds;return!t||t.length===0?s:s.tag==="defs"&&(!((n=s.children)===null||n===void 0)&&n.length)?ne(ne({},s),{children:s.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?ne(ne({},r),{attrs:ne(ne({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):s}function At(){return Math.random().toString(36).substring(2,8)}ot.displayName="UniverIcon";var Pt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},ct=K.forwardRef(function(s,e){return K.createElement(ot,Object.assign({},s,{id:"add-image-single",ref:e,icon:Pt}))});ct.displayName="AddImageSingle";const Ne={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{var A,b,N,H;const n=s.get(i.ICommandService),t=s.get(i.IUniverInstanceService),r=s.get(F.IRenderManagerService),o=t.getCurrentUniverDocInstance();if(e==null||o==null)return!1;const a=r.getRenderById(e.unitId).with(W.DocSelectionRenderService),{drawings:d}=e,l=(A=a.getSegment())!=null?A:"",c=new i.TextX,g=i.JSONX.getInstance(),h=(N=(b=o.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:b.customBlocks)!=null?N:[],u=d.map(R=>h.find(S=>S.blockId===R.drawingId)).filter(R=>!!R).sort((R,S)=>R.startIndex>S.startIndex?1:-1),p=d[0].unitId,f=new i.MemoryCursor;f.reset();const v=u[0].startIndex,I=[{startOffset:v,endOffset:v}],m={id:k.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:I}},T=[];for(const R of u){const{startIndex:S}=R;S>f.cursor&&c.push({t:i.TextXActionType.RETAIN,len:S-f.cursor}),c.push({t:i.TextXActionType.DELETE,len:1}),f.moveCursorTo(S+1)}const y=W.getRichTextEditPath(o,l);T.push(g.editOp(c.serialize(),y));for(const R of u){const{blockId:S}=R,U=((H=o.getDrawings())!=null?H:{})[S],L=o.getDrawingsOrder().indexOf(S),q=g.removeOp(["drawings",S],U),_=g.removeOp(["drawingsOrder",L],S);T.push(q),T.push(_)}return m.params.actions=T.reduce((R,S)=>i.JSONX.compose(R,S),null),!!n.syncExecuteCommand(m.id,m.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:s=>{const e=s.get(i.ICommandService),t=s.get(Q.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:r}=t[0],o=t.map(a=>{const{unitId:d,subUnitId:l,drawingId:c,drawingType:g}=a;return{unitId:d,subUnitId:l,drawingId:c,drawingType:g}});return e.executeCommand(Ne.id,{unitId:r,drawings:o})}},ze={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{s.get(i.ICommandService),s.get(i.IUndoRedoService);const n=s.get(Q.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:g,children:h})=>{t.push(g.unitId),h.forEach(u=>{t.push(u.unitId)})});const r=n.getGroupDrawingOp(e),{unitId:o,subUnitId:a,undo:d,redo:l,objects:c}=r;return!1}},xe={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{var b,N,H,R;if(e==null)return!1;const n=s.get(i.ICommandService),t=s.get(k.DocSelectionManagerService),r=s.get(i.IUniverInstanceService),o=t.getActiveTextRange(),a=r.getCurrentUniverDocInstance();if(o==null||a==null)return!1;const d=a.getUnitId(),{drawings:l}=e,{collapsed:c,startOffset:g,segmentId:h}=o,u=a.getSelfOrHeaderFooterModel(h).getBody();if(u==null)return!1;const p=new i.TextX,f=i.JSONX.getInstance(),v=[],I=(N=(b=a.getSnapshot().drawingsOrder)==null?void 0:b.length)!=null?N:0;let m=0;if(c)g>0&&p.push({t:i.TextXActionType.RETAIN,len:g});else{const S=i.BuildTextUtils.selection.delete([o],u,0,null,!1);p.push(...S);const U=W.getCustomBlockIdsInSelections(u,[o]),z=(H=a.getDrawings())!=null?H:{},L=(R=a.getDrawingsOrder())!=null?R:[],q=U.sort((_,D)=>L.indexOf(_)>L.indexOf(D)?-1:L.indexOf(_)<L.indexOf(D)?1:0);if(q.length>0)for(const _ of q){const D=z[_],P=L.indexOf(_);if(D==null||P<0)continue;const M=f.removeOp(["drawings",_],D),B=f.removeOp(["drawingsOrder",P],_);v.push(M),v.push(B),m++}}p.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((S,U)=>({startIndex:U,blockId:S.drawingId}))},len:l.length});const T=W.getRichTextEditPath(a,h),y=f.editOp(p.serialize(),T);v.push(y);for(const S of l){const{drawingId:U}=S,z=f.insertOp(["drawings",U],S),L=f.insertOp(["drawingsOrder",I-m],U);v.push(z),v.push(L)}const O={id:k.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:[]}};return O.params.actions=v.reduce((S,U)=>i.JSONX.compose(S,U),null),!!n.syncExecuteCommand(O.id,O.params)}},qe={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(s,e)=>{const n=s.get(i.ICommandService),t=s.get(Q.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:o,drawingIds:a,arrangeType:d}=e,l={unitId:r,subUnitId:o,drawingIds:a};let c;if(d===i.ArrangeTypeEnum.forward?c=t.getForwardDrawingsOp(l):d===i.ArrangeTypeEnum.backward?c=t.getBackwardDrawingOp(l):d===i.ArrangeTypeEnum.front?c=t.getFrontDrawingsOp(l):d===i.ArrangeTypeEnum.back&&(c=t.getBackDrawingsOp(l)),c==null)return!1;const{redo:g}=c;if(g==null)return!1;const h=[];let u=i.Tools.deepClone(g);u=u.slice(3),u.unshift("drawingsOrder"),h.push(u);const p={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return p.params.actions=h.reduce((v,I)=>i.JSONX.compose(v,I),null),!!n.syncExecuteCommand(p.id,p.params)}},Ke={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(s,e)=>{s.get(i.ICommandService),s.get(i.IUndoRedoService);const n=s.get(Q.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:g,children:h})=>{t.push(g.unitId),h.forEach(u=>{t.push(u.unitId)})});const r=n.getUngroupDrawingOp(e),{unitId:o,subUnitId:a,undo:d,redo:l,objects:c}=r;return!1}};class Le{constructor(){ge(this,"_refreshDrawings$",new Z.BehaviorSubject(null));ge(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var Rt=Object.getOwnPropertyDescriptor,Nt=(s,e,n,t)=>{for(var r=t>1?void 0:t?Rt(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},ie=(s,e)=>(n,t)=>e(n,t,s);let Fe=class extends i.Disposable{constructor(s,e,n,t,r,o,a,d,l,c,g,h,u){super(),this._context=s,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=r,this._docDrawingService=o,this._drawingManagerService=a,this._contextService=d,this._messageService=l,this._localeService=c,this._docSelectionRenderService=g,this._docRefreshDrawingsService=h,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const s=await this._fileOpenerService.openFile({multiple:!0,accept:$.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=s.length;return e>$.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String($.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(s),!0)}async _insertFloatImages(s){let e=[];try{e=await Promise.all(s.map(r=>this._imageIoService.saveImage(r)))}catch(r){const o=r.message;let a="";switch(o){case $.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String($.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case $.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case $.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:X.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const r of e){if(r==null)continue;const{imageId:o,imageSourceType:a,source:d,base64Cache:l}=r,{width:c,height:g,image:h}=await $.getImageSize(l||"");this._imageIoService.addImageSourceCache(o,a,h);let u=1;if(c>$.DRAWING_IMAGE_WIDTH_LIMIT||g>$.DRAWING_IMAGE_HEIGHT_LIMIT){const I=$.DRAWING_IMAGE_WIDTH_LIMIT/c,m=$.DRAWING_IMAGE_HEIGHT_LIMIT/g;u=Math.min(I,m)}const p=this._getImagePosition(c*u,g*u);if(p==null)return;const f={unitId:n,subUnitId:n,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:d,transform:W.docDrawingPositionToTransform(p),docTransform:p,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(f.isMultiTransform=i.BooleanNumber.TRUE,f.transforms=f.transform?[f.transform]:null),t.push(f)}this._commandService.executeCommand(xe.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:s}=this._context,e=(t=this._renderManagerSrv.getRenderById(s))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===F.DocumentEditArea.HEADER||n===F.DocumentEditArea.FOOTER}_getImagePosition(s,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0};return{size:{width:s,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(s=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r}=s;this._commandService.executeCommand(qe.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(s=>{this._commandService.executeCommand(ze.id,s)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(s=>{this._commandService.executeCommand(Ke.id,s)})}_getCurrentSceneAndTransformer(){const{scene:s,mainComponent:e}=this._context;if(s==null||e==null)return;const n=s.getTransformerByCreate(),{docsLeft:t,docsTop:r}=e.getOffsetConfig();return{scene:s,transformer:n,docsLeft:t,docsTop:r}}_transformDrawingListener(){const s=this._getCurrentSceneAndTransformer();if(s&&s.transformer)this.disposeWithMe(s.transformer.changeEnd$.pipe(Z.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(s=>{var r;const{transformer:e,docsLeft:n,docsTop:t}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(s==null||s.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(s),this._setDrawingSelections(s);const o=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(s[0].drawingId);o!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(s){var a,d,l;const{unit:e}=this._context,{body:n,headers:t={},footers:r={}}=e.getSnapshot();if(((a=n==null?void 0:n.customBlocks)!=null?a:[]).some(c=>c.blockId===s))return"";for(const c of Object.keys(t))if((d=t[c].body.customBlocks)!=null&&d.some(g=>g.blockId===s))return c;for(const c of Object.keys(r))if((l=r[c].body.customBlocks)!=null&&l.some(g=>g.blockId===s))return c;return""}_updateDrawingsEditStatus(){var d;const{unit:s,scene:e,unitId:n}=this._context,t=(d=this._renderManagerSrv.getRenderById(n))==null?void 0:d.with(k.DocSkeletonManagerService).getViewModel();if(t==null||s==null)return;const r=s.getSnapshot(),{drawings:o={}}=r,a=t.getEditArea()===F.DocumentEditArea.BODY;for(const l of Object.keys(o)){const c=o[l],g=$.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),h=e.fuzzyMathObjects(g,!0);if(h.length)for(const u of h){e.detachTransformerFrom(u);try{u.setOpacity(.5)}catch{}if(a&&c.isMultiTransform!==i.BooleanNumber.TRUE||!a&&c.isMultiTransform===i.BooleanNumber.TRUE){c.allowTransform!==!1&&e.attachTransformerTo(u);try{u.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var n;const{unitId:s}=this._context,e=(n=this._renderManagerSrv.getRenderById(s))==null?void 0:n.with(k.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(t=>{t!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async t=>{t.id===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(s){var r,o;const{unit:e}=this._context,n=(o=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?o:[],t=s.map(a=>{const d=a.drawingId,l=n.find(c=>c.blockId===d);return l?l.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Fe=Nt([ie(1,i.ICommandService),ie(2,i.Inject(k.DocSelectionManagerService)),ie(3,F.IRenderManagerService),ie(4,$.IImageIoService),ie(5,Q.IDocDrawingService),ie(6,$.IDrawingManagerService),ie(7,i.IContextService),ie(8,j.IMessageService),ie(9,i.Inject(i.LocaleService)),ie(10,i.Inject(W.DocSelectionRenderService)),ie(11,i.Inject(Le)),ie(12,j.ILocalFileService)],Fe);const Ye={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:s=>{var t,r;const e=s.get(i.IUniverInstanceService),n=s.get(F.IRenderManagerService);return(r=(t=F.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,n))==null?void 0:t.with(Fe).insertDocImage())!=null?r:!1}};var re=(s=>(s.INLINE="inline",s.BEHIND_TEXT="behindText",s.IN_FRONT_OF_TEXT="inFrontOfText",s.WRAP_SQUARE="wrapSquare",s.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",s))(re||{});const xt={inline:i.PositionedObjectLayoutType.INLINE,wrapSquare:i.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:i.PositionedObjectLayoutType.WRAP_NONE,behindText:i.PositionedObjectLayoutType.WRAP_NONE};function dt(s,e,n,t,r,o,a){var p,f;const d=new i.TextX,l=i.JSONX.getInstance(),c=[],g=o.getSelfOrHeaderFooterModel(e).getBody(),h=o.getSelfOrHeaderFooterModel(s).getBody();if(g==null||h==null)return;const u=(f=(p=g.customBlocks)==null?void 0:p.find(v=>v.blockId===r))==null?void 0:f.startIndex;if(u!=null){if(t=Math.min(h.dataStream.length-2,t),s===e){if(t<u?(t>0&&d.push({t:i.TextXActionType.RETAIN,len:t}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),d.push({t:i.TextXActionType.RETAIN,len:u-t}),d.push({t:i.TextXActionType.DELETE,len:1})):(u>0&&d.push({t:i.TextXActionType.RETAIN,len:u}),d.push({t:i.TextXActionType.DELETE,len:1}),t-u-1>0&&d.push({t:i.TextXActionType.RETAIN,len:t-u-1}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),t!==u){const v=W.getRichTextEditPath(o,e),I=l.editOp(d.serialize(),v);c.push(I)}}else{u>0&&d.push({t:i.TextXActionType.RETAIN,len:u}),d.push({t:i.TextXActionType.DELETE,len:1});let v=W.getRichTextEditPath(o,e),I=l.editOp(d.serialize(),v);c.push(I),d.empty(),t>0&&d.push({t:i.TextXActionType.RETAIN,len:t}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),v=W.getRichTextEditPath(o,s),I=l.editOp(d.serialize(),v),c.push(I),a.setSegment(s),a.setSegmentPage(n)}return c}}const lt={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(s,e)=>{var N,H;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:r}=e,o=s.get(i.ICommandService),a=s.get(i.IUniverInstanceService),l=s.get(F.IRenderManagerService).getRenderById(r),c=l==null?void 0:l.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=l==null?void 0:l.with(k.DocSkeletonManagerService).getViewModel(),h=l==null?void 0:l.scene,u=a.getCurrentUniverDocInstance();if(u==null||c==null||h==null||g==null)return!1;const p=g.getEditArea(),f=h.getTransformerByCreate(),{pages:v,skeHeaders:I,skeFooters:m}=c,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=u.getSnapshot();for(const R of n){const{drawingId:S}=R,U=O[S].layoutType,z=xt[t];if(U!==z){const D=T.replaceOp(["drawings",S,"layoutType"],U,z);y.push(D)}if(t==="behindText"||t==="inFrontOfText"){const D=O[S].behindDoc,P=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(D!==P){const M=T.replaceOp(["drawings",S,"behindDoc"],D,P);y.push(M)}}if(t==="inline")continue;let L=null,q=0,_=0;for(const D of v){const{headerId:P,footerId:M,marginTop:B,marginLeft:V,marginBottom:C,pageWidth:x,pageHeight:Y}=D;switch(p){case F.DocumentEditArea.HEADER:{const G=(N=I.get(P))==null?void 0:N.get(x);G!=null&&G.skeDrawings.has(S)&&(L=G.skeDrawings.get(S),q=G.marginTop,_=V);break}case F.DocumentEditArea.FOOTER:{const G=(H=m.get(M))==null?void 0:H.get(x);G!=null&&G.skeDrawings.has(S)&&(L=G.skeDrawings.get(S),q=Y-C+G.marginTop,_=V);break}case F.DocumentEditArea.BODY:{D.skeDrawings.has(S)&&(L=D.skeDrawings.get(S),q=B,_=V);break}}if(L!=null)break}if(L!=null){const{aTop:D,aLeft:P}=L,M=O[S].docTransform.positionH;let B=P;M.relativeFrom===i.ObjectRelativeFromH.MARGIN?B-=_:M.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(B-=L.columnLeft);const V={relativeFrom:M.relativeFrom,posOffset:B};if(M.posOffset!==V.posOffset){const G=T.replaceOp(["drawings",S,"docTransform","positionH"],M,V);y.push(G)}const C=O[S].docTransform.positionV;let x=D;C.relativeFrom===i.ObjectRelativeFromV.PAGE?x+=q:C.relativeFrom===i.ObjectRelativeFromV.LINE?x-=L.lineTop:C.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(x-=L.blockAnchorTop);const Y={relativeFrom:C.relativeFrom,posOffset:x};if(C.posOffset!==Y.posOffset){const G=T.replaceOp(["drawings",S,"docTransform","positionV"],C,Y);y.push(G)}}}const A={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};A.params.actions=y.reduce((R,S)=>i.JSONX.compose(R,S),null);const b=o.syncExecuteCommand(A.id,A.params);return f.refreshControls(),!!b}},gt={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(s,e)=>{if(e==null)return!1;const n=s.get(i.ICommandService),r=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,dist:a,unitId:d}=e,l=i.JSONX.getInstance(),c=[],{drawings:g={}}=r.getSnapshot();for(const p of o){const{drawingId:f}=p;for(const[v,I]of Object.entries(a)){const m=g[f][v];if(m!==I){const T=l.replaceOp(["drawings",f,v],m,I);c.push(T)}}}const h={id:k.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return h.params.actions=c.reduce((p,f)=>i.JSONX.compose(p,f),null),!!n.syncExecuteCommand(h.id,h.params)}},ut={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(s,e)=>{if(e==null)return!1;const n=s.get(i.ICommandService),r=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,wrapText:a,unitId:d}=e,l=i.JSONX.getInstance(),c=[],{drawings:g={}}=r.getSnapshot();for(const p of o){const{drawingId:f}=p,v=g[f].wrapText;if(v!==a){const I=l.replaceOp(["drawings",f,"wrapText"],v,a);c.push(I)}}const h={id:k.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return h.params.actions=c.reduce((p,f)=>i.JSONX.compose(p,f),null),!!n.syncExecuteCommand(h.id,h.params)}},Me={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(s,e)=>{if(e==null)return!1;const n=s.get(i.ICommandService),t=s.get(i.IUniverInstanceService),o=s.get(F.IRenderManagerService).getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null)return!1;const d=a.getTransformerByCreate(),l=t.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:c,unitId:g}=e,h=i.JSONX.getInstance(),u=[],{drawings:p={}}=l.getSnapshot();for(const I of c){const{drawingId:m,key:T,value:y}=I,O=p[m].docTransform[T];if(!i.Tools.diffValue(O,y)){const A=h.replaceOp(["drawings",m,"docTransform",T],O,y);u.push(A)}}const f={id:k.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};f.params.actions=u.reduce((I,m)=>i.JSONX.compose(I,m),null);const v=n.syncExecuteCommand(f.id,f.params);return d.refreshControls(),!!v}},ht={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{var H,R;if(e==null)return!1;const n=s.get(F.IRenderManagerService),t=(H=n.getRenderById(e.unitId))==null?void 0:H.with(W.DocSelectionRenderService),r=s.get(Le),o=n.getRenderById(e.unitId),a=o==null?void 0:o.scene,d=o==null?void 0:o.with(k.DocSkeletonManagerService).getSkeleton();if(a==null||t==null)return!1;const l=a.getTransformerByCreate(),c=s.get(i.ICommandService),h=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:u,unitId:p,offset:f,segmentId:v,segmentPage:I,needRefreshDrawings:m}=e;if(m)return r.refreshDrawings(d),l.refreshControls(),!0;const T=[],{drawingId:y}=u,O=(R=t.getSegment())!=null?R:"",A=dt(v,O,I,f,y,h,t);if(A==null||A.length===0)return r.refreshDrawings(d),l.refreshControls(),!1;T.push(...A);const b={id:k.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null}};b.params.actions=T.reduce((S,U)=>i.JSONX.compose(S,U),null);const N=c.syncExecuteCommand(b.id,b.params);return l.refreshControls(),!!N}},ft={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{var L,q;if(e==null)return!1;const n=s.get(F.IRenderManagerService),t=(L=n.getRenderById(e.unitId))==null?void 0:L.with(W.DocSelectionRenderService),r=n.getRenderById(e.unitId),o=r==null?void 0:r.scene;if(o==null||t==null)return!1;const a=o.getTransformerByCreate(),d=s.get(i.ICommandService),c=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:g,unitId:h,offset:u,docTransform:p,segmentId:f,segmentPage:v}=e,I=[],{drawingId:m}=g,T=(q=t.getSegment())!=null?q:"",y=dt(f,T,v,u,m,c,t);if(y==null)return!1;y.length>0&&I.push(...y);const O=i.JSONX.getInstance(),{drawings:A={}}=c.getSnapshot(),b=A[m].docTransform,{positionH:N,positionV:H,size:R,angle:S}=b;if(!i.Tools.diffValue(N,p.positionH)){const _=O.replaceOp(["drawings",m,"docTransform","positionH"],N,p.positionH);I.push(_)}if(!i.Tools.diffValue(H,p.positionV)){const _=O.replaceOp(["drawings",m,"docTransform","positionV"],H,p.positionV);I.push(_)}if(!i.Tools.diffValue(R,p.size)){const _=O.replaceOp(["drawings",m,"docTransform","size"],R,p.size);I.push(_)}if(!i.Tools.diffValue(S,p.angle)){const _=O.replaceOp(["drawings",m,"docTransform","angle"],S,p.angle);I.push(_)}const U={id:k.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};U.params.actions=I.reduce((_,D)=>i.JSONX.compose(_,D),null);const z=d.syncExecuteCommand(U.id,U.params);return a.refreshControls(),!!z}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{const n=s.get(i.ICommandService),t=s.get(Q.IDocDrawingService),r=s.get(i.IUniverInstanceService),o=s.get(F.IRenderManagerService),{direction:a}=e,d=t.getFocusDrawings();if(d.length===0)return!1;const l=d[0].unitId,c=o.getRenderById(l),g=c==null?void 0:c.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),u=r.getUniverDocInstance(l),p=d.map(v=>{var b,N,H,R,S;const{drawingId:I}=v,m=(b=u==null?void 0:u.getSnapshot().drawings)==null?void 0:b[I];if(m==null||m.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=m.docTransform,O={...T},A={...y};return a===i.Direction.UP?A.posOffset=((N=A.posOffset)!=null?N:0)-2:a===i.Direction.DOWN?A.posOffset=((H=A.posOffset)!=null?H:0)+2:a===i.Direction.LEFT?O.posOffset=((R=O.posOffset)!=null?R:0)-2:a===i.Direction.RIGHT&&(O.posOffset=((S=O.posOffset)!=null?S:0)+2),{drawingId:I,key:a===i.Direction.UP||a===i.Direction.DOWN?"positionV":"positionH",value:a===i.Direction.UP||a===i.Direction.DOWN?A:O}}).filter(v=>v!=null);if(p.length===0)return!1;const f=n.syncExecuteCommand(Me.id,{unitId:l,subUnitId:l,drawings:p});return h.refreshControls(),!!f}},pt={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(s,e)=>{const n=s.get(F.IRenderManagerService);return e.forEach(t=>{var r,o;(o=(r=n.getRenderById(t))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},mt="COMPONENT_DOC_DRAWING_PANEL",Je={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(s,e)=>{const n=s.get(j.ISidebarService),t=s.get(i.LocaleService),r=s.get($.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:mt},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Ze={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(s,e)=>{const n=s.get($.IDrawingManagerService),t=s.get(i.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Je.id,{value:"open"}),!0)}},vt=-1e3,It=1e3,Lt=s=>{const e=j.useDependency(i.ICommandService),n=j.useDependency(i.LocaleService),t=j.useDependency($.IDrawingManagerService),r=j.useDependency(F.IRenderManagerService),o=j.useDependency(i.IUniverInstanceService),{drawings:a}=s,d=a[0];if(d==null)return;const{unitId:l}=d,c=o.getUniverDocInstance(l),g=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(l),u=h==null?void 0:h.scene;if(u==null)return;const p=u.getTransformerByCreate(),f=[{label:n.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],v=[{label:n.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[I,m]=K.useState(!0),[T,y]=K.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,A]=K.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[b,N]=K.useState(!0),[H,R]=K.useState(!0);function S(D,P){var C;D==="positionH"?y(P):A(P);const M=t.getFocusDrawings();if(M.length===0)return;const B=M.map(x=>({unitId:x.unitId,subUnitId:x.subUnitId,drawingId:x.drawingId}));e.executeCommand(Me.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:B.map(x=>({drawingId:x.drawingId,key:D,value:P}))});const V=(C=r.getRenderById(l))==null?void 0:C.with(W.DocSelectionRenderService);V&&V.blur(),p.refreshControls()}function U(D){var te,ue,he;const P=T.relativeFrom,M=T.posOffset,B=Number(D);if(P===B)return;const V=t.getFocusDrawings();if(V.length===0)return;const C=V[0].drawingId,x=V[0].unitId;let Y=null,G=0;const J=(te=r.getRenderById(x))==null?void 0:te.with(k.DocSkeletonManagerService).getSkeleton(),se=J==null?void 0:J.getSkeletonData();if(se==null)return;const{pages:Oe,skeHeaders:Se,skeFooters:Pe}=se;for(const ae of Oe){const{marginLeft:pe,skeDrawings:me,headerId:we,footerId:_e,pageWidth:ve}=ae;if(me.has(C)){Y=me.get(C),G=pe;break}const ce=(ue=Se.get(we))==null?void 0:ue.get(ve);if(ce!=null&&ce.skeDrawings.has(C)){Y=ce==null?void 0:ce.skeDrawings.get(C),G=pe;break}const de=(he=Pe.get(_e))==null?void 0:he.get(ve);if(de!=null&&de.skeDrawings.has(C)){Y=de==null?void 0:de.skeDrawings.get(C),G=pe;break}}if(Y==null)return;let oe=0;P===i.ObjectRelativeFromH.COLUMN?oe-=Y.columnLeft:P===i.ObjectRelativeFromH.MARGIN&&(oe-=G),B===i.ObjectRelativeFromH.COLUMN?oe+=Y.columnLeft:B===i.ObjectRelativeFromH.MARGIN?oe+=G:i.ObjectRelativeFromH.PAGE;const ee={relativeFrom:B,posOffset:(M!=null?M:0)-oe};S("positionH",ee)}function z(D){var me,we,_e,ve,ce,de;const P=O.relativeFrom,M=O.posOffset,B=Number(D);if(P===B)return;const V=t.getFocusDrawings();if(V.length===0)return;const{drawingId:C,unitId:x}=V[0],Y=o.getUniverDocInstance(x),G=(me=r.getRenderById(x))==null?void 0:me.with(k.DocSkeletonManagerService).getSkeleton(),J=(we=r.getRenderById(x))==null?void 0:we.with(W.DocSelectionRenderService),se=J==null?void 0:J.getSegment(),Oe=J==null?void 0:J.getSegmentPage(),Se=(ve=(_e=Y==null?void 0:Y.getSelfOrHeaderFooterModel(se).getBody())==null?void 0:_e.customBlocks)==null?void 0:ve.find(De=>De.blockId===C);if(Se==null||G==null||J==null)return;const{startIndex:Pe}=Se,oe=G.findNodeByCharIndex(Pe,se,Oe),ee=(ce=oe==null?void 0:oe.parent)==null?void 0:ce.parent,te=ee==null?void 0:ee.parent,ue=te==null?void 0:te.lines.find(De=>De.paragraphIndex===(ee==null?void 0:ee.paragraphIndex)&&De.paragraphStart),he=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(oe==null||ee==null||ue==null||te==null||he==null)return;let ae=0;P===i.ObjectRelativeFromV.PARAGRAPH?ae-=ue.top:P===i.ObjectRelativeFromV.LINE?ae-=ee.top:P===i.ObjectRelativeFromV.PAGE&&(ae+=he.marginTop),B===i.ObjectRelativeFromV.PARAGRAPH?ae+=ue.top:B===i.ObjectRelativeFromV.LINE?ae+=ee.top:B===i.ObjectRelativeFromV.PAGE&&(ae-=he.marginTop);const pe={relativeFrom:B,posOffset:(M!=null?M:0)-ae};S("positionV",pe)}function L(D){var x;const P=c==null?void 0:c.getSnapshot(),M=(x=P==null?void 0:P.drawings)==null?void 0:x[D.drawingId];if(M==null)return;const{layoutType:B}=M,{positionH:V,positionV:C}=M.docTransform;y(V),A(C),m(B===i.PositionedObjectLayoutType.INLINE),N(C.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||C.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const D=t.getFocusDrawings();D.length!==0&&L(D[0])}function _(D){N(D),z(String(D?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return K.useEffect(()=>{q();const D=t.focus$.subscribe(M=>{if(M.length===0){R(!1);return}R(!0),L(M[0])}),P=e.onCommandExecuted(async M=>{M.id===k.RichTextEditingMutation.id&&q()});return()=>{D.unsubscribe(),P.dispose()}},[]),w.jsxs("div",{className:X.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!H}),children:[w.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-position.title")})}),w.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-position.horizontal")})}),w.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-position.absolutePosition")}),w.jsx(X.InputNumber,{min:vt,max:It,precision:1,disabled:I,value:T.posOffset,onChange:D=>{S("positionH",{relativeFrom:T.relativeFrom,posOffset:D})}})]}),w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-position.toTheRightOf")}),w.jsx(X.Select,{value:String(T.relativeFrom),disabled:I,options:f,onChange:U})]})]}),w.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-position.vertical")})}),w.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-position.absolutePosition")}),w.jsx(X.InputNumber,{min:vt,max:It,precision:1,disabled:I,value:O.posOffset,onChange:D=>{S("positionV",{relativeFrom:O.relativeFrom,posOffset:D})}})]}),w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-position.bellow")}),w.jsx(X.Select,{disabled:I,value:String(O.relativeFrom),options:v,onChange:z})]})]}),w.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-position.options")})}),w.jsx("div",{children:w.jsx(X.Checkbox,{disabled:I,checked:b,onChange:_,children:n.t("image-position.moveObjectWithText")})})]})},Ue=0,je=100,Ft=s=>{const e=j.useDependency(i.ICommandService),n=j.useDependency(i.LocaleService),t=j.useDependency($.IDrawingManagerService),r=j.useDependency(F.IRenderManagerService),o=j.useDependency(i.IUniverInstanceService),{drawings:a}=s,d=a[0];if(d==null)return null;const{unitId:l}=d,c=o.getUniverDocInstance(l),g=r.getRenderById(l);if((g==null?void 0:g.scene)==null)return null;const[u,p]=K.useState(!0),[f,v]=K.useState(!0),[I,m]=K.useState(!0),[T,y]=K.useState(re.INLINE),[O,A]=K.useState(""),[b,N]=K.useState({distT:0,distL:0,distB:0,distR:0}),[H,R]=K.useState(!0);function S(_){y(_);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:P,subUnitId:M}=D[0],B=D.map(({unitId:V,subUnitId:C,drawingId:x})=>({unitId:V,subUnitId:C,drawingId:x}));e.executeCommand(lt.id,{unitId:P,subUnitId:M,drawings:B,wrappingStyle:_})}function U(_){A(_);const D=t.getFocusDrawings();if(D.length===0)return;const P=D.map(M=>({unitId:M.unitId,subUnitId:M.subUnitId,drawingId:M.drawingId}));e.executeCommand(ut.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:P,wrapText:_})}function z(_,D){if(_==null)return;const P={...b,[D]:_};N(P);const M=t.getFocusDrawings();if(M.length===0)return;const B=M.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(gt.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:B,dist:{[D]:_}})}function L(){const _=t.getFocusDrawings();_.length!==0&&q(_[0])}function q(_){var J,se;const D=(se=(J=c==null?void 0:c.getSnapshot())==null?void 0:J.drawings)==null?void 0:se[_.drawingId];if(D==null)return;const{distT:P=0,distL:M=0,distB:B=0,distR:V=0,layoutType:C=i.PositionedObjectLayoutType.INLINE,behindDoc:x=i.BooleanNumber.FALSE,wrapText:Y=i.WrapTextType.BOTH_SIDES}=D;if(N({distT:P,distL:M,distB:B,distR:V}),A(Y),p(C!==i.PositionedObjectLayoutType.WRAP_SQUARE),C===i.PositionedObjectLayoutType.WRAP_NONE||C===i.PositionedObjectLayoutType.INLINE?v(!0):v(!1),C===i.PositionedObjectLayoutType.WRAP_NONE||C===i.PositionedObjectLayoutType.INLINE||C===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?m(!0):m(!1),C===i.PositionedObjectLayoutType.WRAP_NONE)x===i.BooleanNumber.TRUE?y(re.BEHIND_TEXT):y(re.IN_FRONT_OF_TEXT);else switch(C){case i.PositionedObjectLayoutType.INLINE:y(re.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(re.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(re.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${C}`)}}return K.useEffect(()=>{L();const _=t.focus$.subscribe(P=>{if(P.length===0){R(!1);return}R(!0),q(P[0])}),D=e.onCommandExecuted(async P=>{P.id===k.RichTextEditingMutation.id&&L()});return()=>{_.unsubscribe(),D.dispose()}},[]),w.jsxs("div",{className:X.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!H}),children:[w.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-text-wrap.title")})}),w.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})}),w.jsx("div",{children:w.jsxs(X.RadioGroup,{value:T,onChange:S,direction:"vertical",children:[w.jsx(X.Radio,{value:re.INLINE,children:n.t("image-text-wrap.inline")}),w.jsx(X.Radio,{value:re.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),w.jsx(X.Radio,{value:re.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),w.jsx(X.Radio,{value:re.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),w.jsx(X.Radio,{value:re.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})}),w.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-text-wrap.wrapText")})}),w.jsx("div",{children:w.jsxs(X.RadioGroup,{disabled:u,value:O,onChange:U,direction:"horizontal",children:[w.jsx(X.Radio,{value:i.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),w.jsx(X.Radio,{value:i.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),w.jsx(X.Radio,{value:i.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})}),w.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:w.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})}),w.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-text-wrap.top")}),w.jsx(X.InputNumber,{min:Ue,max:je,disabled:f,precision:1,value:b.distT,onChange:_=>{z(_,"distT")}})]}),w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-text-wrap.left")}),w.jsx(X.InputNumber,{min:Ue,max:je,disabled:I,precision:1,value:b.distL,onChange:_=>{z(_,"distL")}})]})]}),w.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-text-wrap.bottom")}),w.jsx(X.InputNumber,{min:Ue,max:je,disabled:f,precision:1,value:b.distB,onChange:_=>{z(_,"distB")}})]}),w.jsxs("div",{children:[w.jsx("span",{children:n.t("image-text-wrap.right")}),w.jsx(X.InputNumber,{min:Ue,max:je,disabled:I,precision:1,value:b.distR,onChange:_=>{z(_,"distR")}})]})]})]})},Ut=()=>{const s=j.useDependency($.IDrawingManagerService),e=s.getFocusDrawings(),[n,t]=K.useState(e);return K.useEffect(()=>{const r=s.focus$.subscribe(o=>{t(o)});return()=>{r.unsubscribe()}},[]),!!(n!=null&&n.length)&&w.jsxs("div",{className:"univer-text-sm",children:[w.jsx(fe.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),w.jsx(Ft,{drawings:n}),w.jsx(Lt,{drawings:n})]})},St="addition-and-subtraction-single",Qe="doc.menu.image",wt=Ye.id,jt=s=>{const e=s.get(k.DocSelectionManagerService),n=s.get(i.IUniverInstanceService);return new Z.Observable(t=>{const r=e.textSelection$.subscribe(()=>{var a;const o=e.getActiveTextRange();if(o){const{segmentId:d,startOffset:l,endOffset:c}=o,g=n.getCurrentUniverDocInstance(),h=(a=g==null?void 0:g.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:a.tables;if(h&&h.length&&h.some(u=>{const{startIndex:p,endIndex:f}=u;return l>=p&&l<f||c>=p&&c<f})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>r.unsubscribe()})};function Bt(s){return{id:Qe,type:j.MenuItemType.SUBITEMS,icon:St,tooltip:"docImage.title",disabled$:jt(s),hidden$:j.getMenuHiddenObservable(s,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function kt(s){return{id:wt,title:"docImage.upload.float",type:j.MenuItemType.BUTTON,hidden$:j.getMenuHiddenObservable(s,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const Wt={[j.RibbonStartGroup.LAYOUT]:{[Qe]:{order:0,menuItemFactory:Bt,[wt]:{order:0,menuItemFactory:kt}}}};function be(s){return s.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&s.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const Ht={id:Te.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:j.KeyCode.ARROW_DOWN,priority:100,preconditions:be,staticParameters:{direction:i.Direction.DOWN}},Vt={id:Te.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:j.KeyCode.ARROW_UP,priority:100,preconditions:be,staticParameters:{direction:i.Direction.UP}},Gt={id:Te.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:j.KeyCode.ARROW_LEFT,priority:100,preconditions:be,staticParameters:{direction:i.Direction.LEFT}},$t={id:Te.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:j.KeyCode.ARROW_RIGHT,priority:100,preconditions:be,staticParameters:{direction:i.Direction.RIGHT}},Xt={id:Xe.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:be,binding:j.KeyCode.DELETE,mac:j.KeyCode.BACKSPACE};var zt=Object.getOwnPropertyDescriptor,qt=(s,e,n,t)=>{for(var r=t>1?void 0:t?zt(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},Be=(s,e)=>(n,t)=>e(n,t,s);let ke=class extends i.Disposable{constructor(s,e,n,t){super(),this._componentManager=s,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const s=this._componentManager;this.disposeWithMe(s.register(St,ct)),this.disposeWithMe(s.register(mt,Ut))}_initMenus(){this._menuManagerService.mergeMenu(Wt)}_initCommands(){[Ye,xe,lt,gt,ut,Me,ht,ft,Ne,Je,pt,Ze,ze,Ke,Te,Xe,qe].forEach(s=>this.disposeWithMe(this._commandService.registerCommand(s)))}_initShortcuts(){[Ht,Vt,Gt,$t,Xt].forEach(s=>{this.disposeWithMe(this._shortcutService.registerShortcut(s))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};ke=qt([Be(0,i.Inject(j.ComponentManager)),Be(1,j.IMenuManagerService),Be(2,i.ICommandService),Be(3,j.IShortcutService)],ke);var Kt=Object.getOwnPropertyDescriptor,Yt=(s,e,n,t)=>{for(var r=t>1?void 0:t?Kt(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},Ce=(s,e)=>(n,t)=>e(n,t,s);function Jt(s){var t,r,o,a;if(i.JSONX.isNoop(s)||!Array.isArray(s))return null;const e=s.find(d=>Array.isArray(d)&&(d==null?void 0:d[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const d of e)Array.isArray(d)&&n.push({type:(t=d==null?void 0:d[1])!=null&&t.i?"add":"remove",drawingId:d==null?void 0:d[0],drawing:(r=d==null?void 0:d[1])==null?void 0:r.i});else n.push({type:(o=e[2])!=null&&o.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return n}function Zt(s){if(!Array.isArray(s)||s.length<3||s[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<s.length;n++){const t=s[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let We=class extends i.Disposable{constructor(s,e,n,t,r){super(),this._univerInstanceService=s,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(s=>{if(s.id!==k.RichTextEditingMutation.id)return;const e=s.params,{unitId:n,actions:t}=e,r=Jt(t);if(r!=null)for(const{type:o,drawingId:a,drawing:d}of r)o==="add"?this._addDrawings(n,[d]):this._removeDrawings(n,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(s=>{if(s.id!==k.RichTextEditingMutation.id)return;const e=s.params,{unitId:n,actions:t}=e;Zt(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(s=>{var a;if(s.id!==i.UndoCommand.id&&s.id!==i.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),r=t==null?void 0:t.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(s,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:o,redo:a,objects:d}=r;n.applyJson1(s,o,a),t.applyJson1(s,o,a),n.addNotification(d),t.addNotification(d)}_removeDrawings(s,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:s,subUnitId:s,drawingId:l}))),{subUnitId:o,redo:a,objects:d}=r;n.applyJson1(s,o,a),t.applyJson1(s,o,a),n.removeNotification(d),t.removeNotification(d)}_updateDrawingsOrder(s){const e=this._univerInstanceService.getUniverDocInstance(s);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,r=this._docDrawingService;t.setDrawingOrder(s,s,n),r.setDrawingOrder(s,s,n);const o={unitId:s,subUnitId:s,drawingIds:n};t.orderNotification(o),r.orderNotification(o)}};We=Yt([Ce(0,i.IUniverInstanceService),Ce(1,i.ICommandService),Ce(2,$.IDrawingManagerService),Ce(3,Q.IDocDrawingService),Ce(4,F.IRenderManagerService)],We);var Qt=Object.getOwnPropertyDescriptor,en=(s,e,n,t)=>{for(var r=t>1?void 0:t?Qt(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},ye=(s,e)=>(n,t)=>e(n,t,s);function _t(s,e,n=1,t=0){const{top:r,left:o,bottom:a,right:d}=s,l=d-o,c=a-r,g=e.getViewport(W.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:h,viewportScrollY:u}=g,{scaleX:p,scaleY:f}=e.getAncestorScale();return{startX:(o-h)*p,startY:(r-u)*f,endX:(o+l-h)*p,endY:(r+c-u)*f,width:l*p,height:c*f,rotate:t,absolute:{left:!1,top:!1},opacity:n!=null?n:1}}function et(s,e){const{top:n,left:t,width:r,height:o,angle:a,opacity:d}=s;return _t({top:n,left:t,bottom:n+o,right:t+r},e.scene,d,a)}E.DocFloatDomController=class extends i.Disposable{constructor(n,t,r,o,a,d){super();ge(this,"_domLayerInfoMap",new Map);this._renderManagerService=n,this._drawingManagerService=t,this._drawingRenderService=r,this._canvasFloatDomService=o,this._univerInstanceService=a,this._commandService=d,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(n){if(n==null)return;const t=this._renderManagerService.getRenderById(n);if(t==null)return null;const r=t.scene,o=r.getTransformerByCreate();return{scene:r,transformer:o,renderUnit:t,canvas:t.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(n=>{this._insertRects(n)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(n=>{n.forEach(t=>{this._removeDom(t.drawingId)})}))}_insertRects(n){n.forEach(async t=>{const{unitId:r}=t;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const a=this._getSceneAndTransformerByDrawingSearch(r);if(a==null)return;const d=this._drawingManagerService.getDrawingByParam(t);if(d==null)return;const l=await this._drawingRenderService.renderFloatDom(d,a.scene);if(!(l==null||l.length===0))for(const c of l){this._addHoverForRect(c);const g=new i.DisposableCollection,h=et(c,a.renderUnit),u=new Z.BehaviorSubject(h),p=a.canvas,f=d.data,v={dispose:g,rect:c,position$:u,unitId:r};this._canvasFloatDomService.addFloatDom({position$:u,id:d.drawingId,componentKey:d.componentKey,onPointerDown:m=>{p.dispatchEvent(new PointerEvent(m.type,m))},onPointerMove:m=>{p.dispatchEvent(new PointerEvent(m.type,m))},onPointerUp:m=>{p.dispatchEvent(new PointerEvent(m.type,m))},onWheel:m=>{p.dispatchEvent(new WheelEvent(m.type,m))},data:f,unitId:r});const I=c.onTransformChange$.subscribeEvent(()=>{const m=et(c,a.renderUnit);u.next(m)});g.add(()=>{this._canvasFloatDomService.removeFloatDom(d.drawingId)}),I&&g.add(I),this._domLayerInfoMap.set(d.drawingId,v)}})}_addHoverForRect(n){this.disposeWithMe(i.toDisposable(n.onPointerEnter$.subscribeEvent(()=>{n.cursor=F.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(n.onPointerLeave$.subscribeEvent(()=>{n.cursor=F.CURSOR_TYPE.DEFAULT})))}_removeDom(n){const t=this._domLayerInfoMap.get(n);if(!t)return;const{unitId:r}=t;this._domLayerInfoMap.delete(n),t.dispose.dispose();const o=this._getSceneAndTransformerByDrawingSearch(r);o&&o.scene.removeObject(t.rect)}_initScrollAndZoomEvent(){const n=t=>{const r=this._getSceneAndTransformerByDrawingSearch(t);r&&this._domLayerInfoMap.forEach(o=>{if(o.unitId!==t)return;const a=et(o.rect,r.renderUnit);o.position$.next(a)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(Z.map(t=>{if(!t)return null;const r=t.getUnitId(),o=this._renderManagerService.getRenderById(r);return o?{render:o,unitId:r}:null}),Z.switchMap(t=>t?i.fromEventSubject(t.render.scene.getViewport(W.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(Z.map(()=>({unitId:t.unitId}))):Z.of(null))).subscribe(t=>{if(!t)return;const{unitId:r}=t;n(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===W.SetDocZoomRatioOperation.id){const r=t.params,{unitId:o}=r;n(o)}}))}insertFloatDom(n,t){var I,m,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const o=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!o)return!1;const l=(I=o.renderUnit.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:I.pages[0];if(!l)return!1;const{pageWidth:c,marginLeft:g,marginRight:h}=l,u=c-g-h,p={size:{width:(m=t.width)!=null?m:u,height:t.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},f=(T=t.drawingId)!=null?T:i.generateRandomId(),v={unitId:r.getUnitId(),drawings:[{drawingId:f,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...n,title:"",description:"",docTransform:p,layoutType:i.PositionedObjectLayoutType.INLINE,transform:W.docDrawingPositionToTransform(p)}]};return this._commandService.syncExecuteCommand(xe.id,v),f}},E.DocFloatDomController=en([ye(0,F.IRenderManagerService),ye(1,$.IDrawingManagerService),ye(2,i.Inject(fe.DrawingRenderService)),ye(3,i.Inject(j.CanvasFloatDomService)),ye(4,i.IUniverInstanceService),ye(5,i.ICommandService)],E.DocFloatDomController);const tn=s=>{const{floatDomInfos:e,scene:n,offset:t,bound:r}=s,o=r.right-r.left,a=r.bottom-r.top,d=K.useMemo(()=>e.map(l=>{const{width:c=0,height:g=0,left:h=0,top:u=0}=l.transform,f=_t({left:h,right:h+c,top:u,bottom:u+g},n),v={position$:new Z.BehaviorSubject(f),position:f,id:l.drawingId,componentKey:l.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:l.unitId,data:l.data};return[l.drawingId,v]}).filter(([l,c])=>!(c.position.endX<0||c.position.endY<0||c.position.startX>o||c.position.startY>a)),[e,n,t,o,a]);return w.jsx("div",{style:{position:"absolute",top:0,left:0},children:d.map(([l,c])=>w.jsx(j.PrintFloatDomSingle,{layer:c,id:l,position:c.position},l))})};var nn=Object.getOwnPropertyDescriptor,rn=(s,e,n,t)=>{for(var r=t>1?void 0:t?nn(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},Ee=(s,e)=>(n,t)=>e(n,t,s);let He=class extends i.Disposable{constructor(s,e,n,t,r){super(),this._docPrintInterceptorService=s,this._drawingRenderService=e,this._drawingManagerService=n,this._componetManager=t,this._injector=r,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(s,e,n)=>{const{unitId:t,scene:r}=e,o=this._drawingManagerService.getDrawingDataForUnit(t),a=o==null?void 0:o[t];return a&&a.order.forEach(d=>{const l=a.data[d];l.drawingType!==i.DrawingTypeEnum.DRAWING_CHART&&l.drawingType!==i.DrawingTypeEnum.DRAWING_DOM&&this._drawingRenderService.renderDrawing(l,r)}),n()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(s,e,n)=>{const{unitId:t}=e,r=this._drawingManagerService.getDrawingDataForUnit(t),o=r==null?void 0:r[t];if(o){const a=o.order.map(l=>{const c=o.data[l];if(c.drawingType===i.DrawingTypeEnum.DRAWING_CHART)return{...c,componentKey:this._componetManager.get(i.DOC_DRAWING_PRINTING_COMPONENT_KEY)};if(c.drawingType===i.DrawingTypeEnum.DRAWING_DOM){const g=this._docPrintInterceptorService.getPrintComponent(c.componentKey);return{...c,componentKey:this._componetManager.get(g||c.componentKey)}}return null}).filter(Boolean),d=j.connectInjector(tn,this._injector);return X.render(w.jsx(d,{unitId:t,floatDomInfos:a,scene:e.scene,skeleton:e.skeleton,offset:e.offset,bound:e.bound}),e.root),s==null||s.add(()=>{X.unmount(e.root)}),n(s)}}}))}};He=rn([Ee(0,i.Inject(W.DocPrintInterceptorService)),Ee(1,i.Inject(fe.DrawingRenderService)),Ee(2,$.IDrawingManagerService),Ee(3,i.Inject(j.ComponentManager)),Ee(4,i.Inject(i.Injector))],He);var sn=Object.getOwnPropertyDescriptor,on=(s,e,n,t)=>{for(var r=t>1?void 0:t?sn(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},Ve=(s,e)=>(n,t)=>e(n,t,s);const an="__InlineDrawingAnchor__";function Dt(s){const{path:e}=s;return e.some(n=>n==="cells")}let Ge=class extends i.Disposable{constructor(e,n,t,r){super();ge(this,"_liquid",new F.Liquid);ge(this,"_listenerOnImageMap",new Set);ge(this,"_transformerCache",new Map);ge(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var r;const n=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(n==null)return;this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(o=>{var d;this._transformerCache.clear();const{objects:a}=o;for(const l of a.values()){const{oKey:c,width:g,height:h,left:u,top:p,angle:f}=l,v=this._drawingManagerService.getDrawingOKey(c);if(v==null)continue;const I=this._univerInstanceService.getUniverDocInstance(v.unitId),m=(d=I==null?void 0:I.getSnapshot().drawings)==null?void 0:d[v.drawingId];if((m==null?void 0:m.layoutType)===i.PositionedObjectLayoutType.INLINE)try{l.setOpacity(.2)}catch{}m!=null&&this._transformerCache.set(v.drawingId,{drawing:m,top:p,left:u,width:g,height:h,angle:f})}})));const t=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(o=>{const{objects:a,offsetX:d,offsetY:l}=o;if(a.size>1)t(a);else if(a.size===1){const c=this._transformerCache.values().next().value,g=a.values().next().value,{width:h,height:u,top:p,left:f,angle:v}=g;if(c&&h===c.width&&u===c.height&&p===c.top&&f===c.left&&v===c.angle)return;c&&(c.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&d!=null&&l!=null&&this._updateInlineDrawingAnchor(c.drawing,d,l)}}))),this.disposeWithMe(i.toDisposable(n.changeEnd$.subscribe(o=>{const{objects:a,offsetX:d,offsetY:l}=o;for(const c of a.values()){const g=this._drawingManagerService.getDrawingOKey(c.oKey);if(g==null)continue;const h=this._transformerCache.get(g==null?void 0:g.drawingId);if((h==null?void 0:h.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{c.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const c=this._transformerCache.values().next().value,g=a.values().next().value,{width:h,height:u,top:p,left:f,angle:v}=g;if(c&&h===c.width&&u===c.height&&p===c.top&&f===c.left&&v===c.angle)return;c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==c.width||u!==c.height||v!==c.angle?this._updateDrawingSize(c,g):d!=null&&l!=null&&this._moveInlineDrawing(c.drawing,d,l):c&&this._nonInlineDrawingTransform(c.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,r;for(const o of e.values()){const{oKey:a,left:d,top:l,angle:c}=o;let{width:g,height:h}=o;const u=this._drawingManagerService.getDrawingOKey(a);if(u==null)continue;t==null&&(t=u.unitId),r==null&&(r=u.subUnitId);const p=this._transformerCache.get(u.drawingId);if(p==null)continue;const{drawing:f,top:v,left:I,width:m,height:T,angle:y}=p,{width:O,height:A}=this._getPageContentSize(f);if(g=Math.min(g,O),h=Math.min(h,A),(m!==g||T!==h)&&n.push({drawingId:u.drawingId,key:"size",value:{width:g,height:h}}),y!==c&&n.push({drawingId:u.drawingId,key:"angle",value:c}),v!==l||I!==d){const b=l-v,N=d-I;b!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+b}}),N!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.docTransform.positionH.posOffset+N}})}}n.length>0&&t&&r&&this._commandService.executeCommand(Me.id,{unitId:t,subUnitId:r,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(o=this._getInlineDrawingAnchor(e,n,t))!=null?o:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,n,t){var L,q;const r=this._renderManagerService.getRenderById(e.unitId),o=r==null?void 0:r.with(k.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:a,scene:d}=r,l=a,c=d.getViewports()[0],{pageLayoutType:g=F.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:u}=l.getOffsetConfig();let p=null,f=!1,v=-1,I="";const m=.5,T=this._getTransformCoordForDocumentOffset(l,c,n,t);if(T==null)return;const y=(L=this._renderManagerService.getRenderById(e.unitId))==null?void 0:L.with(W.DocSelectionRenderService);if(y==null)return;const O=o==null?void 0:o.findNodeByCoord(T,g,h,u,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:_,ratioX:D,segmentPage:P,segmentId:M}=O;f=D<m,p=_,v=P,I=M}if(p==null)return;const A=o==null?void 0:o.findPositionByGlyph(p,v),b=this._getDocObject();if(A==null||o==null||b==null||Dt(A))return;const N={...A,isBack:f},H=b.document.getOffsetConfig(),R=new W.NodePositionConvertToCursor(H,o),{cursorList:S,contentBoxPointGroup:U}=R.getRangePointData(N,N),{startOffset:z}=(q=W.getOneTextSelectionRange(S))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:U,segmentId:I,segmentPage:v}}_getDrawingAnchor(e,n){var ue,he,ae,pe,me,we,_e,ve,ce,de,De;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),o=r==null?void 0:r.getSkeletonData();if(o==null||t==null)return;const{pages:a,skeHeaders:d,skeFooters:l}=o,{mainComponent:c,scene:g}=t,h=c,u=g.getViewports()[0],{pageLayoutType:p=F.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:v,docsLeft:I,docsTop:m}=h.getOffsetConfig(),{left:T,top:y,angle:O}=n;let{width:A,height:b}=n;const{positionV:N,positionH:H}=e.docTransform,{width:R,height:S}=this._getPageContentSize(e);A=Math.min(A,R),b=Math.min(b,S);let U=null,z="",L=-1;const q=!1,_={...e.docTransform,size:{width:A,height:b},angle:O},{x:D,y:P}=g.getViewportScrollXY(u),M=this._getTransformCoordForDocumentOffset(h,u,T-D,y-P);if(M==null)return;const B=(ue=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ue.with(W.DocSelectionRenderService);if(B==null)return;const V=r==null?void 0:r.findNodeByCoord(M,p,f,v,{strict:!1,segmentId:B.getSegment(),segmentPage:B.getSegmentPage()});if(V){const{node:le,segmentPage:it,segmentId:rt}=V;U=le,L=it,z=rt}if(U==null)return;const C=(he=U.parent)==null?void 0:he.parent,x=C==null?void 0:C.parent,Y=(ae=x==null?void 0:x.lines.find(le=>le.paragraphIndex===(C==null?void 0:C.paragraphIndex)&&le.paragraphStart))!=null?ae:x==null?void 0:x.lines[0],G=(pe=x==null?void 0:x.parent)==null?void 0:pe.parent;if(C==null||x==null||Y==null||G==null)return;this._liquid.reset();const J=G.type;for(const le of a){const{headerId:it,footerId:rt,pageHeight:vn,pageWidth:yt,marginLeft:Ot,marginBottom:In}=le,Sn=a.indexOf(le);if(L>-1&&Sn===L){switch(J){case F.DocumentSkeletonPageType.HEADER:{const Re=(me=d.get(it))==null?void 0:me.get(yt);if(Re)this._liquid.translatePagePadding({marginTop:Re.marginTop,marginLeft:Ot});else throw new Error("header skeleton not found");break}case F.DocumentSkeletonPageType.FOOTER:{const Re=(we=l.get(rt))==null?void 0:we.get(yt);if(Re)this._liquid.translatePagePadding({marginTop:vn-In+Re.marginTop,marginLeft:Ot});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(le),le===G)break;this._liquid.restorePagePadding(le),this._liquid.translatePage(le,p,f,v)}switch(N.relativeFrom===i.ObjectRelativeFromV.LINE?U=C.divides[0].glyphGroup[0]:U=(de=(ce=(ve=(_e=Y.divides)==null?void 0:_e[0])==null?void 0:ve.glyphGroup)==null?void 0:ce[0])!=null?de:U,_.positionH={relativeFrom:H.relativeFrom,posOffset:T-this._liquid.x-I},H.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=T-this._liquid.x-I-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=T-this._liquid.x-I-x.left;break}}switch(_.positionV={relativeFrom:N.relativeFrom,posOffset:y-this._liquid.y-m},N.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=y-this._liquid.y-m-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=y-this._liquid.y-m-C.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=y-this._liquid.y-m-Y.top;break}}if(U==null)return;const se=r==null?void 0:r.findPositionByGlyph(U,L),Oe=this._getDocObject();if(se==null||r==null||Oe==null||Dt(se))return;const Se={...se,isBack:q},Pe=Oe.document.getOffsetConfig(),oe=new W.NodePositionConvertToCursor(Pe,r),{cursorList:ee}=oe.getRangePointData(Se,Se),{startOffset:te}=(De=W.getOneTextSelectionRange(ee))!=null?De:{};if(te!=null)return{offset:te,docTransform:_,segmentId:z,segmentPage:L}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:o,height:a,angle:d}=e,{unitId:l,subUnitId:c}=r;let{width:g,height:h,angle:u}=n;const{width:p,height:f}=this._getPageContentSize(r);g=Math.min(p,g),h=Math.min(f,h),(g!==o||h!==a)&&t.push({drawingId:r.drawingId,key:"size",value:{width:g,height:h}}),u!==d&&t.push({drawingId:r.drawingId,key:"angle",value:u}),t.length>0&&l&&c&&this._commandService.executeCommand(Me.id,{unitId:l,subUnitId:c,drawings:t})}_moveInlineDrawing(e,n,t){const r=this._getInlineDrawingAnchor(e,n,t),{offset:o,segmentId:a,segmentPage:d}=r!=null?r:{};return this._commandService.executeCommand(ht.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,segmentId:a,segmentPage:d,needRefreshDrawings:o==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:r,top:o,width:a,height:d,angle:l}=n,c=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),g=c==null?void 0:c.getSkeletonData(),{pages:h}=g!=null?g:{};if(g==null||t==null||h==null)return{left:r,top:o,width:a,height:d,angle:l};const{mainComponent:u}=t,p=u,{top:f,pageLayoutType:v,pageMarginLeft:I,pageMarginTop:m}=p;let T=o;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:A}=y,b=h.indexOf(y),N=h[b+1];if(N==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+d,this._liquid.y+f+A-O,this._liquid.y+f+A+m+N.marginTop)){const R=o+d/2,S=this._liquid.y+f+A+m/2;R<S?T=Math.min(o,this._liquid.y+f+A-O-d):T=Math.max(o,this._liquid.y+f+A+m+N.marginTop)}this._liquid.translatePage(y,v,I,m)}return{left:r,top:T,width:a,height:d,angle:l}}_nonInlineDrawingTransform(e,n,t=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&r.top!==n.top)return;const o=this._getDrawingAnchor(e,r),{offset:a,docTransform:d,segmentId:l,segmentPage:c}=o!=null?o:{};return a==null||d==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(ft.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:d,segmentId:l,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const r=t.getTransformerByCreate();return{scene:t,transformer:r}}_getTransformCoordForDocumentOffset(e,n,t,r){const{documentTransform:o}=e.getOffsetConfig(),a=n.transformVector2SceneCoord(F.Vector2.FromArray([t,r]));if(a)return o.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:r,scene:o}=t,a=r,{docsLeft:d,docsTop:l}=a.getOffsetConfig(),c=W.getAnchorBounding(n),{left:g,top:h,height:u}=c,p=g+d,f=h+l;if(this._anchorShape){this._anchorShape.transformByState({left:p,top:f,height:u}),this._anchorShape.show();return}const v=6,I=new F.Rect(an+i.Tools.generateRandomId(v),{left:p,top:f,height:u,strokeWidth:2,stroke:F.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=I,o.addObject(I,W.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return W.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),r=500,o=500,a=t==null?void 0:t.getSkeletonData();if(a==null||n==null)return{width:r,height:o};const{pages:d}=a;let l=null;for(const c of d){const{skeDrawings:g}=c;if(g.has(e.drawingId)){l=c;break}}if(l){const{pageWidth:c,pageHeight:g,marginLeft:h,marginBottom:u,marginRight:p,marginTop:f}=l;return{width:Math.max(r,c-h-p),height:Math.max(o,g-f-u)}}else return{width:r,height:o}}};Ge=on([Ve(0,i.ICommandService),Ve(1,i.IUniverInstanceService),Ve(2,$.IDrawingManagerService),Ve(3,F.IRenderManagerService)],Ge);var cn=Object.getOwnPropertyDescriptor,dn=(s,e,n,t)=>{for(var r=t>1?void 0:t?cn(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},Ae=(s,e)=>(n,t)=>e(n,t,s);let $e=class extends i.RxDisposable{constructor(e,n,t,r,o){super();ge(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(Z.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(Z.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof fe.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var o;const n=(o=this._renderManagerService.getRenderById(e))==null?void 0:o.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const r=[];this.disposeWithMe(i.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const a=t.getSelectedObjectMap();if(r.forEach(m=>m.dispose()),r.length=0,a.size>1)return;const d=a.values().next().value;if(!d)return;const l=d.oKey,c=this._drawingManagerService.getDrawingOKey(l);if(!c||c.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:g,subUnitId:h,drawingId:u,drawingType:p}=c,f=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:fe.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,u,p)}},g);r.push(this.disposeWithMe(f)),!this._drawingManagerService.getFocusDrawings().find(m=>m.unitId===g&&m.subUnitId===h&&m.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:h,drawingId:u}])}))),this.disposeWithMe(i.toDisposable(t.clearControl$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0})))}_getImageMenuItems(e,n,t,r){return[{label:"image-popup.edit",index:0,commandId:Ze.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.delete",index:1,commandId:Ne.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:fe.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:fe.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};$e=dn([Ae(0,$.IDrawingManagerService),Ae(1,i.Inject(W.DocCanvasPopManagerService)),Ae(2,F.IRenderManagerService),Ae(3,i.IUniverInstanceService),Ae(4,i.IContextService)],$e);var ln=Object.getOwnPropertyDescriptor,gn=(s,e,n,t)=>{for(var r=t>1?void 0:t?ln(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},Ie=(s,e)=>(n,t)=>e(n,t,s);let tt=class extends i.Disposable{constructor(e,n,t,r,o,a,d,l){super();ge(this,"_liquid",new F.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=r,this._drawingManagerService=o,this._docRefreshDrawingsService=a,this._univerInstanceService=d,this._lifecycleService=l,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,W.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:r}=t,{unitId:o,mainComponent:a}=this._context;if(r!==o)return;const d=this._docSkeletonManagerService.getSkeleton();if(d==null)return;if(this._editorService.isEditor(o)&&o!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(d)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(Z.filter(e=>e.type===F.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),Z.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var T,y;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:r}=this._context,o=t;if(!n)return;const{left:a,top:d,pageLayoutType:l,pageMarginLeft:c,pageMarginTop:g}=o,{pages:h,skeHeaders:u,skeFooters:p}=n,f={};this._liquid.reset();for(let O=0,A=h.length;O<A;O++){const b=h[O],{headerId:N,footerId:H,pageWidth:R}=b;if(N){const S=(T=u.get(N))==null?void 0:T.get(R);S&&this._calculateDrawingPosition(r,S,a,d,f,S.marginTop,b.marginLeft)}if(H){const S=(y=p.get(H))==null?void 0:y.get(R);S&&this._calculateDrawingPosition(r,S,a,d,f,b.pageHeight-b.marginBottom+S.marginTop,b.marginLeft)}this._calculateDrawingPosition(r,b,a,d,f,b.marginTop,b.marginLeft),this._liquid.translatePage(b,l,c,g)}const v=Object.values(f),I=v.filter(O=>!O.isMultiTransform),m=v.filter(O=>O.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(m)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,r=n.getTransformerByCreate();e.forEach(l=>{const c=this._drawingManagerService.getDrawingByParam(l);c!=null&&(c.transform=l.transform,c.transforms=l.transforms,c.isMultiTransform=l.isMultiTransform)});const a=[...r.getSelectedObjectMap().keys()],d=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(l=>l.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(d),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of a){const c=n.getObject(l);c&&r.setSelectedControl(c)}}_calculateDrawingPosition(e,n,t,r,o,a,d){const{skeDrawings:l}=n;this._liquid.translatePagePadding({marginTop:a,marginLeft:d}),l.forEach(c=>{const{aLeft:g,aTop:h,height:u,width:p,angle:f,drawingId:v,drawingOrigin:I}=c,m=I.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=I,y={left:g+t+this._liquid.x,top:h+r+this._liquid.y,width:p,height:u,angle:f};o[v]==null?o[v]={unitId:e,subUnitId:e,drawingId:v,behindText:m,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&o[v].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:d})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this._lifecycleService.lifecycle$.pipe(Z.filter(n=>n===i.LifecycleStages.Rendered)).subscribe(e)}};tt=gn([Ie(1,i.Inject(k.DocSkeletonManagerService)),Ie(2,i.ICommandService),Ie(3,W.IEditorService),Ie(4,$.IDrawingManagerService),Ie(5,i.Inject(Le)),Ie(6,i.IUniverInstanceService),Ie(7,i.Inject(i.LifecycleService))],tt);var un=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,fn=(s,e,n)=>e in s?un(s,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[e]=n,pn=(s,e,n,t)=>{for(var r=t>1?void 0:t?hn(e,n):e,o=s.length-1,a;o>=0;o--)(a=s[o])&&(r=a(r)||r);return r},nt=(s,e)=>(n,t)=>e(n,t,s),Tt=(s,e,n)=>fn(s,typeof e!="symbol"?e+"":e,n);const mn="DOC_DRAWING_UI_PLUGIN";E.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=st,n,t,r){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=r;const{...o}=i.merge({},st,this._config);this._configService.setConfig(Mt,o)}onStarting(){[[ke],[$e],[Ge],[We],[Le],[E.DocFloatDomController],[He]].forEach(n=>this._injector.add(n))}onReady(){[[Fe],[tt]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(We),this._injector.get(ke),this._injector.get(Ge),this._injector.get(He)}onRendered(){this._injector.get($e),this._injector.get(E.DocFloatDomController)}},Tt(E.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Tt(E.UniverDocsDrawingUIPlugin,"pluginName",mn),E.UniverDocsDrawingUIPlugin=pn([i.DependentOn(fe.UniverDrawingUIPlugin,$.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,j.UniverUIPlugin),nt(1,i.Inject(i.Injector)),nt(2,F.IRenderManagerService),nt(3,i.IConfigService)],E.UniverDocsDrawingUIPlugin),E.ClearDocDrawingTransformerOperation=pt,E.DOCS_IMAGE_MENU_ID=Qe,E.DeleteDocDrawingsCommand=Xe,E.EditDocDrawingOperation=Ze,E.GroupDocDrawingCommand=ze,E.InsertDocDrawingCommand=xe,E.InsertDocImageCommand=Ye,E.MoveDocDrawingsCommand=Te,E.RemoveDocDrawingCommand=Ne,E.SetDocDrawingArrangeCommand=qe,E.SidebarDocDrawingOperation=Je,E.UngroupDocDrawingCommand=Ke,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
45
11
 
46
12
 
47
13
  // index
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-docs-drawing",
3
- "version": "0.7.0-nightly.202505111606",
3
+ "version": "0.7.0-nightly.202505141607",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -57,18 +57,18 @@
57
57
  "rxjs": ">=7.0.0"
58
58
  },
59
59
  "dependencies": {
60
- "@univerjs/docs-drawing": "0.7.0-nightly.202505111606",
61
- "@univerjs/docs-drawing-ui": "0.7.0-nightly.202505111606",
62
- "@univerjs/drawing": "0.7.0-nightly.202505111606",
63
- "@univerjs/drawing-ui": "0.7.0-nightly.202505111606",
64
- "rxjs": ">=7.0.0"
60
+ "@univerjs/docs-drawing": "0.7.0-nightly.202505141607",
61
+ "@univerjs/docs-drawing-ui": "0.7.0-nightly.202505141607",
62
+ "@univerjs/drawing": "0.7.0-nightly.202505141607",
63
+ "@univerjs/drawing-ui": "0.7.0-nightly.202505141607"
65
64
  },
66
65
  "devDependencies": {
67
- "@univerjs/core": "0.7.0-nightly.202505111606",
66
+ "@univerjs/core": "0.7.0-nightly.202505141607",
68
67
  "react": "18.3.1",
69
68
  "react-dom": "18.3.1",
69
+ "rxjs": "7.8.2",
70
70
  "typescript": "^5.8.3",
71
- "@univerjs-infra/shared": "0.7.0-beta.1"
71
+ "@univerjs-infra/shared": "0.7.0"
72
72
  },
73
73
  "scripts": {
74
74
  "prebuild:preset": "tsx prepare.ts",