@univerjs/preset-docs-drawing 0.6.10 → 0.7.0-nightly.202505071607

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 +98 -3
  3. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .univer-flex{display:flex}.univer-items-center{align-items:center}.univer-gap-2{gap:.5rem}.univer-rounded{border-radius:.25rem}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-1{padding:.25rem}.univer-text-\[10px\]{font-size:10px}.univer-text-gray-400{--tw-text-opacity: 1;color:#979dac;color:rgba(151,157,172,var(--tw-text-opacity, 1))}.hover\:univer-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}
1
+ .univer-block{display:block}.univer-size-full{width:100%;height:100%}.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-border{border-width:1px}.univer-border-b-0{border-bottom-width:0px}.univer-border-l-0{border-left-width:0px}.univer-border-r-0{border-right-width:0px}.univer-border-t-gray-200{border-top-color:var(--univer-gray-200)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:4px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-text-left{text-align:left}.univer-text-\[10px\]{font-size:10px}.univer-text-gray-900{color:var(--univer-gray-900)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.univer-relative{position:relative}.univer-mt-2\.5{margin-top:10px}.univer-mt-5{margin-top:20px}.univer-flex{display:flex}.univer-h-full{height:100%}.univer-w-full{width:100%}.univer-items-start{align-items:flex-start}.univer-items-center{align-items:center}.univer-justify-start{justify-content:flex-start}.univer-gap-1{gap:4px}.univer-border-t{border-top-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-p-2{padding:8px}.univer-text-center{text-align:center}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-black{color:var(--univer-black)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}
package/lib/umd/index.js CHANGED
@@ -1,9 +1,22 @@
1
1
  // @univerjs/drawing-ui/index
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("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"],h):(D=typeof globalThis<"u"?globalThis:D||self,h(D.UniverDrawingUi={},D.UniverCore,D.UniverDrawing,D.UniverEngineRender,D.UniverUi,D.React,D.React,D.UniverDesign,D.rxjs))})(this,function(D,h,M,b,V,l,_,I,Me){"use strict";var Rn=Object.defineProperty;var Ln=(D,h,M)=>h in D?Rn(D,h,{enumerable:!0,configurable:!0,writable:!0,value:M}):D[h]=M;var ee=(D,h,M)=>Ln(D,typeof h!="symbol"?h+"":h,M);var Pe;function Oe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=M.getDrawingShapeKeyByDrawingSearch(a),i=n.getObject(s);if(i&&!(i instanceof b.Group))return;if(i!=null){i.addObject(t);return}const o=new b.Group(s);n.addObject(o,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(t);const{transform:c}=r;c&&o.transformByState({left:c.left,top:c.top,angle:c.angle})}function Ne(a,t){var s;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===h.UniverInstanceType.UNIVER_SHEET?r=(s=n.getActiveSheet())==null?void 0:s.getSheetId():(n.type===h.UniverInstanceType.UNIVER_DOC||n.type===h.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Ee="COMPONENT_IMAGE_VIEWER";var Ye=Object.getOwnPropertyDescriptor,Ze=(a,t,n,e)=>{for(var r=e>1?void 0:e?Ye(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},ye=(a,t)=>(n,e)=>t(n,e,a);const Te=50;D.DrawingRenderService=class{constructor(t,n,e){this._drawingManagerService=t,this._imageIoService=n,this._dialogService=e}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:i,srcRect:o,prstGeom:c,groupId:g,unitId:d,subUnitId:u,drawingId:f,isMultiTransform:p,transforms:S}=t;if(r!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const v=p&&S?S:[e],C=[];for(const P of v){const{left:y,top:U,width:O,height:R,angle:T,flipX:N,flipY:E,skewX:B,skewY:j}=P,G=v.indexOf(P),x=M.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:u,drawingId:f},p?G:void 0),F=n.getObject(x);if(F!=null){F.transformByState({left:y,top:U,width:O,height:R,angle:T,flipX:N,flipY:E,skewX:B,skewY:j});continue}const z=this._drawingManagerService.getDrawingOrder(d,u),ce=z.indexOf(f),ae={...P,zIndex:ce===-1?z.length-1:ce},ie=this._imageIoService.getImageSourceCache(s,i);let le=!1;if(ie!=null)ae.image=ie;else{if(i===M.ImageSourceType.UUID)try{ae.url=await this._imageIoService.getImage(s)}catch(De){console.error(De);continue}else ae.url=s;le=!0}if(n.getObject(x))continue;ae.printable=!0;const J=new b.Image(x,ae);le&&this._imageIoService.addImageSourceCache(s,i,J.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(J,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(J),g&&Oe({drawingId:g,unitId:d,subUnitId:u},J,n,this._drawingManagerService),c!=null&&J.setPrstGeom(c),o!=null&&J.setSrcRect(o),C.push(J))}return C}renderFloatDom(t,n){const{transform:e,drawingType:r,groupId:s,unitId:i,subUnitId:o,drawingId:c,isMultiTransform:g,transforms:d}=t;if(r!==h.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||e==null)return;const u=g&&d?d:[e],f=[];for(const p of u){const{left:S,top:v,width:C,height:P,angle:y,flipX:U,flipY:O,skewX:R,skewY:T}=p,N=u.indexOf(p),E=M.getDrawingShapeKeyByDrawingSearch({unitId:i,subUnitId:o,drawingId:c},g?N:void 0),B=n.getObject(E);if(B!=null){B.transformByState({left:S,top:v,width:C,height:P,angle:y,flipX:U,flipY:O,skewX:R,skewY:T});continue}const j=this._drawingManagerService.getDrawingOrder(i,o),G=j.indexOf(c),x={...p,zIndex:G===-1?j.length-1:G};if(n.getObject(E))continue;x.printable=!1;const F=new b.Rect(E,x);this._drawingManagerService.getDrawingVisible()&&(n.addObject(F,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&t.allowTransform!==!1&&n.attachTransformerTo(F),s&&Oe({drawingId:s,unitId:i,subUnitId:o},F,n,this._drawingManagerService),f.push(F))}return f}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case h.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const s=`${t}-viewer-dialog`,i=window.innerWidth-Te,o=window.innerHeight-Te,c=this._adjustImageSize(e,r,i,o),g=this._dialogService.open({width:Math.max(c.width,200),id:s,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ee,props:{src:n,width:c.width,height:c.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(s),g.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const s=e/t,i=r/n,o=Math.min(s,i);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},D.DrawingRenderService=Ze([ye(0,M.IDrawingManagerService),ye(1,M.IImageIoService),ye(2,V.IDialogService)],D.DrawingRenderService);function ge(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:i,height:o,width:c,angle:g}=e,d=t.getDrawingOKey(r);if(d==null)return n.push(null),!0;const{unitId:u,subUnitId:f,drawingId:p,drawingType:S}=d,v={unitId:u,subUnitId:f,drawingId:p,drawingType:S,transform:{left:s,top:i,height:o,width:c,angle:g}};S===h.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}var A=(a=>(a.default="0",a.left="1",a.center="2",a.right="3",a.top="4",a.middle="5",a.bottom="6",a.horizon="7",a.vertical="8",a))(A||{});const fe={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(a,t)=>!0},m={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},Xe=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{alignShow:e}=a,[r,s]=_.useState(A.default),i=[{label:n.t("image-panel.align.default"),value:A.default},{options:[{label:n.t("image-panel.align.left"),value:A.left},{label:n.t("image-panel.align.center"),value:A.center},{label:n.t("image-panel.align.right"),value:A.right}]},{options:[{label:n.t("image-panel.align.top"),value:A.top},{label:n.t("image-panel.align.middle"),value:A.middle},{label:n.t("image-panel.align.bottom"),value:A.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:A.horizon},{label:n.t("image-panel.align.vertical"),value:A.vertical}]}];function o(g){s(g),t.executeCommand(fe.id,{alignType:g})}const c=g=>g?"block":"none";return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:c(e)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.align.title")})})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn),children:l.jsx(I.Select,{value:r,options:i,onChange:o})})})]})};var K=function(){return K=Object.assign||function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},K.apply(this,arguments)},qe=function(a,t){var n={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(n[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(n[e[r]]=a[e[r]]);return n},X=_.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,i=qe(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),c=_.useRef("_".concat(en()));return Be(n,"".concat(e),{defIds:n.defIds,idSuffix:c.current},K({ref:t,className:o},i),s)});function Be(a,t,n,e,r){return _.createElement(a.tag,K(K({key:t},Je(a,n,r)),e),(Qe(a,n).children||[]).map(function(s,i){return Be(s,"".concat(t,"-").concat(a.tag,"-").concat(i),n,void 0,r)}))}function Je(a,t,n){var e=K({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];i==="mask"&&typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});var r=t.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function Qe(a,t){var n,e=t.defIds;return!e||e.length===0?a:a.tag==="defs"&&(!((n=a.children)===null||n===void 0)&&n.length)?K(K({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?K(K({},r),{attrs:K(K({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function en(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var nn={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(a,t){return _.createElement(X,Object.assign({},a,{id:"autofill",ref:t,icon:nn}))});Ue.displayName="Autofill";var tn={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(a,t){return _.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:tn}))});je.displayName="BottomSingle";var rn={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(a,t){return _.createElement(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:rn}))});Ae.displayName="CreateCopySingle";var an={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"}}]},Re=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"group-single",ref:t,icon:an}))});Re.displayName="GroupSingle";var sn={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"}}]},Le=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:sn}))});Le.displayName="MoreDownSingle";var on={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"}}]},xe=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:on}))});xe.displayName="MoveDownSingle";var cn={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"}}]},He=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"move-up-single",ref:t,icon:cn}))});He.displayName="MoveUpSingle";var ln={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(a,t){return _.createElement(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:ln}))});Ge.displayName="TopmostSingle";var gn={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"}}]},Ve=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:gn}))});Ve.displayName="UngroupSingle";const mn=a=>{const{arrangeShow:t,drawings:n}=a,e=V.useDependency(h.LocaleService),r=V.useDependency(M.IDrawingManagerService),s=g=>g?"block":"none",[i,o]=_.useState(n);_.useEffect(()=>{const g=r.focus$.subscribe(d=>{o(d)});return()=>{g.unsubscribe()}},[]);const c=g=>{const d=i[0].unitId,u=i[0].subUnitId,f=i.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:d,subUnitId:u,drawingIds:f,arrangeType:g})};return l.jsxs("div",{className:m.imageCommonPanelGrid,style:{display:s(t)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:e.t("image-panel.arrange.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{onClick:()=>{c(h.ArrangeTypeEnum.forward)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(He,{}),e.t("image-panel.arrange.forward")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{onClick:()=>{c(h.ArrangeTypeEnum.backward)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(xe,{}),e.t("image-panel.arrange.backward")]})})})]}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{onClick:()=>{c(h.ArrangeTypeEnum.front)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ge,{}),e.t("image-panel.arrange.front")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{onClick:()=>{c(h.ArrangeTypeEnum.back)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(je,{}),e.t("image-panel.arrange.back")]})})})]})]})},dn=a=>{const t=V.useDependency(h.LocaleService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(M.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[i,o]=_.useState(!1),[c,g]=_.useState(!0),[d,u]=_.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:y}=C[0],U=h.Tools.generateRandomId(10),O=b.getGroupState(0,0,C.map(N=>N.transform||{})),R={unitId:P,subUnitId:y,drawingId:U,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:O},T=C.map(N=>{const E=N.transform||{left:0,top:0},{unitId:B,subUnitId:j,drawingId:G}=N;return{unitId:B,subUnitId:j,drawingId:G,transform:{...E,left:E.left-O.left,top:E.top-O.top},groupId:U}});e.featurePluginGroupUpdateNotification([{parent:R,children:T}])},S=C=>{if(C.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:y,drawingId:U,transform:O={width:0,height:0}}=C;if(O==null)return;const R=e.getDrawingsByGroup({unitId:P,subUnitId:y,drawingId:U});if(R.length===0)return;const T=R.map(N=>{const{transform:E}=N,{unitId:B,subUnitId:j,drawingId:G}=N,x=b.transformObjectOutOfGroup(E||{},O,O.width||0,O.height||0);return{unitId:B,subUnitId:j,drawingId:G,transform:{...E,...x},groupId:void 0}});return{parent:C,children:T}},v=()=>{const P=e.getFocusDrawings().map(y=>S(y)).filter(y=>y!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return _.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:P}=C,y=n.getRenderById(P),U=y==null?void 0:y.scene;if(U==null)return;const O=U.getTransformerByCreate(),R=O.clearControl$.subscribe(N=>{N===!0&&o(!1)}),T=O.changeStart$.subscribe(N=>{const{objects:E}=N,B=ge(E,e),j=B.filter(z=>(z==null?void 0:z.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let G=!1,x=!1;B.length>1&&(G=!0),j.length>0&&(x=!0),o(G||x),g(G),u(x)});return()=>{T.unsubscribe(),R.unsubscribe()}},[]),l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:f(r===!0?i:!1)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.group.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2,m.imageCommonPanelColumnCenter),children:l.jsx(I.Button,{style:{display:f(c)},onClick:p,children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Re,{}),t.t("image-panel.group.group")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2,m.imageCommonPanelColumnCenter),children:l.jsx(I.Button,{style:{display:f(d)},onClick:v,children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ve,{}),t.t("image-panel.group.unGroup")]})})})]})]})},te=20,un=20,hn=[-3600,3600],pe=300,fn=a=>{var Fe;const t=V.useDependency(h.LocaleService),n=V.useDependency(M.IDrawingManagerService),e=V.useDependency(b.IRenderManagerService),{drawings:r,transformShow:s}=a,i=r[0];if(i==null)return;const o=i.transform;if(o==null)return;const{unitId:c,subUnitId:g,drawingId:d,drawingType:u}=i,f=e.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;const S=(Fe=p.getEngine())==null?void 0:Fe.activeScene;if(S==null)return;const v=p.getTransformerByCreate(),{width:C=0,height:P=0,left:y=0,top:U=0,angle:O=0}=o,[R,T]=_.useState(C),[N,E]=_.useState(P),[B,j]=_.useState(y),[G,x]=_.useState(U),[F,z]=_.useState(O),[ce,ae]=_.useState(v.keepRatio),ie=(w,L,W,$)=>{const{width:k,height:Q}=S,{ancestorLeft:Y,ancestorTop:Z}=p;let q=w,se=L,ue=W,he=$;return w+Y<0&&(q=-Y),L+Z<0&&(se=-Z),ue=k-q-Y,ue<te&&(ue=te),he=Q-se-Z,he<te&&(he=te),w+ue+Y>k&&(q=k-W-Y),L+he+Z>Q&&(se=Q-$-Z),{limitLeft:q,limitTop:se,limitWidth:ue,limitHeight:he}},le=w=>{const{objects:L}=w,W=ge(L,n);if(W.length!==1)return;const $=W[0];if($==null)return;const{transform:k}=$;if(k==null)return;const{width:Q,height:Y,left:Z,top:q,angle:se}=k;Q!=null&&T(Q),Y!=null&&E(Y),Z!=null&&j(Z),q!=null&&x(q),se!=null&&z(se)};_.useEffect(()=>{const w=[v.changeStart$.subscribe(L=>{le(L)}),v.changing$.subscribe(L=>{le(L)}),v.changeEnd$.subscribe(L=>{le(L)}),n.focus$.subscribe(L=>{if(L.length!==1)return;const W=n.getDrawingByParam(L[0]);if(W==null)return;const $=W.transform;if($==null)return;const{width:k,height:Q,left:Y,top:Z,angle:q}=$;k!=null&&T(k),Q!=null&&E(Q),Y!=null&&j(Y),Z!=null&&x(Z),q!=null&&z(q)})];return()=>{w.forEach(L=>L.unsubscribe())}},[]);const J=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitWidth:L,limitHeight:W}=ie(B,G,w,N);w=Math.min(w,L);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{width:w}};if(ce){let k=w/R*N;if(k=Math.max(k,un),k>W)return;E(k),$.transform.height=k}T(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},pe),De=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitHeight:L,limitWidth:W}=ie(B,G,R,w);w=Math.min(w,L);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{height:w}};if(ce){let k=w/N*R;if(k=Math.max(k,te),k>W)return;T(k),$.transform.width=k}E(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},pe),Tn=h.debounce(w=>{if(w==null)return;const{limitLeft:L}=ie(w,G,R,N);w=L;const W={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{left:w}};j(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},pe),Bn=h.debounce(w=>{if(w==null)return;const{limitTop:L}=ie(B,w,R,N);w=L;const W={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{top:w}};x(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},pe),Un=w=>{if(w==null)return;const[L,W]=hn;w<L&&(w=L),w>W&&(w=W);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{angle:w}};z(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},jn=w=>{ae(w),v.keepRatio=w},An=w=>w?"block":"none";return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:An(s)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.transform.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.width")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:R,onChange:w=>{J(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.height")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:N,onChange:w=>{De(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.lock")})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelRow,m.imageCommonPanelRowVertical),children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.Checkbox,{checked:ce,onChange:jn})})})]})})]}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.x")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:B,onChange:w=>{Tn(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.y")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:G,onChange:w=>{Bn(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.rotate")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:F,onChange:Un,className:m.imageCommonPanelInput})})})]})})]})]})},Ce={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ne={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var H=(a=>(a.FREE="0",a.R1_1="1",a.R16_9="2",a.R9_16="3",a.R5_4="4",a.R4_5="5",a.R4_3="6",a.R3_4="7",a.R3_2="8",a.R2_3="9",a))(H||{});const me={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},pn=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[i,o]=_.useState(H.FREE),c=_.useRef(!1),g=[{label:n.t("image-panel.crop.mode"),value:H.FREE},{label:"1:1",value:H.R1_1},{label:"16:9",value:H.R16_9},{label:"9:16",value:H.R9_16},{label:"5:4",value:H.R5_4},{label:"4:5",value:H.R4_5},{label:"4:3",value:H.R4_3},{label:"3:4",value:H.R3_4},{label:"3:2",value:H.R3_2},{label:"2:3",value:H.R2_3}];_.useEffect(()=>{const p=t.onCommandExecuted(S=>{if(S.id===ne.id){const v=S.params;v!=null&&v.isAuto||(c.current=!1)}});return()=>{p==null||p.dispose()}},[]);function d(p){o(p),c.current&&t.executeCommand(me.id,{cropType:p})}const u=p=>p?"block":"none",f=p=>{t.executeCommand(me.id,{cropType:p}),c.current=!0};return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:u(r)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.crop.title")})})}),l.jsxs("div",{className:I.clsx(m.imageCommonPanelRow,m.imageCommonPanelRowVertical),children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{onClick:()=>{f(i)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ae,{}),n.t("image-panel.crop.start")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Select,{value:i,options:g,onChange:d})})]})]})},Cn=a=>{const t=V.useDependency(M.IDrawingManagerService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(h.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:i=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:g=!0}=a,d=r[0];if(d==null)return;const{unitId:u}=d,f=n.getRenderById(u),p=f==null?void 0:f.scene;if(p==null)return;const S=p.getTransformerByCreate(),[v,C]=_.useState(!0),[P,y]=_.useState(!0),[U,O]=_.useState(!1),[R,T]=_.useState(!0),[N,E]=_.useState(!1);return _.useEffect(()=>{const B=S.clearControl$.subscribe(x=>{x===!0&&(C(!1),y(!1),O(!1),T(!1),E(!0))}),j=S.changeStart$.subscribe(x=>{const{objects:F}=x,z=ge(F,t);z.length===0?(C(!1),y(!1),O(!1),T(!1),E(!0)):z.length===1?(C(!0),y(!0),O(!1),T(!0),E(!1)):(C(!0),y(!1),O(!0),T(!1),E(!1))}),G=t.focus$.subscribe(x=>{x.length===0?(C(!1),y(!1),O(!1),T(!1),E(!0)):x.length===1?(C(!0),y(!0),O(!1),T(!0),E(!1)):(C(!0),y(!1),O(!0),T(!1),E(!1))});return()=>{j.unsubscribe(),B.unsubscribe(),G.unsubscribe()}},[]),l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{display:N===!0?"block":"none",height:"100%"},children:l.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:l.jsx("span",{children:e.t("image-panel.null")})})}),l.jsx(mn,{arrangeShow:s===!0?v:!1,drawings:r}),l.jsx(fn,{transformShow:i===!0?P:!1,drawings:r}),l.jsx(Xe,{alignShow:o===!0?U:!1,drawings:r}),l.jsx(pn,{cropperShow:c===!0?R:!1,drawings:r}),l.jsx(dn,{hasGroup:g,drawings:r})]})},ke=a=>{var v;const{popup:t}=a,n=(v=t==null?void 0:t.extraProps)==null?void 0:v.menuItems;if(!n)return null;const e=V.useDependency(h.ICommandService),r=V.useDependency(h.LocaleService),[s,i]=_.useState(!1),[o,c]=_.useState(!1),g=()=>{c(!0)},d=()=>{c(!1)},u=C=>{i(C)},f=C=>{e.executeCommand(C.commandId,C.commandParams),i(!1)},p=s||o,S=n.filter(C=>!C.disable);return l.jsx("div",{onMouseEnter:g,onMouseLeave:d,children:l.jsx(I.DropdownMenu,{align:"start",items:S.map(C=>({type:"item",children:r.t(C.label),onSelect:()=>f(C)})),open:s,onOpenChange:u,children:l.jsxs("div",{className:I.clsx(`
2
+ (function(I,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("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"],h):(I=typeof globalThis<"u"?globalThis:I||self,h(I.UniverDrawingUi={},I.UniverCore,I.UniverDrawing,I.UniverEngineRender,I.UniverUi,I.React,I.React,I.UniverDesign,I.rxjs))})(this,function(I,h,D,y,W,l,_,P,Ee){"use strict";var xt=Object.defineProperty;var Ht=(I,h,D)=>h in I?xt(I,h,{enumerable:!0,configurable:!0,writable:!0,value:D}):I[h]=D;var te=(I,h,D)=>Ht(I,typeof h!="symbol"?h+"":h,D);var Oe;function Te(i,r,t,e){const n=e.getDrawingByParam(i);if(n==null)return;const s=D.getDrawingShapeKeyByDrawingSearch(i),a=t.getObject(s);if(a&&!(a instanceof y.Group))return;if(a!=null){a.addObject(r);return}const o=new y.Group(s);t.addObject(o,y.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 Pe(i,r){var s;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=(s=t.getActiveSheet())==null?void 0:s.getSheetId():(t.type===h.UniverInstanceType.UNIVER_DOC||t.type===h.UniverInstanceType.UNIVER_SLIDE)&&(n=e),{unitId:e,subUnitId:n,current:t}}const Be="COMPONENT_IMAGE_VIEWER";var Xe=Object.getOwnPropertyDescriptor,qe=(i,r,t,e)=>{for(var n=e>1?void 0:e?Xe(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(n=a(n)||n);return n},De=(i,r)=>(t,e)=>r(t,e,i);const Ue=50;I.DrawingRenderService=class{constructor(r,t,e){this._drawingManagerService=r,this._imageIoService=t,this._dialogService=e}async renderImages(r,t){const{transform:e,drawingType:n,source:s,imageSourceType:a,srcRect:o,prstGeom:c,groupId:d,unitId:u,subUnitId:g,drawingId:f,isMultiTransform:p,transforms:S}=r;if(n!==h.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:M,height:A,angle:E,flipX:O,flipY:N,skewX:T,skewY:U}=b,V=w.indexOf(b),x=D.getDrawingShapeKeyByDrawingSearch({unitId:u,subUnitId:g,drawingId:f},p?V:void 0),Y=t.getObject(x);if(Y!=null){Y.transformByState({left:C,top:B,width:M,height:A,angle:E,flipX:O,flipY:N,skewX:T,skewY:U});continue}const K=this._drawingManagerService.getDrawingOrder(u,g),de=K.indexOf(f),se={...b,zIndex:de===-1?K.length-1:de},oe=this._imageIoService.getImageSourceCache(s,a);let ue=!1;if(oe!=null)se.image=oe;else{if(a===D.ImageSourceType.UUID)try{se.url=await this._imageIoService.getImage(s)}catch(Ne){console.error(Ne);continue}else se.url=s;ue=!0}if(t.getObject(x))continue;se.printable=!0;const Q=new y.Image(x,se);ue&&this._imageIoService.addImageSourceCache(s,a,Q.getNative()),this._drawingManagerService.getDrawingVisible()&&(t.addObject(Q,y.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&t.attachTransformerTo(Q),d&&Te({drawingId:d,unitId:u,subUnitId:g},Q,t,this._drawingManagerService),c!=null&&Q.setPrstGeom(c),o!=null&&Q.setSrcRect(o),m.push(Q))}return m}renderFloatDom(r,t){const{transform:e,drawingType:n,groupId:s,unitId:a,subUnitId:o,drawingId:c,isMultiTransform:d,transforms:u}=r;if(n!==h.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||e==null)return;const g=d&&u?u:[e],f=[];for(const p of g){const{left:S,top:w,width:m,height:b,angle:C,flipX:B,flipY:M,skewX:A,skewY:E}=p,O=g.indexOf(p),N=D.getDrawingShapeKeyByDrawingSearch({unitId:a,subUnitId:o,drawingId:c},d?O:void 0),T=t.getObject(N);if(T!=null){T.transformByState({left:S,top:w,width:m,height:b,angle:C,flipX:B,flipY:M,skewX:A,skewY:E});continue}const U=this._drawingManagerService.getDrawingOrder(a,o),V=U.indexOf(c),x={...p,zIndex:V===-1?U.length-1:V};if(t.getObject(N))continue;x.printable=!1;const Y=new y.Rect(N,x);this._drawingManagerService.getDrawingVisible()&&(t.addObject(Y,y.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&r.allowTransform!==!1&&t.attachTransformerTo(Y),s&&Te({drawingId:s,unitId:a,subUnitId:o},Y,t,this._drawingManagerService),f.push(Y))}return f}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){const s=`${r}-viewer-dialog`,a=window.innerWidth-Ue,o=window.innerHeight-Ue,c=this._adjustImageSize(e,n,a,o),d=this._dialogService.open({width:Math.max(c.width,200),id:s,children:{label:{name:Be,props:{src:t,width:c.width,height:c.height}}},destroyOnClose:!0,closable:!1,onClose:()=>{this._dialogService.close(s),d.dispose()}})}_adjustImageSize(r,t,e,n){if(r<=e&&t<=n)return{width:r,height:t};const s=e/r,a=n/t,o=Math.min(s,a);return{width:Math.floor(r*o),height:Math.floor(t*o)}}},I.DrawingRenderService=qe([De(0,D.IDrawingManagerService),De(1,D.IImageIoService),De(2,W.IDialogService)],I.DrawingRenderService);function ge(i,r){const t=[];return i.forEach(e=>{const{oKey:n,left:s,top:a,height:o,width:c,angle:d}=e,u=r.getDrawingOKey(n);if(u==null)return t.push(null),!0;const{unitId:g,subUnitId:f,drawingId:p,drawingType:S}=u,w={unitId:g,subUnitId:f,drawingId:p,drawingType:S,transform:{left:s,top:a,height:o,width:c,angle:d}};S===h.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:h.CommandType.OPERATION,handler:(i,r)=>!0},Je=i=>{const r=W.useDependency(h.ICommandService),t=W.useDependency(h.LocaleService),{alignShow:e}=i,[n,s]=_.useState(j.default),a=[{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(d){s(d),r.executeCommand(ve.id,{alignType:d})}const c=d=>d?"block":"none";return l.jsxs("div",{className:`
3
+ univer-relative univer-w-full univer-border-l-0 univer-border-r-0 univer-border-t univer-border-solid
4
+ univer-border-gray-200
5
+ `,style:{display:c(e)},children:[l.jsx("div",{className:`
6
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
7
+ `,children:l.jsx("div",{className:"univer-w-full univer-text-gray-900",children:l.jsx("div",{children:t.t("image-panel.align.title")})})}),l.jsx("div",{className:`
8
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
9
+ `,children:l.jsx("div",{className:"univer-w-full univer-text-gray-900",children:l.jsx(P.Select,{value:n,options:a,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,s=i.extend,a=Qe(i,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(n||"").trim(),c=_.useRef("_".concat(rt()));return je(t,"".concat(e),{defIds:t.defIds,idSuffix:c.current},F({ref:r,className:o},a),s)});function je(i,r,t,e,n){return _.createElement(i.tag,F(F({key:r},et(i,t,n)),e),(tt(i,t).children||[]).map(function(s,a){return je(s,"".concat(r,"-").concat(i.tag,"-").concat(a),t,void 0,n)}))}function et(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(s){var a=s[0],o=s[1];a==="mask"&&typeof o=="string"&&(e[a]=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(s){var a=s[0],o=s[1];typeof o=="string"&&(e[a]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(r.idSuffix,")")))})),e}function tt(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 rt(){return Math.random().toString(36).substring(2,8)}q.displayName="UniverIcon";var nt={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"}}]},Ae=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"autofill",ref:r,icon:nt}))});Ae.displayName="Autofill";var it={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"}}]},Le=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"bottom-single",ref:r,icon:it}))});Le.displayName="BottomSingle";var at={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"}}]},xe=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"create-copy-single",ref:r,icon:at}))});xe.displayName="CreateCopySingle";var st={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"}}]},He=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"group-single",ref:r,icon:st}))});He.displayName="GroupSingle";var ot={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"}}]},ke=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"more-down-single",ref:r,icon:ot}))});ke.displayName="MoreDownSingle";var ct={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"}}]},Ge=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"move-down-single",ref:r,icon:ct}))});Ge.displayName="MoveDownSingle";var lt={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"}}]},Ve=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"move-up-single",ref:r,icon:lt}))});Ve.displayName="MoveUpSingle";var dt={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"}}]},We=_.forwardRef(function(i,r){return _.createElement(q,Object.assign({},i,{id:"topmost-single",ref:r,icon:dt}))});We.displayName="TopmostSingle";var ut={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:ut}))});Re.displayName="UngroupSingle";const H="univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start 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",gt=i=>{const{arrangeShow:r,drawings:t}=i,e=W.useDependency(h.LocaleService),n=W.useDependency(D.IDrawingManagerService),s=d=>d?"block":"none",[a,o]=_.useState(t);_.useEffect(()=>{const d=n.focus$.subscribe(u=>{o(u)});return()=>{d.unsubscribe()}},[]);const c=d=>{const u=a[0].unitId,g=a[0].subUnitId,f=a.map(p=>p.drawingId);n.featurePluginOrderUpdateNotification({unitId:u,subUnitId:g,drawingIds:f,arrangeType:d})};return l.jsxs("div",{className:"univer-relative univer-mt-5 univer-w-full",style:{display:s(r)},children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx("div",{children:e.t("image-panel.arrange.title")})})}),l.jsxs("div",{className:H,children:[l.jsx("div",{className:"univer-w-1/2",children:l.jsx(P.Button,{onClick:()=>{c(h.ArrangeTypeEnum.forward)},children:l.jsxs("span",{className:re,children:[l.jsx(Ve,{}),e.t("image-panel.arrange.forward")]})})}),l.jsx("div",{className:"univer-w-1/2",children:l.jsx(P.Button,{onClick:()=>{c(h.ArrangeTypeEnum.backward)},children:l.jsxs("span",{className:re,children:[l.jsx(Ge,{}),e.t("image-panel.arrange.backward")]})})})]}),l.jsxs("div",{className:H,children:[l.jsx("div",{className:"univer-w-1/2",children:l.jsx(P.Button,{onClick:()=>{c(h.ArrangeTypeEnum.front)},children:l.jsxs("span",{className:re,children:[l.jsx(We,{}),e.t("image-panel.arrange.front")]})})}),l.jsx("div",{className:"univer-w-1/2",children:l.jsx(P.Button,{onClick:()=>{c(h.ArrangeTypeEnum.back)},children:l.jsxs("span",{className:re,children:[l.jsx(Le,{}),e.t("image-panel.arrange.back")]})})})]})]})},ht=i=>{const r=W.useDependency(h.LocaleService),t=W.useDependency(y.IRenderManagerService),e=W.useDependency(D.IDrawingManagerService),{hasGroup:n,drawings:s}=i,[a,o]=_.useState(!1),[c,d]=_.useState(!0),[u,g]=_.useState(!0),f=m=>m?"block":"none",p=()=>{const m=e.getFocusDrawings(),{unitId:b,subUnitId:C}=m[0],B=h.Tools.generateRandomId(10),M=y.getGroupState(0,0,m.map(O=>O.transform||{})),A={unitId:b,subUnitId:C,drawingId:B,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:M},E=m.map(O=>{const N=O.transform||{left:0,top:0},{unitId:T,subUnitId:U,drawingId:V}=O;return{unitId:T,subUnitId:U,drawingId:V,transform:{...N,left:N.left-M.left,top:N.top-M.top},groupId:B}});e.featurePluginGroupUpdateNotification([{parent:A,children:E}])},S=m=>{if(m.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:b,subUnitId:C,drawingId:B,transform:M={width:0,height:0}}=m;if(M==null)return;const A=e.getDrawingsByGroup({unitId:b,subUnitId:C,drawingId:B});if(A.length===0)return;const E=A.map(O=>{const{transform:N}=O,{unitId:T,subUnitId:U,drawingId:V}=O,x=y.transformObjectOutOfGroup(N||{},M,M.width||0,M.height||0);return{unitId:T,subUnitId:U,drawingId:V,transform:{...N,...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=s[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 M=B.getTransformerByCreate(),A=M.clearControl$.subscribe(O=>{O===!0&&o(!1)}),E=M.changeStart$.subscribe(O=>{const{objects:N}=O,T=ge(N,e),U=T.filter(K=>(K==null?void 0:K.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let V=!1,x=!1;T.length>1&&(V=!0),U.length>0&&(x=!0),o(V||x),d(V),g(x)});return()=>{E.unsubscribe(),A.unsubscribe()}},[]),l.jsxs("div",{className:"univer-relative univer-mt-5 univer-w-full",style:{display:f(n===!0?a:!1)},children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx("div",{children:r.t("image-panel.group.title")})})}),l.jsxs("div",{className:H,children:[l.jsx("div",{className:P.clsx(re,"univer-justify-center"),children:l.jsx(P.Button,{style:{display:f(c)},onClick:p,children:l.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[l.jsx(He,{}),r.t("image-panel.group.group")]})})}),l.jsx("div",{className:P.clsx(re,"univer-justify-center"),children:l.jsx(P.Button,{style:{display:f(u)},onClick:w,children:l.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[l.jsx(Re,{}),r.t("image-panel.group.unGroup")]})})})]})]})},ie=20,ft=20,pt=[-3600,3600],we=300,mt=i=>{var Ze;const r=W.useDependency(h.LocaleService),t=W.useDependency(D.IDrawingManagerService),e=W.useDependency(y.IRenderManagerService),{drawings:n,transformShow:s}=i,a=n[0];if(a==null)return;const o=a.transform;if(o==null)return;const{unitId:c,subUnitId:d,drawingId:u,drawingType:g}=a,f=e.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;const S=(Ze=p.getEngine())==null?void 0:Ze.activeScene;if(S==null)return;const w=p.getTransformerByCreate(),{width:m=0,height:b=0,left:C=0,top:B=0,angle:M=0}=o,[A,E]=_.useState(m),[O,N]=_.useState(b),[T,U]=_.useState(C),[V,x]=_.useState(B),[Y,K]=_.useState(M),[de,se]=_.useState(w.keepRatio),oe=(v,L,$,z)=>{const{width:R,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=R-J-Z,pe<ie&&(pe=ie),me=ee-ce-X,me<ie&&(me=ie),v+pe+Z>R&&(J=R-$-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:R}=z;if(R==null)return;const{width:ee,height:Z,left:X,top:J,angle:ce}=R;ee!=null&&E(ee),Z!=null&&N(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:R,height:ee,left:Z,top:X,angle:J}=z;R!=null&&E(R),ee!=null&&N(ee),Z!=null&&U(Z),X!=null&&x(X),J!=null&&K(J)})];return()=>{v.forEach(L=>L.unsubscribe())}},[]);const Q=h.debounce(v=>{if(v==null)return;v=Math.max(v,ie);const{limitWidth:L,limitHeight:$}=oe(T,V,v,O);v=Math.min(v,L);const z={unitId:c,subUnitId:d,drawingId:u,drawingType:g,transform:{width:v}};if(de){let R=v/A*O;if(R=Math.max(R,ft),R>$)return;N(R),z.transform.height=R}E(v),t.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},we),Ne=h.debounce(v=>{if(v==null)return;v=Math.max(v,ie);const{limitHeight:L,limitWidth:$}=oe(T,V,A,v);v=Math.min(v,L);const z={unitId:c,subUnitId:d,drawingId:u,drawingType:g,transform:{height:v}};if(de){let R=v/O*A;if(R=Math.max(R,ie),R>$)return;E(R),z.transform.width=R}N(v),t.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},we),Bt=h.debounce(v=>{if(v==null)return;const{limitLeft:L}=oe(v,V,A,O);v=L;const $={unitId:c,subUnitId:d,drawingId:u,drawingType:g,transform:{left:v}};U(v),t.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},we),Ut=h.debounce(v=>{if(v==null)return;const{limitTop:L}=oe(T,v,A,O);v=L;const $={unitId:c,subUnitId:d,drawingId:u,drawingType:g,transform:{top:v}};x(v),t.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},we),jt=v=>{if(v==null)return;const[L,$]=pt;v<L&&(v=L),v>$&&(v=$);const z={unitId:c,subUnitId:d,drawingId:u,drawingType:g,transform:{angle:v}};K(v),t.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},At=v=>{se(v),w.keepRatio=v},Lt=v=>v?"block":"none";return l.jsxs("div",{className:`
10
+ univer-relative univer-mt-5 univer-w-full univer-border-b-0 univer-border-l-0 univer-border-r-0
11
+ univer-border-t univer-border-solid univer-border-t-gray-200
12
+ `,style:{display:Lt(s)},children:[l.jsx("div",{className:H,children:l.jsx("div",{className:P.clsx(k),children:l.jsx("div",{children:r.t("image-panel.transform.title")})})}),l.jsxs("div",{className:H,children:[l.jsx("div",{className:P.clsx(k),children:l.jsxs("label",{children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:r.t("image-panel.transform.width")})}),l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx(P.InputNumber,{precision:1,value:A,onChange:v=>{Q(v)}})})})]})}),l.jsx("div",{className:P.clsx(k),children:l.jsxs("label",{children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:r.t("image-panel.transform.height")})}),l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx(P.InputNumber,{precision:1,value:O,onChange:v=>{Ne(v)}})})})]})}),l.jsx("div",{className:P.clsx(k),children:l.jsxs("label",{children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:r.t("image-panel.transform.lock")})}),l.jsx("div",{className:P.clsx(H,"univer-h-9 univer-items-center univer-justify-center"),children:l.jsx("div",{className:k,children:l.jsx(P.Checkbox,{checked:de,onChange:At})})})]})})]}),l.jsxs("div",{className:H,children:[l.jsx("div",{className:P.clsx(k),children:l.jsxs("label",{children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:r.t("image-panel.transform.x")})}),l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx(P.InputNumber,{precision:1,value:T,onChange:v=>{Bt(v)}})})})]})}),l.jsx("div",{className:P.clsx(k),children:l.jsxs("label",{children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:r.t("image-panel.transform.y")})}),l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx(P.InputNumber,{precision:1,value:V,onChange:v=>{Ut(v)}})})})]})}),l.jsx("div",{className:P.clsx(k),children:l.jsxs("label",{children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:r.t("image-panel.transform.rotate")})}),l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx(P.InputNumber,{precision:1,value:Y,onChange:jt})})})]})})]})]})},Se={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(i,r)=>!0},ne={id:"sheet.operation.close-image-crop",type:h.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:h.CommandType.OPERATION,handler:(i,r)=>!0},vt=i=>{const r=W.useDependency(h.ICommandService),t=W.useDependency(h.LocaleService),{drawings:e,cropperShow:n}=i;if(e[0]==null)return;const[a,o]=_.useState(G.FREE),c=_.useRef(!1),d=[{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 p=r.onCommandExecuted(S=>{if(S.id===ne.id){const w=S.params;w!=null&&w.isAuto||(c.current=!1)}});return()=>{p==null||p.dispose()}},[]);function u(p){o(p),c.current&&r.executeCommand(he.id,{cropType:p})}const g=p=>p?"block":"none",f=p=>{r.executeCommand(he.id,{cropType:p}),c.current=!0};return l.jsxs("div",{className:`
13
+ univer-relative univer-mt-5 univer-w-full univer-border-b-0 univer-border-l-0 univer-border-r-0
14
+ univer-border-t univer-border-solid univer-border-t-gray-200
15
+ `,style:{display:g(n)},children:[l.jsx("div",{className:H,children:l.jsx("div",{className:k,children:l.jsx("div",{children:t.t("image-panel.crop.title")})})}),l.jsxs("div",{className:H,children:[l.jsx("div",{className:re,children:l.jsx(P.Button,{onClick:()=>{f(a)},children:l.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[l.jsx(xe,{}),t.t("image-panel.crop.start")]})})}),l.jsx("div",{className:re,children:l.jsx(P.Select,{value:a,options:d,onChange:u})})]})]})},wt=i=>{const r=W.useDependency(D.IDrawingManagerService),t=W.useDependency(y.IRenderManagerService),e=W.useDependency(h.LocaleService),{drawings:n,hasArrange:s=!0,hasTransform:a=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:d=!0}=i,u=n[0];if(u==null)return;const{unitId:g}=u,f=t.getRenderById(g),p=f==null?void 0:f.scene;if(p==null)return;const S=p.getTransformerByCreate(),[w,m]=_.useState(!0),[b,C]=_.useState(!0),[B,M]=_.useState(!1),[A,E]=_.useState(!0),[O,N]=_.useState(!1);return _.useEffect(()=>{const T=S.clearControl$.subscribe(x=>{x===!0&&(m(!1),C(!1),M(!1),E(!1),N(!0))}),U=S.changeStart$.subscribe(x=>{const{objects:Y}=x,K=ge(Y,r);K.length===0?(m(!1),C(!1),M(!1),E(!1),N(!0)):K.length===1?(m(!0),C(!0),M(!1),E(!0),N(!1)):(m(!0),C(!1),M(!0),E(!1),N(!1))}),V=r.focus$.subscribe(x=>{x.length===0?(m(!1),C(!1),M(!1),E(!1),N(!0)):x.length===1?(m(!0),C(!0),M(!1),E(!0),N(!1)):(m(!0),C(!1),M(!0),E(!1),N(!1))});return()=>{U.unsubscribe(),T.unsubscribe(),V.unsubscribe()}},[]),l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{display:O===!0?"block":"none",height:"100%"},children:l.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:l.jsx("span",{children:e.t("image-panel.null")})})}),l.jsx(gt,{arrangeShow:s===!0?w:!1,drawings:n}),l.jsx(mt,{transformShow:a===!0?b:!1,drawings:n}),l.jsx(Je,{alignShow:o===!0?B:!1,drawings:n}),l.jsx(vt,{cropperShow:c===!0?A:!1,drawings:n}),l.jsx(ht,{hasGroup:d,drawings:n})]})},$e=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=W.useDependency(h.ICommandService),n=W.useDependency(h.LocaleService),[s,a]=_.useState(!1),[o,c]=_.useState(!1),d=()=>{c(!0)},u=()=>{c(!1)},g=m=>{a(m)},f=m=>{e.executeCommand(m.commandId,m.commandParams),a(!1)},p=s||o,S=t.filter(m=>!m.disable);return l.jsx("div",{onMouseEnter:d,onMouseLeave:u,children:l.jsx(P.DropdownMenu,{align:"start",items:S.map(m=>({type:"item",children:n.t(m.label),onSelect:()=>f(m)})),open:s,onOpenChange:g,children:l.jsxs("div",{className:P.clsx(`
3
16
  univer-flex univer-items-center univer-gap-2 univer-rounded univer-border univer-border-solid
4
17
  univer-border-gray-200 univer-p-1
5
18
  hover:univer-bg-gray-100
6
- `,{"univer-bg-gray-100":s,"univer-bg-white":!s}),children:[l.jsx(Ue,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),p&&l.jsx(Le,{className:"univer-text-[10px] univer-text-gray-400"})]})})})},We="COMPONENT_IMAGE_POPUP_MENU",wn="drawing-ui.config",$e={},be={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(a,t)=>!0},vn=a=>{const{src:t}=a;return t?l.jsx("div",{children:l.jsx("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})}):null};var Sn=Object.getOwnPropertyDescriptor,_n=(a,t,n,e)=>{for(var r=e>1?void 0:e?Sn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},ze=(a,t)=>(n,e)=>t(n,e,a);let we=class extends h.Disposable{constructor(a,t){super(),this._componentManager=a,this._commandService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(We,ke)),this.disposeWithMe(a.register(Ee,vn))}_initCommands(){[Ce,ne,be,fe,me].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents()}};we=_n([ze(0,h.Inject(V.ComponentManager)),ze(1,h.ICommandService)],we);var In=Object.getOwnPropertyDescriptor,yn=(a,t,n,e)=>{for(var r=e>1?void 0:e?In(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},ve=(a,t)=>(n,e)=>t(n,e,a);let Se=class extends h.Disposable{constructor(t,n,e,r){super();ee(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=t,this._commandService=n,this._renderManagerService=e,this._drawingManagerService=r,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 t=this._drawingManagerService.drawingManagerData,n=Ne(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(i=>{const o=t[s][i].data;o==null||s!==e||i!==r||Object.keys(o).forEach(c=>{o[c]&&this._insertDrawing([{unitId:s,subUnitId:i,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===fe.id){const n=t.params;if(n==null)return;this._drawingAlign(n)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(t=>{this._groupDrawings(t)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(t=>{this._ungroupDrawings(t)}))}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t),e=n==null?void 0:n.scene;if(e==null)return null;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_groupDrawings(t){t.forEach(n=>{this._groupDrawing(n)})}_groupDrawing(t){const{parent:n,children:e}=t,{unitId:r,subUnitId:s,drawingId:i}=n,o=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(o==null)return;const{scene:c,transformer:g}=o;this._commandService.syncExecuteCommand(ne.id);const d=[];if(e.forEach(p=>{const S=M.getDrawingShapeKeyByDrawingSearch(p),v=c.getObjectIncludeInGroup(S);if(v==null||d.includes(v))return;d.push(v);const{transform:C}=p;C!=null&&(v.classType===b.RENDER_CLASS_TYPE.GROUP?v.transformByState({left:C.left,top:C.top}):v.transformByState(C))}),d.length===0)return;const u=M.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:i}),f=new b.Group(u);c.addObject(f,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...d),n.transform&&f.transformByState({left:n.transform.left,top:n.transform.top}),g.clearSelectedObjects(),g.setSelectedControl(f)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:i}=r;e.forEach(u=>{const f=M.getDrawingShapeKeyByDrawingSearch(u),p=s.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:S}=u;S!=null&&(p.classType===b.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:S.left,top:S.top}):p.transformByState(S))});const o=M.getDrawingShapeKeyByDrawingSearch(n),c=s.getObject(o),{width:g,height:d}=c;c.getObjects().forEach(u=>{c.removeSelfObjectAndTransform(u.oKey,g,d)}),c.dispose(),i.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===A.default)return;const r=[];let s=Number.POSITIVE_INFINITY,i=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,g=0;e.forEach(d=>{const{unitId:u,subUnitId:f,drawingId:p,drawingType:S}=d,v=this._drawingManagerService.getDrawingByParam({unitId:u,subUnitId:f,drawingId:p});if(v==null||v.transform==null)return;r.push({unitId:u,subUnitId:f,drawingId:p,drawingType:S,transform:v.transform});const{left:C=0,top:P=0,width:y=0,height:U=0}=v.transform;s=Math.min(s,C),i=Math.min(i,P),o=Math.max(o,C+y),c=Math.max(c,P+U),g++}),g!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,i,o,c,g))}_applyAlignType(t,n,e,r,s,i,o){const c=Math.round((s-e)/o*10)/10,g=Math.round((i-r)/o*10)/10,d=[],u=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(u==null)return;const{scene:f,transformer:p}=u;t.forEach((S,v)=>{const{unitId:C,subUnitId:P,drawingId:y,transform:U,drawingType:O}=S,{left:R=0,top:T=0,width:N=0,height:E=0}=U;let B=R,j=T;switch(n){case A.left:B=e;break;case A.center:B=e+(s-e)/2-N/2;break;case A.right:B=s-N;break;case A.top:j=r;break;case A.middle:j=r+(i-r)/2-E/2;break;case A.bottom:j=i-E;break;case A.horizon:B=e+c*v;break;case A.vertical:j=r+g*v;break}(B!==R||j!==T)&&d.push({unitId:C,subUnitId:P,drawingId:y,drawingType:O,transform:{left:B,top:j}})}),this._drawingManagerService.featurePluginUpdateNotification(d),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,i=r.transform,{left:o=0,top:c=0,width:g=0,height:d=0}=s,{left:u=0,top:f=0,width:p=0,height:S=0}=i;switch(n){case A.left:return o-u;case A.center:return o+g/2-(u+p/2);case A.right:return o+g-(u+p);case A.top:return c-f;case A.middle:return c+d/2-(f+S/2);case A.bottom:return c+d-(f+S);case A.horizon:return o+g/2-(u+p/2);case A.vertical:return c+d/2-(f+S/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:i}=s;r.forEach(o=>{const c=M.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:o}),g=i.fuzzyMathObjects(c,!0);if(g==null||g.length===0)return;const d=this._drawingManagerService.getDrawingOrder(n,e).indexOf(o);for(const u of g)u.setProps({zIndex:d}),u.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const i=this._getSceneAndTransformerByDrawingSearch(r);if(i==null)return;const{scene:o}=i;n.includes(o)||n.push(o)}),n.forEach(e=>{this._sceneListenerOnDrawingMap.has(e)||(this._addListenerOnDrawing(e),this._sceneListenerOnDrawingMap.add(e))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(n=>{var d;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const{scene:o}=i,c=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),g=o.fuzzyMathObjects(c,!0);if(g.length>0){for(const u of g)u.dispose();(d=o.getTransformer())==null||d.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{var N;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._drawingManagerService.getDrawingByParam(n);if(i==null)return;const{transform:o,drawingType:c}=i,g=this._getSceneAndTransformerByDrawingSearch(e);if(g==null)return;const{scene:d,transformer:u}=g;if(o==null)return!0;const{left:f=0,top:p=0,width:S=0,height:v=0,angle:C=0,flipX:P=!1,flipY:y=!1,skewX:U=0,skewY:O=0}=o,R=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),T=d.getObject(R);if(T==null)return!0;T.transformByState({left:f,top:p,width:S,height:v,angle:C,flipX:P,flipY:y,skewX:U,skewY:O}),(N=d.getTransformer())==null||N.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:c}=o,{scene:g}=i,d=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),u=g.getObject(d);if(u==null||c==null)return!0;const{left:f=0,top:p=0,width:S=0,height:v=0,angle:C=0,flipX:P=!1,flipY:y=!1,skewX:U=0,skewY:O=0}=c;u.transformByState({left:f,top:p,width:S,height:v,angle:C,flipX:P,flipY:y,skewX:U,skewY:O})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:i}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:c}=o,g=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=c.getObject(g);if(d==null)return!0;i?d.show():d.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return h.checkIfMove(s,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(h.toDisposable(n.changeStart$.subscribe(r=>{const{objects:s}=r,i=Array.from(s.values()),o=[];e=i.map(c=>{const{left:g,top:d,height:u,width:f,angle:p,oKey:S,isInGroup:v}=c,C=this._drawingManagerService.getDrawingOKey(S);if(v||c instanceof b.Group){let P=c.ancestorGroup;if(P==null&&c instanceof b.Group&&(P=c),P==null)return null;const y=this._drawingManagerService.getDrawingOKey(P.oKey);if(y){const{unitId:U,subUnitId:O,drawingId:R}=y;o.push({unitId:U,subUnitId:O,drawingId:R});const{left:T,top:N,height:E,width:B,angle:j}=P;return{left:T,top:N,height:E,width:B,angle:j}}}else if(C!=null){const{unitId:P,subUnitId:y,drawingId:U}=C;return o.push({unitId:P,subUnitId:y,drawingId:U}),{left:g,top:d,height:u,width:f,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(n.changeEnd$.subscribe(r=>{const{objects:s}=r,i=this._filterUpdateParams(ge(s,this._drawingManagerService),e);i.length>0&&this._drawingManagerService.featurePluginUpdateNotification(i)})))}};Se=yn([ve(0,h.IUniverInstanceService),ve(1,h.ICommandService),ve(2,b.IRenderManagerService),ve(3,M.IDrawingManagerService)],Se);class de extends b.Shape{constructor(n,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(n,e);ee(this,"_srcRect");ee(this,"_prstGeom");ee(this,"_applyTransform");ee(this,"_dragPadding",8);ee(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(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null||n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);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(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var c,g;const r=this.getScene().getEngine(),{width:s,height:i}=r;this._initialCacheCanvas(),(c=this._cacheCanvas)==null||c.clear();const o=(g=this._cacheCanvas)==null?void 0:g.getContext();o!=null&&(o.save(),b.Rect.drawWith(o,{left:0,top:0,width:s,height:i,fill:"rgba(0, 0, 0, 0.5)"}),o.setTransform(n.getTransform()),this._clipForApplyObject(o),this._applyCache(n),o.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:i=0,top:o=0,width:c=0,height:g=0,angle:d}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:S=0,right:v=0,bottom:C=0}=this._srcRect;n=p,e=S,r=v,s=C}const u=i+n,f=o+e;this.transformByState({left:u,top:f,width:i+c-r-u,height:o+g-s-f,angle:d})}_applyCache(n){if(!n||this._cacheCanvas==null)return;const e=this._cacheCanvas.getContext();e.save(),n.save(),n.setTransform(1,0,0,1,0,0),e.setTransform(1,0,0,1,0,0),n.drawImage(this._cacheCanvas.getCanvasEle(),0,0),n.restore(),e.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const n=this.getScene();if(n==null)return;this._cacheCanvas=new b.Canvas;const e=n.getEngine();this._cacheCanvas.setSize(e.width,e.height),e.onTransformChange$.subscribeEvent(()=>{var r;(r=this._cacheCanvas)==null||r.setSize(e.width,e.height),this.makeDirty(!0)})}}var bn=Object.getOwnPropertyDescriptor,Pn=(a,t,n,e)=>{for(var r=e>1?void 0:e?bn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},oe=(a,t)=>(n,e)=>t(n,e,a);let _e=class extends h.Disposable{constructor(t,n,e,r,s,i){super();ee(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=i,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==me.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const s=r[0],{unitId:i,subUnitId:o,drawingId:c}=s,g=this._renderManagerService.getRenderById(i),d=g==null?void 0:g.scene;if(d==null)return!0;this._searchCropObject(d)!=null&&this._commandService.syncExecuteCommand(ne.id,{isAuto:!0});const f=M.getDrawingShapeKeyByDrawingSearch({unitId:i,subUnitId:o,drawingId:c}),p=d.getObject(f);if(!(p instanceof b.Image)){this._messageService.show({type:I.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(Ce.id,{unitId:i,subUnitId:o,drawingId:c}))}))}_calculateSrcRectByRatio(t,n,e,r,s,i){const o=e/r,c=s/i;let g=e,d=r;o>c?g=r*c:d=e/c;const u=(e-g)/2,f=(r-d)/2;return{left:b.precisionTo(u,1),top:b.precisionTo(f,1),right:b.precisionTo(e-(u+g),1),bottom:b.precisionTo(r-(f+d),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:i}=n.calculateTransformWithSrcRect();let o;switch(t){case H.R1_1:o=this._calculateSrcRectByRatio(e,r,s,i,1,1);break;case H.R16_9:o=this._calculateSrcRectByRatio(e,r,s,i,16,9);break;case H.R9_16:o=this._calculateSrcRectByRatio(e,r,s,i,9,16);break;case H.R5_4:o=this._calculateSrcRectByRatio(e,r,s,i,5,4);break;case H.R4_5:o=this._calculateSrcRectByRatio(e,r,s,i,4,5);break;case H.R4_3:o=this._calculateSrcRectByRatio(e,r,s,i,4,3);break;case H.R3_4:o=this._calculateSrcRectByRatio(e,r,s,i,3,4);break;case H.R3_2:o=this._calculateSrcRectByRatio(e,r,s,i,3,2);break;case H.R2_3:o=this._calculateSrcRectByRatio(e,r,s,i,2,3);break;case H.FREE:}if(o==null)return;n.setSrcRect(o);const{left:c=0,top:g=0,bottom:d=0,right:u=0}=o;n.transformByStateCloseCropper({left:e+c,top:r+g,width:s-u-c,height:i-d-g})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==Ce.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._renderManagerService.getRenderById(e),o=i==null?void 0:i.scene;if(o==null)return!0;if(this._sceneListenerOnImageMap.has(o)||(this._addListenerOnImage(o),this._sceneListenerOnImageMap.add(o)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const g=M.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=o.getObject(g);if(d==null)return;if(!(d instanceof b.Image)){this._messageService.show({type:I.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const u=o.getTransformer();u==null||u.clearControls();const f=new de(`${g}-crop`,{srcRect:d.srcRect,prstGeom:d.prstGeom,applyTransform:d.calculateTransformWithSrcRect()});o.addObject(f,d.getLayerIndex()+1).attachTransformerTo(f),u==null||u.createControlForCopper(f),this._addHoverForImageCopper(f),d.openRenderByCropper(),u==null||u.refreshControls(),f.makeDirty(!0),this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjectsByOrder();for(const e of n)if(e instanceof de)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==ne.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),i=s==null?void 0:s.scene;if(i==null)return!0;const o=this._searchCropObject(i);if(o==null)return;const c=this._getApplyObjectByCropObject(o);if(c==null)return;const g=i.getTransformerByCreate();g.detachFrom(o),g.clearCopperControl();const d=this._getSrcRectByTransformState(c,o),u=this._drawingManagerService.getDrawingOKey(c.oKey);if(u!=null){const{left:f,top:p,height:S,width:v}=o;this._drawingManagerService.featurePluginUpdateNotification([{...u,transform:{...u.transform,left:f,top:p,height:S,width:v},srcRect:d.srcRectAngle}])}c.setSrcRect({...d.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),o==null||o.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Me.switchMap(n=>n?n.activeSheet$:Me.of(null)));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ne.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene();if(!r)return null;const s=r.getObject(e);return s==null?null:s}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,i=s.values().next().value;if(i==null||!(i instanceof de))return;const{left:o,top:c,height:g,width:d,angle:u}=i;e={left:o,top:c,height:g,width:d,angle:u},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,i=s.values().next().value;if(i==null||!(i instanceof de))return;const{left:o,top:c,height:g,width:d,angle:u}=i;if(!h.checkIfMove({left:o,top:c,height:g,width:d,angle:u},e))return;const f=this._getApplyObjectByCropObject(i);if(f==null)return;const p=this._getSrcRectByTransformState(f,i);i.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(i)})),this._endCropListener(t)}_addHoverForImageCopper(t){this.disposeWithMe(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=b.CURSOR_TYPE.MOVE})),this.disposeWithMe(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=b.CURSOR_TYPE.DEFAULT}))}_endCropListener(t){const n=t.getTransformerByCreate();this.disposeWithMe(n.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ne.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:i,strokeWidth:o,angle:c}=n,{left:g,top:d,width:u,height:f,angle:p,strokeWidth:S}=t,v=e-g,C=r-d,P={left:v,top:C,right:u-v-i,bottom:f-C-s},y={...P};if(p!==0){const U=e+i/2,O=r+s/2,R=new b.Vector2(U,O),T=u/2+g,N=f/2+d,E=new b.Vector2(T,N),B=new b.Vector2(g,d);B.rotateByPoint(b.degToRad(p),E);const j=B.clone();j.rotateByPoint(b.degToRad(-p),R);const G=e-j.x,x=r-j.y;y.left=G,y.top=x,y.right=u-G-i,y.bottom=f-x-s}return{srcRect:P,srcRectAngle:y}}};_e=Pn([oe(0,h.ICommandService),oe(1,M.IDrawingManagerService),oe(2,b.IRenderManagerService),oe(3,h.IUniverInstanceService),oe(4,V.IMessageService),oe(5,h.Inject(h.LocaleService))],_e);var Dn=Object.getOwnPropertyDescriptor,Mn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Dn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},re=(a,t)=>(n,e)=>t(n,e,a);let Ie=class extends h.Disposable{constructor(a,t,n,e,r,s,i){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=i,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===be.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:i}=e,o=this._getSceneAndTransformerByDrawingSearch(r);if(o==null)return;const{scene:c}=o,g=M.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:i}),d=c.getObject(g);if(d==null)return!0;const u=this._drawingManagerService.getDrawingByParam(e);if(u==null)return!0;if(u.drawingType!==h.DrawingTypeEnum.DRAWING_IMAGE)return;d.resetSize();const{width:f,height:p}=d.getNativeSize();n.includes(c)===!1&&n.push(c),t.push({...u,transform:{...u.transform,height:p,width:f,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(M.SetDrawingSelectedOperation.id,a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var c;const{unitId:n,subUnitId:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n),s=(c=Ne(this._currentUniverService,n))==null?void 0:c.subUnitId;if(r==null||s!==e)return;const i=this._drawingManagerService.getDrawingByParam(t);if(i==null)return;const o=await this._drawingRenderService.renderImages(i,r.scene);if(this._drawingManagerService.refreshTransform([i]),!(o==null||o.length===0))for(const g of o)this._addHoverForImage(g),this._addDialogForImage(g)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:i,drawingType:o,srcRect:c,prstGeom:g,source:d,imageSourceType:u}=s;if(o!==h.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:S}=f;if(i==null)return!0;const v=M.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(v);if(C==null)return!0;C.setSrcRect(c),C.setPrstGeom(g),d!=null&&d.length>0&&(u===h.ImageSourceType.BASE64||u===h.ImageSourceType.URL)&&C.changeSource(d)})}))}_addHoverForImage(a){this.disposeWithMe(h.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(h.toDisposable(a.onDblclick$.subscribeEvent(()=>{const t=`${a.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(t,a.getNative().src,a.getNativeSize().width,a.getNativeSize().height)})))}};Ie=Mn([re(0,h.ICommandService),re(1,b.IRenderManagerService),re(2,M.IDrawingManagerService),re(3,V.IDialogService),re(4,M.IImageIoService),re(5,h.IUniverInstanceService),re(6,h.Inject(D.DrawingRenderService))],Ie);var On=Object.getOwnPropertyDescriptor,Nn=(a,t,n,e)=>{for(var r=e>1?void 0:e?On(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},Ke=(a,t)=>(n,e)=>t(n,e,a);const En="UNIVER_DRAWING_UI_PLUGIN";D.UniverDrawingUIPlugin=(Pe=class extends h.Plugin{constructor(t=$e,n,e){super(),this._config=t,this._injector=n,this._configService=e;const{menu:r,...s}=h.merge({},$e,this._config);r&&this._configService.setConfig("menu",r,{merge:!0}),this._configService.setConfig(wn,s)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(Se),this._injector.get(we),this._injector.get(_e),this._injector.get(Ie)}_initDependencies(){[[D.DrawingRenderService],[Se],[we],[_e],[Ie]].forEach(n=>this._injector.add(n))}},ee(Pe,"pluginName",En),Pe),D.UniverDrawingUIPlugin=Nn([Ke(1,h.Inject(h.Injector)),Ke(2,h.IConfigService)],D.UniverDrawingUIPlugin),D.AutoImageCropOperation=me,D.COMPONENT_IMAGE_POPUP_MENU=We,D.CloseImageCropOperation=ne,D.DrawingCommonPanel=Cn,D.ImageCropperObject=de,D.ImagePopupMenu=ke,D.ImageResetSizeOperation=be,D.OpenImageCropOperation=Ce,D.SetDrawingAlignOperation=fe,D.getUpdateParams=ge,Object.defineProperty(D,Symbol.toStringTag,{value:"Module"})});
19
+ `,{"univer-bg-gray-100":s,"univer-bg-white":!s}),children:[l.jsx(Ae,{className:"univer-fill-primary-600 univer-text-gray-900"}),p&&l.jsx(ke,{className:"univer-text-[10px] univer-text-gray-400"})]})})})},ze="COMPONENT_IMAGE_POPUP_MENU",St="drawing-ui.config",Ke={},Me={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(i,r)=>!0},_t=i=>{const{src:r}=i;return r?l.jsx("div",{className:"univer-py-2",children:l.jsx("img",{className:"univer-relative univer-block univer-size-full",src:r,alt:"Univer Image Viewer"})}):null};var Ct=Object.getOwnPropertyDescriptor,yt=(i,r,t,e)=>{for(var n=e>1?void 0:e?Ct(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(n=a(n)||n);return n},Fe=(i,r)=>(t,e)=>r(t,e,i);let _e=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(ze,$e)),this.disposeWithMe(i.register(Be,_t))}_initCommands(){[Se,ne,Me,ve,he].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_init(){this._initCommands(),this._initCustomComponents()}};_e=yt([Fe(0,h.Inject(W.ComponentManager)),Fe(1,h.ICommandService)],_e);var bt=Object.getOwnPropertyDescriptor,It=(i,r,t,e)=>{for(var n=e>1?void 0:e?bt(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(n=a(n)||n);return n},Ce=(i,r)=>(t,e)=>r(t,e,i);let ye=class extends h.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(s=>{Object.keys(r[s]).forEach(a=>{const o=r[s][a].data;o==null||s!==e||a!==n||Object.keys(o).forEach(c=>{o[c]&&this._insertDrawing([{unitId:s,subUnitId:a,drawingId:c}])})})})}_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:s,drawingId:a}=t,o=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(o==null)return;const{scene:c,transformer:d}=o;this._commandService.syncExecuteCommand(ne.id);const u=[];if(e.forEach(p=>{const S=D.getDrawingShapeKeyByDrawingSearch(p),w=c.getObjectIncludeInGroup(S);if(w==null||u.includes(w))return;u.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))}),u.length===0)return;const g=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:s,drawingId:a}),f=new y.Group(g);c.addObject(f,y.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...u),t.transform&&f.transformByState({left:t.transform.left,top:t.transform.top}),d.clearSelectedObjects(),d.setSelectedControl(f)}_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:s,transformer:a}=n;e.forEach(g=>{const f=D.getDrawingShapeKeyByDrawingSearch(g),p=s.getObjectIncludeInGroup(f);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=D.getDrawingShapeKeyByDrawingSearch(t),c=s.getObject(o),{width:d,height:u}=c;c.getObjects().forEach(g=>{c.removeSelfObjectAndTransform(g.oKey,d,u)}),c.dispose(),a.clearSelectedObjects()}_drawingAlign(r){const{alignType:t}=r,e=this._drawingManagerService.getFocusDrawings();if(t===j.default)return;const n=[];let s=Number.POSITIVE_INFINITY,a=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,d=0;e.forEach(u=>{const{unitId:g,subUnitId:f,drawingId:p,drawingType:S}=u,w=this._drawingManagerService.getDrawingByParam({unitId:g,subUnitId:f,drawingId:p});if(w==null||w.transform==null)return;n.push({unitId:g,subUnitId:f,drawingId:p,drawingType:S,transform:w.transform});const{left:m=0,top:b=0,width:C=0,height:B=0}=w.transform;s=Math.min(s,m),a=Math.min(a,b),o=Math.max(o,m+C),c=Math.max(c,b+B),d++}),d!==0&&(this._sortDrawingTransform(n,t),this._applyAlignType(n,t,s,a,o,c,d))}_applyAlignType(r,t,e,n,s,a,o){const c=Math.round((s-e)/o*10)/10,d=Math.round((a-n)/o*10)/10,u=[],g=this._getSceneAndTransformerByDrawingSearch(r[0].unitId);if(g==null)return;const{scene:f,transformer:p}=g;r.forEach((S,w)=>{const{unitId:m,subUnitId:b,drawingId:C,transform:B,drawingType:M}=S,{left:A=0,top:E=0,width:O=0,height:N=0}=B;let T=A,U=E;switch(t){case j.left:T=e;break;case j.center:T=e+(s-e)/2-O/2;break;case j.right:T=s-O;break;case j.top:U=n;break;case j.middle:U=n+(a-n)/2-N/2;break;case j.bottom:U=a-N;break;case j.horizon:T=e+c*w;break;case j.vertical:U=n+d*w;break}(T!==A||U!==E)&&u.push({unitId:m,subUnitId:b,drawingId:C,drawingType:M,transform:{left:T,top:U}})}),this._drawingManagerService.featurePluginUpdateNotification(u),p.refreshControls().changeNotification()}_sortDrawingTransform(r,t){r.sort((e,n)=>{const s=e.transform,a=n.transform,{left:o=0,top:c=0,width:d=0,height:u=0}=s,{left:g=0,top:f=0,width:p=0,height:S=0}=a;switch(t){case j.left:return o-g;case j.center:return o+d/2-(g+p/2);case j.right:return o+d-(g+p);case j.top:return c-f;case j.middle:return c+u/2-(f+S/2);case j.bottom:return c+u-(f+S);case j.horizon:return o+d/2-(g+p/2);case j.vertical:return c+u/2-(f+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,s=this._getSceneAndTransformerByDrawingSearch(t);if(s==null)return;const{scene:a}=s;n.forEach(o=>{const c=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:e,drawingId:o}),d=a.fuzzyMathObjects(c,!0);if(d==null||d.length===0)return;const u=this._drawingManagerService.getDrawingOrder(t,e).indexOf(o);for(const g of d)g.setProps({zIndex:u}),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 a=this._getSceneAndTransformerByDrawingSearch(n);if(a==null)return;const{scene:o}=a;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 u;const{unitId:e,subUnitId:n,drawingId:s}=t,a=this._getSceneAndTransformerByDrawingSearch(e);if(a==null)return;const{scene:o}=a,c=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:s}),d=o.fuzzyMathObjects(c,!0);if(d.length>0){for(const g of d)g.dispose();(u=o.getTransformer())==null||u.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(r=>{r.forEach(t=>{var O;const{unitId:e,subUnitId:n,drawingId:s}=t,a=this._drawingManagerService.getDrawingByParam(t);if(a==null)return;const{transform:o,drawingType:c}=a,d=this._getSceneAndTransformerByDrawingSearch(e);if(d==null)return;const{scene:u,transformer:g}=d;if(o==null)return!0;const{left:f=0,top:p=0,width:S=0,height:w=0,angle:m=0,flipX:b=!1,flipY:C=!1,skewX:B=0,skewY:M=0}=o,A=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:s}),E=u.getObject(A);if(E==null)return!0;E.transformByState({left:f,top:p,width:S,height:w,angle:m,flipX:b,flipY:C,skewX:B,skewY:M}),(O=u.getTransformer())==null||O.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(r=>{r.forEach(t=>{const{unitId:e,subUnitId:n,drawingId:s}=t,a=this._getSceneAndTransformerByDrawingSearch(e);if(a==null)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const{transform:c}=o,{scene:d}=a,u=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:s}),g=d.getObject(u);if(g==null||c==null)return!0;const{left:f=0,top:p=0,width:S=0,height:w=0,angle:m=0,flipX:b=!1,flipY:C=!1,skewX:B=0,skewY:M=0}=c;g.transformByState({left:f,top:p,width:S,height:w,angle:m,flipX:b,flipY:C,skewX:B,skewY:M})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(r=>{r.forEach(t=>{const{unitId:e,subUnitId:n,drawingId:s,visible:a}=t,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:c}=o,d=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:s}),u=c.getObject(d);if(u==null)return!0;a?u.show():u.hide()})}))}_filterUpdateParams(r,t){return r.filter((e,n)=>{if(e==null)return!1;const{transform:s}=e;return h.checkIfMove(s,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:s}=n,a=Array.from(s.values()),o=[];e=a.map(c=>{const{left:d,top:u,height:g,width:f,angle:p,oKey:S,isInGroup:w}=c,m=this._drawingManagerService.getDrawingOKey(S);if(w||c instanceof y.Group){let b=c.ancestorGroup;if(b==null&&c instanceof y.Group&&(b=c),b==null)return null;const C=this._drawingManagerService.getDrawingOKey(b.oKey);if(C){const{unitId:B,subUnitId:M,drawingId:A}=C;o.push({unitId:B,subUnitId:M,drawingId:A});const{left:E,top:O,height:N,width:T,angle:U}=b;return{left:E,top:O,height:N,width:T,angle:U}}}else if(m!=null){const{unitId:b,subUnitId:C,drawingId:B}=m;return o.push({unitId:b,subUnitId:C,drawingId:B}),{left:d,top:u,height:g,width:f,angle:p}}return null}).filter(c=>c!=null),o.length>0?this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe(h.toDisposable(t.changeEnd$.subscribe(n=>{const{objects:s}=n,a=this._filterUpdateParams(ge(s,this._drawingManagerService),e);a.length>0&&this._drawingManagerService.featurePluginUpdateNotification(a)})))}};ye=It([Ce(0,h.IUniverInstanceService),Ce(1,h.ICommandService),Ce(2,y.IRenderManagerService),Ce(3,D.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 c,d;const n=this.getScene().getEngine(),{width:s,height:a}=n;this._initialCacheCanvas(),(c=this._cacheCanvas)==null||c.clear();const o=(d=this._cacheCanvas)==null?void 0:d.getContext();o!=null&&(o.save(),y.Rect.drawWith(o,{left:0,top:0,width:s,height:a,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,s=0;const{left:a=0,top:o=0,width:c=0,height:d=0,angle:u}=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,s=m}const g=a+t,f=o+e;this.transformByState({left:g,top:f,width:a+c-n-g,height:o+d-s-f,angle:u})}_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 Dt=Object.getOwnPropertyDescriptor,Mt=(i,r,t,e)=>{for(var n=e>1?void 0:e?Dt(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(n=a(n)||n);return n},le=(i,r)=>(t,e)=>r(t,e,i);let be=class extends h.Disposable{constructor(r,t,e,n,s,a){super();te(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=r,this._drawingManagerService=t,this._renderManagerService=e,this._univerInstanceService=n,this._messageService=s,this._localeService=a,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 s=n[0],{unitId:a,subUnitId:o,drawingId:c}=s,d=this._renderManagerService.getRenderById(a),u=d==null?void 0:d.scene;if(u==null)return!0;this._searchCropObject(u)!=null&&this._commandService.syncExecuteCommand(ne.id,{isAuto:!0});const f=D.getDrawingShapeKeyByDrawingSearch({unitId:a,subUnitId:o,drawingId:c}),p=u.getObject(f);if(!(p instanceof y.Image)){this._messageService.show({type:P.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(Se.id,{unitId:a,subUnitId:o,drawingId:c}))}))}_calculateSrcRectByRatio(r,t,e,n,s,a){const o=e/n,c=s/a;let d=e,u=n;o>c?d=n*c:u=e/c;const g=(e-d)/2,f=(n-u)/2;return{left:y.precisionTo(g,1),top:y.precisionTo(f,1),right:y.precisionTo(e-(g+d),1),bottom:y.precisionTo(n-(f+u),1)}}_updateCropperObject(r,t){const{left:e,top:n,width:s,height:a}=t.calculateTransformWithSrcRect();let o;switch(r){case G.R1_1:o=this._calculateSrcRectByRatio(e,n,s,a,1,1);break;case G.R16_9:o=this._calculateSrcRectByRatio(e,n,s,a,16,9);break;case G.R9_16:o=this._calculateSrcRectByRatio(e,n,s,a,9,16);break;case G.R5_4:o=this._calculateSrcRectByRatio(e,n,s,a,5,4);break;case G.R4_5:o=this._calculateSrcRectByRatio(e,n,s,a,4,5);break;case G.R4_3:o=this._calculateSrcRectByRatio(e,n,s,a,4,3);break;case G.R3_4:o=this._calculateSrcRectByRatio(e,n,s,a,3,4);break;case G.R3_2:o=this._calculateSrcRectByRatio(e,n,s,a,3,2);break;case G.R2_3:o=this._calculateSrcRectByRatio(e,n,s,a,2,3);break;case G.FREE:}if(o==null)return;t.setSrcRect(o);const{left:c=0,top:d=0,bottom:u=0,right:g=0}=o;t.transformByStateCloseCropper({left:e+c,top:n+d,width:s-g-c,height:a-u-d})}_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:s}=t,a=this._renderManagerService.getRenderById(e),o=a==null?void 0:a.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:s})==null)return;const d=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:n,drawingId:s}),u=o.getObject(d);if(u==null)return;if(!(u instanceof y.Image)){this._messageService.show({type:P.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const g=o.getTransformer();g==null||g.clearControls();const f=new fe(`${d}-crop`,{srcRect:u.srcRect,prstGeom:u.prstGeom,applyTransform:u.calculateTransformWithSrcRect()});o.addObject(f,u.getLayerIndex()+1).attachTransformerTo(f),g==null||g.createControlForCopper(f),this._addHoverForImageCopper(f),u.openRenderByCropper(),g==null||g.refreshControls(),f.makeDirty(!0),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:n,drawingId:s}])}))}_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(),s=this._renderManagerService.getRenderById(n),a=s==null?void 0:s.scene;if(a==null)return!0;const o=this._searchCropObject(a);if(o==null)return;const c=this._getApplyObjectByCropObject(o);if(c==null)return;const d=a.getTransformerByCreate();d.detachFrom(o),d.clearCopperControl();const u=this._getSrcRectByTransformState(c,o),g=this._drawingManagerService.getDrawingOKey(c.oKey);if(g!=null){const{left:f,top:p,height:S,width:w}=o;this._drawingManagerService.featurePluginUpdateNotification([{...g,transform:{...g.transform,left:f,top:p,height:S,width:w},srcRect:u.srcRectAngle}])}c.setSrcRect({...u.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),o==null||o.dispose()}));const r=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Ee.switchMap(t=>t?t.activeSheet$:Ee.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 s=n.getObject(e);return s==null?null:s}_addListenerOnImage(r){const t=r.getTransformerByCreate();let e=null;this.disposeWithMe(t.changeStart$.subscribe(n=>{const{objects:s}=n,a=s.values().next().value;if(a==null||!(a instanceof fe))return;const{left:o,top:c,height:d,width:u,angle:g}=a;e={left:o,top:c,height:d,width:u,angle:g},t.clearCopperControl()})),this.disposeWithMe(t.changeEnd$.subscribe(n=>{const{objects:s}=n,a=s.values().next().value;if(a==null||!(a instanceof fe))return;const{left:o,top:c,height:d,width:u,angle:g}=a;if(!h.checkIfMove({left:o,top:c,height:d,width:u,angle:g},e))return;const f=this._getApplyObjectByCropObject(a);if(f==null)return;const p=this._getSrcRectByTransformState(f,a);a.refreshSrcRect(p.srcRect,f.getState()),t.createControlForCopper(a)})),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:s,width:a,strokeWidth:o,angle:c}=t,{left:d,top:u,width:g,height:f,angle:p,strokeWidth:S}=r,w=e-d,m=n-u,b={left:w,top:m,right:g-w-a,bottom:f-m-s},C={...b};if(p!==0){const B=e+a/2,M=n+s/2,A=new y.Vector2(B,M),E=g/2+d,O=f/2+u,N=new y.Vector2(E,O),T=new y.Vector2(d,u);T.rotateByPoint(y.degToRad(p),N);const U=T.clone();U.rotateByPoint(y.degToRad(-p),A);const V=e-U.x,x=n-U.y;C.left=V,C.top=x,C.right=g-V-a,C.bottom=f-x-s}return{srcRect:b,srcRectAngle:C}}};be=Mt([le(0,h.ICommandService),le(1,D.IDrawingManagerService),le(2,y.IRenderManagerService),le(3,h.IUniverInstanceService),le(4,W.IMessageService),le(5,h.Inject(h.LocaleService))],be);var Ot=Object.getOwnPropertyDescriptor,Nt=(i,r,t,e)=>{for(var n=e>1?void 0:e?Ot(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(n=a(n)||n);return n},ae=(i,r)=>(t,e)=>r(t,e,i);let Ie=class extends h.Disposable{constructor(i,r,t,e,n,s,a){super(),this._commandService=i,this._renderManagerService=r,this._drawingManagerService=t,this._dialogService=e,this._imageIoService=n,this._currentUniverService=s,this._drawingRenderService=a,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:s,drawingId:a}=e,o=this._getSceneAndTransformerByDrawingSearch(n);if(o==null)return;const{scene:c}=o,d=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:s,drawingId:a}),u=c.getObject(d);if(u==null)return!0;const g=this._drawingManagerService.getDrawingByParam(e);if(g==null)return!0;if(g.drawingType!==h.DrawingTypeEnum.DRAWING_IMAGE)return;u.resetSize();const{width:f,height:p}=u.getNativeSize();t.includes(c)===!1&&t.push(c),r.push({...g,transform:{...g.transform,height:p,width:f,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(r),t.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(D.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),s=(c=Pe(this._currentUniverService,t))==null?void 0:c.subUnitId;if(n==null||s!==e)return;const a=this._drawingManagerService.getDrawingByParam(r);if(a==null)return;const o=await this._drawingRenderService.renderImages(a,n.scene);if(this._drawingManagerService.refreshTransform([a]),!(o==null||o.length===0))for(const d of o)this._addHoverForImage(d),this._addDialogForImage(d)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(i=>{i.forEach(r=>{const{unitId:t,subUnitId:e,drawingId:n}=r,s=this._drawingManagerService.getDrawingByParam(r);if(s==null)return;const{transform:a,drawingType:o,srcRect:c,prstGeom:d,source:u,imageSourceType:g}=s;if(o!==h.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(t);if(f==null)return;const{scene:p,transformer:S}=f;if(a==null)return!0;const w=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:e,drawingId:n}),m=p.getObject(w);if(m==null)return!0;m.setSrcRect(c),m.setPrstGeom(d),u!=null&&u.length>0&&(g===h.ImageSourceType.BASE64||g===h.ImageSourceType.URL)&&m.changeSource(u)})}))}_addHoverForImage(i){this.disposeWithMe(h.toDisposable(i.onPointerEnter$.subscribeEvent(()=>{i.cursor=y.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(i.onPointerLeave$.subscribeEvent(()=>{i.cursor=y.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)})))}};Ie=Nt([ae(0,h.ICommandService),ae(1,y.IRenderManagerService),ae(2,D.IDrawingManagerService),ae(3,W.IDialogService),ae(4,D.IImageIoService),ae(5,h.IUniverInstanceService),ae(6,h.Inject(I.DrawingRenderService))],Ie);var Et=Object.getOwnPropertyDescriptor,Tt=(i,r,t,e)=>{for(var n=e>1?void 0:e?Et(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(n=a(n)||n);return n},Ye=(i,r)=>(t,e)=>r(t,e,i);const Pt="UNIVER_DRAWING_UI_PLUGIN";I.UniverDrawingUIPlugin=(Oe=class extends h.Plugin{constructor(r=Ke,t,e){super(),this._config=r,this._injector=t,this._configService=e;const{menu:n,...s}=h.merge({},Ke,this._config);n&&this._configService.setConfig("menu",n,{merge:!0}),this._configService.setConfig(St,s)}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",Pt),Oe),I.UniverDrawingUIPlugin=Tt([Ye(1,h.Inject(h.Injector)),Ye(2,h.IConfigService)],I.UniverDrawingUIPlugin),I.AutoImageCropOperation=he,I.COMPONENT_IMAGE_POPUP_MENU=ze,I.CloseImageCropOperation=ne,I.DrawingCommonPanel=wt,I.ImageCropperObject=fe,I.ImagePopupMenu=$e,I.ImageResetSizeOperation=Me,I.OpenImageCropOperation=Se,I.SetDrawingAlignOperation=ve,I.getUpdateParams=ge,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
7
20
 
8
21
 
9
22
  // @univerjs/docs-drawing/index
@@ -11,7 +24,89 @@
11
24
 
12
25
 
13
26
  // @univerjs/docs-drawing-ui/index
14
- (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("rxjs"),require("@univerjs/design"),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","rxjs","@univerjs/design","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.rxjs,N.UniverDesign,N.React,N.React))})(this,function(N,i,Q,z,Ie,B,W,H,G,ee,R,u,Y){"use strict";var ft=Object.defineProperty;var pt=(N,i,Q)=>i in N?ft(N,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):N[i]=Q;var me=(N,i,Q)=>pt(N,typeof i!="symbol"?i+"":i,Q);const yn="docs-drawing-ui.config",an={};var On=Object.getOwnPropertyDescriptor,bn=(a,n,t,e)=>{for(var r=e>1?void 0:e?On(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},be=(a,n)=>(t,e)=>n(t,e,a);function Mn(a){var e,r,o,s;if(i.JSONX.isNoop(a)||!Array.isArray(a))return null;const n=a.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(n==null||!Array.isArray(n)||n.length<3||typeof n[1]=="string"&&typeof n[2]!="object"||Array.isArray(n[1])&&typeof n[1][1]!="object")return null;const t=[];if(Array.isArray(n==null?void 0:n[1]))for(const c of n)Array.isArray(c)&&t.push({type:(e=c==null?void 0:c[1])!=null&&e.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else t.push({type:(o=n[2])!=null&&o.i?"add":"remove",drawingId:n[1],drawing:(s=n[2])==null?void 0:s.i});return t}function Pn(a){if(!Array.isArray(a)||a.length<3||a[0]!=="drawingsOrder")return[];const n=[];for(let t=1;t<a.length;t++){const e=a[t];if(Array.isArray(e)&&typeof e[0]=="number"&&typeof e[1]=="object")n.push(e[0]);else{n.length=0;break}}return n}let Re=class extends i.Disposable{constructor(a,n,t,e,r){super(),this._univerInstanceService=a,this._commandService=n,this._drawingManagerService=t,this._docDrawingService=e,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(a=>{if(a.id!==H.RichTextEditingMutation.id)return;const n=a.params,{unitId:t,actions:e}=n,r=Mn(e);if(r!=null)for(const{type:o,drawingId:s,drawing:c}of r)o==="add"?this._addDrawings(t,[c]):this._removeDrawings(t,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id!==H.RichTextEditingMutation.id)return;const n=a.params,{unitId:t,actions:e}=n;Pn(e).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{var s;if(a.id!==i.UndoCommand.id&&a.id!==i.RedoCommand.id)return;const n=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),t=this._drawingManagerService.getFocusDrawings();if(n==null||t.length===0)return;const e=this._renderManagerService.getRenderById(n),r=e==null?void 0:e.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(a,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(n),{subUnitId:o,redo:s,objects:c}=r;t.applyJson1(a,o,s),e.applyJson1(a,o,s),t.addNotification(c),e.addNotification(c)}_removeDrawings(a,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(n.map(d=>({unitId:a,subUnitId:a,drawingId:d}))),{subUnitId:o,redo:s,objects:c}=r;t.applyJson1(a,o,s),e.applyJson1(a,o,s),t.removeNotification(c),e.removeNotification(c)}_updateDrawingsOrder(a){const n=this._univerInstanceService.getUniverDocInstance(a);if(n==null)return;const t=n.getSnapshot().drawingsOrder;if(t==null)return;const e=this._drawingManagerService,r=this._docDrawingService;e.setDrawingOrder(a,a,t),r.setDrawingOrder(a,a,t);const o={unitId:a,subUnitId:a,drawingIds:t};e.orderNotification(o),r.orderNotification(o)}};Re=bn([be(0,i.IUniverInstanceService),be(1,i.ICommandService),be(2,z.IDrawingManagerService),be(3,Q.IDocDrawingService),be(4,B.IRenderManagerService)],Re);class xe{constructor(){me(this,"_refreshDrawings$",new ee.BehaviorSubject(null));me(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(n){this._refreshDrawings$.next(n)}}var ie=(a=>(a.INLINE="inline",a.BEHIND_TEXT="behindText",a.IN_FRONT_OF_TEXT="inFrontOfText",a.WRAP_SQUARE="wrapSquare",a.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",a))(ie||{});const Nn={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 on(a,n,t,e,r,o,s){var f,p;const c=new i.TextX,d=i.JSONX.getInstance(),l=[],g=o.getSelfOrHeaderFooterModel(n).getBody(),h=o.getSelfOrHeaderFooterModel(a).getBody();if(g==null||h==null)return;const m=(p=(f=g.customBlocks)==null?void 0:f.find(S=>S.blockId===r))==null?void 0:p.startIndex;if(m!=null){if(e=Math.min(h.dataStream.length-2,e),a===n){if(e<m?(e>0&&c.push({t:i.TextXActionType.RETAIN,len:e}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:m-e}),c.push({t:i.TextXActionType.DELETE,len:1})):(m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1}),e-m-1>0&&c.push({t:i.TextXActionType.RETAIN,len:e-m-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),e!==m){const S=G.getRichTextEditPath(o,n),w=d.editOp(c.serialize(),S);l.push(w)}}else{m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1});let S=G.getRichTextEditPath(o,n),w=d.editOp(c.serialize(),S);l.push(w),c.empty(),e>0&&c.push({t:i.TextXActionType.RETAIN,len:e}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),S=G.getRichTextEditPath(o,a),w=d.editOp(c.serialize(),S),l.push(w),s.setSegment(a),s.setSegmentPage(t)}return l}}const sn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(a,n)=>{var L,V;if(n==null)return!1;const{drawings:t,wrappingStyle:e,unitId:r}=n,o=a.get(i.ICommandService),s=a.get(i.IUniverInstanceService),d=a.get(B.IRenderManagerService).getRenderById(r),l=d==null?void 0:d.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=d==null?void 0:d.with(H.DocSkeletonManagerService).getViewModel(),h=d==null?void 0:d.scene,m=s.getCurrentUniverDocInstance();if(m==null||l==null||h==null||g==null)return!1;const f=g.getEditArea(),p=h.getTransformerByCreate(),{pages:S,skeHeaders:w,skeFooters:I}=l,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=m.getSnapshot();for(const x of t){const{drawingId:_}=x,j=O[_].layoutType,q=Nn[e];if(j!==q){const C=T.replaceOp(["drawings",_,"layoutType"],j,q);y.push(C)}if(e==="behindText"||e==="inFrontOfText"){const C=O[_].behindDoc,A=e==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==A){const b=T.replaceOp(["drawings",_,"behindDoc"],C,A);y.push(b)}}if(e==="inline")continue;let U=null,K=0,D=0;for(const C of S){const{headerId:A,footerId:b,marginTop:k,marginLeft:X,marginBottom:P,pageWidth:F,pageHeight:J}=C;switch(f){case B.DocumentEditArea.HEADER:{const $=(L=w.get(A))==null?void 0:L.get(F);$!=null&&$.skeDrawings.has(_)&&(U=$.skeDrawings.get(_),K=$.marginTop,D=X);break}case B.DocumentEditArea.FOOTER:{const $=(V=I.get(b))==null?void 0:V.get(F);$!=null&&$.skeDrawings.has(_)&&(U=$.skeDrawings.get(_),K=J-P+$.marginTop,D=X);break}case B.DocumentEditArea.BODY:{C.skeDrawings.has(_)&&(U=C.skeDrawings.get(_),K=k,D=X);break}}if(U!=null)break}if(U!=null){const{aTop:C,aLeft:A}=U,b=O[_].docTransform.positionH;let k=A;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?k-=D:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(k-=U.columnLeft);const X={relativeFrom:b.relativeFrom,posOffset:k};if(b.posOffset!==X.posOffset){const $=T.replaceOp(["drawings",_,"docTransform","positionH"],b,X);y.push($)}const P=O[_].docTransform.positionV;let F=C;P.relativeFrom===i.ObjectRelativeFromV.PAGE?F+=K:P.relativeFrom===i.ObjectRelativeFromV.LINE?F-=U.lineTop:P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(F-=U.blockAnchorTop);const J={relativeFrom:P.relativeFrom,posOffset:F};if(P.posOffset!==J.posOffset){const $=T.replaceOp(["drawings",_,"docTransform","positionV"],P,J);y.push($)}}}const E={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};E.params.actions=y.reduce((x,_)=>i.JSONX.compose(x,_),null);const M=o.syncExecuteCommand(E.id,E.params);return p.refreshControls(),!!M}},cn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,dist:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const f of o){const{drawingId:p}=f;for(const[S,w]of Object.entries(s)){const I=g[p][S];if(I!==w){const T=d.replaceOp(["drawings",p,S],I,w);l.push(T)}}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((f,p)=>i.JSONX.compose(f,p),null),!!t.syncExecuteCommand(h.id,h.params)}},ln={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,wrapText:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const f of o){const{drawingId:p}=f,S=g[p].wrapText;if(S!==s){const w=d.replaceOp(["drawings",p,"wrapText"],S,s);l.push(w)}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((f,p)=>i.JSONX.compose(f,p),null),!!t.syncExecuteCommand(h.id,h.params)}},Me={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),e=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService).getRenderById(n.unitId),s=o==null?void 0:o.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),d=e.getCurrentUniverDocInstance();if(d==null)return!1;const{drawings:l,unitId:g}=n,h=i.JSONX.getInstance(),m=[],{drawings:f={}}=d.getSnapshot();for(const w of l){const{drawingId:I,key:T,value:y}=w,O=f[I].docTransform[T];if(!i.Tools.diffValue(O,y)){const E=h.replaceOp(["drawings",I,"docTransform",T],O,y);m.push(E)}}const p={id:H.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};p.params.actions=m.reduce((w,I)=>i.JSONX.compose(w,I),null);const S=t.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!S}},dn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{var V,x;if(n==null)return!1;const t=a.get(B.IRenderManagerService),e=(V=t.getRenderById(n.unitId))==null?void 0:V.with(G.DocSelectionRenderService),r=a.get(xe),o=t.getRenderById(n.unitId),s=o==null?void 0:o.scene,c=o==null?void 0:o.with(H.DocSkeletonManagerService).getSkeleton();if(s==null||e==null)return!1;const d=s.getTransformerByCreate(),l=a.get(i.ICommandService),h=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:m,unitId:f,offset:p,segmentId:S,segmentPage:w,needRefreshDrawings:I}=n;if(I)return r.refreshDrawings(c),d.refreshControls(),!0;const T=[],{drawingId:y}=m,O=(x=e.getSegment())!=null?x:"",E=on(S,O,w,p,y,h,e);if(E==null||E.length===0)return r.refreshDrawings(c),d.refreshControls(),!1;T.push(...E);const M={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null}};M.params.actions=T.reduce((_,j)=>i.JSONX.compose(_,j),null);const L=l.syncExecuteCommand(M.id,M.params);return d.refreshControls(),!!L}},gn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{var U,K;if(n==null)return!1;const t=a.get(B.IRenderManagerService),e=(U=t.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService),r=t.getRenderById(n.unitId),o=r==null?void 0:r.scene;if(o==null||e==null)return!1;const s=o.getTransformerByCreate(),c=a.get(i.ICommandService),l=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:g,unitId:h,offset:m,docTransform:f,segmentId:p,segmentPage:S}=n,w=[],{drawingId:I}=g,T=(K=e.getSegment())!=null?K:"",y=on(p,T,S,m,I,l,e);if(y==null)return!1;y.length>0&&w.push(...y);const O=i.JSONX.getInstance(),{drawings:E={}}=l.getSnapshot(),M=E[I].docTransform,{positionH:L,positionV:V,size:x,angle:_}=M;if(!i.Tools.diffValue(L,f.positionH)){const D=O.replaceOp(["drawings",I,"docTransform","positionH"],L,f.positionH);w.push(D)}if(!i.Tools.diffValue(V,f.positionV)){const D=O.replaceOp(["drawings",I,"docTransform","positionV"],V,f.positionV);w.push(D)}if(!i.Tools.diffValue(x,f.size)){const D=O.replaceOp(["drawings",I,"docTransform","size"],x,f.size);w.push(D)}if(!i.Tools.diffValue(_,f.angle)){const D=O.replaceOp(["drawings",I,"docTransform","angle"],_,f.angle);w.push(D)}const j={id:H.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};j.params.actions=w.reduce((D,C)=>i.JSONX.compose(D,C),null);const q=c.syncExecuteCommand(j.id,j.params);return s.refreshControls(),!!q}};var En=Object.getOwnPropertyDescriptor,An=(a,n,t,e)=>{for(var r=e>1?void 0:e?En(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Le=(a,n)=>(t,e)=>n(t,e,a);const Rn="__InlineDrawingAnchor__";function mn(a){const{path:n}=a;return n.some(t=>t==="cells")}let Fe=class extends i.Disposable{constructor(n,t,e,r){super();me(this,"_liquid",new B.Liquid);me(this,"_listenerOnImageMap",new Set);me(this,"_transformerCache",new Map);me(this,"_anchorShape");this._commandService=n,this._univerInstanceService=t,this._drawingManagerService=e,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(n=>{if(n.length!==0)for(const t of n){const{unitId:e}=t;this._listenerOnImageMap.has(e)||(this._listenTransformerChange(e),this._listenerOnImageMap.add(e))}}))}_listenTransformerChange(n){var r;const t=(r=this._getSceneAndTransformerByDrawingSearch(n))==null?void 0:r.transformer;if(t==null)return;this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(o=>{var c;this._transformerCache.clear();const{objects:s}=o;for(const d of s.values()){const{oKey:l,width:g,height:h,left:m,top:f,angle:p}=d,S=this._drawingManagerService.getDrawingOKey(l);if(S==null)continue;const w=this._univerInstanceService.getUniverDocInstance(S.unitId),I=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[S.drawingId];if((I==null?void 0:I.layoutType)===i.PositionedObjectLayoutType.INLINE)try{d.setOpacity(.2)}catch{}I!=null&&this._transformerCache.set(S.drawingId,{drawing:I,top:f,left:m,width:g,height:h,angle:p})}})));const e=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;if(s.size>1)e(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:h,height:m,top:f,left:p,angle:S}=g;if(l&&h===l.width&&m===l.height&&f===l.top&&p===l.left&&S===l.angle)return;l&&(l.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&d!=null&&this._updateInlineDrawingAnchor(l.drawing,c,d)}}))),this.disposeWithMe(i.toDisposable(t.changeEnd$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;for(const l of s.values()){const g=this._drawingManagerService.getDrawingOKey(l.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{l.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:h,height:m,top:f,left:p,angle:S}=g;if(l&&h===l.width&&m===l.height&&f===l.top&&p===l.left&&S===l.angle)return;l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==l.width||m!==l.height||S!==l.angle?this._updateDrawingSize(l,g):c!=null&&d!=null&&this._moveInlineDrawing(l.drawing,c,d):l&&this._nonInlineDrawingTransform(l.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(n){if(n.size<1)return;const t=[];let e,r;for(const o of n.values()){const{oKey:s,left:c,top:d,angle:l}=o;let{width:g,height:h}=o;const m=this._drawingManagerService.getDrawingOKey(s);if(m==null)continue;e==null&&(e=m.unitId),r==null&&(r=m.subUnitId);const f=this._transformerCache.get(m.drawingId);if(f==null)continue;const{drawing:p,top:S,left:w,width:I,height:T,angle:y}=f,{width:O,height:E}=this._getPageContentSize(p);if(g=Math.min(g,O),h=Math.min(h,E),(I!==g||T!==h)&&t.push({drawingId:m.drawingId,key:"size",value:{width:g,height:h}}),y!==l&&t.push({drawingId:m.drawingId,key:"angle",value:l}),S!==d||w!==c){const M=d-S,L=c-w;M!==0&&t.push({drawingId:m.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+M}}),L!==0&&t.push({drawingId:m.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+L}})}}t.length>0&&e&&r&&this._commandService.executeCommand(Me.id,{unitId:e,subUnitId:r,drawings:t})}_updateDrawingAnchor(n){if(this._transformerCache.size!==1)return;const t=this._transformerCache.values().next().value,e=n.values().next().value;this._getDrawingAnchor(t.drawing,e)}_updateInlineDrawingAnchor(n,t,e){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(o=this._getInlineDrawingAnchor(n,t,e))!=null?o:{};r!=null&&this._createOrUpdateInlineAnchor(n.unitId,r)}_getInlineDrawingAnchor(n,t,e){var U,K;const r=this._renderManagerService.getRenderById(n.unitId),o=r==null?void 0:r.with(H.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:c}=r,d=s,l=c.getViewports()[0],{pageLayoutType:g=B.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:m}=d.getOffsetConfig();let f=null,p=!1,S=-1,w="";const I=.5,T=this._getTransformCoordForDocumentOffset(d,l,t,e);if(T==null)return;const y=(U=this._renderManagerService.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService);if(y==null)return;const O=o==null?void 0:o.findNodeByCoord(T,g,h,m,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:D,ratioX:C,segmentPage:A,segmentId:b}=O;p=C<I,f=D,S=A,w=b}if(f==null)return;const E=o==null?void 0:o.findPositionByGlyph(f,S),M=this._getDocObject();if(E==null||o==null||M==null||mn(E))return;const L={...E,isBack:p},V=M.document.getOffsetConfig(),x=new G.NodePositionConvertToCursor(V,o),{cursorList:_,contentBoxPointGroup:j}=x.getRangePointData(L,L),{startOffset:q}=(K=G.getOneTextSelectionRange(_))!=null?K:{};if(q!=null)return{offset:q,contentBoxPointGroup:j,segmentId:w,segmentPage:S}}_getDrawingAnchor(n,t){var ue,he,ce,fe,pe,_e,De,ve,le,de,Ce;const e=this._renderManagerService.getRenderById(n.unitId),r=e==null?void 0:e.with(H.DocSkeletonManagerService).getSkeleton(),o=r==null?void 0:r.getSkeletonData();if(o==null||e==null)return;const{pages:s,skeHeaders:c,skeFooters:d}=o,{mainComponent:l,scene:g}=e,h=l,m=g.getViewports()[0],{pageLayoutType:f=B.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:S,docsLeft:w,docsTop:I}=h.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:E,height:M}=t;const{positionV:L,positionH:V}=n.docTransform,{width:x,height:_}=this._getPageContentSize(n);E=Math.min(E,x),M=Math.min(M,_);let j=null,q="",U=-1;const K=!1,D={...n.docTransform,size:{width:E,height:M},angle:O},{x:C,y:A}=g.getViewportScrollXY(m),b=this._getTransformCoordForDocumentOffset(h,m,T-C,y-A);if(b==null)return;const k=(ue=this._renderManagerService.getRenderById(n.unitId))==null?void 0:ue.with(G.DocSelectionRenderService);if(k==null)return;const X=r==null?void 0:r.findNodeByCoord(b,f,p,S,{strict:!1,segmentId:k.getSegment(),segmentPage:k.getSegmentPage()});if(X){const{node:ge,segmentPage:tn,segmentId:rn}=X;j=ge,U=tn,q=rn}if(j==null)return;const P=(he=j.parent)==null?void 0:he.parent,F=P==null?void 0:P.parent,J=(ce=F==null?void 0:F.lines.find(ge=>ge.paragraphIndex===(P==null?void 0:P.paragraphIndex)&&ge.paragraphStart))!=null?ce:F==null?void 0:F.lines[0],$=(fe=F==null?void 0:F.parent)==null?void 0:fe.parent;if(P==null||F==null||J==null||$==null)return;this._liquid.reset();const Z=$.type;for(const ge of s){const{headerId:tn,footerId:rn,pageHeight:mt,pageWidth:Cn,marginLeft:Tn,marginBottom:ut}=ge,ht=s.indexOf(ge);if(U>-1&&ht===U){switch(Z){case B.DocumentSkeletonPageType.HEADER:{const Ae=(pe=c.get(tn))==null?void 0:pe.get(Cn);if(Ae)this._liquid.translatePagePadding({marginTop:Ae.marginTop,marginLeft:Tn});else throw new Error("header skeleton not found");break}case B.DocumentSkeletonPageType.FOOTER:{const Ae=(_e=d.get(rn))==null?void 0:_e.get(Cn);if(Ae)this._liquid.translatePagePadding({marginTop:mt-ut+Ae.marginTop,marginLeft:Tn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ge),ge===$)break;this._liquid.restorePagePadding(ge),this._liquid.translatePage(ge,f,p,S)}switch(L.relativeFrom===i.ObjectRelativeFromV.LINE?j=P.divides[0].glyphGroup[0]:j=(de=(le=(ve=(De=J.divides)==null?void 0:De[0])==null?void 0:ve.glyphGroup)==null?void 0:le[0])!=null?de:j,D.positionH={relativeFrom:V.relativeFrom,posOffset:T-this._liquid.x-w},V.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=T-this._liquid.x-w-$.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=T-this._liquid.x-w-F.left;break}}switch(D.positionV={relativeFrom:L.relativeFrom,posOffset:y-this._liquid.y-I},L.relativeFrom){case i.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=y-this._liquid.y-I-$.marginTop;break}case i.ObjectRelativeFromV.LINE:{D.positionV.posOffset=y-this._liquid.y-I-P.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=y-this._liquid.y-I-J.top;break}}if(j==null)return;const oe=r==null?void 0:r.findPositionByGlyph(j,U),Oe=this._getDocObject();if(oe==null||r==null||Oe==null||mn(oe))return;const we={...oe,isBack:K},Ee=Oe.document.getOffsetConfig(),se=new G.NodePositionConvertToCursor(Ee,r),{cursorList:ne}=se.getRangePointData(we,we),{startOffset:te}=(Ce=G.getOneTextSelectionRange(ne))!=null?Ce:{};if(te!=null)return{offset:te,docTransform:D,segmentId:q,segmentPage:U}}_updateDrawingSize(n,t){const e=[],{drawing:r,width:o,height:s,angle:c}=n,{unitId:d,subUnitId:l}=r;let{width:g,height:h,angle:m}=t;const{width:f,height:p}=this._getPageContentSize(r);g=Math.min(f,g),h=Math.min(p,h),(g!==o||h!==s)&&e.push({drawingId:r.drawingId,key:"size",value:{width:g,height:h}}),m!==c&&e.push({drawingId:r.drawingId,key:"angle",value:m}),e.length>0&&d&&l&&this._commandService.executeCommand(Me.id,{unitId:d,subUnitId:l,drawings:e})}_moveInlineDrawing(n,t,e){const r=this._getInlineDrawingAnchor(n,t,e),{offset:o,segmentId:s,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(dn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:o,segmentId:s,segmentPage:c,needRefreshDrawings:o==null})}_limitDrawingInPage(n,t){const e=this._renderManagerService.getRenderById(n.unitId),{left:r,top:o,width:s,height:c,angle:d}=t,l=e==null?void 0:e.with(H.DocSkeletonManagerService).getSkeleton(),g=l==null?void 0:l.getSkeletonData(),{pages:h}=g!=null?g:{};if(g==null||e==null||h==null)return{left:r,top:o,width:s,height:c,angle:d};const{mainComponent:m}=e,f=m,{top:p,pageLayoutType:S,pageMarginLeft:w,pageMarginTop:I}=f;let T=o;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:E}=y,M=h.indexOf(y),L=h[M+1];if(L==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+p+E-O,this._liquid.y+p+E+I+L.marginTop)){const x=o+c/2,_=this._liquid.y+p+E+I/2;x<_?T=Math.min(o,this._liquid.y+p+E-O-c):T=Math.max(o,this._liquid.y+p+E+I+L.marginTop)}this._liquid.translatePage(y,S,w,I)}return{left:r,top:T,width:s,height:c,angle:d}}_nonInlineDrawingTransform(n,t,e=!1){const r=n.isMultiTransform===i.BooleanNumber.TRUE?t:this._limitDrawingInPage(n,t);if(e&&r.top!==t.top)return;const o=this._getDrawingAnchor(n,r),{offset:s,docTransform:c,segmentId:d,segmentPage:l}=o!=null?o:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[n.drawingId,t]])):this._commandService.executeCommand(gn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:s,docTransform:c,segmentId:d,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(n){if(n==null)return;const t=this._renderManagerService.getRenderById(n),e=t==null?void 0:t.scene;if(e==null)return;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_getTransformCoordForDocumentOffset(n,t,e,r){const{documentTransform:o}=n.getOffsetConfig(),s=t.transformVector2SceneCoord(B.Vector2.FromArray([e,r]));if(s)return o.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(n,t){const e=this._renderManagerService.getRenderById(n);if(e==null)return;const{mainComponent:r,scene:o}=e,s=r,{docsLeft:c,docsTop:d}=s.getOffsetConfig(),l=G.getAnchorBounding(t),{left:g,top:h,height:m}=l,f=g+c,p=h+d;if(this._anchorShape){this._anchorShape.transformByState({left:f,top:p,height:m}),this._anchorShape.show();return}const S=6,w=new B.Rect(Rn+i.Tools.generateRandomId(S),{left:f,top:p,height:m,strokeWidth:2,stroke:B.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=w,o.addObject(w,G.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return G.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(n){const t=this._renderManagerService.getRenderById(n.unitId),e=t==null?void 0:t.with(H.DocSkeletonManagerService).getSkeleton(),r=500,o=500,s=e==null?void 0:e.getSkeletonData();if(s==null||t==null)return{width:r,height:o};const{pages:c}=s;let d=null;for(const l of c){const{skeDrawings:g}=l;if(g.has(n.drawingId)){d=l;break}}if(d){const{pageWidth:l,pageHeight:g,marginLeft:h,marginBottom:m,marginRight:f,marginTop:p}=d;return{width:Math.max(r,l-h-f),height:Math.max(o,g-p-m)}}else return{width:r,height:o}}};Fe=An([Le(0,i.ICommandService),Le(1,i.IUniverInstanceService),Le(2,z.IDrawingManagerService),Le(3,B.IRenderManagerService)],Fe);var re=function(){return re=Object.assign||function(a){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(a[r]=n[r])}return a},re.apply(this,arguments)},xn=function(a,n){var t={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&n.indexOf(e)<0&&(t[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(t[e[r]]=a[e[r]]);return t},un=Y.forwardRef(function(a,n){var t=a.icon,e=a.id,r=a.className,o=a.extend,s=xn(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),d=Y.useRef("_".concat(Un()));return hn(t,"".concat(e),{defIds:t.defIds,idSuffix:d.current},re({ref:n,className:c},s),o)});function hn(a,n,t,e,r){return Y.createElement(a.tag,re(re({key:n},Ln(a,t,r)),e),(Fn(a,t).children||[]).map(function(o,s){return hn(o,"".concat(n,"-").concat(a.tag,"-").concat(s),t,void 0,r)}))}function Ln(a,n,t){var e=re({},a.attrs);t!=null&&t.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=t.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+n.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];s==="mask"&&typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))});var r=n.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+n.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),e}function Fn(a,n){var t,e=n.defIds;return!e||e.length===0?a:a.tag==="defs"&&(!((t=a.children)===null||t===void 0)&&t.length)?re(re({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?re(re({},r),{attrs:re(re({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):a}function Un(){return Math.random().toString(36).substring(2,8)}un.displayName="UniverIcon";var Bn={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"}}]},fn=Y.forwardRef(function(a,n){return Y.createElement(un,Object.assign({},a,{id:"add-image-single",ref:n,icon:Bn}))});fn.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{var E,M,L,V;const t=a.get(i.ICommandService),e=a.get(i.IUniverInstanceService),r=a.get(B.IRenderManagerService),o=e.getCurrentUniverDocInstance();if(n==null||o==null)return!1;const s=r.getRenderById(n.unitId).with(G.DocSelectionRenderService),{drawings:c}=n,d=(E=s.getSegment())!=null?E:"",l=new i.TextX,g=i.JSONX.getInstance(),h=(L=(M=o.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:M.customBlocks)!=null?L:[],m=c.map(x=>h.find(_=>_.blockId===x.drawingId)).filter(x=>!!x).sort((x,_)=>x.startIndex>_.startIndex?1:-1),f=c[0].unitId,p=new i.MemoryCursor;p.reset();const S=m[0].startIndex,w=[{startOffset:S,endOffset:S}],I={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:w}},T=[];for(const x of m){const{startIndex:_}=x;_>p.cursor&&l.push({t:i.TextXActionType.RETAIN,len:_-p.cursor}),l.push({t:i.TextXActionType.DELETE,len:1}),p.moveCursorTo(_+1)}const y=G.getRichTextEditPath(o,d);T.push(g.editOp(l.serialize(),y));for(const x of m){const{blockId:_}=x,j=((V=o.getDrawings())!=null?V:{})[_],U=o.getDrawingsOrder().indexOf(_),K=g.removeOp(["drawings",_],j),D=g.removeOp(["drawingsOrder",U],_);T.push(K),T.push(D)}return I.params.actions=T.reduce((x,_)=>i.JSONX.compose(x,_),null),!!t.syncExecuteCommand(I.id,I.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:a=>{const n=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService).getFocusDrawings();if(e.length===0)return!1;const{unitId:r}=e[0],o=e.map(s=>{const{unitId:c,subUnitId:d,drawingId:l,drawingType:g}=s;return{unitId:c,subUnitId:d,drawingId:l,drawingType:g}});return n.executeCommand(Ue.id,{unitId:r,drawings:o})}},$e={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const t=a.get(Q.IDocDrawingService);if(!n)return!1;const e=[];n.forEach(({parent:g,children:h})=>{e.push(g.unitId),h.forEach(m=>{e.push(m.unitId)})});const r=t.getGroupDrawingOp(n),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}},Be={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{var M,L,V,x;if(n==null)return!1;const t=a.get(i.ICommandService),e=a.get(H.DocSelectionManagerService),r=a.get(i.IUniverInstanceService),o=e.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(o==null||s==null)return!1;const c=s.getUnitId(),{drawings:d}=n,{collapsed:l,startOffset:g,segmentId:h}=o,m=s.getSelfOrHeaderFooterModel(h).getBody();if(m==null)return!1;const f=new i.TextX,p=i.JSONX.getInstance(),S=[],w=(L=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?L:0;let I=0;if(l)g>0&&f.push({t:i.TextXActionType.RETAIN,len:g});else{const _=i.BuildTextUtils.selection.delete([o],m,0,null,!1);f.push(..._);const j=G.getCustomBlockIdsInSelections(m,[o]),q=(V=s.getDrawings())!=null?V:{},U=(x=s.getDrawingsOrder())!=null?x:[],K=j.sort((D,C)=>U.indexOf(D)>U.indexOf(C)?-1:U.indexOf(D)<U.indexOf(C)?1:0);if(K.length>0)for(const D of K){const C=q[D],A=U.indexOf(D);if(C==null||A<0)continue;const b=p.removeOp(["drawings",D],C),k=p.removeOp(["drawingsOrder",A],D);S.push(b),S.push(k),I++}}f.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(d.length),customBlocks:d.map((_,j)=>({startIndex:j,blockId:_.drawingId}))},len:d.length});const T=G.getRichTextEditPath(s,h),y=p.editOp(f.serialize(),T);S.push(y);for(const _ of d){const{drawingId:j}=_,q=p.insertOp(["drawings",j],_),U=p.insertOp(["drawingsOrder",w-I],j);S.push(q),S.push(U)}const O={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return O.params.actions=S.reduce((_,j)=>i.JSONX.compose(_,j),null),!!t.syncExecuteCommand(O.id,O.params)}},ze={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(a,n)=>{const t=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService);if(n==null)return!1;const{unitId:r,subUnitId:o,drawingIds:s,arrangeType:c}=n,d={unitId:r,subUnitId:o,drawingIds:s};let l;if(c===i.ArrangeTypeEnum.forward?l=e.getForwardDrawingsOp(d):c===i.ArrangeTypeEnum.backward?l=e.getBackwardDrawingOp(d):c===i.ArrangeTypeEnum.front?l=e.getFrontDrawingsOp(d):c===i.ArrangeTypeEnum.back&&(l=e.getBackDrawingsOp(d)),l==null)return!1;const{redo:g}=l;if(g==null)return!1;const h=[];let m=i.Tools.deepClone(g);m=m.slice(3),m.unshift("drawingsOrder"),h.push(m);const f={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return f.params.actions=h.reduce((S,w)=>i.JSONX.compose(S,w),null),!!t.syncExecuteCommand(f.id,f.params)}},qe={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const t=a.get(Q.IDocDrawingService);if(!n)return!1;const e=[];n.forEach(({parent:g,children:h})=>{e.push(g.unitId),h.forEach(m=>{e.push(m.unitId)})});const r=t.getUngroupDrawingOp(n),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}};var jn=Object.getOwnPropertyDescriptor,kn=(a,n,t,e)=>{for(var r=e>1?void 0:e?jn(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},ae=(a,n)=>(t,e)=>n(t,e,a);let je=class extends i.Disposable{constructor(a,n,t,e,r,o,s,c,d,l,g,h,m){super(),this._context=a,this._commandService=n,this._docSelectionManagerService=t,this._renderManagerSrv=e,this._imageIoService=r,this._docDrawingService=o,this._drawingManagerService=s,this._contextService=c,this._messageService=d,this._localeService=l,this._docSelectionRenderService=g,this._docRefreshDrawingsService=h,this._fileOpenerService=m,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const a=await this._fileOpenerService.openFile({multiple:!0,accept:z.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),n=a.length;return n>z.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:R.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(z.DRAWING_IMAGE_COUNT_LIMIT))}),!1):n===0?!1:(await this._insertFloatImages(a),!0)}async _insertFloatImages(a){let n=[];try{n=await Promise.all(a.map(r=>this._imageIoService.saveImage(r)))}catch(r){const o=r.message;let s="";switch(o){case z.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(z.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case z.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case z.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:R.MessageType.Error,content:s})}if(n.length===0)return;const{unitId:t}=this._context,e=[];for(const r of n){if(r==null)continue;const{imageId:o,imageSourceType:s,source:c,base64Cache:d}=r,{width:l,height:g,image:h}=await z.getImageSize(d||"");this._imageIoService.addImageSourceCache(o,s,h);let m=1;if(l>z.DRAWING_IMAGE_WIDTH_LIMIT||g>z.DRAWING_IMAGE_HEIGHT_LIMIT){const w=z.DRAWING_IMAGE_WIDTH_LIMIT/l,I=z.DRAWING_IMAGE_HEIGHT_LIMIT/g;m=Math.min(w,I)}const f=this._getImagePosition(l*m,g*m);if(f==null)return;const p={unitId:t,subUnitId:t,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:G.docDrawingPositionToTransform(f),docTransform:f,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()&&(p.isMultiTransform=i.BooleanNumber.TRUE,p.transforms=p.transform?[p.transform]:null),e.push(p)}this._commandService.executeCommand(Be.id,{unitId:t,drawings:e})}_isInsertInHeaderFooter(){var e;const{unitId:a}=this._context,n=(e=this._renderManagerSrv.getRenderById(a))==null?void 0:e.with(H.DocSkeletonManagerService).getViewModel(),t=n==null?void 0:n.getEditArea();return t===B.DocumentEditArea.HEADER||t===B.DocumentEditArea.FOOTER}_getImagePosition(a,n){const t=this._docSelectionRenderService.getActiveTextRange(),e=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:a,height:n},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:e.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(a=>{const{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r}=a;this._commandService.executeCommand(ze.id,{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(a=>{this._commandService.executeCommand($e.id,a)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(a=>{this._commandService.executeCommand(qe.id,a)})}_getCurrentSceneAndTransformer(){const{scene:a,mainComponent:n}=this._context;if(a==null||n==null)return;const t=a.getTransformerByCreate(),{docsLeft:e,docsTop:r}=n.getOffsetConfig();return{scene:a,transformer:t,docsLeft:e,docsTop:r}}_transformDrawingListener(){const a=this._getCurrentSceneAndTransformer();if(a&&a.transformer)this.disposeWithMe(a.transformer.changeEnd$.pipe(ee.debounceTime(30)).subscribe(n=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(a=>{var r;const{transformer:n,docsLeft:t,docsTop:e}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(a==null||a.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),n&&n.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(a),this._setDrawingSelections(a);const o=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(a[0].drawingId);o!==s&&this._docSelectionRenderService.setSegment(s),n&&n.resetProps({zeroTop:e,zeroLeft:t})}}))}_findSegmentIdByDrawingId(a){var s,c,d;const{unit:n}=this._context,{body:t,headers:e={},footers:r={}}=n.getSnapshot();if(((s=t==null?void 0:t.customBlocks)!=null?s:[]).some(l=>l.blockId===a))return"";for(const l of Object.keys(e))if((c=e[l].body.customBlocks)!=null&&c.some(g=>g.blockId===a))return l;for(const l of Object.keys(r))if((d=r[l].body.customBlocks)!=null&&d.some(g=>g.blockId===a))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:a,scene:n,unitId:t}=this._context,e=(c=this._renderManagerSrv.getRenderById(t))==null?void 0:c.with(H.DocSkeletonManagerService).getViewModel();if(e==null||a==null)return;const r=a.getSnapshot(),{drawings:o={}}=r,s=e.getEditArea()===B.DocumentEditArea.BODY;for(const d of Object.keys(o)){const l=o[d],g=z.getDrawingShapeKeyByDrawingSearch({unitId:t,drawingId:l.drawingId,subUnitId:t}),h=n.fuzzyMathObjects(g,!0);if(h.length)for(const m of h){n.detachTransformerFrom(m);try{m.setOpacity(.5)}catch{}if(s&&l.isMultiTransform!==i.BooleanNumber.TRUE||!s&&l.isMultiTransform===i.BooleanNumber.TRUE){l.allowTransform!==!1&&n.attachTransformerTo(m);try{m.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var t;const{unitId:a}=this._context,n=(t=this._renderManagerSrv.getRenderById(a))==null?void 0:t.with(H.DocSkeletonManagerService).getViewModel();n!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(n.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{e.id===H.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(a){var r,o;const{unit:n}=this._context,t=(o=(r=n.getSnapshot().body)==null?void 0:r.customBlocks)!=null?o:[],e=a.map(s=>{const c=s.drawingId,d=t.find(l=>l.blockId===c);return d?d.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(e)}};je=kn([ae(1,i.ICommandService),ae(2,i.Inject(H.DocSelectionManagerService)),ae(3,B.IRenderManagerService),ae(4,z.IImageIoService),ae(5,Q.IDocDrawingService),ae(6,z.IDrawingManagerService),ae(7,i.IContextService),ae(8,W.IMessageService),ae(9,i.Inject(i.LocaleService)),ae(10,i.Inject(G.DocSelectionRenderService)),ae(11,i.Inject(xe)),ae(12,W.ILocalFileService)],je);const Ke={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:a=>{var e,r;const n=a.get(i.IUniverInstanceService),t=a.get(B.IRenderManagerService);return(r=(e=B.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,n,t))==null?void 0:e.with(je).insertDocImage())!=null?r:!1}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{const t=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService),r=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService),{direction:s}=n,c=e.getFocusDrawings();if(c.length===0)return!1;const d=c[0].unitId,l=o.getRenderById(d),g=l==null?void 0:l.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),m=r.getUniverDocInstance(d),f=c.map(S=>{var M,L,V,x,_;const{drawingId:w}=S,I=(M=m==null?void 0:m.getSnapshot().drawings)==null?void 0:M[w];if(I==null||I.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=I.docTransform,O={...T},E={...y};return s===i.Direction.UP?E.posOffset=((L=E.posOffset)!=null?L:0)-2:s===i.Direction.DOWN?E.posOffset=((V=E.posOffset)!=null?V:0)+2:s===i.Direction.LEFT?O.posOffset=((x=O.posOffset)!=null?x:0)-2:s===i.Direction.RIGHT&&(O.posOffset=((_=O.posOffset)!=null?_:0)+2),{drawingId:w,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?E:O}}).filter(S=>S!=null);if(f.length===0)return!1;const p=t.syncExecuteCommand(Me.id,{unitId:d,subUnitId:d,drawings:f});return h.refreshControls(),!!p}},pn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(a,n)=>{const t=a.get(B.IRenderManagerService);return n.forEach(e=>{var r,o;(o=(r=t.getRenderById(e))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},vn="COMPONENT_DOC_DRAWING_PANEL",Ye={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(a,n)=>{const t=a.get(W.ISidebarService),e=a.get(i.LocaleService),r=a.get(z.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:e.t("docImage.panel.title")},children:{label:vn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},Je={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(a,n)=>{const t=a.get(z.IDrawingManagerService),e=a.get(i.ICommandService);return n==null?!1:(t.focusDrawing([n]),e.executeCommand(Ye.id,{value:"open"}),!0)}},v={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelInput:"univer-image-common-panel-input"},In=-1e3,Sn=1e3,Hn=a=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),o=W.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=l==null?void 0:l.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(d),m=h==null?void 0:h.scene;if(m==null)return;const f=m.getTransformerByCreate(),p=[{label:t.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],S=[{label:t.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[w,I]=Y.useState(!0),[T,y]=Y.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,E]=Y.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[M,L]=Y.useState(!0),[V,x]=Y.useState(!0);function _(C,A){var P;C==="positionH"?y(A):E(A);const b=e.getFocusDrawings();if(b.length===0)return;const k=b.map(F=>({unitId:F.unitId,subUnitId:F.subUnitId,drawingId:F.drawingId}));n.executeCommand(Me.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k.map(F=>({drawingId:F.drawingId,key:C,value:A}))});const X=(P=r.getRenderById(d))==null?void 0:P.with(G.DocSelectionRenderService);X&&X.blur(),f.refreshControls()}function j(C){var te,ue,he;const A=T.relativeFrom,b=T.posOffset,k=Number(C);if(A===k)return;const X=e.getFocusDrawings();if(X.length===0)return;const P=X[0].drawingId,F=X[0].unitId;let J=null,$=0;const Z=(te=r.getRenderById(F))==null?void 0:te.with(H.DocSkeletonManagerService).getSkeleton(),oe=Z==null?void 0:Z.getSkeletonData();if(oe==null)return;const{pages:Oe,skeHeaders:we,skeFooters:Ee}=oe;for(const ce of Oe){const{marginLeft:fe,skeDrawings:pe,headerId:_e,footerId:De,pageWidth:ve}=ce;if(pe.has(P)){J=pe.get(P),$=fe;break}const le=(ue=we.get(_e))==null?void 0:ue.get(ve);if(le!=null&&le.skeDrawings.has(P)){J=le==null?void 0:le.skeDrawings.get(P),$=fe;break}const de=(he=Ee.get(De))==null?void 0:he.get(ve);if(de!=null&&de.skeDrawings.has(P)){J=de==null?void 0:de.skeDrawings.get(P),$=fe;break}}if(J==null)return;let se=0;A===i.ObjectRelativeFromH.COLUMN?se-=J.columnLeft:A===i.ObjectRelativeFromH.MARGIN&&(se-=$),k===i.ObjectRelativeFromH.COLUMN?se+=J.columnLeft:k===i.ObjectRelativeFromH.MARGIN?se+=$:i.ObjectRelativeFromH.PAGE;const ne={relativeFrom:k,posOffset:(b!=null?b:0)-se};_("positionH",ne)}function q(C){var pe,_e,De,ve,le,de;const A=O.relativeFrom,b=O.posOffset,k=Number(C);if(A===k)return;const X=e.getFocusDrawings();if(X.length===0)return;const{drawingId:P,unitId:F}=X[0],J=o.getUniverDocInstance(F),$=(pe=r.getRenderById(F))==null?void 0:pe.with(H.DocSkeletonManagerService).getSkeleton(),Z=(_e=r.getRenderById(F))==null?void 0:_e.with(G.DocSelectionRenderService),oe=Z==null?void 0:Z.getSegment(),Oe=Z==null?void 0:Z.getSegmentPage(),we=(ve=(De=J==null?void 0:J.getSelfOrHeaderFooterModel(oe).getBody())==null?void 0:De.customBlocks)==null?void 0:ve.find(Ce=>Ce.blockId===P);if(we==null||$==null||Z==null)return;const{startIndex:Ee}=we,se=$.findNodeByCharIndex(Ee,oe,Oe),ne=(le=se==null?void 0:se.parent)==null?void 0:le.parent,te=ne==null?void 0:ne.parent,ue=te==null?void 0:te.lines.find(Ce=>Ce.paragraphIndex===(ne==null?void 0:ne.paragraphIndex)&&Ce.paragraphStart),he=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(se==null||ne==null||ue==null||te==null||he==null)return;let ce=0;A===i.ObjectRelativeFromV.PARAGRAPH?ce-=ue.top:A===i.ObjectRelativeFromV.LINE?ce-=ne.top:A===i.ObjectRelativeFromV.PAGE&&(ce+=he.marginTop),k===i.ObjectRelativeFromV.PARAGRAPH?ce+=ue.top:k===i.ObjectRelativeFromV.LINE?ce+=ne.top:k===i.ObjectRelativeFromV.PAGE&&(ce-=he.marginTop);const fe={relativeFrom:k,posOffset:(b!=null?b:0)-ce};_("positionV",fe)}function U(C){var F;const A=l==null?void 0:l.getSnapshot(),b=(F=A==null?void 0:A.drawings)==null?void 0:F[C.drawingId];if(b==null)return;const{layoutType:k}=b,{positionH:X,positionV:P}=b.docTransform;y(X),E(P),I(k===i.PositionedObjectLayoutType.INLINE),L(P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||P.relativeFrom===i.ObjectRelativeFromV.LINE)}function K(){const C=e.getFocusDrawings();C.length!==0&&U(C[0])}function D(C){L(C),q(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{K();const C=e.focus$.subscribe(b=>{if(b.length===0){x(!1);return}x(!0),U(b[0])}),A=n.onCommandExecuted(async b=>{b.id===H.RichTextEditingMutation.id&&K()});return()=>{C.unsubscribe(),A.dispose()}},[]),u.jsxs("div",{className:R.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-position.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.horizontal")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:In,max:Sn,precision:1,disabled:w,value:T.posOffset,onChange:C=>{_("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.toTheRightOf")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Select,{value:String(T.relativeFrom),disabled:w,options:p,onChange:j})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.vertical")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:In,max:Sn,precision:1,disabled:w,value:O.posOffset,onChange:C=>{_("positionV",{relativeFrom:O.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.bellow")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Select,{disabled:w,value:String(O.relativeFrom),options:S,onChange:q})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.options")})})}),u.jsx("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"},children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Checkbox,{disabled:w,checked:M,onChange:D,children:t.t("image-position.moveObjectWithText")})})})]})},ke=0,He=100,Wn=a=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),o=W.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return null;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=r.getRenderById(d);if((g==null?void 0:g.scene)==null)return null;const[m,f]=Y.useState(!0),[p,S]=Y.useState(!0),[w,I]=Y.useState(!0),[T,y]=Y.useState(ie.INLINE),[O,E]=Y.useState(""),[M,L]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[V,x]=Y.useState(!0);function _(D){y(D);const C=e.getFocusDrawings();if(C.length===0)return;const{unitId:A,subUnitId:b}=C[0],k=C.map(({unitId:X,subUnitId:P,drawingId:F})=>({unitId:X,subUnitId:P,drawingId:F}));n.executeCommand(sn.id,{unitId:A,subUnitId:b,drawings:k,wrappingStyle:D})}function j(D){E(D);const C=e.getFocusDrawings();if(C.length===0)return;const A=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));n.executeCommand(ln.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:A,wrapText:D})}function q(D,C){if(D==null)return;const A={...M,[C]:D};L(A);const b=e.getFocusDrawings();if(b.length===0)return;const k=b.map(X=>({unitId:X.unitId,subUnitId:X.subUnitId,drawingId:X.drawingId}));n.executeCommand(cn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k,dist:{[C]:D}})}function U(){const D=e.getFocusDrawings();D.length!==0&&K(D[0])}function K(D){var Z,oe;const C=(oe=(Z=l==null?void 0:l.getSnapshot())==null?void 0:Z.drawings)==null?void 0:oe[D.drawingId];if(C==null)return;const{distT:A=0,distL:b=0,distB:k=0,distR:X=0,layoutType:P=i.PositionedObjectLayoutType.INLINE,behindDoc:F=i.BooleanNumber.FALSE,wrapText:J=i.WrapTextType.BOTH_SIDES}=C;if(L({distT:A,distL:b,distB:k,distR:X}),E(J),f(P!==i.PositionedObjectLayoutType.WRAP_SQUARE),P===i.PositionedObjectLayoutType.WRAP_NONE||P===i.PositionedObjectLayoutType.INLINE?S(!0):S(!1),P===i.PositionedObjectLayoutType.WRAP_NONE||P===i.PositionedObjectLayoutType.INLINE||P===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?I(!0):I(!1),P===i.PositionedObjectLayoutType.WRAP_NONE)F===i.BooleanNumber.TRUE?y(ie.BEHIND_TEXT):y(ie.IN_FRONT_OF_TEXT);else switch(P){case i.PositionedObjectLayoutType.INLINE:y(ie.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(ie.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ie.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${P}`)}}return Y.useEffect(()=>{U();const D=e.focus$.subscribe(A=>{if(A.length===0){x(!1);return}x(!0),K(A[0])}),C=n.onCommandExecuted(async A=>{A.id===H.RichTextEditingMutation.id&&U()});return()=>{D.unsubscribe(),C.dispose()}},[]),u.jsxs("div",{className:R.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-text-wrap.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn),children:u.jsxs(R.RadioGroup,{value:T,onChange:_,direction:"vertical",children:[u.jsx(R.Radio,{value:ie.INLINE,children:t.t("image-text-wrap.inline")}),u.jsx(R.Radio,{value:ie.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),u.jsx(R.Radio,{value:ie.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),u.jsx(R.Radio,{value:ie.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),u.jsx(R.Radio,{value:ie.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrapText")})})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn),children:u.jsxs(R.RadioGroup,{disabled:m,value:O,onChange:j,direction:"horizontal",children:[u.jsx(R.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),u.jsx(R.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),u.jsx(R.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.top")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:p,precision:1,value:M.distT,onChange:D=>{q(D,"distT")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.left")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:w,precision:1,value:M.distL,onChange:D=>{q(D,"distL")},className:v.imageCommonPanelInput})})})]})})]}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.bottom")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:p,precision:1,value:M.distB,onChange:D=>{q(D,"distB")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.right")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:w,precision:1,value:M.distR,onChange:D=>{q(D,"distR")},className:v.imageCommonPanelInput})})})]})})]})]})},Vn=()=>{const a=W.useDependency(z.IDrawingManagerService),n=a.getFocusDrawings(),[t,e]=Y.useState(n);return Y.useEffect(()=>{const r=a.focus$.subscribe(o=>{e(o)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&u.jsxs("div",{className:v.imageCommonPanel,children:[u.jsx(Ie.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),u.jsx(Wn,{drawings:t}),u.jsx(Hn,{drawings:t})]})},wn="addition-and-subtraction-single",Ze="doc.menu.image",_n=Ke.id,Gn=a=>{const n=a.get(H.DocSelectionManagerService),t=a.get(i.IUniverInstanceService);return new ee.Observable(e=>{const r=n.textSelection$.subscribe(()=>{var s;const o=n.getActiveTextRange();if(o){const{segmentId:c,startOffset:d,endOffset:l}=o,g=t.getCurrentUniverDocInstance(),h=(s=g==null?void 0:g.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:s.tables;if(h&&h.length&&h.some(m=>{const{startIndex:f,endIndex:p}=m;return d>=f&&d<p||l>=f&&l<p})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>r.unsubscribe()})};function Xn(a){return{id:Ze,type:W.MenuItemType.SUBITEMS,icon:wn,tooltip:"docImage.title",disabled$:Gn(a),hidden$:W.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function $n(a){return{id:_n,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const zn={[W.RibbonStartGroup.LAYOUT]:{[Ze]:{order:0,menuItemFactory:Xn,[_n]:{order:0,menuItemFactory:$n}}}};function Pe(a){return a.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&a.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const qn={id:Te.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.DOWN}},Kn={id:Te.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.UP}},Yn={id:Te.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.LEFT}},Jn={id:Te.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.RIGHT}},Zn={id:Xe.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:Pe,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var Qn=Object.getOwnPropertyDescriptor,et=(a,n,t,e)=>{for(var r=e>1?void 0:e?Qn(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},We=(a,n)=>(t,e)=>n(t,e,a);let Ve=class extends i.Disposable{constructor(a,n,t,e){super(),this._componentManager=a,this._menuManagerService=n,this._commandService=t,this._shortcutService=e,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(wn,fn)),this.disposeWithMe(a.register(vn,Vn))}_initMenus(){this._menuManagerService.mergeMenu(zn)}_initCommands(){[Ke,Be,sn,cn,ln,Me,dn,gn,Ue,Ye,pn,Je,$e,qe,Te,Xe,ze].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initShortcuts(){[qn,Kn,Yn,Jn,Zn].forEach(a=>{this.disposeWithMe(this._shortcutService.registerShortcut(a))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ve=et([We(0,i.Inject(W.ComponentManager)),We(1,W.IMenuManagerService),We(2,i.ICommandService),We(3,W.IShortcutService)],Ve);var nt=Object.getOwnPropertyDescriptor,tt=(a,n,t,e)=>{for(var r=e>1?void 0:e?nt(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},ye=(a,n)=>(t,e)=>n(t,e,a);function Qe(a,n){const{top:t,left:e,width:r,height:o,angle:s,opacity:c}=a,d=n.scene,l=d.getViewport(G.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:g,viewportScrollY:h}=l,{scaleX:m,scaleY:f}=d.getAncestorScale();return{startX:(e-g)*m,startY:(t-h)*f,endX:(e+r-g)*m,endY:(t+o-h)*f,width:r*m,height:o*f,rotate:s,absolute:{left:!1,top:!1},opacity:c!=null?c:1}}N.DocFloatDomController=class extends i.Disposable{constructor(t,e,r,o,s,c){super();me(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=e,this._drawingRenderService=r,this._canvasFloatDomService=o,this._univerInstanceService=s,this._commandService=c,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const e=this._renderManagerService.getRenderById(t);if(e==null)return null;const r=e.scene,o=r.getTransformerByCreate();return{scene:r,transformer:o,renderUnit:e,canvas:e.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertRects(t)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(e=>{this._removeDom(e.drawingId)})}))}_insertRects(t){t.forEach(async e=>{const{unitId:r}=e;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const s=this._getSceneAndTransformerByDrawingSearch(r);if(s==null)return;const c=this._drawingManagerService.getDrawingByParam(e);if(c==null)return;const d=await this._drawingRenderService.renderFloatDom(c,s.scene);if(!(d==null||d.length===0))for(const l of d){this._addHoverForRect(l);const g=new i.DisposableCollection,h=Qe(l,s.renderUnit),m=new ee.BehaviorSubject(h),f=s.canvas,p=c.data,S={dispose:g,rect:l,position$:m,unitId:r};this._canvasFloatDomService.addFloatDom({position$:m,id:c.drawingId,componentKey:c.componentKey,onPointerDown:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onPointerMove:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onPointerUp:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onWheel:I=>{f.dispatchEvent(new WheelEvent(I.type,I))},data:p,unitId:r});const w=l.onTransformChange$.subscribeEvent(()=>{const I=Qe(l,s.renderUnit);m.next(I)});g.add(()=>{this._canvasFloatDomService.removeFloatDom(c.drawingId)}),w&&g.add(w),this._domLayerInfoMap.set(c.drawingId,S)}})}_addHoverForRect(t){this.disposeWithMe(i.toDisposable(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=B.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=B.CURSOR_TYPE.DEFAULT})))}_removeDom(t){const e=this._domLayerInfoMap.get(t);if(!e)return;const{unitId:r}=e;this._domLayerInfoMap.delete(t),e.dispose.dispose();const o=this._getSceneAndTransformerByDrawingSearch(r);o&&o.scene.removeObject(e.rect)}_initScrollAndZoomEvent(){const t=e=>{const r=this._getSceneAndTransformerByDrawingSearch(e);r&&this._domLayerInfoMap.forEach(o=>{if(o.unitId!==e)return;const s=Qe(o.rect,r.renderUnit);o.position$.next(s)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.map(e=>{if(!e)return null;const r=e.getUnitId(),o=this._renderManagerService.getRenderById(r);return o?{render:o,unitId:r}:null}),ee.switchMap(e=>e?i.fromEventSubject(e.render.scene.getViewport(G.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(ee.map(()=>({unitId:e.unitId}))):ee.of(null))).subscribe(e=>{if(!e)return;const{unitId:r}=e;t(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===G.SetDocZoomRatioOperation.id){const r=e.params,{unitId:o}=r;t(o)}}))}insertFloatDom(t,e){var w,I,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 d=(w=o.renderUnit.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:w.pages[0];if(!d)return!1;const{pageWidth:l,marginLeft:g,marginRight:h}=d,m=l-g-h,f={size:{width:(I=e.width)!=null?I:m,height:e.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},p=(T=e.drawingId)!=null?T:i.generateRandomId(),S={unitId:r.getUnitId(),drawings:[{drawingId:p,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:f,layoutType:i.PositionedObjectLayoutType.INLINE,transform:G.docDrawingPositionToTransform(f)}]};return this._commandService.syncExecuteCommand(Be.id,S),p}},N.DocFloatDomController=tt([ye(0,B.IRenderManagerService),ye(1,z.IDrawingManagerService),ye(2,i.Inject(Ie.DrawingRenderService)),ye(3,i.Inject(W.CanvasFloatDomService)),ye(4,i.IUniverInstanceService),ye(5,i.ICommandService)],N.DocFloatDomController);var it=Object.getOwnPropertyDescriptor,rt=(a,n,t,e)=>{for(var r=e>1?void 0:e?it(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Ne=(a,n)=>(t,e)=>n(t,e,a);let Ge=class extends i.RxDisposable{constructor(n,t,e,r,o){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=e,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const e of t)if(e instanceof Ie.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var o;const t=(o=this._renderManagerService.getRenderById(n))==null?void 0:o.scene;if(!t)return;const e=t.getTransformerByCreate();if(!e)return;const r=[];this.disposeWithMe(i.toDisposable(e.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const s=e.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const d=c.oKey,l=this._drawingManagerService.getDrawingOKey(d);if(!l||l.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:g,subUnitId:h,drawingId:m,drawingType:f}=l,p=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Ie.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,m,f)}},g);r.push(this.disposeWithMe(p)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===h&&I.drawingId===m)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:h,drawingId:m}])}))),this.disposeWithMe(i.toDisposable(e.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(e.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(e.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(n,t,e,r){return[{label:"image-popup.edit",index:0,commandId:Je.id,commandParams:{unitId:n,subUnitId:t,drawingId:e},disable:!0},{label:"image-popup.delete",index:1,commandId:Ue.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:e}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Ie.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:e},disable:!0},{label:"image-popup.reset",index:3,commandId:Ie.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:e}],disable:!0}]}};Ge=rt([Ne(0,z.IDrawingManagerService),Ne(1,i.Inject(G.DocCanvasPopManagerService)),Ne(2,B.IRenderManagerService),Ne(3,i.IUniverInstanceService),Ne(4,i.IContextService)],Ge);var at=Object.getOwnPropertyDescriptor,ot=(a,n,t,e)=>{for(var r=e>1?void 0:e?at(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Se=(a,n)=>(t,e)=>n(t,e,a);let en=class extends i.Disposable{constructor(n,t,e,r,o,s,c,d){super();me(this,"_liquid",new B.Liquid);this._context=n,this._docSkeletonManagerService=t,this._commandService=e,this._editorService=r,this._drawingManagerService=o,this._docRefreshDrawingsService=s,this._univerInstanceService=c,this._lifecycleService=d,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{n!=null&&this._refreshDrawing(n)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(n=>{n!=null&&this._refreshDrawing(n)})}_commandExecutedListener(){const n=[H.RichTextEditingMutation.id,G.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(n.includes(t.id)){const e=t.params,{unitId:r}=e,{unitId:o,mainComponent:s}=this._context;if(r!==o)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(o)&&o!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null||s.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(ee.filter(n=>n.type===B.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),ee.debounceTime(16)).subscribe(()=>{var e;const n=this._docSkeletonManagerService.getSkeleton(),{scene:t}=this._context;(e=t.getTransformer())==null||e.refreshControls(),this._refreshDrawing(n)}))}_refreshDrawing(n){var T,y;const t=n==null?void 0:n.getSkeletonData(),{mainComponent:e,unitId:r}=this._context,o=e;if(!t)return;const{left:s,top:c,pageLayoutType:d,pageMarginLeft:l,pageMarginTop:g}=o,{pages:h,skeHeaders:m,skeFooters:f}=t,p={};this._liquid.reset();for(let O=0,E=h.length;O<E;O++){const M=h[O],{headerId:L,footerId:V,pageWidth:x}=M;if(L){const _=(T=m.get(L))==null?void 0:T.get(x);_&&this._calculateDrawingPosition(r,_,s,c,p,_.marginTop,M.marginLeft)}if(V){const _=(y=f.get(V))==null?void 0:y.get(x);_&&this._calculateDrawingPosition(r,_,s,c,p,M.pageHeight-M.marginBottom+_.marginTop,M.marginLeft)}this._calculateDrawingPosition(r,M,s,c,p,M.marginTop,M.marginLeft),this._liquid.translatePage(M,d,l,g)}const S=Object.values(p),w=S.filter(O=>!O.isMultiTransform),I=S.filter(O=>O.isMultiTransform);w.length>0&&this._drawingManagerService.refreshTransform(w),this._handleMultiDrawingsTransform(I)}_handleMultiDrawingsTransform(n){const{scene:t,unitId:e}=this._context,r=t.getTransformerByCreate();n.forEach(d=>{const l=this._drawingManagerService.getDrawingByParam(d);l!=null&&(l.transform=d.transform,l.transforms=d.transforms,l.isMultiTransform=d.isMultiTransform)});const s=[...r.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(e,e)).filter(d=>d.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),n.length>0&&this._drawingManagerService.addNotification(n);for(const d of s){const l=t.getObject(d);l&&r.setSelectedControl(l)}}_calculateDrawingPosition(n,t,e,r,o,s,c){const{skeDrawings:d}=t;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),d.forEach(l=>{const{aLeft:g,aTop:h,height:m,width:f,angle:p,drawingId:S,drawingOrigin:w}=l,I=w.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&w.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=w,y={left:g+e+this._liquid.x,top:h+r+this._liquid.y,width:f,height:m,angle:p};o[S]==null?o[S]={unitId:n,subUnitId:n,drawingId:S,behindText:I,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&o[S].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:c})}_drawingInitializeListener(){const n=()=>{const t=this._docSkeletonManagerService.getSkeleton();t!=null&&(this._refreshDrawing(t),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?n():setTimeout(n,500):this._lifecycleService.lifecycle$.pipe(ee.filter(t=>t===i.LifecycleStages.Rendered)).subscribe(n)}};en=ot([Se(1,i.Inject(H.DocSkeletonManagerService)),Se(2,i.ICommandService),Se(3,G.IEditorService),Se(4,z.IDrawingManagerService),Se(5,i.Inject(xe)),Se(6,i.IUniverInstanceService),Se(7,i.Inject(i.LifecycleService))],en);var st=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(a,n,t)=>n in a?st(a,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[n]=t,dt=(a,n,t,e)=>{for(var r=e>1?void 0:e?ct(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},nn=(a,n)=>(t,e)=>n(t,e,a),Dn=(a,n,t)=>lt(a,typeof n!="symbol"?n+"":n,t);const gt="DOC_DRAWING_UI_PLUGIN";N.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(n=an,t,e,r){super(),this._config=n,this._injector=t,this._renderManagerSrv=e,this._configService=r;const{...o}=i.merge({},an,this._config);this._configService.setConfig(yn,o)}onStarting(){[[Ve],[Ge],[Fe],[Re],[xe],[N.DocFloatDomController]].forEach(t=>this._injector.add(t))}onReady(){[[je],[en]].forEach(n=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,n)),this._injector.get(Re),this._injector.get(Ve),this._injector.get(Fe)}onRendered(){this._injector.get(Ge),this._injector.get(N.DocFloatDomController)}},Dn(N.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Dn(N.UniverDocsDrawingUIPlugin,"pluginName",gt),N.UniverDocsDrawingUIPlugin=dt([i.DependentOn(Ie.UniverDrawingUIPlugin,z.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,W.UniverUIPlugin),nn(1,i.Inject(i.Injector)),nn(2,B.IRenderManagerService),nn(3,i.IConfigService)],N.UniverDocsDrawingUIPlugin),N.ClearDocDrawingTransformerOperation=pn,N.DOCS_IMAGE_MENU_ID=Ze,N.DeleteDocDrawingsCommand=Xe,N.EditDocDrawingOperation=Je,N.GroupDocDrawingCommand=$e,N.InsertDocDrawingCommand=Be,N.InsertDocImageCommand=Ke,N.MoveDocDrawingsCommand=Te,N.RemoveDocDrawingCommand=Ue,N.SetDocDrawingArrangeCommand=ze,N.SidebarDocDrawingOperation=Ye,N.UngroupDocDrawingCommand=qe,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
27
+ (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,fe,L,B,W,H,F,Z,v,K){"use strict";var wn=Object.defineProperty;var _n=(N,i,Q)=>i in N?wn(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 bt="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)},Mt=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=Mt(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,M,P,V;const n=s.get(i.ICommandService),t=s.get(i.IUniverInstanceService),r=s.get(L.IRenderManagerService),a=t.getCurrentUniverDocInstance();if(e==null||a==null)return!1;const o=r.getRenderById(e.unitId).with(H.DocSelectionRenderService),{drawings:d}=e,l=(E=o.getSegment())!=null?E:"",c=new i.TextX,u=i.JSONX.getInstance(),f=(P=(M=a.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:M.customBlocks)!=null?P:[],g=d.map(A=>f.find(w=>w.blockId===A.drawingId)).filter(A=>!!A).sort((A,w)=>A.startIndex>w.startIndex?1:-1),m=d[0].unitId,h=new i.MemoryCursor;h.reset();const I=g[0].startIndex,S=[{startOffset:I,endOffset:I}],p={id:W.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:S}},y=[];for(const A of g){const{startIndex:w}=A;w>h.cursor&&c.push({t:i.TextXActionType.RETAIN,len:w-h.cursor}),c.push({t:i.TextXActionType.DELETE,len:1}),h.moveCursorTo(w+1)}const T=H.getRichTextEditPath(a,l);y.push(u.editOp(c.serialize(),T));for(const A of g){const{blockId:w}=A,U=((V=a.getDrawings())!=null?V:{})[w],j=a.getDrawingsOrder().indexOf(w),q=u.removeOp(["drawings",w],U),_=u.removeOp(["drawingsOrder",j],w);y.push(q),y.push(_)}return p.params.actions=y.reduce((A,w)=>i.JSONX.compose(A,w),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:f})=>{t.push(u.unitId),f.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 M,P,V,A;if(e==null)return!1;const n=s.get(i.ICommandService),t=s.get(W.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:f}=a,g=o.getSelfOrHeaderFooterModel(f).getBody();if(g==null)return!1;const m=new i.TextX,h=i.JSONX.getInstance(),I=[],S=(P=(M=o.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?P:0;let p=0;if(c)u>0&&m.push({t:i.TextXActionType.RETAIN,len:u});else{const w=i.BuildTextUtils.selection.delete([a],g,0,null,!1);m.push(...w);const U=H.getCustomBlockIdsInSelections(g,[a]),z=(V=o.getDrawings())!=null?V:{},j=(A=o.getDrawingsOrder())!=null?A:[],q=U.sort((_,D)=>j.indexOf(_)>j.indexOf(D)?-1:j.indexOf(_)<j.indexOf(D)?1:0);if(q.length>0)for(const _ of q){const D=z[_],x=j.indexOf(_);if(D==null||x<0)continue;const b=h.removeOp(["drawings",_],D),k=h.removeOp(["drawingsOrder",x],_);I.push(b),I.push(k),p++}}m.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((w,U)=>({startIndex:U,blockId:w.drawingId}))},len:l.length});const y=H.getRichTextEditPath(o,f),T=h.editOp(m.serialize(),y);I.push(T);for(const w of l){const{drawingId:U}=w,z=h.insertOp(["drawings",U],w),j=h.insertOp(["drawingsOrder",S-p],U);I.push(z),I.push(j)}const O={id:W.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:[]}};return O.params.actions=I.reduce((w,U)=>i.JSONX.compose(w,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 f=[];let g=i.Tools.deepClone(u);g=g.slice(3),g.unshift("drawingsOrder"),f.push(g);const m={id:W.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return m.params.actions=f.reduce((I,S)=>i.JSONX.compose(I,S),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:f})=>{t.push(u.unitId),f.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 je{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 Le=class extends i.Disposable{constructor(s,e,n,t,r,a,o,d,l,c,u,f,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=f,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:F.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:F.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:f}=await X.getImageSize(l||"");this._imageIoService.addImageSourceCache(a,o,f);let g=1;if(c>X.DRAWING_IMAGE_WIDTH_LIMIT||u>X.DRAWING_IMAGE_HEIGHT_LIMIT){const S=X.DRAWING_IMAGE_WIDTH_LIMIT/c,p=X.DRAWING_IMAGE_HEIGHT_LIMIT/u;g=Math.min(S,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:H.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(W.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===L.DocumentEditArea.HEADER||n===L.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(W.DocSkeletonManagerService).getViewModel();if(t==null||s==null)return;const r=s.getSnapshot(),{drawings:a={}}=r,o=t.getEditArea()===L.DocumentEditArea.BODY;for(const l of Object.keys(a)){const c=a[l],u=X.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),f=e.fuzzyMathObjects(u,!0);if(f.length)for(const g of f){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(W.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===W.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)}};Le=Pt([ie(1,i.ICommandService),ie(2,i.Inject(W.DocSelectionManagerService)),ie(3,L.IRenderManagerService),ie(4,X.IImageIoService),ie(5,Q.IDocDrawingService),ie(6,X.IDrawingManagerService),ie(7,i.IContextService),ie(8,B.IMessageService),ie(9,i.Inject(i.LocaleService)),ie(10,i.Inject(H.DocSelectionRenderService)),ie(11,i.Inject(je)),ie(12,B.ILocalFileService)],Le);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(L.IRenderManagerService);return(r=(t=L.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,n))==null?void 0:t.with(Le).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(),f=a.getSelfOrHeaderFooterModel(s).getBody();if(u==null||f==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(f.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=H.getRichTextEditPath(a,e),S=l.editOp(d.serialize(),I);c.push(S)}}else{g>0&&d.push({t:i.TextXActionType.RETAIN,len:g}),d.push({t:i.TextXActionType.DELETE,len:1});let I=H.getRichTextEditPath(a,e),S=l.editOp(d.serialize(),I);c.push(S),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=H.getRichTextEditPath(a,s),S=l.editOp(d.serialize(),I),c.push(S),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,V;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(L.IRenderManagerService).getRenderById(r),c=l==null?void 0:l.with(W.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=l==null?void 0:l.with(W.DocSkeletonManagerService).getViewModel(),f=l==null?void 0:l.scene,g=o.getCurrentUniverDocInstance();if(g==null||c==null||f==null||u==null)return!1;const m=u.getEditArea(),h=f.getTransformerByCreate(),{pages:I,skeHeaders:S,skeFooters:p}=c,y=i.JSONX.getInstance(),T=[],{drawings:O={}}=g.getSnapshot();for(const A of n){const{drawingId:w}=A,U=O[w].layoutType,z=Rt[t];if(U!==z){const D=y.replaceOp(["drawings",w,"layoutType"],U,z);T.push(D)}if(t==="behindText"||t==="inFrontOfText"){const D=O[w].behindDoc,x=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(D!==x){const b=y.replaceOp(["drawings",w,"behindDoc"],D,x);T.push(b)}}if(t==="inline")continue;let j=null,q=0,_=0;for(const D of I){const{headerId:x,footerId:b,marginTop:k,marginLeft:G,marginBottom:C,pageWidth:R,pageHeight:Y}=D;switch(m){case L.DocumentEditArea.HEADER:{const $=(P=S.get(x))==null?void 0:P.get(R);$!=null&&$.skeDrawings.has(w)&&(j=$.skeDrawings.get(w),q=$.marginTop,_=G);break}case L.DocumentEditArea.FOOTER:{const $=(V=p.get(b))==null?void 0:V.get(R);$!=null&&$.skeDrawings.has(w)&&(j=$.skeDrawings.get(w),q=Y-C+$.marginTop,_=G);break}case L.DocumentEditArea.BODY:{D.skeDrawings.has(w)&&(j=D.skeDrawings.get(w),q=k,_=G);break}}if(j!=null)break}if(j!=null){const{aTop:D,aLeft:x}=j,b=O[w].docTransform.positionH;let k=x;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?k-=_:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(k-=j.columnLeft);const G={relativeFrom:b.relativeFrom,posOffset:k};if(b.posOffset!==G.posOffset){const $=y.replaceOp(["drawings",w,"docTransform","positionH"],b,G);T.push($)}const C=O[w].docTransform.positionV;let R=D;C.relativeFrom===i.ObjectRelativeFromV.PAGE?R+=q:C.relativeFrom===i.ObjectRelativeFromV.LINE?R-=j.lineTop:C.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(R-=j.blockAnchorTop);const Y={relativeFrom:C.relativeFrom,posOffset:R};if(C.posOffset!==Y.posOffset){const $=y.replaceOp(["drawings",w,"docTransform","positionV"],C,Y);T.push($)}}}const E={id:W.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};E.params.actions=T.reduce((A,w)=>i.JSONX.compose(A,w),null);const M=a.syncExecuteCommand(E.id,E.params);return h.refreshControls(),!!M}},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,S]of Object.entries(o)){const p=u[h][I];if(p!==S){const y=l.replaceOp(["drawings",h,I],p,S);c.push(y)}}}const f={id:W.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return f.params.actions=c.reduce((m,h)=>i.JSONX.compose(m,h),null),!!n.syncExecuteCommand(f.id,f.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 S=l.replaceOp(["drawings",h,"wrapText"],I,o);c.push(S)}}const f={id:W.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return f.params.actions=c.reduce((m,h)=>i.JSONX.compose(m,h),null),!!n.syncExecuteCommand(f.id,f.params)}},be={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(L.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,f=i.JSONX.getInstance(),g=[],{drawings:m={}}=l.getSnapshot();for(const S of c){const{drawingId:p,key:y,value:T}=S,O=m[p].docTransform[y];if(!i.Tools.diffValue(O,T)){const E=f.replaceOp(["drawings",p,"docTransform",y],O,T);g.push(E)}}const h={id:W.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};h.params.actions=g.reduce((S,p)=>i.JSONX.compose(S,p),null);const I=n.syncExecuteCommand(h.id,h.params);return d.refreshControls(),!!I}},vt={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{var V,A;if(e==null)return!1;const n=s.get(L.IRenderManagerService),t=(V=n.getRenderById(e.unitId))==null?void 0:V.with(H.DocSelectionRenderService),r=s.get(je),a=n.getRenderById(e.unitId),o=a==null?void 0:a.scene,d=a==null?void 0:a.with(W.DocSkeletonManagerService).getSkeleton();if(o==null||t==null)return!1;const l=o.getTransformerByCreate(),c=s.get(i.ICommandService),f=s.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(f==null)return!1;const{drawing:g,unitId:m,offset:h,segmentId:I,segmentPage:S,needRefreshDrawings:p}=e;if(p)return r.refreshDrawings(d),l.refreshControls(),!0;const y=[],{drawingId:T}=g,O=(A=t.getSegment())!=null?A:"",E=dt(I,O,S,h,T,f,t);if(E==null||E.length===0)return r.refreshDrawings(d),l.refreshControls(),!1;y.push(...E);const M={id:W.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null}};M.params.actions=y.reduce((w,U)=>i.JSONX.compose(w,U),null);const P=c.syncExecuteCommand(M.id,M.params);return l.refreshControls(),!!P}},ft={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(s,e)=>{var j,q;if(e==null)return!1;const n=s.get(L.IRenderManagerService),t=(j=n.getRenderById(e.unitId))==null?void 0:j.with(H.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:f,offset:g,docTransform:m,segmentId:h,segmentPage:I}=e,S=[],{drawingId:p}=u,y=(q=t.getSegment())!=null?q:"",T=dt(h,y,I,g,p,c,t);if(T==null)return!1;T.length>0&&S.push(...T);const O=i.JSONX.getInstance(),{drawings:E={}}=c.getSnapshot(),M=E[p].docTransform,{positionH:P,positionV:V,size:A,angle:w}=M;if(!i.Tools.diffValue(P,m.positionH)){const _=O.replaceOp(["drawings",p,"docTransform","positionH"],P,m.positionH);S.push(_)}if(!i.Tools.diffValue(V,m.positionV)){const _=O.replaceOp(["drawings",p,"docTransform","positionV"],V,m.positionV);S.push(_)}if(!i.Tools.diffValue(A,m.size)){const _=O.replaceOp(["drawings",p,"docTransform","size"],A,m.size);S.push(_)}if(!i.Tools.diffValue(w,m.angle)){const _=O.replaceOp(["drawings",p,"docTransform","angle"],w,m.angle);S.push(_)}const U={id:W.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};U.params.actions=S.reduce((_,D)=>i.JSONX.compose(_,D),null);const z=d.syncExecuteCommand(U.id,U.params);return o.refreshControls(),!!z}},ye={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(L.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 f=u.getTransformerByCreate(),g=r.getUniverDocInstance(l),m=d.map(I=>{var M,P,V,A,w;const{drawingId:S}=I,p=(M=g==null?void 0:g.getSnapshot().drawings)==null?void 0:M[S];if(p==null||p.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:y,positionV:T}=p.docTransform,O={...y},E={...T};return o===i.Direction.UP?E.posOffset=((P=E.posOffset)!=null?P:0)-2:o===i.Direction.DOWN?E.posOffset=((V=E.posOffset)!=null?V:0)+2:o===i.Direction.LEFT?O.posOffset=((A=O.posOffset)!=null?A:0)-2:o===i.Direction.RIGHT&&(O.posOffset=((w=O.posOffset)!=null?w:0)+2),{drawingId:S,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(be.id,{unitId:l,subUnitId:l,drawings:m});return f.refreshControls(),!!h}},ht={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(s,e)=>{const n=s.get(L.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(B.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,jt=s=>{const e=B.useDependency(i.ICommandService),n=B.useDependency(i.LocaleService),t=B.useDependency(X.IDrawingManagerService),r=B.useDependency(L.IRenderManagerService),a=B.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,f=r.getRenderById(l),g=f==null?void 0:f.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)}],[S,p]=K.useState(!0),[y,T]=K.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,E]=K.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[M,P]=K.useState(!0),[V,A]=K.useState(!0);function w(D,x){var C;D==="positionH"?T(x):E(x);const b=t.getFocusDrawings();if(b.length===0)return;const k=b.map(R=>({unitId:R.unitId,subUnitId:R.subUnitId,drawingId:R.drawingId}));e.executeCommand(be.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k.map(R=>({drawingId:R.drawingId,key:D,value:x}))});const G=(C=r.getRenderById(l))==null?void 0:C.with(H.DocSelectionRenderService);G&&G.blur(),m.refreshControls()}function U(D){var te,ge,ve;const x=y.relativeFrom,b=y.posOffset,k=Number(D);if(x===k)return;const G=t.getFocusDrawings();if(G.length===0)return;const C=G[0].drawingId,R=G[0].unitId;let Y=null,$=0;const J=(te=r.getRenderById(R))==null?void 0:te.with(W.DocSkeletonManagerService).getSkeleton(),se=J==null?void 0:J.getSkeletonData();if(se==null)return;const{pages:Oe,skeHeaders:Se,skeFooters:xe}=se;for(const oe of Oe){const{marginLeft:he,skeDrawings:me,headerId:we,footerId:_e,pageWidth:pe}=oe;if(me.has(C)){Y=me.get(C),$=he;break}const ce=(ge=Se.get(we))==null?void 0:ge.get(pe);if(ce!=null&&ce.skeDrawings.has(C)){Y=ce==null?void 0:ce.skeDrawings.get(C),$=he;break}const de=(ve=xe.get(_e))==null?void 0:ve.get(pe);if(de!=null&&de.skeDrawings.has(C)){Y=de==null?void 0:de.skeDrawings.get(C),$=he;break}}if(Y==null)return;let ae=0;x===i.ObjectRelativeFromH.COLUMN?ae-=Y.columnLeft:x===i.ObjectRelativeFromH.MARGIN&&(ae-=$),k===i.ObjectRelativeFromH.COLUMN?ae+=Y.columnLeft:k===i.ObjectRelativeFromH.MARGIN?ae+=$:i.ObjectRelativeFromH.PAGE;const ee={relativeFrom:k,posOffset:(b!=null?b:0)-ae};w("positionH",ee)}function z(D){var me,we,_e,pe,ce,de;const x=O.relativeFrom,b=O.posOffset,k=Number(D);if(x===k)return;const G=t.getFocusDrawings();if(G.length===0)return;const{drawingId:C,unitId:R}=G[0],Y=a.getUniverDocInstance(R),$=(me=r.getRenderById(R))==null?void 0:me.with(W.DocSkeletonManagerService).getSkeleton(),J=(we=r.getRenderById(R))==null?void 0:we.with(H.DocSelectionRenderService),se=J==null?void 0:J.getSegment(),Oe=J==null?void 0:J.getSegmentPage(),Se=(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(Se==null||$==null||J==null)return;const{startIndex:xe}=Se,ae=$.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),ve=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(ae==null||ee==null||ge==null||te==null||ve==null)return;let oe=0;x===i.ObjectRelativeFromV.PARAGRAPH?oe-=ge.top:x===i.ObjectRelativeFromV.LINE?oe-=ee.top:x===i.ObjectRelativeFromV.PAGE&&(oe+=ve.marginTop),k===i.ObjectRelativeFromV.PARAGRAPH?oe+=ge.top:k===i.ObjectRelativeFromV.LINE?oe+=ee.top:k===i.ObjectRelativeFromV.PAGE&&(oe-=ve.marginTop);const he={relativeFrom:k,posOffset:(b!=null?b:0)-oe};w("positionV",he)}function j(D){var R;const x=c==null?void 0:c.getSnapshot(),b=(R=x==null?void 0:x.drawings)==null?void 0:R[D.drawingId];if(b==null)return;const{layoutType:k}=b,{positionH:G,positionV:C}=b.docTransform;T(G),E(C),p(k===i.PositionedObjectLayoutType.INLINE),P(C.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||C.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const D=t.getFocusDrawings();D.length!==0&&j(D[0])}function _(D){P(D),z(String(D?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return K.useEffect(()=>{q();const D=t.focus$.subscribe(b=>{if(b.length===0){A(!1);return}A(!0),j(b[0])}),x=e.onCommandExecuted(async b=>{b.id===W.RichTextEditingMutation.id&&q()});return()=>{D.unsubscribe(),x.dispose()}},[]),v.jsxs("div",{className:`
28
+ univer-relative univer-mt-5 univer-w-full univer-border-t univer-border-solid univer-border-gray-200
29
+ `,style:{display:V?"block":"none"},children:[v.jsx("div",{className:`
30
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
31
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-gray-400",children:v.jsx("div",{children:n.t("image-position.title")})})}),v.jsx("div",{className:`
32
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
33
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-black",children:v.jsx("div",{children:n.t("image-position.horizontal")})})}),v.jsxs("div",{className:`
34
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
35
+ `,children:[v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-gray-400",children:v.jsxs("label",{children:[v.jsx("div",{className:`
36
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
37
+ univer-justify-start
38
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.absolutePosition")})}),v.jsx("div",{className:`
39
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
40
+ univer-justify-start
41
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.InputNumber,{min:pt,max:It,precision:1,disabled:S,value:y.posOffset,onChange:D=>{w("positionH",{relativeFrom:y.relativeFrom,posOffset:D})}})})})]})}),v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsxs("label",{children:[v.jsx("div",{className:`
42
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
43
+ univer-justify-start
44
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.toTheRightOf")})}),v.jsx("div",{className:`
45
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
46
+ univer-justify-start
47
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.Select,{value:String(y.relativeFrom),disabled:S,options:h,onChange:U})})})]})})]}),v.jsx("div",{className:`
48
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
49
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-black",children:v.jsx("div",{children:n.t("image-position.vertical")})})}),v.jsxs("div",{className:`
50
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
51
+ `,children:[v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsxs("label",{children:[v.jsx("div",{className:`
52
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
53
+ univer-justify-start
54
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.absolutePosition")})}),v.jsx("div",{className:`
55
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
56
+ univer-justify-start
57
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.InputNumber,{min:pt,max:It,precision:1,disabled:S,value:O.posOffset,onChange:D=>{w("positionV",{relativeFrom:O.relativeFrom,posOffset:D})}})})})]})}),v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsxs("label",{children:[v.jsx("div",{className:`
58
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
59
+ univer-justify-start
60
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-position.bellow")})}),v.jsx("div",{className:`
61
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
62
+ univer-justify-start
63
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.Select,{disabled:S,value:String(O.relativeFrom),options:I,onChange:z})})})]})})]}),v.jsx("div",{className:`
64
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
65
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1 univer-text-black",children:v.jsx("div",{children:n.t("image-position.options")})})}),v.jsx("div",{className:`
66
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
67
+ `,style:{marginBottom:"50px"},children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.Checkbox,{disabled:S,checked:M,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},Fe=0,Ue=100,Lt=s=>{const e=B.useDependency(i.ICommandService),n=B.useDependency(i.LocaleService),t=B.useDependency(X.IDrawingManagerService),r=B.useDependency(L.IRenderManagerService),a=B.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),[S,p]=K.useState(!0),[y,T]=K.useState(re.INLINE),[O,E]=K.useState(""),[M,P]=K.useState({distT:0,distL:0,distB:0,distR:0}),[V,A]=K.useState(!0);function w(_){T(_);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:x,subUnitId:b}=D[0],k=D.map(({unitId:G,subUnitId:C,drawingId:R})=>({unitId:G,subUnitId:C,drawingId:R}));e.executeCommand(lt.id,{unitId:x,subUnitId:b,drawings:k,wrappingStyle:_})}function U(_){E(_);const D=t.getFocusDrawings();if(D.length===0)return;const x=D.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(gt.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:x,wrapText:_})}function z(_,D){if(_==null)return;const x={...M,[D]:_};P(x);const b=t.getFocusDrawings();if(b.length===0)return;const k=b.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(ut.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k,dist:{[D]:_}})}function j(){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:b=0,distB:k=0,distR:G=0,layoutType:C=i.PositionedObjectLayoutType.INLINE,behindDoc:R=i.BooleanNumber.FALSE,wrapText:Y=i.WrapTextType.BOTH_SIDES}=D;if(P({distT:x,distL:b,distB:k,distR:G}),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?T(re.BEHIND_TEXT):T(re.IN_FRONT_OF_TEXT);else switch(C){case i.PositionedObjectLayoutType.INLINE:T(re.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:T(re.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(re.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${C}`)}}return K.useEffect(()=>{j();const _=t.focus$.subscribe(x=>{if(x.length===0){A(!1);return}A(!0),q(x[0])}),D=e.onCommandExecuted(async x=>{x.id===W.RichTextEditingMutation.id&&j()});return()=>{_.unsubscribe(),D.dispose()}},[]),v.jsxs("div",{className:`
68
+ univer-relative univer-mt-5 univer-w-full univer-border-t univer-border-solid univer-border-gray-200
69
+ `,style:{display:V?"block":"none"},children:[v.jsx("div",{className:`
70
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
71
+ `,children:v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1 univer-text-gray-600"),children:v.jsx("div",{children:n.t("image-text-wrap.title")})})}),v.jsx("div",{className:`
72
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
73
+ `,children:v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1 univer-text-black"),children:v.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),v.jsx("div",{className:F.clsx(`
74
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
75
+ `),children:v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1"),children:v.jsxs(F.RadioGroup,{value:y,onChange:w,direction:"vertical",children:[v.jsx(F.Radio,{value:re.INLINE,children:n.t("image-text-wrap.inline")}),v.jsx(F.Radio,{value:re.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),v.jsx(F.Radio,{value:re.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),v.jsx(F.Radio,{value:re.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),v.jsx(F.Radio,{value:re.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),v.jsx("div",{className:`
76
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
77
+ `,children:v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1 univer-text-black"),children:v.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),v.jsx("div",{className:F.clsx(`
78
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
79
+ `),children:v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1"),children:v.jsxs(F.RadioGroup,{disabled:g,value:O,onChange:U,direction:"horizontal",children:[v.jsx(F.Radio,{value:i.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),v.jsx(F.Radio,{value:i.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),v.jsx(F.Radio,{value:i.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),v.jsx("div",{className:`
80
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
81
+ `,children:v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1 univer-text-black"),children:v.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),v.jsxs("div",{className:`
82
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
83
+ `,children:[v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1"),children:v.jsxs("label",{children:[v.jsx("div",{className:`
84
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
85
+ univer-justify-start
86
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.top")})}),v.jsx("div",{className:`
87
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
88
+ univer-justify-start
89
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.InputNumber,{min:Fe,max:Ue,disabled:h,precision:1,value:M.distT,onChange:_=>{z(_,"distT")}})})})]})}),v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1"),children:v.jsxs("label",{children:[v.jsx("div",{className:`
90
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
91
+ univer-justify-start
92
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.left")})}),v.jsx("div",{className:`
93
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
94
+ univer-justify-start
95
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.InputNumber,{min:Fe,max:Ue,disabled:S,precision:1,value:M.distL,onChange:_=>{z(_,"distL")}})})})]})})]}),v.jsxs("div",{className:`
96
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start univer-justify-start
97
+ `,children:[v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1"),children:v.jsxs("label",{children:[v.jsx("div",{className:`
98
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
99
+ univer-justify-start
100
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.bottom")})}),v.jsx("div",{className:`
101
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
102
+ univer-justify-start
103
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.InputNumber,{min:Fe,max:Ue,disabled:h,precision:1,value:M.distB,onChange:_=>{z(_,"distB")}})})})]})}),v.jsx("div",{className:F.clsx("univer-flex univer-items-center univer-gap-1"),children:v.jsxs("label",{children:[v.jsx("div",{className:`
104
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
105
+ univer-justify-start
106
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:n.t("image-text-wrap.right")})}),v.jsx("div",{className:`
107
+ univer-relative univer-mt-2.5 univer-flex univer-h-full univer-items-start
108
+ univer-justify-start
109
+ `,children:v.jsx("div",{className:"univer-flex univer-items-center univer-gap-1",children:v.jsx(F.InputNumber,{min:Fe,max:Ue,disabled:S,precision:1,value:M.distR,onChange:_=>{z(_,"distR")}})})})]})})]})]})},Ft=()=>{const s=B.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)&&v.jsxs("div",{className:"univer-p-2 univer-text-center univer-text-sm",children:[v.jsx(fe.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),v.jsx(Lt,{drawings:n}),v.jsx(jt,{drawings:n})]})},St="addition-and-subtraction-single",Qe="doc.menu.image",wt=Ye.id,Ut=s=>{const e=s.get(W.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(),f=(o=u==null?void 0:u.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:o.tables;if(f&&f.length&&f.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:B.MenuItemType.SUBITEMS,icon:St,tooltip:"docImage.title",disabled$:Ut(s),hidden$:B.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:B.MenuItemType.BUTTON,hidden$:B.getMenuHiddenObservable(s,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const Wt={[B.RibbonStartGroup.LAYOUT]:{[Qe]:{order:0,menuItemFactory:Bt,[wt]:{order:0,menuItemFactory:kt}}}};function Me(s){return s.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&s.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const Ht={id:ye.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:B.KeyCode.ARROW_DOWN,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.DOWN}},Vt={id:ye.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:B.KeyCode.ARROW_UP,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.UP}},Gt={id:ye.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:B.KeyCode.ARROW_LEFT,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.LEFT}},$t={id:ye.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:B.KeyCode.ARROW_RIGHT,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.RIGHT}},Xt={id:Xe.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:Me,binding:B.KeyCode.DELETE,mac:B.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(St,ct)),this.disposeWithMe(s.register(mt,Ft))}_initMenus(){this._menuManagerService.mergeMenu(Wt)}_initCommands(){[Ye,Re,lt,ut,gt,be,vt,ft,Pe,Je,ht,Ze,ze,Ke,ye,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(B.ComponentManager)),Be(1,B.IMenuManagerService),Be(2,i.ICommandService),Be(3,B.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!==W.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!==W.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,L.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},Te=(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(H.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:f,viewportScrollY:g}=u,{scaleX:m,scaleY:h}=e.getAncestorScale();return{startX:(a-f)*m,startY:(r-g)*h,endX:(a+l-f)*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,f=et(c,o.renderUnit),g=new Z.BehaviorSubject(f),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 S=c.onTransformChange$.subscribeEvent(()=>{const p=et(c,o.renderUnit);g.next(p)});u.add(()=>{this._canvasFloatDomService.removeFloatDom(d.drawingId)}),S&&u.add(S),this._domLayerInfoMap.set(d.drawingId,I)}})}_addHoverForRect(n){this.disposeWithMe(i.toDisposable(n.onPointerEnter$.subscribeEvent(()=>{n.cursor=L.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(n.onPointerLeave$.subscribeEvent(()=>{n.cursor=L.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(H.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===H.SetDocZoomRatioOperation.id){const r=t.params,{unitId:a}=r;n(a)}}))}insertFloatDom(n,t){var S,p,y;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=(S=a.renderUnit.with(W.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:S.pages[0];if(!l)return!1;const{pageWidth:c,marginLeft:u,marginRight:f}=l,g=c-u-f,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=(y=t.drawingId)!=null?y: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:H.docDrawingPositionToTransform(m)}]};return this._commandService.syncExecuteCommand(Re.id,I),h}},N.DocFloatDomController=en([Te(0,L.IRenderManagerService),Te(1,X.IDrawingManagerService),Te(2,i.Inject(fe.DrawingRenderService)),Te(3,i.Inject(B.CanvasFloatDomService)),Te(4,i.IUniverInstanceService),Te(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:f=0,top:g=0}=l.transform,h=_t({left:f,right:f+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 v.jsx("div",{style:{position:"absolute",top:0,left:0},children:d.map(([l,c])=>v.jsx(B.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=B.connectInjector(tn,this._injector);return F.render(v.jsx(d,{unitId:t,floatDomInfos:o,scene:e.scene,skeleton:e.skeleton,offset:e.offset,bound:e.bound}),e.root),s==null||s.add(()=>{F.unmount(e.root)}),n(s)}}}))}};He=rn([Ne(0,i.Inject(H.DocPrintInterceptorService)),Ne(1,i.Inject(fe.DrawingRenderService)),Ne(2,X.IDrawingManagerService),Ne(3,i.Inject(B.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 L.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:f,left:g,top:m,angle:h}=l,I=this._drawingManagerService.getDrawingOKey(c);if(I==null)continue;const S=this._univerInstanceService.getUniverDocInstance(I.unitId),p=(d=S==null?void 0:S.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:f,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:f,height:g,top:m,left:h,angle:I}=u;if(c&&f===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 f=this._transformerCache.get(u==null?void 0:u.drawingId);if((f==null?void 0:f.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:f,height:g,top:m,left:h,angle:I}=u;if(c&&f===c.width&&g===c.height&&m===c.top&&h===c.left&&I===c.angle)return;c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?f!==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:f}=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:S,width:p,height:y,angle:T}=m,{width:O,height:E}=this._getPageContentSize(h);if(u=Math.min(u,O),f=Math.min(f,E),(p!==u||y!==f)&&n.push({drawingId:g.drawingId,key:"size",value:{width:u,height:f}}),T!==c&&n.push({drawingId:g.drawingId,key:"angle",value:c}),I!==l||S!==d){const M=l-I,P=d-S;M!==0&&n.push({drawingId:g.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+M}}),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(be.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 j,q;const r=this._renderManagerService.getRenderById(e.unitId),a=r==null?void 0:r.with(W.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:o,scene:d}=r,l=o,c=d.getViewports()[0],{pageLayoutType:u=L.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:g}=l.getOffsetConfig();let m=null,h=!1,I=-1,S="";const p=.5,y=this._getTransformCoordForDocumentOffset(l,c,n,t);if(y==null)return;const T=(j=this._renderManagerService.getRenderById(e.unitId))==null?void 0:j.with(H.DocSelectionRenderService);if(T==null)return;const O=a==null?void 0:a.findNodeByCoord(y,u,f,g,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(O){const{node:_,ratioX:D,segmentPage:x,segmentId:b}=O;h=D<p,m=_,I=x,S=b}if(m==null)return;const E=a==null?void 0:a.findPositionByGlyph(m,I),M=this._getDocObject();if(E==null||a==null||M==null||Dt(E))return;const P={...E,isBack:h},V=M.document.getOffsetConfig(),A=new H.NodePositionConvertToCursor(V,a),{cursorList:w,contentBoxPointGroup:U}=A.getRangePointData(P,P),{startOffset:z}=(q=H.getOneTextSelectionRange(w))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:U,segmentId:S,segmentPage:I}}_getDrawingAnchor(e,n){var ge,ve,oe,he,me,we,_e,pe,ce,de,De;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(W.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,f=c,g=u.getViewports()[0],{pageLayoutType:m=L.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:I,docsLeft:S,docsTop:p}=f.getOffsetConfig(),{left:y,top:T,angle:O}=n;let{width:E,height:M}=n;const{positionV:P,positionH:V}=e.docTransform,{width:A,height:w}=this._getPageContentSize(e);E=Math.min(E,A),M=Math.min(M,w);let U=null,z="",j=-1;const q=!1,_={...e.docTransform,size:{width:E,height:M},angle:O},{x:D,y:x}=u.getViewportScrollXY(g),b=this._getTransformCoordForDocumentOffset(f,g,y-D,T-x);if(b==null)return;const k=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(H.DocSelectionRenderService);if(k==null)return;const G=r==null?void 0:r.findNodeByCoord(b,m,h,I,{strict:!1,segmentId:k.getSegment(),segmentPage:k.getSegmentPage()});if(G){const{node:le,segmentPage:it,segmentId:rt}=G;U=le,j=it,z=rt}if(U==null)return;const C=(ve=U.parent)==null?void 0:ve.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],$=(he=R==null?void 0:R.parent)==null?void 0:he.parent;if(C==null||R==null||Y==null||$==null)return;this._liquid.reset();const J=$.type;for(const le of o){const{headerId:it,footerId:rt,pageHeight:pn,pageWidth:Tt,marginLeft:Ot,marginBottom:In}=le,Sn=o.indexOf(le);if(j>-1&&Sn===j){switch(J){case L.DocumentSkeletonPageType.HEADER:{const Ae=(me=d.get(it))==null?void 0:me.get(Tt);if(Ae)this._liquid.translatePagePadding({marginTop:Ae.marginTop,marginLeft:Ot});else throw new Error("header skeleton not found");break}case L.DocumentSkeletonPageType.FOOTER:{const Ae=(we=l.get(rt))==null?void 0:we.get(Tt);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===$)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:V.relativeFrom,posOffset:y-this._liquid.x-S},V.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=y-this._liquid.x-S-$.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=y-this._liquid.x-S-R.left;break}}switch(_.positionV={relativeFrom:P.relativeFrom,posOffset:T-this._liquid.y-p},P.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=T-this._liquid.y-p-$.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=T-this._liquid.y-p-C.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=T-this._liquid.y-p-Y.top;break}}if(U==null)return;const se=r==null?void 0:r.findPositionByGlyph(U,j),Oe=this._getDocObject();if(se==null||r==null||Oe==null||Dt(se))return;const Se={...se,isBack:q},xe=Oe.document.getOffsetConfig(),ae=new H.NodePositionConvertToCursor(xe,r),{cursorList:ee}=ae.getRangePointData(Se,Se),{startOffset:te}=(De=H.getOneTextSelectionRange(ee))!=null?De:{};if(te!=null)return{offset:te,docTransform:_,segmentId:z,segmentPage:j}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:a,height:o,angle:d}=e,{unitId:l,subUnitId:c}=r;let{width:u,height:f,angle:g}=n;const{width:m,height:h}=this._getPageContentSize(r);u=Math.min(m,u),f=Math.min(h,f),(u!==a||f!==o)&&t.push({drawingId:r.drawingId,key:"size",value:{width:u,height:f}}),g!==d&&t.push({drawingId:r.drawingId,key:"angle",value:g}),t.length>0&&l&&c&&this._commandService.executeCommand(be.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(vt.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(W.DocSkeletonManagerService).getSkeleton(),u=c==null?void 0:c.getSkeletonData(),{pages:f}=u!=null?u:{};if(u==null||t==null||f==null)return{left:r,top:a,width:o,height:d,angle:l};const{mainComponent:g}=t,m=g,{top:h,pageLayoutType:I,pageMarginLeft:S,pageMarginTop:p}=m;let y=a;this._liquid.reset();for(const T of f){const{marginBottom:O,pageHeight:E}=T,M=f.indexOf(T),P=f[M+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,w=this._liquid.y+h+E+p/2;A<w?y=Math.min(a,this._liquid.y+h+E-O-d):y=Math.max(a,this._liquid.y+h+E+p+P.marginTop)}this._liquid.translatePage(T,I,S,p)}return{left:r,top:y,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(ft.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(L.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=H.getAnchorBounding(n),{left:u,top:f,height:g}=c,m=u+d,h=f+l;if(this._anchorShape){this._anchorShape.transformByState({left:m,top:h,height:g}),this._anchorShape.show();return}const I=6,S=new L.Rect(on+i.Tools.generateRandomId(I),{left:m,top:h,height:g,strokeWidth:2,stroke:L.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=S,a.addObject(S,H.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return H.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(W.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:f,marginBottom:g,marginRight:m,marginTop:h}=l;return{width:Math.max(r,c-f-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,L.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 fe.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:f,drawingId:g,drawingType:m}=c,h=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:fe.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,f,g,m)}},u);r.push(this.disposeWithMe(h)),!this._drawingManagerService.getFocusDrawings().find(p=>p.unitId===u&&p.subUnitId===f&&p.drawingId===g)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:f,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: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([Ee(0,X.IDrawingManagerService),Ee(1,i.Inject(H.DocCanvasPopManagerService)),Ee(2,L.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 L.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=[W.RichTextEditingMutation.id,H.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===L.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 y,T;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:f,skeHeaders:g,skeFooters:m}=n,h={};this._liquid.reset();for(let O=0,E=f.length;O<E;O++){const M=f[O],{headerId:P,footerId:V,pageWidth:A}=M;if(P){const w=(y=g.get(P))==null?void 0:y.get(A);w&&this._calculateDrawingPosition(r,w,o,d,h,w.marginTop,M.marginLeft)}if(V){const w=(T=m.get(V))==null?void 0:T.get(A);w&&this._calculateDrawingPosition(r,w,o,d,h,M.pageHeight-M.marginBottom+w.marginTop,M.marginLeft)}this._calculateDrawingPosition(r,M,o,d,h,M.marginTop,M.marginLeft),this._liquid.translatePage(M,l,c,u)}const I=Object.values(h),S=I.filter(O=>!O.isMultiTransform),p=I.filter(O=>O.isMultiTransform);S.length>0&&this._drawingManagerService.refreshTransform(S),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:f,height:g,width:m,angle:h,drawingId:I,drawingOrigin:S}=c,p=S.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&S.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:y=i.BooleanNumber.FALSE}=S,T={left:u+t+this._liquid.x,top:f+r+this._liquid.y,width:m,height:g,angle:h};a[I]==null?a[I]={unitId:e,subUnitId:e,drawingId:I,behindText:p,transform:T,transforms:[T],isMultiTransform:y}:y===i.BooleanNumber.TRUE&&a[I].transforms.push(T)}),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(W.DocSkeletonManagerService)),Ie(2,i.ICommandService),Ie(3,H.IEditorService),Ie(4,X.IDrawingManagerService),Ie(5,i.Inject(je)),Ie(6,i.IUniverInstanceService),Ie(7,i.Inject(i.LifecycleService))],tt);var gn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,fn=(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?vn(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),yt=(s,e,n)=>fn(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(bt,a)}onStarting(){[[ke],[$e],[Ge],[We],[je],[N.DocFloatDomController],[He]].forEach(n=>this._injector.add(n))}onReady(){[[Le],[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)}},yt(N.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),yt(N.UniverDocsDrawingUIPlugin,"pluginName",mn),N.UniverDocsDrawingUIPlugin=hn([i.DependentOn(fe.UniverDrawingUIPlugin,X.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,B.UniverUIPlugin),nt(1,i.Inject(i.Injector)),nt(2,L.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=ye,N.RemoveDocDrawingCommand=Pe,N.SetDocDrawingArrangeCommand=qe,N.SidebarDocDrawingOperation=Je,N.UngroupDocDrawingCommand=Ke,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
15
110
 
16
111
 
17
112
  // index
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-docs-drawing",
3
- "version": "0.6.10",
3
+ "version": "0.7.0-nightly.202505071607",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -57,13 +57,13 @@
57
57
  "rxjs": ">=7.0.0"
58
58
  },
59
59
  "dependencies": {
60
- "@univerjs/docs-drawing": "0.6.10",
61
- "@univerjs/docs-drawing-ui": "0.6.10",
62
- "@univerjs/drawing": "0.6.10",
63
- "@univerjs/drawing-ui": "0.6.10"
60
+ "@univerjs/docs-drawing": "0.7.0-nightly.202505071607",
61
+ "@univerjs/docs-drawing-ui": "0.7.0-nightly.202505071607",
62
+ "@univerjs/drawing": "0.7.0-nightly.202505071607",
63
+ "@univerjs/drawing-ui": "0.7.0-nightly.202505071607"
64
64
  },
65
65
  "devDependencies": {
66
- "@univerjs/core": "0.6.10",
66
+ "@univerjs/core": "0.7.0-nightly.202505071607",
67
67
  "react": "18.3.1",
68
68
  "react-dom": "18.3.1",
69
69
  "typescript": "^5.8.2",