@univerjs/docs-drawing-ui 0.6.4-nightly.202503111607 → 0.6.5-nightly.202503121607

package/lib/types/controllers/doc-float-dom.controller.d.ts

@@ -0,0 +1,31 @@
+import { IDocFloatDomDataBase, IDrawingManagerService } from '@univerjs/drawing';
+import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
+import { DrawingRenderService } from '@univerjs/drawing-ui';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { CanvasFloatDomService } from '@univerjs/ui';
+interface IDocFloatDomParams extends IDocFloatDomDataBase {
+}
+export declare class DocFloatDomController extends Disposable {
+    private readonly _renderManagerService;
+    private readonly _drawingManagerService;
+    private readonly _drawingRenderService;
+    private readonly _canvasFloatDomService;
+    private readonly _univerInstanceService;
+    private readonly _commandService;
+    private _domLayerInfoMap;
+    constructor(_renderManagerService: IRenderManagerService, _drawingManagerService: IDrawingManagerService, _drawingRenderService: DrawingRenderService, _canvasFloatDomService: CanvasFloatDomService, _univerInstanceService: IUniverInstanceService, _commandService: ICommandService);
+    dispose(): void;
+    private _initialize;
+    private _getSceneAndTransformerByDrawingSearch;
+    private _drawingAddRemoveListener;
+    private _insertRects;
+    private _addHoverForRect;
+    private _removeDom;
+    private _initScrollAndZoomEvent;
+    insertFloatDom(floatDom: IDocFloatDomParams, opts: {
+        width?: number;
+        height: number;
+        drawingId?: string;
+    }): string | false;
+}
+export {};

package/lib/types/index.d.ts

@@ -16,6 +16,7 @@
 import './global.css';
 export { UniverDocsDrawingUIPlugin } from './plugin';
 export { DOCS_IMAGE_MENU_ID } from './views/menu/image.menu';
+export { DocFloatDomController } from './controllers/doc-float-dom.controller';
 export { DeleteDocDrawingsCommand } from './commands/commands/delete-doc-drawing.command';
 export { GroupDocDrawingCommand } from './commands/commands/group-doc-drawing.command';
 export { InsertDocDrawingCommand } from './commands/commands/insert-doc-drawing.command';

package/lib/umd/index.js

@@ -1 +1 @@
-(function(R,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):(R=typeof globalThis<"u"?globalThis:R||self,i(R.UniverDocsDrawingUi={},R.UniverCore,R.UniverDocsDrawing,R.UniverDrawing,R.UniverDrawingUi,R.UniverEngineRender,R.UniverUi,R.UniverDocs,R.UniverDocsUi,R.rxjs,R.UniverDesign,R.React,R.React))})(this,function(R,i,Q,$,Ce,k,V,H,z,fe,A,m,J){"use strict";var gt=Object.defineProperty;var mt=(R,i,Q)=>i in R?gt(R,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):R[i]=Q;var ue=(R,i,Q)=>mt(R,typeof i!="symbol"?i+"":i,Q);const Cn="docs-drawing-ui.config",tn={};var Tn=Object.getOwnPropertyDescriptor,On=(r,e,n,t)=>{for(var a=t>1?void 0:t?Tn(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},ye=(r,e)=>(n,t)=>e(n,t,r);function yn(r){var t,a,o,s;if(i.JSONX.isNoop(r)||!Array.isArray(r))return null;const e=r.find(c=>Array.isArray(c)&&(c==null?void 0:c[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 c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(a=c==null?void 0:c[1])==null?void 0:a.i});else n.push({type:(o=e[2])!=null&&o.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function bn(r){if(!Array.isArray(r)||r.length<3||r[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<r.length;n++){const t=r[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 Ae=class extends i.Disposable{constructor(r,e,n,t,a){super(),this._univerInstanceService=r,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=a,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(r=>{var c,d;if(r.id!==H.RichTextEditingMutation.id)return;const e=r.params,{unitId:n,actions:t}=e,a=this._univerInstanceService.getUniverDocInstance(n),o=(d=(c=a==null?void 0:a.getBody())==null?void 0:c.customBlocks)!=null?d:[],s=yn(t);if(s!=null)for(const{type:l,drawingId:g,drawing:f}of s){const u=o.find(v=>v.blockId===g);(u==null?void 0:u.blockType)!==i.BlockType.CUSTOM&&(l==="add"?this._addDrawings(n,[f]):this._removeDrawings(n,[g]))}})),this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==H.RichTextEditingMutation.id)return;const e=r.params,{unitId:n,actions:t}=e;bn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(r=>{var s;if(r.id!==i.UndoCommand.id&&r.id!==i.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),a=t==null?void 0:t.scene;if(a==null)return!1;a.getTransformerByCreate().refreshControls()}))}_addDrawings(r,e){const n=this._drawingManagerService,t=this._docDrawingService,a=this._docDrawingService.getBatchAddOp(e),{subUnitId:o,redo:s,objects:c}=a;n.applyJson1(r,o,s),t.applyJson1(r,o,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(r,e){const n=this._drawingManagerService,t=this._docDrawingService,a=this._docDrawingService.getBatchRemoveOp(e.map(d=>({unitId:r,subUnitId:r,drawingId:d}))),{subUnitId:o,redo:s,objects:c}=a;n.applyJson1(r,o,s),t.applyJson1(r,o,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(r){const e=this._univerInstanceService.getUniverDocInstance(r);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,a=this._docDrawingService;t.setDrawingOrder(r,r,n),a.setDrawingOrder(r,r,n);const o={unitId:r,subUnitId:r,drawingIds:n};t.orderNotification(o),a.orderNotification(o)}};Ae=On([ye(0,i.IUniverInstanceService),ye(1,i.ICommandService),ye(2,$.IDrawingManagerService),ye(3,Q.IDocDrawingService),ye(4,k.IRenderManagerService)],Ae);class xe{constructor(){ue(this,"_refreshDrawings$",new fe.BehaviorSubject(null));ue(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var te=(r=>(r.INLINE="inline",r.BEHIND_TEXT="behindText",r.IN_FRONT_OF_TEXT="inFrontOfText",r.WRAP_SQUARE="wrapSquare",r.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",r))(te||{});const Mn={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 rn(r,e,n,t,a,o,s){var v,p;const c=new i.TextX,d=i.JSONX.getInstance(),l=[],g=o.getSelfOrHeaderFooterModel(e).getBody(),f=o.getSelfOrHeaderFooterModel(r).getBody();if(g==null||f==null)return;const u=(p=(v=g.customBlocks)==null?void 0:v.find(S=>S.blockId===a))==null?void 0:p.startIndex;if(u!=null){if(t=Math.min(f.dataStream.length-2,t),r===e){if(t<u?(t>0&&c.push({t:i.TextXActionType.RETAIN,len:t}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:a}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:u-t}),c.push({t:i.TextXActionType.DELETE,len:1})):(u>0&&c.push({t:i.TextXActionType.RETAIN,len:u}),c.push({t:i.TextXActionType.DELETE,len:1}),t-u-1>0&&c.push({t:i.TextXActionType.RETAIN,len:t-u-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:a}]},len:1})),t!==u){const S=z.getRichTextEditPath(o,e),I=d.editOp(c.serialize(),S);l.push(I)}}else{u>0&&c.push({t:i.TextXActionType.RETAIN,len:u}),c.push({t:i.TextXActionType.DELETE,len:1});let S=z.getRichTextEditPath(o,e),I=d.editOp(c.serialize(),S);l.push(I),c.empty(),t>0&&c.push({t:i.TextXActionType.RETAIN,len:t}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:a}]},len:1}),S=z.getRichTextEditPath(o,r),I=d.editOp(c.serialize(),S),l.push(I),s.setSegment(r),s.setSegmentPage(n)}return l}}const an={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(r,e)=>{var L,G;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:a}=e,o=r.get(i.ICommandService),s=r.get(i.IUniverInstanceService),d=r.get(k.IRenderManagerService).getRenderById(a),l=d==null?void 0:d.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=d==null?void 0:d.with(H.DocSkeletonManagerService).getViewModel(),f=d==null?void 0:d.scene,u=s.getCurrentUniverDocInstance();if(u==null||l==null||f==null||g==null)return!1;const v=g.getEditArea(),p=f.getTransformerByCreate(),{pages:S,skeHeaders:I,skeFooters:D}=l,O=i.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const x of n){const{drawingId:w}=x,B=y[w].layoutType,q=Mn[t];if(B!==q){const C=O.replaceOp(["drawings",w,"layoutType"],B,q);T.push(C)}if(t==="behindText"||t==="inFrontOfText"){const C=y[w].behindDoc,E=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==E){const b=O.replaceOp(["drawings",w,"behindDoc"],C,E);T.push(b)}}if(t==="inline")continue;let F=null,K=0,_=0;for(const C of S){const{headerId:E,footerId:b,marginTop:j,marginLeft:W,marginBottom:P,pageWidth:U,pageHeight:Y}=C;switch(v){case k.DocumentEditArea.HEADER:{const X=(L=I.get(E))==null?void 0:L.get(U);X!=null&&X.skeDrawings.has(w)&&(F=X.skeDrawings.get(w),K=X.marginTop,_=W);break}case k.DocumentEditArea.FOOTER:{const X=(G=D.get(b))==null?void 0:G.get(U);X!=null&&X.skeDrawings.has(w)&&(F=X.skeDrawings.get(w),K=Y-P+X.marginTop,_=W);break}case k.DocumentEditArea.BODY:{C.skeDrawings.has(w)&&(F=C.skeDrawings.get(w),K=j,_=W);break}}if(F!=null)break}if(F!=null){const{aTop:C,aLeft:E}=F,b=y[w].docTransform.positionH;let j=E;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?j-=_:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(j-=F.columnLeft);const W={relativeFrom:b.relativeFrom,posOffset:j};if(b.posOffset!==W.posOffset){const X=O.replaceOp(["drawings",w,"docTransform","positionH"],b,W);T.push(X)}const P=y[w].docTransform.positionV;let U=C;P.relativeFrom===i.ObjectRelativeFromV.PAGE?U+=K:P.relativeFrom===i.ObjectRelativeFromV.LINE?U-=F.lineTop:P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(U-=F.blockAnchorTop);const Y={relativeFrom:P.relativeFrom,posOffset:U};if(P.posOffset!==Y.posOffset){const X=O.replaceOp(["drawings",w,"docTransform","positionV"],P,Y);T.push(X)}}}const N={id:H.RichTextEditingMutation.id,params:{unitId:a,actions:[],textRanges:null}};N.params.actions=T.reduce((x,w)=>i.JSONX.compose(x,w),null);const M=o.syncExecuteCommand(N.id,N.params);return p.refreshControls(),!!M}},on={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(r,e)=>{if(e==null)return!1;const n=r.get(i.ICommandService),a=r.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;const{drawings:o,dist:s,unitId:c}=e,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=a.getSnapshot();for(const v of o){const{drawingId:p}=v;for(const[S,I]of Object.entries(s)){const D=g[p][S];if(D!==I){const O=d.replaceOp(["drawings",p,S],D,I);l.push(O)}}}const f={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=l.reduce((v,p)=>i.JSONX.compose(v,p),null),!!n.syncExecuteCommand(f.id,f.params)}},sn={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(r,e)=>{if(e==null)return!1;const n=r.get(i.ICommandService),a=r.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;const{drawings:o,wrapText:s,unitId:c}=e,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=a.getSnapshot();for(const v of o){const{drawingId:p}=v,S=g[p].wrapText;if(S!==s){const I=d.replaceOp(["drawings",p,"wrapText"],S,s);l.push(I)}}const f={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=l.reduce((v,p)=>i.JSONX.compose(v,p),null),!!n.syncExecuteCommand(f.id,f.params)}},be={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(r,e)=>{if(e==null)return!1;const n=r.get(i.ICommandService),t=r.get(i.IUniverInstanceService),o=r.get(k.IRenderManagerService).getRenderById(e.unitId),s=o==null?void 0:o.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),d=t.getCurrentUniverDocInstance();if(d==null)return!1;const{drawings:l,unitId:g}=e,f=i.JSONX.getInstance(),u=[],{drawings:v={}}=d.getSnapshot();for(const I of l){const{drawingId:D,key:O,value:T}=I,y=v[D].docTransform[O];if(!i.Tools.diffValue(y,T)){const N=f.replaceOp(["drawings",D,"docTransform",O],y,T);u.push(N)}}const p={id:H.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};p.params.actions=u.reduce((I,D)=>i.JSONX.compose(I,D),null);const S=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!S}},cn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(r,e)=>{var G,x;if(e==null)return!1;const n=r.get(k.IRenderManagerService),t=(G=n.getRenderById(e.unitId))==null?void 0:G.with(z.DocSelectionRenderService),a=r.get(xe),o=n.getRenderById(e.unitId),s=o==null?void 0:o.scene,c=o==null?void 0:o.with(H.DocSkeletonManagerService).getSkeleton();if(s==null||t==null)return!1;const d=s.getTransformerByCreate(),l=r.get(i.ICommandService),f=r.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(f==null)return!1;const{drawing:u,unitId:v,offset:p,segmentId:S,segmentPage:I,needRefreshDrawings:D}=e;if(D)return a.refreshDrawings(c),d.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(x=t.getSegment())!=null?x:"",N=rn(S,y,I,p,T,f,t);if(N==null||N.length===0)return a.refreshDrawings(c),d.refreshControls(),!1;O.push(...N);const M={id:H.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};M.params.actions=O.reduce((w,B)=>i.JSONX.compose(w,B),null);const L=l.syncExecuteCommand(M.id,M.params);return d.refreshControls(),!!L}},ln={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(r,e)=>{var F,K;if(e==null)return!1;const n=r.get(k.IRenderManagerService),t=(F=n.getRenderById(e.unitId))==null?void 0:F.with(z.DocSelectionRenderService),a=n.getRenderById(e.unitId),o=a==null?void 0:a.scene;if(o==null||t==null)return!1;const s=o.getTransformerByCreate(),c=r.get(i.ICommandService),l=r.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:g,unitId:f,offset:u,docTransform:v,segmentId:p,segmentPage:S}=e,I=[],{drawingId:D}=g,O=(K=t.getSegment())!=null?K:"",T=rn(p,O,S,u,D,l,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=i.JSONX.getInstance(),{drawings:N={}}=l.getSnapshot(),M=N[D].docTransform,{positionH:L,positionV:G,size:x,angle:w}=M;if(!i.Tools.diffValue(L,v.positionH)){const _=y.replaceOp(["drawings",D,"docTransform","positionH"],L,v.positionH);I.push(_)}if(!i.Tools.diffValue(G,v.positionV)){const _=y.replaceOp(["drawings",D,"docTransform","positionV"],G,v.positionV);I.push(_)}if(!i.Tools.diffValue(x,v.size)){const _=y.replaceOp(["drawings",D,"docTransform","size"],x,v.size);I.push(_)}if(!i.Tools.diffValue(w,v.angle)){const _=y.replaceOp(["drawings",D,"docTransform","angle"],w,v.angle);I.push(_)}const B={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};B.params.actions=I.reduce((_,C)=>i.JSONX.compose(_,C),null);const q=c.syncExecuteCommand(B.id,B.params);return s.refreshControls(),!!q}};var Pn=Object.getOwnPropertyDescriptor,Nn=(r,e,n,t)=>{for(var a=t>1?void 0:t?Pn(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},Re=(r,e)=>(n,t)=>e(n,t,r);const En="__InlineDrawingAnchor__";function dn(r){const{path:e}=r;return e.some(n=>n==="cells")}let Le=class extends i.Disposable{constructor(e,n,t,a){super();ue(this,"_liquid",new k.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=a,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 a;const n=(a=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:a.transformer;if(n==null)return;this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(o=>{var c;this._transformerCache.clear();const{objects:s}=o;for(const d of s.values()){const{oKey:l,width:g,height:f,left:u,top:v,angle:p}=d,S=this._drawingManagerService.getDrawingOKey(l);if(S==null)continue;const I=this._univerInstanceService.getUniverDocInstance(S.unitId),D=(c=I==null?void 0:I.getSnapshot().drawings)==null?void 0:c[S.drawingId];(D==null?void 0:D.layoutType)===i.PositionedObjectLayoutType.INLINE&&d.setOpacity(.2),D!=null&&this._transformerCache.set(S.drawingId,{drawing:D,top:v,left:u,width:g,height:f,angle:p})}})));const t=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;if(s.size>1)t(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:f,height:u,top:v,left:p,angle:S}=g;if(l&&f===l.width&&u===l.height&&v===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(n.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 f=this._transformerCache.get(g==null?void 0:g.drawingId);(f==null?void 0:f.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE&&l.setOpacity(1)}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:f,height:u,top:v,left:p,angle:S}=g;if(l&&f===l.width&&u===l.height&&v===l.top&&p===l.left&&S===l.angle)return;l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?f!==l.width||u!==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(e){if(e.size<1)return;const n=[];let t,a;for(const o of e.values()){const{oKey:s,left:c,top:d,angle:l}=o;let{width:g,height:f}=o;const u=this._drawingManagerService.getDrawingOKey(s);if(u==null)continue;t==null&&(t=u.unitId),a==null&&(a=u.subUnitId);const v=this._transformerCache.get(u.drawingId);if(v==null)continue;const{drawing:p,top:S,left:I,width:D,height:O,angle:T}=v,{width:y,height:N}=this._getPageContentSize(p);if(g=Math.min(g,y),f=Math.min(f,N),(D!==g||O!==f)&&n.push({drawingId:u.drawingId,key:"size",value:{width:g,height:f}}),T!==l&&n.push({drawingId:u.drawingId,key:"angle",value:l}),S!==d||I!==c){const M=d-S,L=c-I;M!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+M}}),L!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+L}})}}n.length>0&&t&&a&&this._commandService.executeCommand(be.id,{unitId:t,subUnitId:a,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:a}=(o=this._getInlineDrawingAnchor(e,n,t))!=null?o:{};a!=null&&this._createOrUpdateInlineAnchor(e.unitId,a)}_getInlineDrawingAnchor(e,n,t){var F,K;const a=this._renderManagerService.getRenderById(e.unitId),o=a==null?void 0:a.with(H.DocSkeletonManagerService).getSkeleton();if(a==null)return;const{mainComponent:s,scene:c}=a,d=s,l=c.getViewports()[0],{pageLayoutType:g=k.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:u}=d.getOffsetConfig();let v=null,p=!1,S=-1,I="";const D=.5,O=this._getTransformCoordForDocumentOffset(d,l,n,t);if(O==null)return;const T=(F=this._renderManagerService.getRenderById(e.unitId))==null?void 0:F.with(z.DocSelectionRenderService);if(T==null)return;const y=o==null?void 0:o.findNodeByCoord(O,g,f,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:_,ratioX:C,segmentPage:E,segmentId:b}=y;p=C<D,v=_,S=E,I=b}if(v==null)return;const N=o==null?void 0:o.findPositionByGlyph(v,S),M=this._getDocObject();if(N==null||o==null||M==null||dn(N))return;const L={...N,isBack:p},G=M.document.getOffsetConfig(),x=new z.NodePositionConvertToCursor(G,o),{cursorList:w,contentBoxPointGroup:B}=x.getRangePointData(L,L),{startOffset:q}=(K=z.getOneTextSelectionRange(w))!=null?K:{};if(q!=null)return{offset:q,contentBoxPointGroup:B,segmentId:I,segmentPage:S}}_getDrawingAnchor(e,n){var ge,me,se,he,pe,we,_e,ve,ce,le,De;const t=this._renderManagerService.getRenderById(e.unitId),a=t==null?void 0:t.with(H.DocSkeletonManagerService).getSkeleton(),o=a==null?void 0:a.getSkeletonData();if(o==null||t==null)return;const{pages:s,skeHeaders:c,skeFooters:d}=o,{mainComponent:l,scene:g}=t,f=l,u=g.getViewports()[0],{pageLayoutType:v=k.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:S,docsLeft:I,docsTop:D}=f.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:N,height:M}=n;const{positionV:L,positionH:G}=e.docTransform,{width:x,height:w}=this._getPageContentSize(e);N=Math.min(N,x),M=Math.min(M,w);let B=null,q="",F=-1;const K=!1,_={...e.docTransform,size:{width:N,height:M},angle:y},{x:C,y:E}=g.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(f,u,O-C,T-E);if(b==null)return;const j=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(z.DocSelectionRenderService);if(j==null)return;const W=a==null?void 0:a.findNodeByCoord(b,v,p,S,{strict:!1,segmentId:j.getSegment(),segmentPage:j.getSegmentPage()});if(W){const{node:de,segmentPage:en,segmentId:nn}=W;B=de,F=en,q=nn}if(B==null)return;const P=(me=B.parent)==null?void 0:me.parent,U=P==null?void 0:P.parent,Y=(se=U==null?void 0:U.lines.find(de=>de.paragraphIndex===(P==null?void 0:P.paragraphIndex)&&de.paragraphStart))!=null?se:U==null?void 0:U.lines[0],X=(he=U==null?void 0:U.parent)==null?void 0:he.parent;if(P==null||U==null||Y==null||X==null)return;this._liquid.reset();const Z=X.type;for(const de of s){const{headerId:en,footerId:nn,pageHeight:ct,pageWidth:_n,marginLeft:Dn,marginBottom:lt}=de,dt=s.indexOf(de);if(F>-1&&dt===F){switch(Z){case k.DocumentSkeletonPageType.HEADER:{const Ee=(pe=c.get(en))==null?void 0:pe.get(_n);if(Ee)this._liquid.translatePagePadding({marginTop:Ee.marginTop,marginLeft:Dn});else throw new Error("header skeleton not found");break}case k.DocumentSkeletonPageType.FOOTER:{const Ee=(we=d.get(nn))==null?void 0:we.get(_n);if(Ee)this._liquid.translatePagePadding({marginTop:ct-lt+Ee.marginTop,marginLeft:Dn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(de),de===X)break;this._liquid.restorePagePadding(de),this._liquid.translatePage(de,v,p,S)}switch(L.relativeFrom===i.ObjectRelativeFromV.LINE?B=P.divides[0].glyphGroup[0]:B=(le=(ce=(ve=(_e=Y.divides)==null?void 0:_e[0])==null?void 0:ve.glyphGroup)==null?void 0:ce[0])!=null?le:B,_.positionH={relativeFrom:G.relativeFrom,posOffset:O-this._liquid.x-I},G.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=O-this._liquid.x-I-X.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=O-this._liquid.x-I-U.left;break}}switch(_.positionV={relativeFrom:L.relativeFrom,posOffset:T-this._liquid.y-D},L.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=T-this._liquid.y-D-X.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=T-this._liquid.y-D-P.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=T-this._liquid.y-D-Y.top;break}}if(B==null)return;const ae=a==null?void 0:a.findPositionByGlyph(B,F),Oe=this._getDocObject();if(ae==null||a==null||Oe==null||dn(ae))return;const Se={...ae,isBack:K},Ne=Oe.document.getOffsetConfig(),oe=new z.NodePositionConvertToCursor(Ne,a),{cursorList:ee}=oe.getRangePointData(Se,Se),{startOffset:ne}=(De=z.getOneTextSelectionRange(ee))!=null?De:{};if(ne!=null)return{offset:ne,docTransform:_,segmentId:q,segmentPage:F}}_updateDrawingSize(e,n){const t=[],{drawing:a,width:o,height:s,angle:c}=e,{unitId:d,subUnitId:l}=a;let{width:g,height:f,angle:u}=n;const{width:v,height:p}=this._getPageContentSize(a);g=Math.min(v,g),f=Math.min(p,f),(g!==o||f!==s)&&t.push({drawingId:a.drawingId,key:"size",value:{width:g,height:f}}),u!==c&&t.push({drawingId:a.drawingId,key:"angle",value:u}),t.length>0&&d&&l&&this._commandService.executeCommand(be.id,{unitId:d,subUnitId:l,drawings:t})}_moveInlineDrawing(e,n,t){const a=this._getInlineDrawingAnchor(e,n,t),{offset:o,segmentId:s,segmentPage:c}=a!=null?a:{};return this._commandService.executeCommand(cn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,segmentId:s,segmentPage:c,needRefreshDrawings:o==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:a,top:o,width:s,height:c,angle:d}=n,l=t==null?void 0:t.with(H.DocSkeletonManagerService).getSkeleton(),g=l==null?void 0:l.getSkeletonData(),{pages:f}=g!=null?g:{};if(g==null||t==null||f==null)return{left:a,top:o,width:s,height:c,angle:d};const{mainComponent:u}=t,v=u,{top:p,pageLayoutType:S,pageMarginLeft:I,pageMarginTop:D}=v;let O=o;this._liquid.reset();for(const T of f){const{marginBottom:y,pageHeight:N}=T,M=f.indexOf(T),L=f[M+1];if(L==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+p+N-y,this._liquid.y+p+N+D+L.marginTop)){const x=o+c/2,w=this._liquid.y+p+N+D/2;x<w?O=Math.min(o,this._liquid.y+p+N-y-c):O=Math.max(o,this._liquid.y+p+N+D+L.marginTop)}this._liquid.translatePage(T,S,I,D)}return{left:a,top:O,width:s,height:c,angle:d}}_nonInlineDrawingTransform(e,n,t=!1){const a=e.isMultiTransform===i.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&a.top!==n.top)return;const o=this._getDrawingAnchor(e,a),{offset:s,docTransform:c,segmentId:d,segmentPage:l}=o!=null?o:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(ln.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:c,segmentId:d,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const a=t.getTransformerByCreate();return{scene:t,transformer:a}}_getTransformCoordForDocumentOffset(e,n,t,a){const{documentTransform:o}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(k.Vector2.FromArray([t,a]));if(s)return o.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:a,scene:o}=t,s=a,{docsLeft:c,docsTop:d}=s.getOffsetConfig(),l=z.getAnchorBounding(n),{left:g,top:f,height:u}=l,v=g+c,p=f+d;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:p,height:u}),this._anchorShape.show();return}const S=6,I=new k.Rect(En+i.Tools.generateRandomId(S),{left:v,top:p,height:u,strokeWidth:2,stroke:k.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=I,o.addObject(I,z.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return z.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(H.DocSkeletonManagerService).getSkeleton(),a=500,o=500,s=t==null?void 0:t.getSkeletonData();if(s==null||n==null)return{width:a,height:o};const{pages:c}=s;let d=null;for(const l of c){const{skeDrawings:g}=l;if(g.has(e.drawingId)){d=l;break}}if(d){const{pageWidth:l,pageHeight:g,marginLeft:f,marginBottom:u,marginRight:v,marginTop:p}=d;return{width:Math.max(a,l-f-v),height:Math.max(o,g-p-u)}}else return{width:a,height:o}}};Le=Nn([Re(0,i.ICommandService),Re(1,i.IUniverInstanceService),Re(2,$.IDrawingManagerService),Re(3,k.IRenderManagerService)],Le);var ie=function(){return ie=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},ie.apply(this,arguments)},An=function(r,e){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,t=Object.getOwnPropertySymbols(r);a<t.length;a++)e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(r,t[a])&&(n[t[a]]=r[t[a]]);return n},gn=J.forwardRef(function(r,e){var n=r.icon,t=r.id,a=r.className,o=r.extend,s=An(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(a||"").trim(),d=J.useRef("_".concat(Ln()));return mn(n,"".concat(t),{defIds:n.defIds,idSuffix:d.current},ie({ref:e,className:c},s),o)});function mn(r,e,n,t,a){return J.createElement(r.tag,ie(ie({key:e},xn(r,n,a)),t),(Rn(r,n).children||[]).map(function(o,s){return mn(o,"".concat(e,"-").concat(r.tag,"-").concat(s),n,void 0,a)}))}function xn(r,e,n){var t=ie({},r.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1),r.tag==="mask"&&t.id&&(t.id=t.id+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],c=o[1];s==="mask"&&typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var a=e.defIds;return!a||a.length===0||(r.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Rn(r,e){var n,t=e.defIds;return!t||t.length===0?r:r.tag==="defs"&&(!((n=r.children)===null||n===void 0)&&n.length)?ie(ie({},r),{children:r.children.map(function(a){return typeof a.attrs.id=="string"&&t&&t.indexOf(a.attrs.id)>-1?ie(ie({},a),{attrs:ie(ie({},a.attrs),{id:a.attrs.id+e.idSuffix})}):a})}):r}function Ln(){return Math.random().toString(36).substring(2,8)}gn.displayName="UniverIcon";var Un={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"}}]},un=J.forwardRef(function(r,e){return J.createElement(gn,Object.assign({},r,{id:"add-image-single",ref:e,icon:Un}))});un.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(r,e)=>{var N,M,L,G;const n=r.get(i.ICommandService),t=r.get(i.IUniverInstanceService),a=r.get(k.IRenderManagerService),o=t.getCurrentUniverDocInstance();if(e==null||o==null)return!1;const s=a.getRenderById(e.unitId).with(z.DocSelectionRenderService),{drawings:c}=e,d=(N=s.getSegment())!=null?N:"",l=new i.TextX,g=i.JSONX.getInstance(),f=(L=(M=o.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:M.customBlocks)!=null?L:[],u=c.map(x=>f.find(w=>w.blockId===x.drawingId)).filter(x=>!!x).sort((x,w)=>x.startIndex>w.startIndex?1:-1),v=c[0].unitId,p=new i.MemoryCursor;p.reset();const S=u[0].startIndex,I=[{startOffset:S,endOffset:S}],D={id:H.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const x of u){const{startIndex:w}=x;w>p.cursor&&l.push({t:i.TextXActionType.RETAIN,len:w-p.cursor}),l.push({t:i.TextXActionType.DELETE,len:1}),p.moveCursorTo(w+1)}const T=z.getRichTextEditPath(o,d);O.push(g.editOp(l.serialize(),T));for(const x of u){const{blockId:w}=x,B=((G=o.getDrawings())!=null?G:{})[w],F=o.getDrawingsOrder().indexOf(w),K=g.removeOp(["drawings",w],B),_=g.removeOp(["drawingsOrder",F],w);O.push(K),O.push(_)}return D.params.actions=O.reduce((x,w)=>i.JSONX.compose(x,w),null),!!n.syncExecuteCommand(D.id,D.params)}},Ve={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:r=>{const e=r.get(i.ICommandService),t=r.get(Q.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:a}=t[0],o=t.map(s=>{const{unitId:c,subUnitId:d,drawingId:l,drawingType:g}=s;return{unitId:c,subUnitId:d,drawingId:l,drawingType:g}});return e.executeCommand(Ue.id,{unitId:a,drawings:o})}},We={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(r,e)=>{r.get(i.ICommandService),r.get(i.IUndoRedoService);const n=r.get(Q.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:g,children:f})=>{t.push(g.unitId),f.forEach(u=>{t.push(u.unitId)})});const a=n.getGroupDrawingOp(e),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=a;return!1}},Xe={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(r,e)=>{var M,L,G,x;if(e==null)return!1;const n=r.get(i.ICommandService),t=r.get(H.DocSelectionManagerService),a=r.get(i.IUniverInstanceService),o=t.getActiveTextRange(),s=a.getCurrentUniverDocInstance();if(o==null||s==null)return!1;const c=s.getUnitId(),{drawings:d}=e,{collapsed:l,startOffset:g,segmentId:f}=o,u=s.getSelfOrHeaderFooterModel(f).getBody();if(u==null)return!1;const v=new i.TextX,p=i.JSONX.getInstance(),S=[],I=(L=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?L:0;let D=0;if(l)g>0&&v.push({t:i.TextXActionType.RETAIN,len:g});else{const w=i.BuildTextUtils.selection.delete([o],u,0,null,!1);v.push(...w);const B=z.getCustomBlockIdsInSelections(u,[o]),q=(G=s.getDrawings())!=null?G:{},F=(x=s.getDrawingsOrder())!=null?x:[],K=B.sort((_,C)=>F.indexOf(_)>F.indexOf(C)?-1:F.indexOf(_)<F.indexOf(C)?1:0);if(K.length>0)for(const _ of K){const C=q[_],E=F.indexOf(_);if(C==null||E<0)continue;const b=p.removeOp(["drawings",_],C),j=p.removeOp(["drawingsOrder",E],_);S.push(b),S.push(j),D++}}v.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(d.length),customBlocks:d.map((w,B)=>({startIndex:B,blockId:w.drawingId}))},len:d.length});const O=z.getRichTextEditPath(s,f),T=p.editOp(v.serialize(),O);S.push(T);for(const w of d){const{drawingId:B}=w,q=p.insertOp(["drawings",B],w),F=p.insertOp(["drawingsOrder",I-D],B);S.push(q),S.push(F)}const y={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=S.reduce((w,B)=>i.JSONX.compose(w,B),null),!!n.syncExecuteCommand(y.id,y.params)}},$e={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(r,e)=>{const n=r.get(i.ICommandService),t=r.get(Q.IDocDrawingService);if(e==null)return!1;const{unitId:a,subUnitId:o,drawingIds:s,arrangeType:c}=e,d={unitId:a,subUnitId:o,drawingIds:s};let l;if(c===i.ArrangeTypeEnum.forward?l=t.getForwardDrawingsOp(d):c===i.ArrangeTypeEnum.backward?l=t.getBackwardDrawingOp(d):c===i.ArrangeTypeEnum.front?l=t.getFrontDrawingsOp(d):c===i.ArrangeTypeEnum.back&&(l=t.getBackDrawingsOp(d)),l==null)return!1;const{redo:g}=l;if(g==null)return!1;const f=[];let u=i.Tools.deepClone(g);u=u.slice(3),u.unshift("drawingsOrder"),f.push(u);const v={id:H.RichTextEditingMutation.id,params:{unitId:a,actions:[],textRanges:null}};return v.params.actions=f.reduce((S,I)=>i.JSONX.compose(S,I),null),!!n.syncExecuteCommand(v.id,v.params)}},ze={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(r,e)=>{r.get(i.ICommandService),r.get(i.IUndoRedoService);const n=r.get(Q.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:g,children:f})=>{t.push(g.unitId),f.forEach(u=>{t.push(u.unitId)})});const a=n.getUngroupDrawingOp(e),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=a;return!1}};var Fn=Object.getOwnPropertyDescriptor,Bn=(r,e,n,t)=>{for(var a=t>1?void 0:t?Fn(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},re=(r,e)=>(n,t)=>e(n,t,r);let Fe=class extends i.Disposable{constructor(r,e,n,t,a,o,s,c,d,l,g,f,u){super(),this._context=r,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=a,this._docDrawingService=o,this._drawingManagerService=s,this._contextService=c,this._messageService=d,this._localeService=l,this._docSelectionRenderService=g,this._docRefreshDrawingsService=f,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const r=await this._fileOpenerService.openFile({multiple:!0,accept:$.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=r.length;return e>$.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:A.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String($.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(r),!0)}async _insertFloatImages(r){let e=[];try{e=await Promise.all(r.map(a=>this._imageIoService.saveImage(a)))}catch(a){const o=a.message;let s="";switch(o){case $.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String($.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case $.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case $.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:A.MessageType.Error,content:s})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const a of e){if(a==null)continue;const{imageId:o,imageSourceType:s,source:c,base64Cache:d}=a,{width:l,height:g,image:f}=await $.getImageSize(d||"");this._imageIoService.addImageSourceCache(o,s,f);let u=1;if(l>$.DRAWING_IMAGE_WIDTH_LIMIT||g>$.DRAWING_IMAGE_HEIGHT_LIMIT){const I=$.DRAWING_IMAGE_WIDTH_LIMIT/l,D=$.DRAWING_IMAGE_HEIGHT_LIMIT/g;u=Math.min(I,D)}const v=this._getImagePosition(l*u,g*u);if(v==null)return;const p={unitId:n,subUnitId:n,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:z.docDrawingPositionToTransform(v),docTransform:v,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),t.push(p)}this._commandService.executeCommand(Xe.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:r}=this._context,e=(t=this._renderManagerSrv.getRenderById(r))==null?void 0:t.with(H.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===k.DocumentEditArea.HEADER||n===k.DocumentEditArea.FOOTER}_getImagePosition(r,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0};return{size:{width:r,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(r=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:a}=r;this._commandService.executeCommand($e.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:a})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(r=>{this._commandService.executeCommand(We.id,r)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(r=>{this._commandService.executeCommand(ze.id,r)})}_getCurrentSceneAndTransformer(){const{scene:r,mainComponent:e}=this._context;if(r==null||e==null)return;const n=r.getTransformerByCreate(),{docsLeft:t,docsTop:a}=e.getOffsetConfig();return{scene:r,transformer:n,docsLeft:t,docsTop:a}}_transformDrawingListener(){const r=this._getCurrentSceneAndTransformer();if(r&&r.transformer)this.disposeWithMe(r.transformer.changeEnd$.pipe(fe.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(r=>{var a;const{transformer:e,docsLeft:n,docsTop:t}=(a=this._getCurrentSceneAndTransformer())!=null?a:{};if(r==null||r.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(r),this._setDrawingSelections(r);const o=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(r[0].drawingId);o!==s&&this._docSelectionRenderService.setSegment(s),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(r){var s,c,d;const{unit:e}=this._context,{body:n,headers:t={},footers:a={}}=e.getSnapshot();if(((s=n==null?void 0:n.customBlocks)!=null?s:[]).some(l=>l.blockId===r))return"";for(const l of Object.keys(t))if((c=t[l].body.customBlocks)!=null&&c.some(g=>g.blockId===r))return l;for(const l of Object.keys(a))if((d=a[l].body.customBlocks)!=null&&d.some(g=>g.blockId===r))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:r,scene:e,unitId:n}=this._context,t=(c=this._renderManagerSrv.getRenderById(n))==null?void 0:c.with(H.DocSkeletonManagerService).getViewModel();if(t==null||r==null)return;const a=r.getSnapshot(),{drawings:o={}}=a,s=t.getEditArea()===k.DocumentEditArea.BODY;for(const d of Object.keys(o)){const l=o[d],g=$.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:l.drawingId,subUnitId:n}),f=e.fuzzyMathObjects(g,!0);if(f.length)for(const u of f)e.detachTransformerFrom(u),u.setOpacity(.5),(s&&l.isMultiTransform!==i.BooleanNumber.TRUE||!s&&l.isMultiTransform===i.BooleanNumber.TRUE)&&(e.attachTransformerTo(u),u.setOpacity(1))}}_editAreaChangeListener(){var n;const{unitId:r}=this._context,e=(n=this._renderManagerSrv.getRenderById(r))==null?void 0:n.with(H.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===H.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(r){var a,o;const{unit:e}=this._context,n=(o=(a=e.getSnapshot().body)==null?void 0:a.customBlocks)!=null?o:[],t=r.map(s=>{const c=s.drawingId,d=n.find(l=>l.blockId===c);return d?d.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Fe=Bn([re(1,i.ICommandService),re(2,i.Inject(H.DocSelectionManagerService)),re(3,k.IRenderManagerService),re(4,$.IImageIoService),re(5,Q.IDocDrawingService),re(6,$.IDrawingManagerService),re(7,i.IContextService),re(8,V.IMessageService),re(9,i.Inject(i.LocaleService)),re(10,i.Inject(z.DocSelectionRenderService)),re(11,i.Inject(xe)),re(12,V.ILocalFileService)],Fe);const qe={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:r=>{var t,a;const e=r.get(i.IUniverInstanceService),n=r.get(k.IRenderManagerService);return(a=(t=k.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,n))==null?void 0:t.with(Fe).insertDocImage())!=null?a:!1}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(r,e)=>{const n=r.get(i.ICommandService),t=r.get(Q.IDocDrawingService),a=r.get(i.IUniverInstanceService),o=r.get(k.IRenderManagerService),{direction:s}=e,c=t.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 f=g.getTransformerByCreate(),u=a.getUniverDocInstance(d),v=c.map(S=>{var M,L,G,x,w;const{drawingId:I}=S,D=(M=u==null?void 0:u.getSnapshot().drawings)==null?void 0:M[I];if(D==null||D.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=D.docTransform,y={...O},N={...T};return s===i.Direction.UP?N.posOffset=((L=N.posOffset)!=null?L:0)-2:s===i.Direction.DOWN?N.posOffset=((G=N.posOffset)!=null?G:0)+2:s===i.Direction.LEFT?y.posOffset=((x=y.posOffset)!=null?x:0)-2:s===i.Direction.RIGHT&&(y.posOffset=((w=y.posOffset)!=null?w:0)+2),{drawingId:I,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?N:y}}).filter(S=>S!=null);if(v.length===0)return!1;const p=n.syncExecuteCommand(be.id,{unitId:d,subUnitId:d,drawings:v});return f.refreshControls(),!!p}},fn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(r,e)=>{const n=r.get(k.IRenderManagerService);return e.forEach(t=>{var a,o;(o=(a=n.getRenderById(t))==null?void 0:a.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},hn="COMPONENT_DOC_DRAWING_PANEL",Ke={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(r,e)=>{const n=r.get(V.ISidebarService),t=r.get(i.LocaleService),a=r.get($.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:hn},onClose:()=>{a.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Je={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(r,e)=>{const n=r.get($.IDrawingManagerService),t=r.get(i.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Ke.id,{value:"open"}),!0)}},h={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"},pn=-1e3,vn=1e3,jn=r=>{const e=V.useDependency(i.ICommandService),n=V.useDependency(i.LocaleService),t=V.useDependency($.IDrawingManagerService),a=V.useDependency(k.IRenderManagerService),o=V.useDependency(i.IUniverInstanceService),{drawings:s}=r,c=s[0];if(c==null)return;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=l==null?void 0:l.getSnapshot().documentStyle.documentFlavor,f=a.getRenderById(d),u=f==null?void 0:f.scene;if(u==null)return;const v=u.getTransformerByCreate(),p=[{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)}],S=[{label:n.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[I,D]=J.useState(!0),[O,T]=J.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[y,N]=J.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[M,L]=J.useState(!0),[G,x]=J.useState(!0);function w(C,E){var P;C==="positionH"?T(E):N(E);const b=t.getFocusDrawings();if(b.length===0)return;const j=b.map(U=>({unitId:U.unitId,subUnitId:U.subUnitId,drawingId:U.drawingId}));e.executeCommand(be.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:j.map(U=>({drawingId:U.drawingId,key:C,value:E}))});const W=(P=a.getRenderById(d))==null?void 0:P.with(z.DocSelectionRenderService);W&&W.blur(),v.refreshControls()}function B(C){var ne,ge,me;const E=O.relativeFrom,b=O.posOffset,j=Number(C);if(E===j)return;const W=t.getFocusDrawings();if(W.length===0)return;const P=W[0].drawingId,U=W[0].unitId;let Y=null,X=0;const Z=(ne=a.getRenderById(U))==null?void 0:ne.with(H.DocSkeletonManagerService).getSkeleton(),ae=Z==null?void 0:Z.getSkeletonData();if(ae==null)return;const{pages:Oe,skeHeaders:Se,skeFooters:Ne}=ae;for(const se of Oe){const{marginLeft:he,skeDrawings:pe,headerId:we,footerId:_e,pageWidth:ve}=se;if(pe.has(P)){Y=pe.get(P),X=he;break}const ce=(ge=Se.get(we))==null?void 0:ge.get(ve);if(ce!=null&&ce.skeDrawings.has(P)){Y=ce==null?void 0:ce.skeDrawings.get(P),X=he;break}const le=(me=Ne.get(_e))==null?void 0:me.get(ve);if(le!=null&&le.skeDrawings.has(P)){Y=le==null?void 0:le.skeDrawings.get(P),X=he;break}}if(Y==null)return;let oe=0;E===i.ObjectRelativeFromH.COLUMN?oe-=Y.columnLeft:E===i.ObjectRelativeFromH.MARGIN&&(oe-=X),j===i.ObjectRelativeFromH.COLUMN?oe+=Y.columnLeft:j===i.ObjectRelativeFromH.MARGIN?oe+=X:i.ObjectRelativeFromH.PAGE;const ee={relativeFrom:j,posOffset:(b!=null?b:0)-oe};w("positionH",ee)}function q(C){var pe,we,_e,ve,ce,le;const E=y.relativeFrom,b=y.posOffset,j=Number(C);if(E===j)return;const W=t.getFocusDrawings();if(W.length===0)return;const{drawingId:P,unitId:U}=W[0],Y=o.getUniverDocInstance(U),X=(pe=a.getRenderById(U))==null?void 0:pe.with(H.DocSkeletonManagerService).getSkeleton(),Z=(we=a.getRenderById(U))==null?void 0:we.with(z.DocSelectionRenderService),ae=Z==null?void 0:Z.getSegment(),Oe=Z==null?void 0:Z.getSegmentPage(),Se=(ve=(_e=Y==null?void 0:Y.getSelfOrHeaderFooterModel(ae).getBody())==null?void 0:_e.customBlocks)==null?void 0:ve.find(De=>De.blockId===P);if(Se==null||X==null||Z==null)return;const{startIndex:Ne}=Se,oe=X.findNodeByCharIndex(Ne,ae,Oe),ee=(ce=oe==null?void 0:oe.parent)==null?void 0:ce.parent,ne=ee==null?void 0:ee.parent,ge=ne==null?void 0:ne.lines.find(De=>De.paragraphIndex===(ee==null?void 0:ee.paragraphIndex)&&De.paragraphStart),me=(le=ne==null?void 0:ne.parent)==null?void 0:le.parent;if(oe==null||ee==null||ge==null||ne==null||me==null)return;let se=0;E===i.ObjectRelativeFromV.PARAGRAPH?se-=ge.top:E===i.ObjectRelativeFromV.LINE?se-=ee.top:E===i.ObjectRelativeFromV.PAGE&&(se+=me.marginTop),j===i.ObjectRelativeFromV.PARAGRAPH?se+=ge.top:j===i.ObjectRelativeFromV.LINE?se+=ee.top:j===i.ObjectRelativeFromV.PAGE&&(se-=me.marginTop);const he={relativeFrom:j,posOffset:(b!=null?b:0)-se};w("positionV",he)}function F(C){var U;const E=l==null?void 0:l.getSnapshot(),b=(U=E==null?void 0:E.drawings)==null?void 0:U[C.drawingId];if(b==null)return;const{layoutType:j}=b,{positionH:W,positionV:P}=b.docTransform;T(W),N(P),D(j===i.PositionedObjectLayoutType.INLINE),L(P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||P.relativeFrom===i.ObjectRelativeFromV.LINE)}function K(){const C=t.getFocusDrawings();C.length!==0&&F(C[0])}function _(C){L(C),q(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return J.useEffect(()=>{K();const C=t.focus$.subscribe(b=>{if(b.length===0){x(!1);return}x(!0),F(b[0])}),E=e.onCommandExecuted(async b=>{b.id===H.RichTextEditingMutation.id&&K()});return()=>{C.unsubscribe(),E.dispose()}},[]),m.jsxs("div",{className:A.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),style:{display:G?"block":"none"},children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-position.title")})})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:m.jsx("div",{children:n.t("image-position.horizontal")})})}),m.jsxs("div",{className:h.imageCommonPanelRow,children:[m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.InputNumber,{min:pn,max:vn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{w("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:h.imageCommonPanelInput})})})]})}),m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.Select,{value:String(O.relativeFrom),disabled:I,options:p,onChange:B})})})]})})]}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:m.jsx("div",{children:n.t("image-position.vertical")})})}),m.jsxs("div",{className:h.imageCommonPanelRow,children:[m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.InputNumber,{min:pn,max:vn,precision:1,disabled:I,value:y.posOffset,onChange:C=>{w("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:h.imageCommonPanelInput})})})]})}),m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.Select,{disabled:I,value:String(y.relativeFrom),options:S,onChange:q})})})]})})]}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:m.jsx("div",{children:n.t("image-position.options")})})}),m.jsx("div",{className:h.imageCommonPanelRow,style:{marginBottom:"50px"},children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.Checkbox,{disabled:I,checked:M,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},Be=0,je=100,kn=r=>{const e=V.useDependency(i.ICommandService),n=V.useDependency(i.LocaleService),t=V.useDependency($.IDrawingManagerService),a=V.useDependency(k.IRenderManagerService),o=V.useDependency(i.IUniverInstanceService),{drawings:s}=r,c=s[0];if(c==null)return null;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=a.getRenderById(d);if((g==null?void 0:g.scene)==null)return null;const[u,v]=J.useState(!0),[p,S]=J.useState(!0),[I,D]=J.useState(!0),[O,T]=J.useState(te.INLINE),[y,N]=J.useState(""),[M,L]=J.useState({distT:0,distL:0,distB:0,distR:0}),[G,x]=J.useState(!0);function w(_){T(_);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:E,subUnitId:b}=C[0],j=C.map(({unitId:W,subUnitId:P,drawingId:U})=>({unitId:W,subUnitId:P,drawingId:U}));e.executeCommand(an.id,{unitId:E,subUnitId:b,drawings:j,wrappingStyle:_})}function B(_){N(_);const C=t.getFocusDrawings();if(C.length===0)return;const E=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(sn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:E,wrapText:_})}function q(_,C){if(_==null)return;const E={...M,[C]:_};L(E);const b=t.getFocusDrawings();if(b.length===0)return;const j=b.map(W=>({unitId:W.unitId,subUnitId:W.subUnitId,drawingId:W.drawingId}));e.executeCommand(on.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:j,dist:{[C]:_}})}function F(){const _=t.getFocusDrawings();_.length!==0&&K(_[0])}function K(_){var Z,ae;const C=(ae=(Z=l==null?void 0:l.getSnapshot())==null?void 0:Z.drawings)==null?void 0:ae[_.drawingId];if(C==null)return;const{distT:E=0,distL:b=0,distB:j=0,distR:W=0,layoutType:P=i.PositionedObjectLayoutType.INLINE,behindDoc:U=i.BooleanNumber.FALSE,wrapText:Y=i.WrapTextType.BOTH_SIDES}=C;if(L({distT:E,distL:b,distB:j,distR:W}),N(Y),v(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?D(!0):D(!1),P===i.PositionedObjectLayoutType.WRAP_NONE)U===i.BooleanNumber.TRUE?T(te.BEHIND_TEXT):T(te.IN_FRONT_OF_TEXT);else switch(P){case i.PositionedObjectLayoutType.INLINE:T(te.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:T(te.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(te.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${P}`)}}return J.useEffect(()=>{F();const _=t.focus$.subscribe(E=>{if(E.length===0){x(!1);return}x(!0),K(E[0])}),C=e.onCommandExecuted(async E=>{E.id===H.RichTextEditingMutation.id&&F()});return()=>{_.unsubscribe(),C.dispose()}},[]),m.jsxs("div",{className:A.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),style:{display:G?"block":"none"},children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-text-wrap.title")})})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:m.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),m.jsx("div",{className:A.clsx(h.imageCommonPanelRow),children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn),children:m.jsxs(A.RadioGroup,{value:O,onChange:w,direction:"vertical",children:[m.jsx(A.Radio,{value:te.INLINE,children:n.t("image-text-wrap.inline")}),m.jsx(A.Radio,{value:te.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),m.jsx(A.Radio,{value:te.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),m.jsx(A.Radio,{value:te.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),m.jsx(A.Radio,{value:te.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:m.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),m.jsx("div",{className:A.clsx(h.imageCommonPanelRow),children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn),children:m.jsxs(A.RadioGroup,{disabled:u,value:y,onChange:B,direction:"horizontal",children:[m.jsx(A.Radio,{value:i.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),m.jsx(A.Radio,{value:i.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),m.jsx(A.Radio,{value:i.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSubtitle),children:m.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),m.jsxs("div",{className:h.imageCommonPanelRow,children:[m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.InputNumber,{min:Be,max:je,disabled:p,precision:1,value:M.distT,onChange:_=>{q(_,"distT")},className:h.imageCommonPanelInput})})})]})}),m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.InputNumber,{min:Be,max:je,disabled:I,precision:1,value:M.distL,onChange:_=>{q(_,"distL")},className:h.imageCommonPanelInput})})})]})})]}),m.jsxs("div",{className:h.imageCommonPanelRow,children:[m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.InputNumber,{min:Be,max:je,disabled:p,precision:1,value:M.distB,onChange:_=>{q(_,"distB")},className:h.imageCommonPanelInput})})})]})}),m.jsx("div",{className:A.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:m.jsxs("label",{children:[m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),m.jsx("div",{className:h.imageCommonPanelRow,children:m.jsx("div",{className:h.imageCommonPanelColumn,children:m.jsx(A.InputNumber,{min:Be,max:je,disabled:I,precision:1,value:M.distR,onChange:_=>{q(_,"distR")},className:h.imageCommonPanelInput})})})]})})]})]})},Hn=()=>{const r=V.useDependency($.IDrawingManagerService),e=r.getFocusDrawings(),[n,t]=J.useState(e);return J.useEffect(()=>{const a=r.focus$.subscribe(o=>{t(o)});return()=>{a.unsubscribe()}},[]),!!(n!=null&&n.length)&&m.jsxs("div",{className:h.imageCommonPanel,children:[m.jsx(Ce.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),m.jsx(kn,{drawings:n}),m.jsx(jn,{drawings:n})]})},In="addition-and-subtraction-single",Ye="doc.menu.image",Sn=qe.id,Gn=r=>{const e=r.get(H.DocSelectionManagerService),n=r.get(i.IUniverInstanceService);return new fe.Observable(t=>{const a=e.textSelection$.subscribe(()=>{var s;const o=e.getActiveTextRange();if(o){const{segmentId:c,startOffset:d,endOffset:l}=o,g=n.getCurrentUniverDocInstance(),f=(s=g==null?void 0:g.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:s.tables;if(f&&f.length&&f.some(u=>{const{startIndex:v,endIndex:p}=u;return d>=v&&d<p||l>=v&&l<p})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>a.unsubscribe()})};function Vn(r){return{id:Ye,type:V.MenuItemType.SUBITEMS,icon:In,tooltip:"docImage.title",disabled$:Gn(r),hidden$:V.getMenuHiddenObservable(r,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function Wn(r){return{id:Sn,title:"docImage.upload.float",type:V.MenuItemType.BUTTON,hidden$:V.getMenuHiddenObservable(r,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const Xn={[V.RibbonStartGroup.LAYOUT]:{[Ye]:{order:0,menuItemFactory:Vn,[Sn]:{order:0,menuItemFactory:Wn}}}};function Me(r){return r.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const $n={id:Te.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_DOWN,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.DOWN}},zn={id:Te.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_UP,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.UP}},qn={id:Te.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_LEFT,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.LEFT}},Kn={id:Te.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:V.KeyCode.ARROW_RIGHT,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.RIGHT}},Jn={id:Ve.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Me,binding:V.KeyCode.DELETE,mac:V.KeyCode.BACKSPACE};var Yn=Object.getOwnPropertyDescriptor,Zn=(r,e,n,t)=>{for(var a=t>1?void 0:t?Yn(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},ke=(r,e)=>(n,t)=>e(n,t,r);let He=class extends i.Disposable{constructor(r,e,n,t){super(),this._componentManager=r,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const r=this._componentManager;this.disposeWithMe(r.register(In,un)),this.disposeWithMe(r.register(hn,Hn))}_initMenus(){this._menuManagerService.mergeMenu(Xn)}_initCommands(){[qe,Xe,an,on,sn,be,cn,ln,Ue,Ke,fn,Je,We,ze,Te,Ve,$e].forEach(r=>this.disposeWithMe(this._commandService.registerCommand(r)))}_initShortcuts(){[$n,zn,qn,Kn,Jn].forEach(r=>{this.disposeWithMe(this._shortcutService.registerShortcut(r))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};He=Zn([ke(0,i.Inject(V.ComponentManager)),ke(1,V.IMenuManagerService),ke(2,i.ICommandService),ke(3,V.IShortcutService)],He);var Qn=Object.getOwnPropertyDescriptor,et=(r,e,n,t)=>{for(var a=t>1?void 0:t?Qn(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},Pe=(r,e)=>(n,t)=>e(n,t,r);let Ge=class extends i.RxDisposable{constructor(e,n,t,a,o){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=a,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(fe.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(fe.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 Ce.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var o;const n=(o=this._renderManagerService.getRenderById(e))==null?void 0:o.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const a=[];this.disposeWithMe(i.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(a.forEach(I=>I.dispose()),a.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)return;const{unitId:g,subUnitId:f,drawingId:u}=l,v=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Ce.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,f,u)}},g);a.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===f&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:f,drawingId:u}])}))),this.disposeWithMe(i.toDisposable(t.clearControl$.subscribe(()=>{a.forEach(s=>s.dispose()),a.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(()=>{a.forEach(s=>s.dispose()),a.length=0}))),this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(()=>{a.forEach(s=>s.dispose()),a.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Je.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!i.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:Ue.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Ce.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:Ce.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Ge=et([Pe(0,$.IDrawingManagerService),Pe(1,i.Inject(z.DocCanvasPopManagerService)),Pe(2,k.IRenderManagerService),Pe(3,i.IUniverInstanceService),Pe(4,i.IContextService)],Ge);var nt=Object.getOwnPropertyDescriptor,tt=(r,e,n,t)=>{for(var a=t>1?void 0:t?nt(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},Ie=(r,e)=>(n,t)=>e(n,t,r);let Ze=class extends i.Disposable{constructor(e,n,t,a,o,s,c,d){super();ue(this,"_liquid",new k.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=a,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(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[H.RichTextEditingMutation.id,z.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:a}=t,{unitId:o,mainComponent:s}=this._context;if(a!==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(fe.filter(e=>e.type===k.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),fe.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 O,T;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:a}=this._context,o=t;if(!n)return;const{left:s,top:c,pageLayoutType:d,pageMarginLeft:l,pageMarginTop:g}=o,{pages:f,skeHeaders:u,skeFooters:v}=n,p={};this._liquid.reset();for(let y=0,N=f.length;y<N;y++){const M=f[y],{headerId:L,footerId:G,pageWidth:x}=M;if(L){const w=(O=u.get(L))==null?void 0:O.get(x);w&&this._calculateDrawingPosition(a,w,s,c,p,w.marginTop,M.marginLeft)}if(G){const w=(T=v.get(G))==null?void 0:T.get(x);w&&this._calculateDrawingPosition(a,w,s,c,p,M.pageHeight-M.marginBottom+w.marginTop,M.marginLeft)}this._calculateDrawingPosition(a,M,s,c,p,M.marginTop,M.marginLeft),this._liquid.translatePage(M,d,l,g)}const S=Object.values(p),I=S.filter(y=>!y.isMultiTransform),D=S.filter(y=>y.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(D)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,a=n.getTransformerByCreate();e.forEach(d=>{const l=this._drawingManagerService.getDrawingByParam(d);l!=null&&(l.transform=d.transform,l.transforms=d.transforms,l.isMultiTransform=d.isMultiTransform)});const s=[...a.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(d=>d.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),e.length>0&&this._drawingManagerService.addNotification(e);for(const d of s){const l=n.getObject(d);l&&a.setSelectedControl(l)}}_calculateDrawingPosition(e,n,t,a,o,s,c){const{skeDrawings:d}=n;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),d.forEach(l=>{const{aLeft:g,aTop:f,height:u,width:v,angle:p,drawingId:S,drawingOrigin:I}=l,D=I.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:O=i.BooleanNumber.FALSE}=I,T={left:g+t+this._liquid.x,top:f+a+this._liquid.y,width:v,height:u,angle:p};o[S]==null?o[S]={unitId:e,subUnitId:e,drawingId:S,behindText:D,transform:T,transforms:[T],isMultiTransform:O}:O===i.BooleanNumber.TRUE&&o[S].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:c})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage===i.LifecycleStages.Steady?setTimeout(()=>{e()},1e3):this._lifecycleService.lifecycle$.pipe(fe.filter(n=>n===i.LifecycleStages.Steady)).subscribe(e)}};Ze=tt([Ie(1,i.Inject(H.DocSkeletonManagerService)),Ie(2,i.ICommandService),Ie(3,z.IEditorService),Ie(4,$.IDrawingManagerService),Ie(5,i.Inject(xe)),Ie(6,i.IUniverInstanceService),Ie(7,i.Inject(i.LifecycleService))],Ze);var it=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,at=(r,e,n)=>e in r?it(r,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[e]=n,ot=(r,e,n,t)=>{for(var a=t>1?void 0:t?rt(e,n):e,o=r.length-1,s;o>=0;o--)(s=r[o])&&(a=s(a)||a);return a},Qe=(r,e)=>(n,t)=>e(n,t,r),wn=(r,e,n)=>at(r,typeof e!="symbol"?e+"":e,n);const st="DOC_DRAWING_UI_PLUGIN";R.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=tn,n,t,a){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=a;const{...o}=i.merge({},tn,this._config);this._configService.setConfig(Cn,o)}onStarting(){[[He],[Ge],[Le],[Ae],[xe]].forEach(n=>this._injector.add(n))}onReady(){[[Fe],[Ze]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Ae),this._injector.get(He),this._injector.get(Le)}onRendered(){this._injector.get(Ge)}},wn(R.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),wn(R.UniverDocsDrawingUIPlugin,"pluginName",st),R.UniverDocsDrawingUIPlugin=ot([i.DependentOn(Ce.UniverDrawingUIPlugin,$.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,V.UniverUIPlugin),Qe(1,i.Inject(i.Injector)),Qe(2,k.IRenderManagerService),Qe(3,i.IConfigService)],R.UniverDocsDrawingUIPlugin),R.ClearDocDrawingTransformerOperation=fn,R.DOCS_IMAGE_MENU_ID=Ye,R.DeleteDocDrawingsCommand=Ve,R.EditDocDrawingOperation=Je,R.GroupDocDrawingCommand=We,R.InsertDocDrawingCommand=Xe,R.InsertDocImageCommand=qe,R.MoveDocDrawingsCommand=Te,R.RemoveDocDrawingCommand=Ue,R.SetDocDrawingArrangeCommand=$e,R.SidebarDocDrawingOperation=Ke,R.UngroupDocDrawingCommand=ze,Object.defineProperty(R,Symbol.toStringTag,{value:"Module"})});
+(function(E,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@univerjs/docs-drawing"),require("@univerjs/drawing"),require("@univerjs/drawing-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("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):(E=typeof globalThis<"u"?globalThis:E||self,i(E.UniverDocsDrawingUi={},E.UniverCore,E.UniverDocsDrawing,E.UniverDrawing,E.UniverDrawingUi,E.UniverEngineRender,E.UniverUi,E.UniverDocs,E.UniverDocsUi,E.rxjs,E.UniverDesign,E.React,E.React))})(this,function(E,i,Q,z,Ie,B,W,H,G,ee,x,u,Y){"use strict";var ft=Object.defineProperty;var pt=(E,i,Q)=>i in E?ft(E,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):E[i]=Q;var me=(E,i,Q)=>pt(E,typeof i!="symbol"?i+"":i,Q);const yn="docs-drawing-ui.config",on={};var On=Object.getOwnPropertyDescriptor,bn=(o,n,t,e)=>{for(var r=e>1?void 0:e?On(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},be=(o,n)=>(t,e)=>n(t,e,o);function Mn(o){var e,r,a,s;if(i.JSONX.isNoop(o)||!Array.isArray(o))return null;const n=o.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:(a=n[2])!=null&&a.i?"add":"remove",drawingId:n[1],drawing:(s=n[2])==null?void 0:s.i});return t}function Pn(o){if(!Array.isArray(o)||o.length<3||o[0]!=="drawingsOrder")return[];const n=[];for(let t=1;t<o.length;t++){const e=o[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 xe=class extends i.Disposable{constructor(o,n,t,e,r){super(),this._univerInstanceService=o,this._commandService=n,this._drawingManagerService=t,this._docDrawingService=e,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(o=>{var c,d;if(o.id!==H.RichTextEditingMutation.id)return;const n=o.params,{unitId:t,actions:e}=n,r=this._univerInstanceService.getUniverDocInstance(t),a=(d=(c=r==null?void 0:r.getBody())==null?void 0:c.customBlocks)!=null?d:[],s=Mn(e);if(s!=null)for(const{type:l,drawingId:g,drawing:h}of s){const m=a.find(v=>v.blockId===g);(m==null?void 0:m.blockType)!==i.BlockType.CUSTOM&&(l==="add"?this._addDrawings(t,[h]):this._removeDrawings(t,[g]))}})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{if(o.id!==H.RichTextEditingMutation.id)return;const n=o.params,{unitId:t,actions:e}=n;Pn(e).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{var s;if(o.id!==i.UndoCommand.id&&o.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(o,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(n),{subUnitId:a,redo:s,objects:c}=r;t.applyJson1(o,a,s),e.applyJson1(o,a,s),t.addNotification(c),e.addNotification(c)}_removeDrawings(o,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(n.map(d=>({unitId:o,subUnitId:o,drawingId:d}))),{subUnitId:a,redo:s,objects:c}=r;t.applyJson1(o,a,s),e.applyJson1(o,a,s),t.removeNotification(c),e.removeNotification(c)}_updateDrawingsOrder(o){const n=this._univerInstanceService.getUniverDocInstance(o);if(n==null)return;const t=n.getSnapshot().drawingsOrder;if(t==null)return;const e=this._drawingManagerService,r=this._docDrawingService;e.setDrawingOrder(o,o,t),r.setDrawingOrder(o,o,t);const a={unitId:o,subUnitId:o,drawingIds:t};e.orderNotification(a),r.orderNotification(a)}};xe=bn([be(0,i.IUniverInstanceService),be(1,i.ICommandService),be(2,z.IDrawingManagerService),be(3,Q.IDocDrawingService),be(4,B.IRenderManagerService)],xe);class Re{constructor(){me(this,"_refreshDrawings$",new ee.BehaviorSubject(null));me(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(n){this._refreshDrawings$.next(n)}}var ie=(o=>(o.INLINE="inline",o.BEHIND_TEXT="behindText",o.IN_FRONT_OF_TEXT="inFrontOfText",o.WRAP_SQUARE="wrapSquare",o.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",o))(ie||{});const En={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 an(o,n,t,e,r,a,s){var v,f;const c=new i.TextX,d=i.JSONX.getInstance(),l=[],g=a.getSelfOrHeaderFooterModel(n).getBody(),h=a.getSelfOrHeaderFooterModel(o).getBody();if(g==null||h==null)return;const m=(f=(v=g.customBlocks)==null?void 0:v.find(S=>S.blockId===r))==null?void 0:f.startIndex;if(m!=null){if(e=Math.min(h.dataStream.length-2,e),o===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(a,n),I=d.editOp(c.serialize(),S);l.push(I)}}else{m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1});let S=G.getRichTextEditPath(a,n),I=d.editOp(c.serialize(),S);l.push(I),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(a,o),I=d.editOp(c.serialize(),S),l.push(I),s.setSegment(o),s.setSegmentPage(t)}return l}}const sn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(o,n)=>{var L,V;if(n==null)return!1;const{drawings:t,wrappingStyle:e,unitId:r}=n,a=o.get(i.ICommandService),s=o.get(i.IUniverInstanceService),d=o.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 v=g.getEditArea(),f=h.getTransformerByCreate(),{pages:S,skeHeaders:I,skeFooters:w}=l,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=m.getSnapshot();for(const R of t){const{drawingId:_}=R,j=O[_].layoutType,q=En[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(v){case B.DocumentEditArea.HEADER:{const $=(L=I.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=w.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 N={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};N.params.actions=y.reduce((R,_)=>i.JSONX.compose(R,_),null);const M=a.syncExecuteCommand(N.id,N.params);return f.refreshControls(),!!M}},cn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(o,n)=>{if(n==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,dist:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const v of a){const{drawingId:f}=v;for(const[S,I]of Object.entries(s)){const w=g[f][S];if(w!==I){const T=d.replaceOp(["drawings",f,S],w,I);l.push(T)}}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((v,f)=>i.JSONX.compose(v,f),null),!!t.syncExecuteCommand(h.id,h.params)}},ln={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(o,n)=>{if(n==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,wrapText:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const v of a){const{drawingId:f}=v,S=g[f].wrapText;if(S!==s){const I=d.replaceOp(["drawings",f,"wrapText"],S,s);l.push(I)}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((v,f)=>i.JSONX.compose(v,f),null),!!t.syncExecuteCommand(h.id,h.params)}},Me={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(o,n)=>{if(n==null)return!1;const t=o.get(i.ICommandService),e=o.get(i.IUniverInstanceService),a=o.get(B.IRenderManagerService).getRenderById(n.unitId),s=a==null?void 0:a.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:v={}}=d.getSnapshot();for(const I of l){const{drawingId:w,key:T,value:y}=I,O=v[w].docTransform[T];if(!i.Tools.diffValue(O,y)){const N=h.replaceOp(["drawings",w,"docTransform",T],O,y);m.push(N)}}const f={id:H.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};f.params.actions=m.reduce((I,w)=>i.JSONX.compose(I,w),null);const S=t.syncExecuteCommand(f.id,f.params);return c.refreshControls(),!!S}},dn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(o,n)=>{var V,R;if(n==null)return!1;const t=o.get(B.IRenderManagerService),e=(V=t.getRenderById(n.unitId))==null?void 0:V.with(G.DocSelectionRenderService),r=o.get(Re),a=t.getRenderById(n.unitId),s=a==null?void 0:a.scene,c=a==null?void 0:a.with(H.DocSkeletonManagerService).getSkeleton();if(s==null||e==null)return!1;const d=s.getTransformerByCreate(),l=o.get(i.ICommandService),h=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:m,unitId:v,offset:f,segmentId:S,segmentPage:I,needRefreshDrawings:w}=n;if(w)return r.refreshDrawings(c),d.refreshControls(),!0;const T=[],{drawingId:y}=m,O=(R=e.getSegment())!=null?R:"",N=an(S,O,I,f,y,h,e);if(N==null||N.length===0)return r.refreshDrawings(c),d.refreshControls(),!1;T.push(...N);const M={id:H.RichTextEditingMutation.id,params:{unitId:v,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:(o,n)=>{var U,K;if(n==null)return!1;const t=o.get(B.IRenderManagerService),e=(U=t.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService),r=t.getRenderById(n.unitId),a=r==null?void 0:r.scene;if(a==null||e==null)return!1;const s=a.getTransformerByCreate(),c=o.get(i.ICommandService),l=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:g,unitId:h,offset:m,docTransform:v,segmentId:f,segmentPage:S}=n,I=[],{drawingId:w}=g,T=(K=e.getSegment())!=null?K:"",y=an(f,T,S,m,w,l,e);if(y==null)return!1;y.length>0&&I.push(...y);const O=i.JSONX.getInstance(),{drawings:N={}}=l.getSnapshot(),M=N[w].docTransform,{positionH:L,positionV:V,size:R,angle:_}=M;if(!i.Tools.diffValue(L,v.positionH)){const D=O.replaceOp(["drawings",w,"docTransform","positionH"],L,v.positionH);I.push(D)}if(!i.Tools.diffValue(V,v.positionV)){const D=O.replaceOp(["drawings",w,"docTransform","positionV"],V,v.positionV);I.push(D)}if(!i.Tools.diffValue(R,v.size)){const D=O.replaceOp(["drawings",w,"docTransform","size"],R,v.size);I.push(D)}if(!i.Tools.diffValue(_,v.angle)){const D=O.replaceOp(["drawings",w,"docTransform","angle"],_,v.angle);I.push(D)}const j={id:H.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};j.params.actions=I.reduce((D,C)=>i.JSONX.compose(D,C),null);const q=c.syncExecuteCommand(j.id,j.params);return s.refreshControls(),!!q}};var Nn=Object.getOwnPropertyDescriptor,An=(o,n,t,e)=>{for(var r=e>1?void 0:e?Nn(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},Le=(o,n)=>(t,e)=>n(t,e,o);const xn="__InlineDrawingAnchor__";function mn(o){const{path:n}=o;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(a=>{var c;this._transformerCache.clear();const{objects:s}=a;for(const d of s.values()){const{oKey:l,width:g,height:h,left:m,top:v,angle:f}=d,S=this._drawingManagerService.getDrawingOKey(l);if(S==null)continue;const I=this._univerInstanceService.getUniverDocInstance(S.unitId),w=(c=I==null?void 0:I.getSnapshot().drawings)==null?void 0:c[S.drawingId];if((w==null?void 0:w.layoutType)===i.PositionedObjectLayoutType.INLINE)try{d.setOpacity(.2)}catch{}w!=null&&this._transformerCache.set(S.drawingId,{drawing:w,top:v,left:m,width:g,height:h,angle:f})}})));const e=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:d}=a;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:v,left:f,angle:S}=g;if(l&&h===l.width&&m===l.height&&v===l.top&&f===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(a=>{const{objects:s,offsetX:c,offsetY:d}=a;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:v,left:f,angle:S}=g;if(l&&h===l.width&&m===l.height&&v===l.top&&f===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 a of n.values()){const{oKey:s,left:c,top:d,angle:l}=a;let{width:g,height:h}=a;const m=this._drawingManagerService.getDrawingOKey(s);if(m==null)continue;e==null&&(e=m.unitId),r==null&&(r=m.subUnitId);const v=this._transformerCache.get(m.drawingId);if(v==null)continue;const{drawing:f,top:S,left:I,width:w,height:T,angle:y}=v,{width:O,height:N}=this._getPageContentSize(f);if(g=Math.min(g,O),h=Math.min(h,N),(w!==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||I!==c){const M=d-S,L=c-I;M!==0&&t.push({drawingId:m.drawingId,key:"positionV",value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+M}}),L!==0&&t.push({drawingId:m.drawingId,key:"positionH",value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.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 a;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(a=this._getInlineDrawingAnchor(n,t,e))!=null?a:{};r!=null&&this._createOrUpdateInlineAnchor(n.unitId,r)}_getInlineDrawingAnchor(n,t,e){var U,K;const r=this._renderManagerService.getRenderById(n.unitId),a=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 v=null,f=!1,S=-1,I="";const w=.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=a==null?void 0:a.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;f=C<w,v=D,S=A,I=b}if(v==null)return;const N=a==null?void 0:a.findPositionByGlyph(v,S),M=this._getDocObject();if(N==null||a==null||M==null||mn(N))return;const L={...N,isBack:f},V=M.document.getOffsetConfig(),R=new G.NodePositionConvertToCursor(V,a),{cursorList:_,contentBoxPointGroup:j}=R.getRangePointData(L,L),{startOffset:q}=(K=G.getOneTextSelectionRange(_))!=null?K:{};if(q!=null)return{offset:q,contentBoxPointGroup:j,segmentId:I,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(),a=r==null?void 0:r.getSkeletonData();if(a==null||e==null)return;const{pages:s,skeHeaders:c,skeFooters:d}=a,{mainComponent:l,scene:g}=e,h=l,m=g.getViewports()[0],{pageLayoutType:v=B.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:S,docsLeft:I,docsTop:w}=h.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:N,height:M}=t;const{positionV:L,positionH:V}=n.docTransform,{width:R,height:_}=this._getPageContentSize(n);N=Math.min(N,R),M=Math.min(M,_);let j=null,q="",U=-1;const K=!1,D={...n.docTransform,size:{width:N,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,v,f,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,v,f,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-I},V.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=T-this._liquid.x-I-$.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=T-this._liquid.x-I-F.left;break}}switch(D.positionV={relativeFrom:L.relativeFrom,posOffset:y-this._liquid.y-w},L.relativeFrom){case i.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=y-this._liquid.y-w-$.marginTop;break}case i.ObjectRelativeFromV.LINE:{D.positionV.posOffset=y-this._liquid.y-w-P.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=y-this._liquid.y-w-J.top;break}}if(j==null)return;const ae=r==null?void 0:r.findPositionByGlyph(j,U),Oe=this._getDocObject();if(ae==null||r==null||Oe==null||mn(ae))return;const we={...ae,isBack:K},Ne=Oe.document.getOffsetConfig(),se=new G.NodePositionConvertToCursor(Ne,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:a,height:s,angle:c}=n,{unitId:d,subUnitId:l}=r;let{width:g,height:h,angle:m}=t;const{width:v,height:f}=this._getPageContentSize(r);g=Math.min(v,g),h=Math.min(f,h),(g!==a||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:a,segmentId:s,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(dn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:a,segmentId:s,segmentPage:c,needRefreshDrawings:a==null})}_limitDrawingInPage(n,t){const e=this._renderManagerService.getRenderById(n.unitId),{left:r,top:a,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:a,width:s,height:c,angle:d};const{mainComponent:m}=e,v=m,{top:f,pageLayoutType:S,pageMarginLeft:I,pageMarginTop:w}=v;let T=a;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:N}=y,M=h.indexOf(y),L=h[M+1];if(L==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(a,a+c,this._liquid.y+f+N-O,this._liquid.y+f+N+w+L.marginTop)){const R=a+c/2,_=this._liquid.y+f+N+w/2;R<_?T=Math.min(a,this._liquid.y+f+N-O-c):T=Math.max(a,this._liquid.y+f+N+w+L.marginTop)}this._liquid.translatePage(y,S,I,w)}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 a=this._getDrawingAnchor(n,r),{offset:s,docTransform:c,segmentId:d,segmentPage:l}=a!=null?a:{};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:a}=n.getOffsetConfig(),s=t.transformVector2SceneCoord(B.Vector2.FromArray([e,r]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(n,t){const e=this._renderManagerService.getRenderById(n);if(e==null)return;const{mainComponent:r,scene:a}=e,s=r,{docsLeft:c,docsTop:d}=s.getOffsetConfig(),l=G.getAnchorBounding(t),{left:g,top:h,height:m}=l,v=g+c,f=h+d;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:f,height:m}),this._anchorShape.show();return}const S=6,I=new B.Rect(xn+i.Tools.generateRandomId(S),{left:v,top:f,height:m,strokeWidth:2,stroke:B.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=I,a.addObject(I,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,a=500,s=e==null?void 0:e.getSkeletonData();if(s==null||t==null)return{width:r,height:a};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:v,marginTop:f}=d;return{width:Math.max(r,l-h-v),height:Math.max(a,g-f-m)}}else return{width:r,height:a}}};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(o){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)&&(o[r]=n[r])}return o},re.apply(this,arguments)},Rn=function(o,n){var t={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&n.indexOf(e)<0&&(t[e]=o[e]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(o);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(o,e[r])&&(t[e[r]]=o[e[r]]);return t},un=Y.forwardRef(function(o,n){var t=o.icon,e=o.id,r=o.className,a=o.extend,s=Rn(o,["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),a)});function hn(o,n,t,e,r){return Y.createElement(o.tag,re(re({key:n},Ln(o,t,r)),e),(Fn(o,t).children||[]).map(function(a,s){return hn(a,"".concat(n,"-").concat(o.tag,"-").concat(s),t,void 0,r)}))}function Ln(o,n,t){var e=re({},o.attrs);t!=null&&t.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=t.colorChannel1),o.tag==="mask"&&e.id&&(e.id=e.id+n.idSuffix),Object.entries(e).forEach(function(a){var s=a[0],c=a[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||(o.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+n.idSuffix),Object.entries(e).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),e}function Fn(o,n){var t,e=n.defIds;return!e||e.length===0?o:o.tag==="defs"&&(!((t=o.children)===null||t===void 0)&&t.length)?re(re({},o),{children:o.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})}):o}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(o,n){return Y.createElement(un,Object.assign({},o,{id:"add-image-single",ref:n,icon:Bn}))});fn.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(o,n)=>{var N,M,L,V;const t=o.get(i.ICommandService),e=o.get(i.IUniverInstanceService),r=o.get(B.IRenderManagerService),a=e.getCurrentUniverDocInstance();if(n==null||a==null)return!1;const s=r.getRenderById(n.unitId).with(G.DocSelectionRenderService),{drawings:c}=n,d=(N=s.getSegment())!=null?N:"",l=new i.TextX,g=i.JSONX.getInstance(),h=(L=(M=a.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:M.customBlocks)!=null?L:[],m=c.map(R=>h.find(_=>_.blockId===R.drawingId)).filter(R=>!!R).sort((R,_)=>R.startIndex>_.startIndex?1:-1),v=c[0].unitId,f=new i.MemoryCursor;f.reset();const S=m[0].startIndex,I=[{startOffset:S,endOffset:S}],w={id:H.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},T=[];for(const R of m){const{startIndex:_}=R;_>f.cursor&&l.push({t:i.TextXActionType.RETAIN,len:_-f.cursor}),l.push({t:i.TextXActionType.DELETE,len:1}),f.moveCursorTo(_+1)}const y=G.getRichTextEditPath(a,d);T.push(g.editOp(l.serialize(),y));for(const R of m){const{blockId:_}=R,j=((V=a.getDrawings())!=null?V:{})[_],U=a.getDrawingsOrder().indexOf(_),K=g.removeOp(["drawings",_],j),D=g.removeOp(["drawingsOrder",U],_);T.push(K),T.push(D)}return w.params.actions=T.reduce((R,_)=>i.JSONX.compose(R,_),null),!!t.syncExecuteCommand(w.id,w.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:o=>{const n=o.get(i.ICommandService),e=o.get(Q.IDocDrawingService).getFocusDrawings();if(e.length===0)return!1;const{unitId:r}=e[0],a=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:a})}},$e={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(o,n)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.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:a,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}},Be={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(o,n)=>{var M,L,V,R;if(n==null)return!1;const t=o.get(i.ICommandService),e=o.get(H.DocSelectionManagerService),r=o.get(i.IUniverInstanceService),a=e.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(a==null||s==null)return!1;const c=s.getUnitId(),{drawings:d}=n,{collapsed:l,startOffset:g,segmentId:h}=a,m=s.getSelfOrHeaderFooterModel(h).getBody();if(m==null)return!1;const v=new i.TextX,f=i.JSONX.getInstance(),S=[],I=(L=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?L:0;let w=0;if(l)g>0&&v.push({t:i.TextXActionType.RETAIN,len:g});else{const _=i.BuildTextUtils.selection.delete([a],m,0,null,!1);v.push(..._);const j=G.getCustomBlockIdsInSelections(m,[a]),q=(V=s.getDrawings())!=null?V:{},U=(R=s.getDrawingsOrder())!=null?R:[],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=f.removeOp(["drawings",D],C),k=f.removeOp(["drawingsOrder",A],D);S.push(b),S.push(k),w++}}v.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=f.editOp(v.serialize(),T);S.push(y);for(const _ of d){const{drawingId:j}=_,q=f.insertOp(["drawings",j],_),U=f.insertOp(["drawingsOrder",I-w],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:(o,n)=>{const t=o.get(i.ICommandService),e=o.get(Q.IDocDrawingService);if(n==null)return!1;const{unitId:r,subUnitId:a,drawingIds:s,arrangeType:c}=n,d={unitId:r,subUnitId:a,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 v={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return v.params.actions=h.reduce((S,I)=>i.JSONX.compose(S,I),null),!!t.syncExecuteCommand(v.id,v.params)}},qe={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(o,n)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.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:a,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}};var jn=Object.getOwnPropertyDescriptor,kn=(o,n,t,e)=>{for(var r=e>1?void 0:e?jn(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},oe=(o,n)=>(t,e)=>n(t,e,o);let je=class extends i.Disposable{constructor(o,n,t,e,r,a,s,c,d,l,g,h,m){super(),this._context=o,this._commandService=n,this._docSelectionManagerService=t,this._renderManagerSrv=e,this._imageIoService=r,this._docDrawingService=a,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 o=await this._fileOpenerService.openFile({multiple:!0,accept:z.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),n=o.length;return n>z.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(z.DRAWING_IMAGE_COUNT_LIMIT))}),!1):n===0?!1:(await this._insertFloatImages(o),!0)}async _insertFloatImages(o){let n=[];try{n=await Promise.all(o.map(r=>this._imageIoService.saveImage(r)))}catch(r){const a=r.message;let s="";switch(a){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:x.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:a,imageSourceType:s,source:c,base64Cache:d}=r,{width:l,height:g,image:h}=await z.getImageSize(d||"");this._imageIoService.addImageSourceCache(a,s,h);let m=1;if(l>z.DRAWING_IMAGE_WIDTH_LIMIT||g>z.DRAWING_IMAGE_HEIGHT_LIMIT){const I=z.DRAWING_IMAGE_WIDTH_LIMIT/l,w=z.DRAWING_IMAGE_HEIGHT_LIMIT/g;m=Math.min(I,w)}const v=this._getImagePosition(l*m,g*m);if(v==null)return;const f={unitId:t,subUnitId:t,drawingId:a,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:G.docDrawingPositionToTransform(v),docTransform:v,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(f.isMultiTransform=i.BooleanNumber.TRUE,f.transforms=f.transform?[f.transform]:null),e.push(f)}this._commandService.executeCommand(Be.id,{unitId:t,drawings:e})}_isInsertInHeaderFooter(){var e;const{unitId:o}=this._context,n=(e=this._renderManagerSrv.getRenderById(o))==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(o,n){const t=this._docSelectionRenderService.getActiveTextRange(),e=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:o,height:n},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:e.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(o=>{const{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r}=o;this._commandService.executeCommand(ze.id,{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(o=>{this._commandService.executeCommand($e.id,o)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(o=>{this._commandService.executeCommand(qe.id,o)})}_getCurrentSceneAndTransformer(){const{scene:o,mainComponent:n}=this._context;if(o==null||n==null)return;const t=o.getTransformerByCreate(),{docsLeft:e,docsTop:r}=n.getOffsetConfig();return{scene:o,transformer:t,docsLeft:e,docsTop:r}}_transformDrawingListener(){const o=this._getCurrentSceneAndTransformer();if(o&&o.transformer)this.disposeWithMe(o.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(o=>{var r;const{transformer:n,docsLeft:t,docsTop:e}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(o==null||o.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(o),this._setDrawingSelections(o);const a=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(o[0].drawingId);a!==s&&this._docSelectionRenderService.setSegment(s),n&&n.resetProps({zeroTop:e,zeroLeft:t})}}))}_findSegmentIdByDrawingId(o){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===o))return"";for(const l of Object.keys(e))if((c=e[l].body.customBlocks)!=null&&c.some(g=>g.blockId===o))return l;for(const l of Object.keys(r))if((d=r[l].body.customBlocks)!=null&&d.some(g=>g.blockId===o))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:o,scene:n,unitId:t}=this._context,e=(c=this._renderManagerSrv.getRenderById(t))==null?void 0:c.with(H.DocSkeletonManagerService).getViewModel();if(e==null||o==null)return;const r=o.getSnapshot(),{drawings:a={}}=r,s=e.getEditArea()===B.DocumentEditArea.BODY;for(const d of Object.keys(a)){const l=a[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:o}=this._context,n=(t=this._renderManagerSrv.getRenderById(o))==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(o){var r,a;const{unit:n}=this._context,t=(a=(r=n.getSnapshot().body)==null?void 0:r.customBlocks)!=null?a:[],e=o.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([oe(1,i.ICommandService),oe(2,i.Inject(H.DocSelectionManagerService)),oe(3,B.IRenderManagerService),oe(4,z.IImageIoService),oe(5,Q.IDocDrawingService),oe(6,z.IDrawingManagerService),oe(7,i.IContextService),oe(8,W.IMessageService),oe(9,i.Inject(i.LocaleService)),oe(10,i.Inject(G.DocSelectionRenderService)),oe(11,i.Inject(Re)),oe(12,W.ILocalFileService)],je);const Ke={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:o=>{var e,r;const n=o.get(i.IUniverInstanceService),t=o.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:(o,n)=>{const t=o.get(i.ICommandService),e=o.get(Q.IDocDrawingService),r=o.get(i.IUniverInstanceService),a=o.get(B.IRenderManagerService),{direction:s}=n,c=e.getFocusDrawings();if(c.length===0)return!1;const d=c[0].unitId,l=a.getRenderById(d),g=l==null?void 0:l.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),m=r.getUniverDocInstance(d),v=c.map(S=>{var M,L,V,R,_;const{drawingId:I}=S,w=(M=m==null?void 0:m.getSnapshot().drawings)==null?void 0:M[I];if(w==null||w.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=w.docTransform,O={...T},N={...y};return s===i.Direction.UP?N.posOffset=((L=N.posOffset)!=null?L:0)-2:s===i.Direction.DOWN?N.posOffset=((V=N.posOffset)!=null?V:0)+2:s===i.Direction.LEFT?O.posOffset=((R=O.posOffset)!=null?R:0)-2:s===i.Direction.RIGHT&&(O.posOffset=((_=O.posOffset)!=null?_:0)+2),{drawingId:I,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?N:O}}).filter(S=>S!=null);if(v.length===0)return!1;const f=t.syncExecuteCommand(Me.id,{unitId:d,subUnitId:d,drawings:v});return h.refreshControls(),!!f}},pn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(o,n)=>{const t=o.get(B.IRenderManagerService);return n.forEach(e=>{var r,a;(a=(r=t.getRenderById(e))==null?void 0:r.scene.getTransformer())==null||a.debounceRefreshControls()}),!0}},vn="COMPONENT_DOC_DRAWING_PANEL",Ye={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(o,n)=>{const t=o.get(W.ISidebarService),e=o.get(i.LocaleService),r=o.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:(o,n)=>{const t=o.get(z.IDrawingManagerService),e=o.get(i.ICommandService);return n==null?!1:(t.focusDrawing([n]),e.executeCommand(Ye.id,{value:"open"}),!0)}},p={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=o=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),a=W.useDependency(i.IUniverInstanceService),{drawings:s}=o,c=s[0];if(c==null)return;const{unitId:d}=c,l=a.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 v=m.getTransformerByCreate(),f=[{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)}],[I,w]=Y.useState(!0),[T,y]=Y.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,N]=Y.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[M,L]=Y.useState(!0),[V,R]=Y.useState(!0);function _(C,A){var P;C==="positionH"?y(A):N(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(),v.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(),ae=Z==null?void 0:Z.getSkeletonData();if(ae==null)return;const{pages:Oe,skeHeaders:we,skeFooters:Ne}=ae;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=Ne.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=a.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),ae=Z==null?void 0:Z.getSegment(),Oe=Z==null?void 0:Z.getSegmentPage(),we=(ve=(De=J==null?void 0:J.getSelfOrHeaderFooterModel(ae).getBody())==null?void 0:De.customBlocks)==null?void 0:ve.find(Ce=>Ce.blockId===P);if(we==null||$==null||Z==null)return;const{startIndex:Ne}=we,se=$.findNodeByCharIndex(Ne,ae,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),N(P),w(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){R(!1);return}R(!0),U(b[0])}),A=n.onCommandExecuted(async b=>{b.id===H.RichTextEditingMutation.id&&K()});return()=>{C.unsubscribe(),A.dispose()}},[]),u.jsxs("div",{className:x.clsx(p.imageCommonPanelGrid,p.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-position.title")})})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.horizontal")})})}),u.jsxs("div",{className:p.imageCommonPanelRow,children:[u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.InputNumber,{min:In,max:Sn,precision:1,disabled:I,value:T.posOffset,onChange:C=>{_("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:p.imageCommonPanelInput})})})]})}),u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-position.toTheRightOf")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.Select,{value:String(T.relativeFrom),disabled:I,options:f,onChange:j})})})]})})]}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.vertical")})})}),u.jsxs("div",{className:p.imageCommonPanelRow,children:[u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.InputNumber,{min:In,max:Sn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{_("positionV",{relativeFrom:O.relativeFrom,posOffset:C})},className:p.imageCommonPanelInput})})})]})}),u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-position.bellow")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.Select,{disabled:I,value:String(O.relativeFrom),options:S,onChange:q})})})]})})]}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.options")})})}),u.jsx("div",{className:p.imageCommonPanelRow,style:{marginBottom:"50px"},children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.Checkbox,{disabled:I,checked:M,onChange:D,children:t.t("image-position.moveObjectWithText")})})})]})},ke=0,He=100,Wn=o=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),a=W.useDependency(i.IUniverInstanceService),{drawings:s}=o,c=s[0];if(c==null)return null;const{unitId:d}=c,l=a.getUniverDocInstance(d),g=r.getRenderById(d);if((g==null?void 0:g.scene)==null)return null;const[m,v]=Y.useState(!0),[f,S]=Y.useState(!0),[I,w]=Y.useState(!0),[T,y]=Y.useState(ie.INLINE),[O,N]=Y.useState(""),[M,L]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[V,R]=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){N(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,ae;const C=(ae=(Z=l==null?void 0:l.getSnapshot())==null?void 0:Z.drawings)==null?void 0:ae[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}),N(J),v(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?w(!0):w(!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){R(!1);return}R(!0),K(A[0])}),C=n.onCommandExecuted(async A=>{A.id===H.RichTextEditingMutation.id&&U()});return()=>{D.unsubscribe(),C.dispose()}},[]),u.jsxs("div",{className:x.clsx(p.imageCommonPanelGrid,p.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-text-wrap.title")})})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})})}),u.jsx("div",{className:x.clsx(p.imageCommonPanelRow),children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn),children:u.jsxs(x.RadioGroup,{value:T,onChange:_,direction:"vertical",children:[u.jsx(x.Radio,{value:ie.INLINE,children:t.t("image-text-wrap.inline")}),u.jsx(x.Radio,{value:ie.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),u.jsx(x.Radio,{value:ie.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),u.jsx(x.Radio,{value:ie.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),u.jsx(x.Radio,{value:ie.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrapText")})})}),u.jsx("div",{className:x.clsx(p.imageCommonPanelRow),children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn),children:u.jsxs(x.RadioGroup,{disabled:m,value:O,onChange:j,direction:"horizontal",children:[u.jsx(x.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),u.jsx(x.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),u.jsx(x.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})})}),u.jsxs("div",{className:p.imageCommonPanelRow,children:[u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-text-wrap.top")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.InputNumber,{min:ke,max:He,disabled:f,precision:1,value:M.distT,onChange:D=>{q(D,"distT")},className:p.imageCommonPanelInput})})})]})}),u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-text-wrap.left")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.InputNumber,{min:ke,max:He,disabled:I,precision:1,value:M.distL,onChange:D=>{q(D,"distL")},className:p.imageCommonPanelInput})})})]})})]}),u.jsxs("div",{className:p.imageCommonPanelRow,children:[u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-text-wrap.bottom")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.InputNumber,{min:ke,max:He,disabled:f,precision:1,value:M.distB,onChange:D=>{q(D,"distB")},className:p.imageCommonPanelInput})})})]})}),u.jsx("div",{className:x.clsx(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:t.t("image-text-wrap.right")})}),u.jsx("div",{className:p.imageCommonPanelRow,children:u.jsx("div",{className:p.imageCommonPanelColumn,children:u.jsx(x.InputNumber,{min:ke,max:He,disabled:I,precision:1,value:M.distR,onChange:D=>{q(D,"distR")},className:p.imageCommonPanelInput})})})]})})]})]})},Vn=()=>{const o=W.useDependency(z.IDrawingManagerService),n=o.getFocusDrawings(),[t,e]=Y.useState(n);return Y.useEffect(()=>{const r=o.focus$.subscribe(a=>{e(a)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&u.jsxs("div",{className:p.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=o=>{const n=o.get(H.DocSelectionManagerService),t=o.get(i.IUniverInstanceService);return new ee.Observable(e=>{const r=n.textSelection$.subscribe(()=>{var s;const a=n.getActiveTextRange();if(a){const{segmentId:c,startOffset:d,endOffset:l}=a,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:v,endIndex:f}=m;return d>=v&&d<f||l>=v&&l<f})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>r.unsubscribe()})};function Xn(o){return{id:Ze,type:W.MenuItemType.SUBITEMS,icon:wn,tooltip:"docImage.title",disabled$:Gn(o),hidden$:W.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function $n(o){return{id:_n,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(o,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(o){return o.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&o.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const qn={id:Te.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.DOWN}},Kn={id:Te.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.UP}},Yn={id:Te.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.LEFT}},Jn={id:Te.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.RIGHT}},Zn={id:Xe.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Pe,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var Qn=Object.getOwnPropertyDescriptor,et=(o,n,t,e)=>{for(var r=e>1?void 0:e?Qn(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},We=(o,n)=>(t,e)=>n(t,e,o);let Ve=class extends i.Disposable{constructor(o,n,t,e){super(),this._componentManager=o,this._menuManagerService=n,this._commandService=t,this._shortcutService=e,this._init()}_initCustomComponents(){const o=this._componentManager;this.disposeWithMe(o.register(wn,fn)),this.disposeWithMe(o.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(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initShortcuts(){[qn,Kn,Yn,Jn,Zn].forEach(o=>{this.disposeWithMe(this._shortcutService.registerShortcut(o))})}_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=(o,n,t,e)=>{for(var r=e>1?void 0:e?nt(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},ye=(o,n)=>(t,e)=>n(t,e,o);function Qe(o,n){const{top:t,left:e,width:r,height:a,angle:s,opacity:c}=o,d=n.scene,l=d.getViewport(G.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:g,viewportScrollY:h}=l,{scaleX:m,scaleY:v}=d.getAncestorScale();return{startX:(e-g)*m,startY:(t-h)*v,endX:(e+r-g)*m,endY:(t+a-h)*v,width:r,height:a,rotate:s,absolute:{left:!1,top:!1},opacity:c!=null?c:1}}E.DocFloatDomController=class extends i.Disposable{constructor(t,e,r,a,s,c){super();me(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=e,this._drawingRenderService=r,this._canvasFloatDomService=a,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,a=r.getTransformerByCreate();return{scene:r,transformer:a,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,a=this._getSceneAndTransformerByDrawingSearch(r);if(a==null)return;const s=this._drawingManagerService.getDrawingByParam(e);if(s==null)return;const c=await this._drawingRenderService.renderFloatDom(s,a.scene);if(!(c==null||c.length===0))for(const d of c){this._addHoverForRect(d);const l=new i.DisposableCollection,g=Qe(d,a.renderUnit),h=new ee.BehaviorSubject(g),m=a.canvas,v=s.data,f={dispose:l,rect:d,position$:h,unitId:r};this._canvasFloatDomService.addFloatDom({position$:h,id:s.drawingId,componentKey:s.componentKey,onPointerDown:I=>{m.dispatchEvent(new PointerEvent(I.type,I))},onPointerMove:I=>{m.dispatchEvent(new PointerEvent(I.type,I))},onPointerUp:I=>{m.dispatchEvent(new PointerEvent(I.type,I))},onWheel:I=>{m.dispatchEvent(new WheelEvent(I.type,I))},data:v,unitId:r});const S=d.onTransformChange$.subscribeEvent(()=>{const I=Qe(d,a.renderUnit);h.next(I)});l.add(()=>{this._canvasFloatDomService.removeFloatDom(s.drawingId)}),S&&l.add(S),this._domLayerInfoMap.set(s.drawingId,f)}})}_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 a=this._getSceneAndTransformerByDrawingSearch(r);a&&a.scene.removeObject(e.rect)}_initScrollAndZoomEvent(){const t=e=>{const r=this._getSceneAndTransformerByDrawingSearch(e);r&&this._domLayerInfoMap.forEach(a=>{if(a.unitId!==e)return;const s=Qe(a.rect,r.renderUnit);a.position$.next(s)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.map(e=>{if(!e)return null;const r=e.getUnitId(),a=this._renderManagerService.getRenderById(r);return a?{render:a,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:a}=r;t(a)}}))}insertFloatDom(t,e){var I,w,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const a=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!a)return!1;const d=(I=a.renderUnit.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:I.pages[0];if(!d)return!1;const{pageWidth:l,marginLeft:g,marginRight:h}=d,m=l-g-h,v={size:{width:(w=e.width)!=null?w:m,height:e.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},f=(T=e.drawingId)!=null?T:i.generateRandomId(),S={unitId:r.getUnitId(),drawings:[{drawingId:f,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:v,layoutType:i.PositionedObjectLayoutType.INLINE,transform:G.docDrawingPositionToTransform(v)}]};return this._commandService.syncExecuteCommand(Be.id,S),f}},E.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)],E.DocFloatDomController);var it=Object.getOwnPropertyDescriptor,rt=(o,n,t,e)=>{for(var r=e>1?void 0:e?it(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},Ee=(o,n)=>(t,e)=>n(t,e,o);let Ge=class extends i.RxDisposable{constructor(n,t,e,r,a){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=e,this._univerInstanceService=r,this._contextService=a,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 a;const t=(a=this._renderManagerService.getRenderById(n))==null?void 0:a.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(w=>w.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)return;const{unitId:g,subUnitId:h,drawingId:m,drawingType:v}=l,f=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Ie.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,m,v)}},g);r.push(this.disposeWithMe(f)),!this._drawingManagerService.getFocusDrawings().find(w=>w.unitId===g&&w.subUnitId===h&&w.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:!!i.SHEET_EDITOR_UNITS.includes(n)||r===i.DrawingTypeEnum.DRAWING_DOM},{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([Ee(0,z.IDrawingManagerService),Ee(1,i.Inject(G.DocCanvasPopManagerService)),Ee(2,B.IRenderManagerService),Ee(3,i.IUniverInstanceService),Ee(4,i.IContextService)],Ge);var ot=Object.getOwnPropertyDescriptor,at=(o,n,t,e)=>{for(var r=e>1?void 0:e?ot(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},Se=(o,n)=>(t,e)=>n(t,e,o);let en=class extends i.Disposable{constructor(n,t,e,r,a,s,c,d){super();me(this,"_liquid",new B.Liquid);this._context=n,this._docSkeletonManagerService=t,this._commandService=e,this._editorService=r,this._drawingManagerService=a,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:a,mainComponent:s}=this._context;if(r!==a)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(a)&&a!==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,a=e;if(!t)return;const{left:s,top:c,pageLayoutType:d,pageMarginLeft:l,pageMarginTop:g}=a,{pages:h,skeHeaders:m,skeFooters:v}=t,f={};this._liquid.reset();for(let O=0,N=h.length;O<N;O++){const M=h[O],{headerId:L,footerId:V,pageWidth:R}=M;if(L){const _=(T=m.get(L))==null?void 0:T.get(R);_&&this._calculateDrawingPosition(r,_,s,c,f,_.marginTop,M.marginLeft)}if(V){const _=(y=v.get(V))==null?void 0:y.get(R);_&&this._calculateDrawingPosition(r,_,s,c,f,M.pageHeight-M.marginBottom+_.marginTop,M.marginLeft)}this._calculateDrawingPosition(r,M,s,c,f,M.marginTop,M.marginLeft),this._liquid.translatePage(M,d,l,g)}const S=Object.values(f),I=S.filter(O=>!O.isMultiTransform),w=S.filter(O=>O.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(w)}_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,a,s,c){const{skeDrawings:d}=t;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),d.forEach(l=>{const{aLeft:g,aTop:h,height:m,width:v,angle:f,drawingId:S,drawingOrigin:I}=l,w=I.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=I,y={left:g+e+this._liquid.x,top:h+r+this._liquid.y,width:v,height:m,angle:f};a[S]==null?a[S]={unitId:n,subUnitId:n,drawingId:S,behindText:w,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&a[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.Steady?setTimeout(()=>{n()},1e3):this._lifecycleService.lifecycle$.pipe(ee.filter(t=>t===i.LifecycleStages.Steady)).subscribe(n)}};en=at([Se(1,i.Inject(H.DocSkeletonManagerService)),Se(2,i.ICommandService),Se(3,G.IEditorService),Se(4,z.IDrawingManagerService),Se(5,i.Inject(Re)),Se(6,i.IUniverInstanceService),Se(7,i.Inject(i.LifecycleService))],en);var st=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(o,n,t)=>n in o?st(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t,dt=(o,n,t,e)=>{for(var r=e>1?void 0:e?ct(n,t):n,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=s(r)||r);return r},nn=(o,n)=>(t,e)=>n(t,e,o),Dn=(o,n,t)=>lt(o,typeof n!="symbol"?n+"":n,t);const gt="DOC_DRAWING_UI_PLUGIN";E.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(n=on,t,e,r){super(),this._config=n,this._injector=t,this._renderManagerSrv=e,this._configService=r;const{...a}=i.merge({},on,this._config);this._configService.setConfig(yn,a)}onStarting(){[[Ve],[Ge],[Fe],[xe],[Re],[E.DocFloatDomController]].forEach(t=>this._injector.add(t))}onReady(){[[je],[en]].forEach(n=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,n)),this._injector.get(xe),this._injector.get(Ve),this._injector.get(Fe)}onRendered(){this._injector.get(Ge),this._injector.get(E.DocFloatDomController)}},Dn(E.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Dn(E.UniverDocsDrawingUIPlugin,"pluginName",gt),E.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)],E.UniverDocsDrawingUIPlugin),E.ClearDocDrawingTransformerOperation=pn,E.DOCS_IMAGE_MENU_ID=Ze,E.DeleteDocDrawingsCommand=Xe,E.EditDocDrawingOperation=Je,E.GroupDocDrawingCommand=$e,E.InsertDocDrawingCommand=Be,E.InsertDocImageCommand=Ke,E.MoveDocDrawingsCommand=Te,E.RemoveDocDrawingCommand=Ue,E.SetDocDrawingArrangeCommand=ze,E.SidebarDocDrawingOperation=Ye,E.UngroupDocDrawingCommand=qe,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/docs-drawing-ui",
-  "version": "0.6.4-nightly.202503111607",
+  "version": "0.6.5-nightly.202503121607",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -48,20 +48,20 @@
     "lib"
   ],
   "peerDependencies": {
-    "react": ">=16.9.0 || >=17 || >=18 || >=19",
+    "react": ">=16.9.0",
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
     "@univerjs/icons": "^0.2.21",
-    "@univerjs/core": "0.6.4-nightly.202503111607",
-    "@univerjs/design": "0.6.4-nightly.202503111607",
-    "@univerjs/docs": "0.6.4-nightly.202503111607",
-    "@univerjs/docs-drawing": "0.6.4-nightly.202503111607",
-    "@univerjs/drawing": "0.6.4-nightly.202503111607",
-    "@univerjs/drawing-ui": "0.6.4-nightly.202503111607",
-    "@univerjs/docs-ui": "0.6.4-nightly.202503111607",
-    "@univerjs/ui": "0.6.4-nightly.202503111607",
-    "@univerjs/engine-render": "0.6.4-nightly.202503111607"
+    "@univerjs/core": "0.6.5-nightly.202503121607",
+    "@univerjs/docs": "0.6.5-nightly.202503121607",
+    "@univerjs/docs-ui": "0.6.5-nightly.202503121607",
+    "@univerjs/design": "0.6.5-nightly.202503121607",
+    "@univerjs/drawing-ui": "0.6.5-nightly.202503121607",
+    "@univerjs/drawing": "0.6.5-nightly.202503121607",
+    "@univerjs/engine-render": "0.6.5-nightly.202503121607",
+    "@univerjs/ui": "0.6.5-nightly.202503121607",
+    "@univerjs/docs-drawing": "0.6.5-nightly.202503121607"
   },
   "devDependencies": {
     "less": "^4.2.2",
@@ -72,7 +72,7 @@
     "typescript": "^5.8.2",
     "vite": "^6.2.1",
     "vitest": "^3.0.8",
-    "@univerjs-infra/shared": "0.6.4"
+    "@univerjs-infra/shared": "0.6.5"
   },
   "scripts": {
     "test": "vitest run",