@univerjs/docs-drawing-ui 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,3482 @@
-import{ArrangeTypeEnum as e,BooleanNumber as t,BuildTextUtils as n,COLORS as r,CommandType as i,DOCS_ZEN_EDITOR_UNIT_ID_KEY as a,DOC_DRAWING_PRINTING_COMPONENT_KEY as o,DependentOn as s,Direction as c,Disposable as l,DisposableCollection as u,DocumentFlavor as d,DrawingTypeEnum as f,FOCUSING_COMMON_DRAWINGS as p,FOCUSING_DOC as m,FOCUSING_UNIVER_EDITOR as h,ICommandService as g,IConfigService as _,IContextService as v,IUniverInstanceService as y,Inject as b,Injector as x,JSONX as S,LifecycleService as C,LifecycleStages as w,LocaleService as T,MemoryCursor as E,ObjectRelativeFromH as D,ObjectRelativeFromV as O,Plugin as k,PositionedObjectLayoutType as A,RedoCommand as ee,RxDisposable as j,TextX as M,TextXActionType as N,Tools as P,UndoCommand as F,UniverInstanceType as I,WrapTextType as te,fromEventSubject as ne,generateRandomId as re,isInternalEditorID as ie,merge as L,throttle as R,toDisposable as ae}from"@univerjs/core";import{IDocDrawingService as z,UniverDocsDrawingPlugin as oe}from"@univerjs/docs-drawing";import{DocSelectionManagerService as se,DocSkeletonManagerService as B,RichTextEditingMutation as V}from"@univerjs/docs";import{DocCanvasPopManagerService as ce,DocPrintInterceptorService as le,DocSelectionRenderService as H,IEditorService as ue,NodePositionConvertToCursor as de,SetDocZoomRatioOperation as fe,TEXT_RANGE_LAYER_INDEX as pe,VIEWPORT_KEY as me,docDrawingPositionToTransform as he,getAnchorBounding as ge,getCustomBlockIdsInSelections as _e,getDocObject as ve,getOneTextSelectionRange as ye,getRichTextEditPath as be}from"@univerjs/docs-ui";import{CURSOR_TYPE as xe,DocumentEditArea as Se,DocumentSkeletonPageType as Ce,IRenderManagerService as U,Liquid as we,PageLayoutType as Te,Rect as Ee,TRANSFORM_CHANGE_OBSERVABLE_TYPE as De,Vector2 as Oe,getColor as ke,getCurrentTypeOfRenderer as Ae}from"@univerjs/engine-render";import{Checkbox as je,InputNumber as Me,MessageType as Ne,Radio as W,RadioGroup as Pe,Select as Fe,clsx as Ie,render as Le,unmount as Re}from"@univerjs/design";import{DRAWING_IMAGE_ALLOW_IMAGE_LIST as ze,DRAWING_IMAGE_ALLOW_SIZE as Be,DRAWING_IMAGE_COUNT_LIMIT as Ve,DRAWING_IMAGE_HEIGHT_LIMIT as He,DRAWING_IMAGE_WIDTH_LIMIT as Ue,IDrawingManagerService as G,IImageIoService as We,ImageUploadStatusType as Ge,UniverDrawingPlugin as Ke,getDrawingShapeKeyByDrawingSearch as qe,getImageSize as Je}from"@univerjs/drawing";import{CanvasFloatDomService as Ye,ComponentManager as Xe,ILocalFileService as Ze,IMenuManagerService as Qe,IMessageService as $e,IShortcutService as et,ISidebarService as tt,KeyCode as nt,MenuItemType as rt,PrintFloatDomSingle as it,RibbonInsertGroup as at,UniverUIPlugin as ot,connectInjector as st,getMenuHiddenObservable as ct,useDependency as K}from"@univerjs/ui";import{BehaviorSubject as lt,Observable as ut,debounceTime as dt,filter as ft,map as pt,of as mt,switchMap as ht,takeUntil as gt}from"rxjs";import{COMPONENT_IMAGE_POPUP_MENU as _t,DrawingCommonPanel as vt,DrawingRenderService as yt,ImageCropperObject as bt,ImageResetSizeOperation as xt,OpenImageCropOperation as St,UniverDrawingUIPlugin as Ct}from"@univerjs/drawing-ui";import{useEffect as wt,useMemo as Tt,useState as q}from"react";import{jsx as J,jsxs as Y}from"react/jsx-runtime";const Et={id:`doc.command.remove-doc-image`,type:i.COMMAND,handler:(e,t)=>{var n,r,i;let a=e.get(g),o=e.get(y),s=e.get(U),c=o.getCurrentUniverDocInstance();if(t==null||c==null)return!1;let l=s.getRenderById(t.unitId).with(H),{drawings:u}=t,d=(n=l.getSegment())==null?``:n,f=new M,p=S.getInstance(),m=(r=(i=c.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:i.customBlocks)==null?[]:r,h=u.map(e=>m.find(t=>t.blockId===e.drawingId)).filter(e=>!!e).sort((e,t)=>e.startIndex>t.startIndex?1:-1),_=u[0].unitId,v=new E;v.reset();let b=h[0].startIndex,x=[{startOffset:b,endOffset:b}],C={id:V.id,params:{unitId:_,actions:[],textRanges:x}},w=[];for(let e of h){let{startIndex:t}=e;t>v.cursor&&f.push({t:N.RETAIN,len:t-v.cursor}),f.push({t:N.DELETE,len:1}),v.moveCursorTo(t+1)}let T=be(c,d);w.push(p.editOp(f.serialize(),T));for(let e of h){var D;let{blockId:t}=e,n=((D=c.getDrawings())==null?{}:D)[t],r=c.getDrawingsOrder().indexOf(t),i=p.removeOp([`drawings`,t],n),a=p.removeOp([`drawingsOrder`,r],t);w.push(i),w.push(a)}return C.params.actions=w.reduce((e,t)=>S.compose(e,t),null),!!a.syncExecuteCommand(C.id,C.params)}},Dt={id:`doc.command.delete-drawing`,type:i.COMMAND,handler:e=>{let t=e.get(g),n=e.get(z).getFocusDrawings();if(n.length===0)return!1;let{unitId:r}=n[0],i=n.map(e=>{let{unitId:t,subUnitId:n,drawingId:r,drawingType:i}=e;return{unitId:t,subUnitId:n,drawingId:r,drawingType:i}});return t.executeCommand(Et.id,{unitId:r,drawings:i})}},Ot={id:`doc.command.group-doc-image`,type:i.COMMAND,handler:(e,t)=>!1},kt={id:`doc.command.insert-doc-image`,type:i.COMMAND,handler:(e,t)=>{var r,i;if(t==null)return!1;let a=e.get(g),o=e.get(se),s=e.get(y),c=o.getActiveTextRange(),l=s.getCurrentUniverDocInstance();if(c==null||l==null)return!1;let u=l.getUnitId(),{drawings:d}=t,{collapsed:f,startOffset:p,segmentId:m}=c,h=l.getSelfOrHeaderFooterModel(m).getBody();if(h==null)return!1;let _=new M,v=S.getInstance(),b=[],x=(r=(i=l.getSnapshot().drawingsOrder)==null?void 0:i.length)==null?0:r,C=0;if(f)p>0&&_.push({t:N.RETAIN,len:p});else{var w,T;let e=n.selection.delete([c],h,0,null,!1);_.push(...e);let t=_e(h,[c]),r=(w=l.getDrawings())==null?{}:w,i=(T=l.getDrawingsOrder())==null?[]:T,a=t.sort((e,t)=>i.indexOf(e)>i.indexOf(t)?-1:i.indexOf(e)<i.indexOf(t)?1:0);if(a.length>0)for(let e of a){let t=r[e],n=i.indexOf(e);if(t==null||n<0)continue;let a=v.removeOp([`drawings`,e],t),o=v.removeOp([`drawingsOrder`,n],e);b.push(a),b.push(o),C++}}_.push({t:N.INSERT,body:{dataStream:`\b`.repeat(d.length),customBlocks:d.map((e,t)=>({startIndex:t,blockId:e.drawingId}))},len:d.length});let E=be(l,m),D=v.editOp(_.serialize(),E);b.push(D);for(let e of d){let{drawingId:t}=e,n=v.insertOp([`drawings`,t],e),r=v.insertOp([`drawingsOrder`,x-C],t);b.push(n),b.push(r)}let O={id:V.id,params:{unitId:u,actions:[],textRanges:[]}};return O.params.actions=b.reduce((e,t)=>S.compose(e,t),null),!!a.syncExecuteCommand(O.id,O.params)}},At={id:`doc.command.set-drawing-arrange`,type:i.COMMAND,handler:(t,n)=>{let r=t.get(g),i=t.get(z);if(n==null)return!1;let{unitId:a,subUnitId:o,drawingIds:s,arrangeType:c}=n,l={unitId:a,subUnitId:o,drawingIds:s},u;if(c===e.forward?u=i.getForwardDrawingsOp(l):c===e.backward?u=i.getBackwardDrawingOp(l):c===e.front?u=i.getFrontDrawingsOp(l):c===e.back&&(u=i.getBackDrawingsOp(l)),u==null)return!1;let{redo:d}=u;if(d==null)return!1;let f=[],p=P.deepClone(d);p=p.slice(3),p.unshift(`drawingsOrder`),f.push(p);let m={id:V.id,params:{unitId:a,actions:[],textRanges:null}};return m.params.actions=f.reduce((e,t)=>S.compose(e,t),null),!!r.syncExecuteCommand(m.id,m.params)}},jt={id:`doc.command.ungroup-doc-image`,type:i.COMMAND,handler:(e,t)=>{let n=e.get(z);if(!t)return!1;let r=[];t.forEach(({parent:e,children:t})=>{r.push(e.unitId),t.forEach(e=>{r.push(e.unitId)})});let{unitId:i,subUnitId:a,undo:o,redo:s,objects:c}=n.getUngroupDrawingOp(t);return!1}};function Mt(e){"@babel/helpers - typeof";return Mt=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Mt(e)}function Nt(e,t){if(Mt(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Mt(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Pt(e){var t=Nt(e,`string`);return Mt(t)==`symbol`?t:t+``}function X(e,t,n){return(t=Pt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Ft=class{constructor(){X(this,`_refreshDrawings$`,new lt(null)),X(this,`refreshDrawings$`,this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}};function Z(e,t){return function(n,r){t(n,r,e)}}function Q(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let It=class extends l{constructor(e,t,n,r,i,a,o,s,c,l,u,d,f){super(),this._context=e,this._commandService=t,this._docSelectionManagerService=n,this._renderManagerSrv=r,this._imageIoService=i,this._docDrawingService=a,this._drawingManagerService=o,this._contextService=s,this._messageService=c,this._localeService=l,this._docSelectionRenderService=u,this._docRefreshDrawingsService=d,this._fileOpenerService=f,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}dispose(){super.dispose(),delete this._context}async insertDocImage(){let e=await this._fileOpenerService.openFile({multiple:!0,accept:ze.map(e=>`.${e.replace(`image/`,``)}`).join(`,`)}),t=e.length;return t>Ve?(this._messageService.show({type:Ne.Error,content:this._localeService.t(`update-status.exceedMaxCount`,String(Ve))}),!1):t===0?!1:(await this._insertFloatImages(e),!0)}async _insertFloatImages(e){let n=[];try{n=await Promise.all(e.map(e=>this._imageIoService.saveImage(e)))}catch(e){let t=e.message,n=``;switch(t){case Ge.ERROR_EXCEED_SIZE:n=this._localeService.t(`update-status.exceedMaxSize`,String(Be/(1024*1024)));break;case Ge.ERROR_IMAGE_TYPE:n=this._localeService.t(`update-status.invalidImageType`);break;case Ge.ERROR_IMAGE:n=this._localeService.t(`update-status.invalidImage`);break;default:break}this._messageService.show({type:Ne.Error,content:n})}if(n.length===0)return;let{unitId:r}=this._context,i=[];for(let e of n){if(e==null)continue;let{imageId:n,imageSourceType:a,source:o,base64Cache:s}=e,{width:c,height:l,image:u}=await Je(s||``);this._imageIoService.addImageSourceCache(n,a,u);let d=1;if(c>Ue||l>He){let e=Ue/c,t=He/l;d=Math.min(e,t)}let p=this._getImagePosition(c*d,l*d);if(p==null)return;let m={unitId:r,subUnitId:r,drawingId:n,drawingType:f.DRAWING_IMAGE,imageSourceType:a,source:o,transform:he(p),docTransform:p,behindDoc:t.FALSE,title:``,description:``,layoutType:A.INLINE,wrapText:te.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(m.isMultiTransform=t.TRUE,m.transforms=m.transform?[m.transform]:null),i.push(m)}this._commandService.executeCommand(kt.id,{unitId:r,drawings:i})}_isInsertInHeaderFooter(){var e;let{unitId:t}=this._context,n=(e=this._renderManagerSrv.getRenderById(t))==null?void 0:e.with(B).getViewModel(),r=n==null?void 0:n.getEditArea();return r===Se.HEADER||r===Se.FOOTER}_getImagePosition(e,t){let n=this._docSelectionRenderService.getActiveTextRange(),r=(n==null?void 0:n.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:t},positionH:{relativeFrom:D.PAGE,posOffset:r.left},positionV:{relativeFrom:O.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{let{unitId:t,subUnitId:n,drawingIds:r,arrangeType:i}=e;this._commandService.executeCommand(At.id,{unitId:t,subUnitId:n,drawingIds:r,arrangeType:i})}))}_groupDrawingListener(){this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(Ot.id,e)})),this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(jt.id,e)}))}_getCurrentSceneAndTransformer(){let{scene:e,mainComponent:t}=this._context;if(e==null||t==null)return;let n=e.getTransformerByCreate(),{docsLeft:r,docsTop:i}=t.getOffsetConfig();return{scene:e,transformer:n,docsLeft:r,docsTop:i}}_transformDrawingListener(){let e=this._getCurrentSceneAndTransformer();if(e&&e.transformer)this.disposeWithMe(e.transformer.changeEnd$.pipe(dt(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw Error(`transformer is not init`)}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{var t;let{transformer:n,docsLeft:r,docsTop:i}=(t=this._getCurrentSceneAndTransformer())==null?{}:t;if(e==null||e.length===0)this._contextService.setContextValue(p,!1),this._docDrawingService.focusDrawing([]),n&&n.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(p,!0),this._docDrawingService.focusDrawing(e),this._setDrawingSelections(e);let t=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(e[0].drawingId);t!==a&&this._docSelectionRenderService.setSegment(a),n&&n.resetProps({zeroTop:i,zeroLeft:r})}}))}_findSegmentIdByDrawingId(e){var t;let{unit:n}=this._context,{body:r,headers:i={},footers:a={}}=n.getSnapshot();if(((t=r==null?void 0:r.customBlocks)==null?[]:t).some(t=>t.blockId===e))return``;for(let t of Object.keys(i)){var o;if((o=i[t].body.customBlocks)!=null&&o.some(t=>t.blockId===e))return t}for(let t of Object.keys(a)){var s;if((s=a[t].body.customBlocks)!=null&&s.some(t=>t.blockId===e))return t}return``}_updateDrawingsEditStatus(){var e;if(!this._context)return;let{unit:n,scene:r,unitId:i}=this._context,a=(e=this._renderManagerSrv.getRenderById(i))==null?void 0:e.with(B).getViewModel();if(a==null||n==null)return;let{drawings:o={}}=n.getSnapshot(),s=a.getEditArea()===Se.BODY;for(let e of Object.keys(o)){let n=o[e],a=qe({unitId:i,drawingId:n.drawingId,subUnitId:i}),c=r.fuzzyMathObjects(a,!0);if(c.length)for(let e of c){r.detachTransformerFrom(e);try{e.setOpacity(.5)}catch{}if(s&&n.isMultiTransform!==t.TRUE||!s&&n.isMultiTransform===t.TRUE){n.allowTransform!==!1&&r.attachTransformerTo(e);try{e.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var e;let{unitId:t}=this._context,n=(e=this._renderManagerSrv.getRenderById(t))==null?void 0:e.with(B).getViewModel();n!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(n.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})),this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{e.id===V.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(e){var t,n;let{unit:r}=this._context,i=(t=(n=r.getSnapshot().body)==null?void 0:n.customBlocks)==null?[]:t,a=e.map(e=>{let t=e.drawingId,n=i.find(e=>e.blockId===t);return n?n.startIndex:null}).filter(e=>e!==null).map(e=>({startOffset:e,endOffset:e+1}));this._docSelectionManagerService.replaceDocRanges(a)}};It=Q([Z(1,g),Z(2,b(se)),Z(3,U),Z(4,We),Z(5,z),Z(6,G),Z(7,v),Z(8,$e),Z(9,b(T)),Z(10,b(H)),Z(11,b(Ft)),Z(12,Ze)],It);const Lt={id:`doc.command.insert-float-image`,type:i.COMMAND,handler:e=>{var t,n;let r=e.get(y),i=e.get(U);return(t=(n=Ae(I.UNIVER_DOC,r,i))==null?void 0:n.with(It).insertDocImage())==null?!1:t}};let $=function(e){return e.INLINE=`inline`,e.BEHIND_TEXT=`behindText`,e.IN_FRONT_OF_TEXT=`inFrontOfText`,e.WRAP_SQUARE=`wrapSquare`,e.WRAP_TOP_AND_BOTTOM=`wrapTopAndBottom`,e}({});const Rt={[$.INLINE]:A.INLINE,[$.WRAP_SQUARE]:A.WRAP_SQUARE,[$.WRAP_TOP_AND_BOTTOM]:A.WRAP_TOP_AND_BOTTOM,[$.IN_FRONT_OF_TEXT]:A.WRAP_NONE,[$.BEHIND_TEXT]:A.WRAP_NONE};function zt(e,t,n,r,i,a,o){var s;let c=new M,l=S.getInstance(),u=[],d=a.getSelfOrHeaderFooterModel(t).getBody(),f=a.getSelfOrHeaderFooterModel(e).getBody();if(d==null||f==null)return;let p=(s=d.customBlocks)==null||(s=s.find(e=>e.blockId===i))==null?void 0:s.startIndex;if(p!=null){if(r=Math.min(f.dataStream.length-2,r),e===t){if(r<p?(r>0&&c.push({t:N.RETAIN,len:r}),c.push({t:N.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:i}]},len:1}),c.push({t:N.RETAIN,len:p-r}),c.push({t:N.DELETE,len:1})):(p>0&&c.push({t:N.RETAIN,len:p}),c.push({t:N.DELETE,len:1}),r-p-1>0&&c.push({t:N.RETAIN,len:r-p-1}),c.push({t:N.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:i}]},len:1})),r!==p){let e=be(a,t),n=l.editOp(c.serialize(),e);u.push(n)}}else{p>0&&c.push({t:N.RETAIN,len:p}),c.push({t:N.DELETE,len:1});let s=be(a,t),d=l.editOp(c.serialize(),s);u.push(d),c.empty(),r>0&&c.push({t:N.RETAIN,len:r}),c.push({t:N.INSERT,body:{dataStream:`\b`,customBlocks:[{startIndex:0,blockId:i}]},len:1}),s=be(a,e),d=l.editOp(c.serialize(),s),u.push(d),o.setSegment(e),o.setSegmentPage(n)}return u}}const Bt={id:`doc.command.update-doc-drawing-wrapping-style`,type:i.COMMAND,handler:(e,n)=>{if(n==null)return!1;let{drawings:r,wrappingStyle:i,unitId:a}=n,o=e.get(g),s=e.get(y),c=e.get(U).getRenderById(a),l=c==null?void 0:c.with(B).getSkeleton().getSkeletonData(),u=c==null?void 0:c.with(B).getViewModel(),d=c==null?void 0:c.scene,f=s.getCurrentUniverDocInstance();if(f==null||l==null||d==null||u==null)return!1;let p=u.getEditArea(),m=d.getTransformerByCreate(),{pages:h,skeHeaders:_,skeFooters:v}=l,b=S.getInstance(),x=[],{drawings:C={}}=f.getSnapshot();for(let e of r){let{drawingId:n}=e,r=C[n].layoutType,a=Rt[i];if(r!==a){let e=b.replaceOp([`drawings`,n,`layoutType`],r,a);x.push(e)}if(i===$.BEHIND_TEXT||i===$.IN_FRONT_OF_TEXT){let e=C[n].behindDoc,r=i===$.BEHIND_TEXT?t.TRUE:t.FALSE;if(e!==r){let t=b.replaceOp([`drawings`,n,`behindDoc`],e,r);x.push(t)}}if(i===$.INLINE)continue;let o=null,s=0,c=0;for(let e of h){let{headerId:t,footerId:r,marginTop:i,marginLeft:a,marginBottom:l,pageWidth:u,pageHeight:d}=e;switch(p){case Se.HEADER:{var w;let e=(w=_.get(t))==null?void 0:w.get(u);e!=null&&e.skeDrawings.has(n)&&(o=e.skeDrawings.get(n),s=e.marginTop,c=a);break}case Se.FOOTER:{var T;let e=(T=v.get(r))==null?void 0:T.get(u);e!=null&&e.skeDrawings.has(n)&&(o=e.skeDrawings.get(n),s=d-l+e.marginTop,c=a);break}case Se.BODY:e.skeDrawings.has(n)&&(o=e.skeDrawings.get(n),s=i,c=a);break}if(o!=null)break}if(o!=null){let{aTop:e,aLeft:t}=o,r=C[n].docTransform.positionH,i=t;r.relativeFrom===D.MARGIN?i-=c:r.relativeFrom===D.COLUMN&&(i-=o.columnLeft);let a={relativeFrom:r.relativeFrom,posOffset:i};if(r.posOffset!==a.posOffset){let e=b.replaceOp([`drawings`,n,`docTransform`,`positionH`],r,a);x.push(e)}let l=C[n].docTransform.positionV,u=e;l.relativeFrom===O.PAGE?u+=s:l.relativeFrom===O.LINE?u-=o.lineTop:l.relativeFrom===O.PARAGRAPH&&(u-=o.blockAnchorTop);let d={relativeFrom:l.relativeFrom,posOffset:u};if(l.posOffset!==d.posOffset){let e=b.replaceOp([`drawings`,n,`docTransform`,`positionV`],l,d);x.push(e)}}}let E={id:V.id,params:{unitId:a,actions:[],textRanges:null}};E.params.actions=x.reduce((e,t)=>S.compose(e,t),null);let k=o.syncExecuteCommand(E.id,E.params);return m.refreshControls(),!!k}},Vt={id:`doc.command.update-doc-drawing-distance`,type:i.COMMAND,handler:(e,t)=>{if(t==null)return!1;let n=e.get(g),r=e.get(y).getCurrentUniverDocInstance();if(r==null)return!1;let{drawings:i,dist:a,unitId:o}=t,s=S.getInstance(),c=[],{drawings:l={}}=r.getSnapshot();for(let e of i){let{drawingId:t}=e;for(let[e,n]of Object.entries(a)){let r=l[t][e];if(r!==n){let i=s.replaceOp([`drawings`,t,e],r,n);c.push(i)}}}let u={id:V.id,params:{unitId:o,actions:[],textRanges:null}};return u.params.actions=c.reduce((e,t)=>S.compose(e,t),null),!!n.syncExecuteCommand(u.id,u.params)}},Ht={id:`doc.command.update-doc-drawing-wrap-text`,type:i.COMMAND,handler:(e,t)=>{if(t==null)return!1;let n=e.get(g),r=e.get(y).getCurrentUniverDocInstance();if(r==null)return!1;let{drawings:i,wrapText:a,unitId:o}=t,s=S.getInstance(),c=[],{drawings:l={}}=r.getSnapshot();for(let e of i){let{drawingId:t}=e,n=l[t].wrapText;if(n!==a){let e=s.replaceOp([`drawings`,t,`wrapText`],n,a);c.push(e)}}let u={id:V.id,params:{unitId:o,actions:[],textRanges:null}};return u.params.actions=c.reduce((e,t)=>S.compose(e,t),null),!!n.syncExecuteCommand(u.id,u.params)}},Ut={id:`doc.command.update-drawing-doc-transform`,type:i.COMMAND,handler:(e,t)=>{if(t==null)return!1;let n=e.get(g),r=e.get(y),i=e.get(U).getRenderById(t.unitId),a=i==null?void 0:i.scene;if(a==null)return!1;let o=a.getTransformerByCreate(),s=r.getCurrentUniverDocInstance();if(s==null)return!1;let{drawings:c,unitId:l}=t,u=S.getInstance(),d=[],{drawings:f={}}=s.getSnapshot();for(let e of c){let{drawingId:t,key:n,value:r}=e,i=f[t].docTransform[n];if(!P.diffValue(i,r)){let e=u.replaceOp([`drawings`,t,`docTransform`,n],i,r);d.push(e)}}let p={id:V.id,params:{unitId:l,actions:[],textRanges:null,debounce:!0}};p.params.actions=d.reduce((e,t)=>S.compose(e,t),null);let m=n.syncExecuteCommand(p.id,p.params);return o.refreshControls(),!!m}},Wt={id:`doc.command.move-inline-drawing`,type:i.COMMAND,handler:(e,t)=>{var n,r;if(t==null)return!1;let i=e.get(U),a=(n=i.getRenderById(t.unitId))==null?void 0:n.with(H),o=e.get(Ft),s=i.getRenderById(t.unitId),c=s==null?void 0:s.scene,l=s==null?void 0:s.with(B).getSkeleton();if(c==null||a==null)return!1;let u=c.getTransformerByCreate(),d=e.get(g),f=e.get(y).getCurrentUniverDocInstance();if(f==null)return!1;let{drawing:p,unitId:m,offset:h,segmentId:_,segmentPage:v,needRefreshDrawings:b}=t;if(b)return o.refreshDrawings(l),u.refreshControls(),!0;let x=[],{drawingId:C}=p,w=zt(_,(r=a.getSegment())==null?``:r,v,h,C,f,a);if(w==null||w.length===0)return o.refreshDrawings(l),u.refreshControls(),!1;x.push(...w);let T={id:V.id,params:{unitId:m,actions:[],textRanges:null}};T.params.actions=x.reduce((e,t)=>S.compose(e,t),null);let E=d.syncExecuteCommand(T.id,T.params);return u.refreshControls(),!!E}},Gt={id:`doc.command.transform-non-inline-drawing`,type:i.COMMAND,handler:(e,t)=>{var n,r;if(t==null)return!1;let i=e.get(U),a=(n=i.getRenderById(t.unitId))==null?void 0:n.with(H),o=i.getRenderById(t.unitId),s=o==null?void 0:o.scene;if(s==null||a==null)return!1;let c=s.getTransformerByCreate(),l=e.get(g),u=e.get(y).getCurrentUniverDocInstance();if(u==null)return!1;let{drawing:d,unitId:f,offset:p,docTransform:m,segmentId:h,segmentPage:_}=t,v=[],{drawingId:b}=d,x=zt(h,(r=a.getSegment())==null?``:r,_,p,b,u,a);if(x==null)return!1;x.length>0&&v.push(...x);let C=S.getInstance(),{drawings:w={}}=u.getSnapshot(),{positionH:T,positionV:E,size:D,angle:O}=w[b].docTransform;if(!P.diffValue(T,m.positionH)){let e=C.replaceOp([`drawings`,b,`docTransform`,`positionH`],T,m.positionH);v.push(e)}if(!P.diffValue(E,m.positionV)){let e=C.replaceOp([`drawings`,b,`docTransform`,`positionV`],E,m.positionV);v.push(e)}if(!P.diffValue(D,m.size)){let e=C.replaceOp([`drawings`,b,`docTransform`,`size`],D,m.size);v.push(e)}if(!P.diffValue(O,m.angle)){let e=C.replaceOp([`drawings`,b,`docTransform`,`angle`],O,m.angle);v.push(e)}let k={id:V.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};k.params.actions=v.reduce((e,t)=>S.compose(e,t),null);let A=l.syncExecuteCommand(k.id,k.params);return c.refreshControls(),!!A}},Kt={id:`doc.command.move-drawing`,type:i.COMMAND,handler:(e,t)=>{let n=e.get(g),r=e.get(z),i=e.get(y),a=e.get(U),{direction:o}=t,s=r.getFocusDrawings();if(s.length===0)return!1;let l=s[0].unitId,u=a.getRenderById(l),d=u==null?void 0:u.scene;if(d==null)return!1;let f=d.getTransformerByCreate(),p=i.getUniverDocInstance(l),m=s.map(e=>{var t;let{drawingId:n}=e,r=p==null||(t=p.getSnapshot().drawings)==null?void 0:t[n];if(r==null||r.layoutType===A.INLINE)return null;let{positionH:i,positionV:a}=r.docTransform,s={...i},l={...a};if(o===c.UP){var u;l.posOffset=((u=l.posOffset)==null?0:u)-2}else if(o===c.DOWN){var d;l.posOffset=((d=l.posOffset)==null?0:d)+2}else if(o===c.LEFT){var f;s.posOffset=((f=s.posOffset)==null?0:f)-2}else if(o===c.RIGHT){var m;s.posOffset=((m=s.posOffset)==null?0:m)+2}return{drawingId:n,key:o===c.UP||o===c.DOWN?`positionV`:`positionH`,value:o===c.UP||o===c.DOWN?l:s}}).filter(e=>e!=null);if(m.length===0)return!1;let h=n.syncExecuteCommand(Ut.id,{unitId:l,subUnitId:l,drawings:m});return f.refreshControls(),!!h}},qt={id:`doc.operation.clear-drawing-transformer`,type:i.MUTATION,handler:(e,t)=>{let n=e.get(U);return t.forEach(e=>{var t;(t=n.getRenderById(e))==null||(t=t.scene.getTransformer())==null||t.debounceRefreshControls()}),!0}},Jt=`COMPONENT_DOC_DRAWING_PANEL`,Yt={id:`sidebar.operation.doc-image`,type:i.COMMAND,handler:async(e,t)=>{let n=e.get(tt),r=e.get(T),i=e.get(G);switch(t.value){case`open`:n.open({header:{title:r.t(`docImage.panel.title`)},children:{label:Jt},onClose:()=>{i.focusDrawing(null)},width:360});break;default:n.close();break}return!0}},Xt={id:`doc.operation.edit-doc-image`,type:i.OPERATION,handler:(e,t)=>{let n=e.get(G),r=e.get(g);return t==null?!1:(n.focusDrawing([t]),r.executeCommand(Yt.id,{value:`open`}),!0)}};function Zt(e,t,n=1,r=0){let{top:i,left:a,bottom:o,right:s}=e,c=s-a,l=o-i,{viewportScrollX:u,viewportScrollY:d}=t.getViewport(me.VIEW_MAIN),{scaleX:f,scaleY:p}=t.getAncestorScale();return{startX:(a-u)*f,startY:(i-d)*p,endX:(a+c-u)*f,endY:(i+l-d)*p,width:c*f,height:l*p,rotate:r,absolute:{left:!1,top:!1},opacity:n==null?1:n}}function Qt(e,t){let{top:n,left:r,width:i,height:a,angle:o,opacity:s}=e;return Zt({top:n,left:r,bottom:n+a,right:r+i},t.scene,s,o)}let $t=class extends l{constructor(e,t,n,r,i,a){super(),this._renderManagerService=e,this._drawingManagerService=t,this._drawingRenderService=n,this._canvasFloatDomService=r,this._univerInstanceService=i,this._commandService=a,X(this,`_domLayerInfoMap`,new Map),this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e);if(t==null)return null;let n=t.scene;return{scene:n,transformer:n.getTransformerByCreate(),renderUnit:t,canvas:t.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{this._insertRects(e)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(e=>{e.forEach(e=>{this._removeDom(e.drawingId)})}))}_insertRects(e){e.forEach(async e=>{let{unitId:t}=e;if(!this._univerInstanceService.getUnit(t,I.UNIVER_DOC))return;let n=this._getSceneAndTransformerByDrawingSearch(t);if(n==null)return;let r=this._drawingManagerService.getDrawingByParam(e);if(r==null)return;let i=await this._drawingRenderService.renderFloatDom(r,n.scene);if(!(i==null||i.length===0))for(let e of i){this._addHoverForRect(e);let i=new u,a=new lt(Qt(e,n.renderUnit)),o=n.canvas,s=r.data,c={dispose:i,rect:e,position$:a,unitId:t};this._canvasFloatDomService.addFloatDom({position$:a,id:r.drawingId,componentKey:r.componentKey,onPointerDown:e=>{o.dispatchEvent(new PointerEvent(e.type,e))},onPointerMove:e=>{o.dispatchEvent(new PointerEvent(e.type,e))},onPointerUp:e=>{o.dispatchEvent(new PointerEvent(e.type,e))},onWheel:e=>{o.dispatchEvent(new WheelEvent(e.type,e))},data:s,unitId:t});let l=e.onTransformChange$.subscribeEvent(()=>{let t=Qt(e,n.renderUnit);a.next(t)});i.add(()=>{this._canvasFloatDomService.removeFloatDom(r.drawingId)}),l&&i.add(l),this._domLayerInfoMap.set(r.drawingId,c)}})}_addHoverForRect(e){this.disposeWithMe(ae(e.onPointerEnter$.subscribeEvent(()=>{e.cursor=xe.GRAB}))),this.disposeWithMe(ae(e.onPointerLeave$.subscribeEvent(()=>{e.cursor=xe.DEFAULT})))}_removeDom(e){let t=this._domLayerInfoMap.get(e);if(!t)return;let{unitId:n}=t;this._domLayerInfoMap.delete(e),t.dispose.dispose();let r=this._getSceneAndTransformerByDrawingSearch(n);r&&r.scene.removeObject(t.rect)}_initScrollAndZoomEvent(){let e=e=>{let t=this._getSceneAndTransformerByDrawingSearch(e);t&&this._domLayerInfoMap.forEach(n=>{if(n.unitId!==e)return;let r=Qt(n.rect,t.renderUnit);n.position$.next(r)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(I.UNIVER_DOC).pipe(pt(e=>{if(!e)return null;let t=e.getUnitId(),n=this._renderManagerService.getRenderById(t);return n?{render:n,unitId:t}:null}),ht(e=>e?ne(e.render.scene.getViewport(me.VIEW_MAIN).onScrollAfter$).pipe(pt(()=>({unitId:e.unitId}))):mt(null))).subscribe(t=>{if(!t)return;let{unitId:n}=t;e(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===fe.id){let{unitId:n}=t.params;e(n)}}))}insertFloatDom(e,t){var n,r,i;let a=this._univerInstanceService.getCurrentUnitOfType(I.UNIVER_DOC);if(!a)return!1;let o=this._getSceneAndTransformerByDrawingSearch(a.getUnitId());if(!o)return!1;let s=(n=o.renderUnit.with(B).getSkeleton().getSkeletonData())==null?void 0:n.pages[0];if(!s)return!1;let{pageWidth:c,marginLeft:l,marginRight:u}=s,d=c-l-u,p={size:{width:(r=t.width)==null?d:r,height:t.height},positionH:{relativeFrom:D.PAGE,posOffset:0},positionV:{relativeFrom:O.PAGE,posOffset:0},angle:0},m=(i=t.drawingId)==null?re():i,h={unitId:a.getUnitId(),drawings:[{drawingId:m,drawingType:f.DRAWING_DOM,subUnitId:a.getUnitId(),unitId:a.getUnitId(),...e,title:``,description:``,docTransform:p,layoutType:A.INLINE,transform:he(p)}]};return this._commandService.syncExecuteCommand(kt.id,h),m}};$t=Q([Z(0,U),Z(1,G),Z(2,b(yt)),Z(3,b(Ye)),Z(4,y),Z(5,g)],$t);const en=`doc.menu.image`,tn=Lt.id,nn=e=>{let t=e.get(se),n=e.get(y);return new ut(e=>{let r=t.textSelection$.subscribe(()=>{let r=t.getActiveTextRange();if(r){var i;let{segmentId:t,startOffset:a,endOffset:o}=r,s=n.getCurrentUniverDocInstance(),c=s==null||(i=s.getSelfOrHeaderFooterModel(t).getBody())==null?void 0:i.tables;if(c&&c.length&&c.some(e=>{let{startIndex:t,endIndex:n}=e;return a>=t&&a<n||o>=t&&o<n})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>r.unsubscribe()})};function rn(e){return{id:en,type:rt.SUBITEMS,icon:`AddImageIcon`,tooltip:`docImage.title`,disabled$:nn(e),hidden$:ct(e,I.UNIVER_DOC,void 0,a)}}function an(e){return{id:tn,title:`docImage.upload.float`,type:rt.BUTTON,hidden$:ct(e,I.UNIVER_DOC,void 0,a)}}var on=`@univerjs/docs-drawing-ui`,sn=`0.20.1`;const cn=`docs-drawing-ui.config`;Symbol(cn);const ln={};function un(e){if(S.isNoop(e)||!Array.isArray(e))return null;let t=e.find(e=>Array.isArray(e)&&(e==null?void 0:e[0])===`drawings`);if(t==null||!Array.isArray(t)||t.length<3||typeof t[1]==`string`&&typeof t[2]!=`object`||Array.isArray(t[1])&&typeof t[1][1]!=`object`)return null;let n=[];if(Array.isArray(t==null?void 0:t[1])){for(let e of t)if(Array.isArray(e)){var r,i;n.push({type:!(e==null||(r=e[1])==null)&&r.i?`add`:`remove`,drawingId:e==null?void 0:e[0],drawing:e==null||(i=e[1])==null?void 0:i.i})}}else{var a,o;n.push({type:(a=t[2])!=null&&a.i?`add`:`remove`,drawingId:t[1],drawing:(o=t[2])==null?void 0:o.i})}return n}function dn(e){if(!Array.isArray(e)||e.length<3||e[0]!==`drawingsOrder`)return[];let t=[];for(let n=1;n<e.length;n++){let r=e[n];if(Array.isArray(r)&&typeof r[0]==`number`&&typeof r[1]==`object`)t.push(r[0]);else{t.length=0;break}}return t}let fn=class extends l{constructor(e,t,n,r,i){super(),this._univerInstanceService=e,this._commandService=t,this._drawingManagerService=n,this._docDrawingService=r,this._renderManagerService=i,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{if(e.id!==V.id)return;let{unitId:t,actions:n}=e.params,r=un(n);if(r!=null)for(let{type:e,drawingId:n,drawing:i}of r)e===`add`?this._addDrawings(t,[i]):this._removeDrawings(t,[n])})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==V.id)return;let{unitId:t,actions:n}=e.params;dn(n).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{var t;if(e.id!==F.id&&e.id!==ee.id)return;let n=(t=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:t.getUnitId(),r=this._drawingManagerService.getFocusDrawings();if(n==null||r.length===0)return;let i=this._renderManagerService.getRenderById(n),a=i==null?void 0:i.scene;if(a==null)return!1;a.getTransformerByCreate().refreshControls()}))}_addDrawings(e,t){let n=this._drawingManagerService,r=this._docDrawingService,{subUnitId:i,redo:a,objects:o}=this._docDrawingService.getBatchAddOp(t);n.applyJson1(e,i,a),r.applyJson1(e,i,a),n.addNotification(o),r.addNotification(o)}_removeDrawings(e,t){let n=this._drawingManagerService,r=this._docDrawingService,{subUnitId:i,redo:a,objects:o}=this._docDrawingService.getBatchRemoveOp(t.map(t=>({unitId:e,subUnitId:e,drawingId:t})));n.applyJson1(e,i,a),r.applyJson1(e,i,a),n.removeNotification(o),r.removeNotification(o)}_updateDrawingsOrder(e){let t=this._univerInstanceService.getUniverDocInstance(e);if(t==null)return;let n=t.getSnapshot().drawingsOrder;if(n==null)return;let r=this._drawingManagerService,i=this._docDrawingService;r.setDrawingOrder(e,e,n),i.setDrawingOrder(e,e,n);let a={unitId:e,subUnitId:e,drawingIds:n};r.orderNotification(a),i.orderNotification(a)}};fn=Q([Z(0,y),Z(1,g),Z(2,G),Z(3,z),Z(4,U)],fn);const pn=e=>{let{floatDomInfos:t,scene:n,offset:r,bound:i}=e,a=i.right-i.left,o=i.bottom-i.top;return J(`div`,{className:`univer-absolute univer-left-0 univer-top-0`,children:Tt(()=>t.map(e=>{let{width:t=0,height:r=0,left:i=0,top:a=0}=e.transform,o=Zt({left:i,right:i+t,top:a,bottom:a+r},n),s={position$:new lt(o),position:o,id:e.drawingId,componentKey:e.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:e.unitId,data:e.data};return[e.drawingId,s]}).filter(([e,t])=>!(t.position.endX<0||t.position.endY<0||t.position.startX>a||t.position.startY>o)),[t,n,r,a,o]).map(([e,t])=>J(it,{layer:t,id:e,position:t.position},e))})};let mn=class extends l{constructor(e,t,n,r,i){super(),this._docPrintInterceptorService=e,this._drawingRenderService=t,this._drawingManagerService=n,this._componetManager=r,this._injector=i,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(e,t,n)=>{let{unitId:r,scene:i}=t,a=this._drawingManagerService.getDrawingDataForUnit(r),o=a==null?void 0:a[r];return o&&o.order.forEach(e=>{let t=o.data[e];t.drawingType!==f.DRAWING_CHART&&t.drawingType!==f.DRAWING_DOM&&this._drawingRenderService.renderDrawing(t,i)}),n()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(e,t,n)=>{let{unitId:r}=t,i=this._drawingManagerService.getDrawingDataForUnit(r),a=i==null?void 0:i[r];if(a){let i=a.order.map(e=>{let t=a.data[e];if(t.drawingType===f.DRAWING_CHART)return{...t,componentKey:this._componetManager.get(o)};if(t.drawingType===f.DRAWING_DOM){let e=this._docPrintInterceptorService.getPrintComponent(t.componentKey);return{...t,componentKey:this._componetManager.get(e||t.componentKey)}}return null}).filter(Boolean);return Le(J(st(pn,this._injector),{unitId:r,floatDomInfos:i,scene:t.scene,skeleton:t.skeleton,offset:t.offset,bound:t.bound}),t.root),e==null||e.add(()=>{Re(t.root)}),n(e)}}}))}};mn=Q([Z(0,b(le)),Z(1,b(yt)),Z(2,G),Z(3,b(Xe)),Z(4,b(x))],mn);function hn(e){let{path:t}=e;return t.some(e=>e===`cells`)}let gn=class extends l{constructor(e,t,n,r){super(),this._commandService=e,this._univerInstanceService=t,this._drawingManagerService=n,this._renderManagerService=r,X(this,`_liquid`,new we),X(this,`_listenerOnImageMap`,new Set),X(this,`_transformerCache`,new Map),X(this,`_anchorShape`,void 0),this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(let t of e){let{unitId:e}=t;this._listenerOnImageMap.has(e)||(this._listenTransformerChange(e),this._listenerOnImageMap.add(e))}}))}_listenTransformerChange(e){var t;let n=(t=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:t.transformer;if(n==null)return;this.disposeWithMe(ae(n.changeStart$.subscribe(e=>{this._transformerCache.clear();let{objects:t}=e;for(let e of t.values()){var n;let{oKey:t,width:r,height:i,left:a,top:o,angle:s}=e,c=this._drawingManagerService.getDrawingOKey(t);if(c==null)continue;let l=this._univerInstanceService.getUniverDocInstance(c.unitId),u=l==null||(n=l.getSnapshot().drawings)==null?void 0:n[c.drawingId];if((u==null?void 0:u.layoutType)===A.INLINE)try{e.setOpacity(.2)}catch{}u!=null&&this._transformerCache.set(c.drawingId,{drawing:u,top:o,left:a,width:r,height:i,angle:s})}})));let r=R(this._updateMultipleDrawingDocTransform.bind(this),50);R(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(ae(n.changing$.subscribe(e=>{let{objects:t,offsetX:n,offsetY:i}=e;if(t.size>1)r(t);else if(t.size===1){let e=this._transformerCache.values().next().value,{width:r,height:a,top:o,left:s,angle:c}=t.values().next().value;if(e&&r===e.width&&a===e.height&&o===e.top&&s===e.left&&c===e.angle)return;e&&(e.drawing.layoutType,A.INLINE),e&&e.drawing.layoutType===A.INLINE&&n!=null&&i!=null&&this._updateInlineDrawingAnchor(e.drawing,n,i)}}))),this.disposeWithMe(ae(n.changeEnd$.subscribe(e=>{let{objects:t,offsetX:n,offsetY:r}=e;for(let e of t.values()){let t=this._drawingManagerService.getDrawingOKey(e.oKey);if(t==null)continue;let n=this._transformerCache.get(t==null?void 0:t.drawingId);if((n==null?void 0:n.drawing.layoutType)===A.INLINE)try{e.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),t.size>1)this._updateMultipleDrawingDocTransform(t);else if(t.size===1){let e=this._transformerCache.values().next().value,i=t.values().next().value,{width:a,height:o,top:s,left:c,angle:l}=i;if(e&&a===e.width&&o===e.height&&s===e.top&&c===e.left&&l===e.angle)return;e&&e.drawing.layoutType===A.INLINE?a!==e.width||o!==e.height||l!==e.angle?this._updateDrawingSize(e,i):n!=null&&r!=null&&this._moveInlineDrawing(e.drawing,n,r):e&&this._nonInlineDrawingTransform(e.drawing,i)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;let t=[],n,r;for(let i of e.values()){let{oKey:e,left:a,top:o,angle:s}=i,{width:c,height:l}=i,u=this._drawingManagerService.getDrawingOKey(e);if(u==null)continue;n==null&&(n=u.unitId),r==null&&(r=u.subUnitId);let d=this._transformerCache.get(u.drawingId);if(d==null)continue;let{drawing:f,top:p,left:m,width:h,height:g,angle:_}=d,{width:v,height:y}=this._getPageContentSize(f);if(c=Math.min(c,v),l=Math.min(l,y),(h!==c||g!==l)&&t.push({drawingId:u.drawingId,key:`size`,value:{width:c,height:l}}),_!==s&&t.push({drawingId:u.drawingId,key:`angle`,value:s}),p!==o||m!==a){let e=o-p,n=a-m;e!==0&&t.push({drawingId:u.drawingId,key:`positionV`,value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+e}}),n!==0&&t.push({drawingId:u.drawingId,key:`positionH`,value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.docTransform.positionH.posOffset+n}})}}t.length>0&&n&&r&&this._commandService.executeCommand(Ut.id,{unitId:n,subUnitId:r,drawings:t})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;let t=this._transformerCache.values().next().value,n=e.values().next().value;this._getDrawingAnchor(t.drawing,n)}_updateInlineDrawingAnchor(e,t,n){var r;if(this._transformerCache.size!==1)return;let{contentBoxPointGroup:i}=(r=this._getInlineDrawingAnchor(e,t,n))==null?{}:r;i!=null&&this._createOrUpdateInlineAnchor(e.unitId,i)}_getInlineDrawingAnchor(e,t,n){var r,i;let a=this._renderManagerService.getRenderById(e.unitId),o=a==null?void 0:a.with(B).getSkeleton();if(a==null)return;let{mainComponent:s,scene:c}=a,l=s,u=c.getViewports()[0],{pageLayoutType:d=Te.VERTICAL,pageMarginLeft:f,pageMarginTop:p}=l.getOffsetConfig(),m=null,h=!1,g=-1,_=``,v=this._getTransformCoordForDocumentOffset(l,u,t,n);if(v==null)return;let y=(r=this._renderManagerService.getRenderById(e.unitId))==null?void 0:r.with(H);if(y==null)return;let b=o==null?void 0:o.findNodeByCoord(v,d,f,p,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(b){let{node:e,ratioX:t,segmentPage:n,segmentId:r}=b;h=t<.5,m=e,g=n,_=r}if(m==null)return;let x=o==null?void 0:o.findPositionByGlyph(m,g),S=this._getDocObject();if(x==null||o==null||S==null||hn(x))return;let C={...x,isBack:h},{cursorList:w,contentBoxPointGroup:T}=new de(S.document.getOffsetConfig(),o).getRangePointData(C,C),{startOffset:E}=(i=ye(w))==null?{}:i;if(E!=null)return{offset:E,contentBoxPointGroup:T,segmentId:_,segmentPage:g}}_getDrawingAnchor(e,t){var n,r,i,a,o;let s=this._renderManagerService.getRenderById(e.unitId),c=s==null?void 0:s.with(B).getSkeleton(),l=c==null?void 0:c.getSkeletonData();if(l==null||s==null)return;let{pages:u,skeHeaders:d,skeFooters:f}=l,{mainComponent:p,scene:m}=s,h=p,g=m.getViewports()[0],{pageLayoutType:_=Te.VERTICAL,pageMarginLeft:v,pageMarginTop:y,docsLeft:b,docsTop:x}=h.getOffsetConfig(),{left:S,top:C,angle:w}=t,{width:T,height:E}=t,{positionV:k,positionH:A}=e.docTransform,{width:ee,height:j}=this._getPageContentSize(e);T=Math.min(T,ee),E=Math.min(E,j);let M=null,N=``,P=-1,F={...e.docTransform,size:{width:T,height:E},angle:w},{x:I,y:te}=m.getViewportScrollXY(g),ne=this._getTransformCoordForDocumentOffset(h,g,S-I,C-te);if(ne==null)return;let re=(n=this._renderManagerService.getRenderById(e.unitId))==null?void 0:n.with(H);if(re==null)return;let ie=c==null?void 0:c.findNodeByCoord(ne,_,v,y,{strict:!1,segmentId:re.getSegment(),segmentPage:re.getSegmentPage()});if(ie){let{node:e,segmentPage:t,segmentId:n}=ie;M=e,P=t,N=n}if(M==null)return;let L=(r=M.parent)==null?void 0:r.parent,R=L==null?void 0:L.parent,ae=(i=R==null?void 0:R.lines.find(e=>e.paragraphIndex===(L==null?void 0:L.paragraphIndex)&&e.paragraphStart))==null?R==null?void 0:R.lines[0]:i,z=R==null||(a=R.parent)==null?void 0:a.parent;if(L==null||R==null||ae==null||z==null)return;this._liquid.reset();let oe=z.type;for(let e of u){let{headerId:t,footerId:n,pageHeight:r,pageWidth:i,marginLeft:a,marginBottom:o}=e,s=u.indexOf(e);if(P>-1&&s===P){switch(oe){case Ce.HEADER:{var se;let e=(se=d.get(t))==null?void 0:se.get(i);if(e)this._liquid.translatePagePadding({marginTop:e.marginTop,marginLeft:a});else throw Error(`header skeleton not found`);break}case Ce.FOOTER:{var V;let e=(V=f.get(n))==null?void 0:V.get(i);if(e)this._liquid.translatePagePadding({marginTop:r-o+e.marginTop,marginLeft:a});else throw Error(`footer skeleton not found`);break}}break}if(this._liquid.translatePagePadding(e),e===z)break;this._liquid.restorePagePadding(e),this._liquid.translatePage(e,_,v,y)}if(k.relativeFrom===O.LINE)M=L.divides[0].glyphGroup[0];else{var ce,le;M=(ce=(le=ae.divides)==null||(le=le[0])==null||(le=le.glyphGroup)==null?void 0:le[0])==null?M:ce}switch(F.positionH={relativeFrom:A.relativeFrom,posOffset:S-this._liquid.x-b},A.relativeFrom){case D.MARGIN:F.positionH.posOffset=S-this._liquid.x-b-z.marginLeft;break;case D.COLUMN:F.positionH.posOffset=S-this._liquid.x-b-R.left;break}switch(F.positionV={relativeFrom:k.relativeFrom,posOffset:C-this._liquid.y-x},k.relativeFrom){case O.PAGE:F.positionV.posOffset=C-this._liquid.y-x-z.marginTop;break;case O.LINE:F.positionV.posOffset=C-this._liquid.y-x-L.top;break;case O.PARAGRAPH:F.positionV.posOffset=C-this._liquid.y-x-ae.top;break}if(M==null)return;let ue=c==null?void 0:c.findPositionByGlyph(M,P),fe=this._getDocObject();if(ue==null||c==null||fe==null||hn(ue))return;let pe={...ue,isBack:!1},{cursorList:me}=new de(fe.document.getOffsetConfig(),c).getRangePointData(pe,pe),{startOffset:he}=(o=ye(me))==null?{}:o;if(he!=null)return{offset:he,docTransform:F,segmentId:N,segmentPage:P}}_updateDrawingSize(e,t){let n=[],{drawing:r,width:i,height:a,angle:o}=e,{unitId:s,subUnitId:c}=r,{width:l,height:u,angle:d}=t,{width:f,height:p}=this._getPageContentSize(r);l=Math.min(f,l),u=Math.min(p,u),(l!==i||u!==a)&&n.push({drawingId:r.drawingId,key:`size`,value:{width:l,height:u}}),d!==o&&n.push({drawingId:r.drawingId,key:`angle`,value:d}),n.length>0&&s&&c&&this._commandService.executeCommand(Ut.id,{unitId:s,subUnitId:c,drawings:n})}_moveInlineDrawing(e,t,n){let r=this._getInlineDrawingAnchor(e,t,n),{offset:i,segmentId:a,segmentPage:o}=r==null?{}:r;return this._commandService.executeCommand(Wt.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:i,segmentId:a,segmentPage:o,needRefreshDrawings:i==null})}_limitDrawingInPage(e,t){let n=this._renderManagerService.getRenderById(e.unitId),{left:r,top:i,width:a,height:o,angle:s}=t,c=n==null?void 0:n.with(B).getSkeleton(),l=c==null?void 0:c.getSkeletonData(),{pages:u}=l==null?{}:l;if(l==null||n==null||u==null)return{left:r,top:i,width:a,height:o,angle:s};let{mainComponent:d}=n,{top:f,pageLayoutType:p,pageMarginLeft:m,pageMarginTop:h}=d,g=i;this._liquid.reset();for(let e of u){let{marginBottom:t,pageHeight:n}=e,r=u[u.indexOf(e)+1];r!=null&&(P.hasIntersectionBetweenTwoRanges(i,i+o,this._liquid.y+f+n-t,this._liquid.y+f+n+h+r.marginTop)&&(g=i+o/2<this._liquid.y+f+n+h/2?Math.min(i,this._liquid.y+f+n-t-o):Math.max(i,this._liquid.y+f+n+h+r.marginTop)),this._liquid.translatePage(e,p,m,h))}return{left:r,top:g,width:a,height:o,angle:s}}_nonInlineDrawingTransform(e,n,r=!1){let i=e.isMultiTransform===t.TRUE?n:this._limitDrawingInPage(e,n);if(r&&i.top!==n.top)return;let a=this._getDrawingAnchor(e,i),{offset:o,docTransform:s,segmentId:c,segmentPage:l}=a==null?{}:a;return o==null||s==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(Gt.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,docTransform:s,segmentId:c,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;if(n!=null)return{scene:n,transformer:n.getTransformerByCreate()}}_getTransformCoordForDocumentOffset(e,t,n,r){let{documentTransform:i}=e.getOffsetConfig(),a=t.transformVector2SceneCoord(Oe.FromArray([n,r]));if(a)return i.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,t){let n=this._renderManagerService.getRenderById(e);if(n==null)return;let{mainComponent:i,scene:a}=n,{docsLeft:o,docsTop:s}=i.getOffsetConfig(),{left:c,top:l,height:u}=ge(t),d=c+o,f=l+s;if(this._anchorShape){this._anchorShape.transformByState({left:d,top:f,height:u}),this._anchorShape.show();return}let p=new Ee(`__InlineDrawingAnchor__`+re(6),{left:d,top:f,height:u,strokeWidth:2,stroke:ke(r.darkgray,1),evented:!1});this._anchorShape=p,a.addObject(p,pe)}_getDocObject(){return ve(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){let t=this._renderManagerService.getRenderById(e.unitId),n=t==null?void 0:t.with(B).getSkeleton(),r=n==null?void 0:n.getSkeletonData();if(r==null||t==null)return{width:500,height:500};let{pages:i}=r,a=null;for(let t of i){let{skeDrawings:n}=t;if(n.has(e.drawingId)){a=t;break}}if(a){let{pageWidth:e,pageHeight:t,marginLeft:n,marginBottom:r,marginRight:i,marginTop:o}=a;return{width:Math.max(500,e-n-i),height:Math.max(500,t-o-r)}}else return{width:500,height:500}}};gn=Q([Z(0,g),Z(1,y),Z(2,G),Z(3,U)],gn);const _n={[at.MEDIA]:{[en]:{order:0,menuItemFactory:rn,[tn]:{order:0,menuItemFactory:an}}}},vn=-1e3,yn=1e3,bn=e=>{let t=K(g),n=K(T),r=K(G),i=K(U),a=K(y),{drawings:o}=e,s=o[0];if(s==null)return;let{unitId:c}=s,l=a.getUniverDocInstance(c),u=l==null?void 0:l.getSnapshot().documentStyle.documentFlavor,f=i.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;let m=p.getTransformerByCreate(),h=[{label:n.t(`image-position.column`),value:String(D.COLUMN)},{label:n.t(`image-position.page`),value:String(D.PAGE)},{label:n.t(`image-position.margin`),value:String(D.MARGIN)}],_=[{label:n.t(`image-position.line`),value:String(O.LINE),disabled:u===d.MODERN},{label:n.t(`image-position.page`),value:String(O.PAGE),disabled:u===d.MODERN},{label:n.t(`image-position.margin`),value:String(O.MARGIN),disabled:u===d.MODERN},{label:n.t(`image-position.paragraph`),value:String(O.PARAGRAPH)}],[v,b]=q(!0),[x,S]=q({relativeFrom:D.PAGE,posOffset:0}),[C,w]=q({relativeFrom:O.PAGE,posOffset:0}),[E,k]=q(!0),[ee,j]=q(!0);function M(e,n){var a;e===`positionH`?S(n):w(n);let o=r.getFocusDrawings();if(o.length===0)return;let s=o.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));t.executeCommand(Ut.id,{unitId:o[0].unitId,subUnitId:o[0].unitId,drawings:s.map(t=>({drawingId:t.drawingId,key:e,value:n}))});let l=(a=i.getRenderById(c))==null?void 0:a.with(H);l&&l.blur(),m.refreshControls()}function N(e){var t;let n=x.relativeFrom,a=x.posOffset,o=Number(e);if(n===o)return;let s=r.getFocusDrawings();if(s.length===0)return;let c=s[0].drawingId,l=s[0].unitId,u=null,d=0,f=(t=i.getRenderById(l))==null?void 0:t.with(B).getSkeleton(),p=f==null?void 0:f.getSkeletonData();if(p==null)return;let{pages:m,skeHeaders:h,skeFooters:g}=p;for(let e of m){var _,v;let{marginLeft:t,skeDrawings:n,headerId:r,footerId:i,pageWidth:a}=e;if(n.has(c)){u=n.get(c),d=t;break}let o=(_=h.get(r))==null?void 0:_.get(a);if(o!=null&&o.skeDrawings.has(c)){u=o==null?void 0:o.skeDrawings.get(c),d=t;break}let s=(v=g.get(i))==null?void 0:v.get(a);if(s!=null&&s.skeDrawings.has(c)){u=s==null?void 0:s.skeDrawings.get(c),d=t;break}}if(u==null)return;let y=0;n===D.COLUMN?y-=u.columnLeft:n===D.MARGIN&&(y-=d),o===D.COLUMN?y+=u.columnLeft:o===D.MARGIN?y+=d:D.PAGE,M(`positionH`,{relativeFrom:o,posOffset:(a==null?0:a)-y})}function P(e){var t,n,o,s,c;let l=C.relativeFrom,u=C.posOffset,d=Number(e);if(l===d)return;let f=r.getFocusDrawings();if(f.length===0)return;let{drawingId:p,unitId:m}=f[0],h=a.getUniverDocInstance(m),g=(t=i.getRenderById(m))==null?void 0:t.with(B).getSkeleton(),_=(n=i.getRenderById(m))==null?void 0:n.with(H),v=_==null?void 0:_.getSegment(),y=_==null?void 0:_.getSegmentPage(),b=h==null||(o=h.getSelfOrHeaderFooterModel(v).getBody())==null||(o=o.customBlocks)==null?void 0:o.find(e=>e.blockId===p);if(b==null||g==null||_==null)return;let{startIndex:x}=b,S=g.findNodeByCharIndex(x,v,y),w=S==null||(s=S.parent)==null?void 0:s.parent,T=w==null?void 0:w.parent,E=T==null?void 0:T.lines.find(e=>e.paragraphIndex===(w==null?void 0:w.paragraphIndex)&&e.paragraphStart),D=T==null||(c=T.parent)==null?void 0:c.parent;if(S==null||w==null||E==null||T==null||D==null)return;let k=0;l===O.PARAGRAPH?k-=E.top:l===O.LINE?k-=w.top:l===O.PAGE&&(k+=D.marginTop),d===O.PARAGRAPH?k+=E.top:d===O.LINE?k+=w.top:d===O.PAGE&&(k-=D.marginTop),M(`positionV`,{relativeFrom:d,posOffset:(u==null?0:u)-k})}function F(e){var t;let n=l==null?void 0:l.getSnapshot(),r=n==null||(t=n.drawings)==null?void 0:t[e.drawingId];if(r==null)return;let{layoutType:i}=r,{positionH:a,positionV:o}=r.docTransform;S(a),w(o),b(i===A.INLINE),k(o.relativeFrom===O.PARAGRAPH||o.relativeFrom===O.LINE)}function I(){let e=r.getFocusDrawings();e.length!==0&&F(e[0])}function te(e){k(e),P(e?String(O.PARAGRAPH):String(O.PAGE))}return wt(()=>{I();let e=r.focus$.subscribe(e=>{if(e.length===0){j(!1);return}j(!0),F(e[0])}),n=t.onCommandExecuted(async e=>{e.id===V.id&&I()});return()=>{e.unsubscribe(),n.dispose()}},[]),Y(`div`,{className:Ie(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!ee}),children:[J(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:n.t(`image-position.title`)})}),J(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:n.t(`image-position.horizontal`)})}),Y(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[Y(`div`,{children:[J(`span`,{children:n.t(`image-position.absolutePosition`)}),J(Me,{min:vn,max:yn,precision:1,disabled:v,value:x.posOffset,onChange:e=>{M(`positionH`,{relativeFrom:x.relativeFrom,posOffset:e})}})]}),Y(`div`,{children:[J(`span`,{children:n.t(`image-position.toTheRightOf`)}),J(Fe,{value:String(x.relativeFrom),disabled:v,options:h,onChange:N})]})]}),J(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:n.t(`image-position.vertical`)})}),Y(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[Y(`div`,{children:[J(`span`,{children:n.t(`image-position.absolutePosition`)}),J(Me,{min:vn,max:yn,precision:1,disabled:v,value:C.posOffset,onChange:e=>{M(`positionV`,{relativeFrom:C.relativeFrom,posOffset:e})}})]}),Y(`div`,{children:[J(`span`,{children:n.t(`image-position.bellow`)}),J(Fe,{disabled:v,value:String(C.relativeFrom),options:_,onChange:P})]})]}),J(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:n.t(`image-position.options`)})}),J(`div`,{children:J(je,{disabled:v,checked:E,onChange:te,children:n.t(`image-position.moveObjectWithText`)})})]})},xn=e=>{let n=K(g),r=K(T),i=K(G),a=K(U),o=K(y),{drawings:s}=e,c=s[0];if(c==null)return null;let{unitId:l}=c,u=o.getUniverDocInstance(l),d=a.getRenderById(l);if((d==null?void 0:d.scene)==null)return null;let[f,p]=q(!0),[m,h]=q(!0),[_,v]=q(!0),[b,x]=q($.INLINE),[S,C]=q(``),[w,E]=q({distT:0,distL:0,distB:0,distR:0}),[D,O]=q(!0);function k(e){x(e);let t=i.getFocusDrawings();if(t.length===0)return;let{unitId:r,subUnitId:a}=t[0],o=t.map(({unitId:e,subUnitId:t,drawingId:n})=>({unitId:e,subUnitId:t,drawingId:n}));n.executeCommand(Bt.id,{unitId:r,subUnitId:a,drawings:o,wrappingStyle:e})}function ee(e){C(e);let t=i.getFocusDrawings();if(t.length===0)return;let r=t.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(Ht.id,{unitId:t[0].unitId,subUnitId:t[0].unitId,drawings:r,wrapText:e})}function j(e,t){if(e==null)return;E({...w,[t]:e});let r=i.getFocusDrawings();if(r.length===0)return;let a=r.map(e=>({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}));n.executeCommand(Vt.id,{unitId:r[0].unitId,subUnitId:r[0].unitId,drawings:a,dist:{[t]:e}})}function M(){let e=i.getFocusDrawings();e.length!==0&&N(e[0])}function N(e){var n;let r=u==null||(n=u.getSnapshot())==null||(n=n.drawings)==null?void 0:n[e.drawingId];if(r==null)return;let{distT:i=0,distL:a=0,distB:o=0,distR:s=0,layoutType:c=A.INLINE,behindDoc:l=t.FALSE,wrapText:d=te.BOTH_SIDES}=r;if(E({distT:i,distL:a,distB:o,distR:s}),C(d),p(c!==A.WRAP_SQUARE),c===A.WRAP_NONE||c===A.INLINE?h(!0):h(!1),c===A.WRAP_NONE||c===A.INLINE||c===A.WRAP_TOP_AND_BOTTOM?v(!0):v(!1),c===A.WRAP_NONE)l===t.TRUE?x($.BEHIND_TEXT):x($.IN_FRONT_OF_TEXT);else switch(c){case A.INLINE:x($.INLINE);break;case A.WRAP_SQUARE:x($.WRAP_SQUARE);break;case A.WRAP_TOP_AND_BOTTOM:x($.WRAP_TOP_AND_BOTTOM);break;default:throw Error(`Unsupported layout type: ${c}`)}}return wt(()=>{M();let e=i.focus$.subscribe(e=>{if(e.length===0){O(!1);return}O(!0),N(e[0])}),t=n.onCommandExecuted(async e=>{e.id===V.id&&M()});return()=>{e.unsubscribe(),t.dispose()}},[]),Y(`div`,{className:Ie(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!D}),children:[J(`header`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:r.t(`image-text-wrap.title`)})}),J(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:r.t(`image-text-wrap.wrappingStyle`)})}),J(`div`,{children:Y(Pe,{value:b,onChange:k,direction:`vertical`,children:[J(W,{value:$.INLINE,children:r.t(`image-text-wrap.inline`)}),J(W,{value:$.WRAP_SQUARE,children:r.t(`image-text-wrap.square`)}),J(W,{value:$.WRAP_TOP_AND_BOTTOM,children:r.t(`image-text-wrap.topAndBottom`)}),J(W,{value:$.BEHIND_TEXT,children:r.t(`image-text-wrap.behindText`)}),J(W,{value:$.IN_FRONT_OF_TEXT,children:r.t(`image-text-wrap.inFrontText`)})]})}),J(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:r.t(`image-text-wrap.wrapText`)})}),J(`div`,{children:Y(Pe,{disabled:f,value:S,onChange:ee,direction:`horizontal`,children:[J(W,{value:te.BOTH_SIDES,children:r.t(`image-text-wrap.bothSide`)}),J(W,{value:te.LEFT,children:r.t(`image-text-wrap.leftOnly`)}),J(W,{value:te.RIGHT,children:r.t(`image-text-wrap.rightOnly`)})]})}),J(`div`,{className:`univer-text-gray-600 dark:!univer-text-gray-200`,children:J(`div`,{children:r.t(`image-text-wrap.distanceFromText`)})}),Y(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[Y(`div`,{children:[J(`span`,{children:r.t(`image-text-wrap.top`)}),J(Me,{min:0,max:100,disabled:m,precision:1,value:w.distT,onChange:e=>{j(e,`distT`)}})]}),Y(`div`,{children:[J(`span`,{children:r.t(`image-text-wrap.left`)}),J(Me,{min:0,max:100,disabled:_,precision:1,value:w.distL,onChange:e=>{j(e,`distL`)}})]})]}),Y(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2`,children:[Y(`div`,{children:[J(`span`,{children:r.t(`image-text-wrap.bottom`)}),J(Me,{min:0,max:100,disabled:m,precision:1,value:w.distB,onChange:e=>{j(e,`distB`)}})]}),Y(`div`,{children:[J(`span`,{children:r.t(`image-text-wrap.right`)}),J(Me,{min:0,max:100,disabled:_,precision:1,value:w.distR,onChange:e=>{j(e,`distR`)}})]})]})]})},Sn=()=>{let e=K(G),[t,n]=q(e.getFocusDrawings());return wt(()=>{let t=e.focus$.subscribe(e=>{n(e)});return()=>{t.unsubscribe()}},[]),!!(t!=null&&t.length)&&Y(`div`,{className:`univer-text-sm`,children:[J(vt,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),J(xn,{drawings:t}),J(bn,{drawings:t})]})};function Cn(e){return e.getContextValue(m)&&e.getContextValue(h)&&e.getContextValue(p)}const wn={id:Kt.id,description:`shortcut.drawing-move-down`,group:`4_drawing-view`,binding:nt.ARROW_DOWN,priority:100,preconditions:Cn,staticParameters:{direction:c.DOWN}},Tn={id:Kt.id,description:`shortcut.drawing-move-up`,group:`4_drawing-view`,binding:nt.ARROW_UP,priority:100,preconditions:Cn,staticParameters:{direction:c.UP}},En={id:Kt.id,description:`shortcut.drawing-move-left`,group:`4_drawing-view`,binding:nt.ARROW_LEFT,priority:100,preconditions:Cn,staticParameters:{direction:c.LEFT}},Dn={id:Kt.id,description:`shortcut.drawing-move-right`,group:`4_drawing-view`,binding:nt.ARROW_RIGHT,priority:100,preconditions:Cn,staticParameters:{direction:c.RIGHT}},On={id:Dt.id,description:`shortcut.drawing-delete`,group:`4_drawing-view`,preconditions:Cn,binding:nt.DELETE,mac:nt.BACKSPACE};let kn=class extends l{constructor(e,t,n,r){super(),this._componentManager=e,this._menuManagerService=t,this._commandService=n,this._shortcutService=r,this._init()}_initCustomComponents(){let e=this._componentManager;this.disposeWithMe(e.register(Jt,Sn))}_initMenus(){this._menuManagerService.mergeMenu(_n)}_initCommands(){[Lt,kt,Bt,Vt,Ht,Ut,Wt,Gt,Et,Yt,qt,Xt,Ot,jt,Kt,Dt,At].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[wn,Tn,En,Dn,On].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};kn=Q([Z(0,b(Xe)),Z(1,Qe),Z(2,g),Z(3,et)],kn);let An=class extends l{constructor(e,t,n,r,i,a,o,s){super(),this._context=e,this._docSkeletonManagerService=t,this._commandService=n,this._editorService=r,this._drawingManagerService=i,this._docRefreshDrawingsService=a,this._univerInstanceService=o,this._lifecycleService=s,X(this,`_liquid`,new we),this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})),this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}))}_commandExecutedListener(){let e=[V.id,fe.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(e.includes(t.id)){let{unitId:e}=t.params,{unitId:n,mainComponent:r}=this._context;if(e!==n)return;let i=this._docSkeletonManagerService.getSkeleton();if(i==null)return;if(this._editorService.isEditor(n)&&n!==a){r==null||r.makeDirty();return}this._refreshDrawing(i)}}))}_initResize(){this.disposeWithMe(ne(this._context.engine.onTransformChange$).pipe(ft(e=>e.type===De.resize),dt(16)).subscribe(()=>{var e;let t=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(e=n.getTransformer())==null||e.refreshControls(),this._refreshDrawing(t)}))}_refreshDrawing(e){let t=e==null?void 0:e.getSkeletonData(),{mainComponent:n,unitId:r}=this._context,i=n;if(!t)return;let{left:a,top:o,pageLayoutType:s,pageMarginLeft:c,pageMarginTop:l}=i,{pages:u,skeHeaders:d,skeFooters:f}=t,p={};this._liquid.reset();for(let e=0,t=u.length;e<t;e++){let t=u[e],{headerId:n,footerId:i,pageWidth:g}=t;if(n){var m;let e=(m=d.get(n))==null?void 0:m.get(g);e&&this._calculateDrawingPosition(r,e,a,o,p,e.marginTop,t.marginLeft)}if(i){var h;let e=(h=f.get(i))==null?void 0:h.get(g);e&&this._calculateDrawingPosition(r,e,a,o,p,t.pageHeight-t.marginBottom+e.marginTop,t.marginLeft)}this._calculateDrawingPosition(r,t,a,o,p,t.marginTop,t.marginLeft),this._liquid.translatePage(t,s,c,l)}let g=Object.values(p),_=g.filter(e=>!e.isMultiTransform),v=g.filter(e=>e.isMultiTransform);_.length>0&&this._drawingManagerService.refreshTransform(_),this._handleMultiDrawingsTransform(v)}_handleMultiDrawingsTransform(e){let{scene:n,unitId:r}=this._context,i=n.getTransformerByCreate();e.forEach(e=>{let t=this._drawingManagerService.getDrawingByParam(e);t!=null&&(t.transform=e.transform,t.transforms=e.transforms,t.isMultiTransform=e.isMultiTransform)});let a=[...i.getSelectedObjectMap().keys()],o=Object.values(this._drawingManagerService.getDrawingData(r,r)).filter(e=>e.isMultiTransform===t.TRUE);this._drawingManagerService.removeNotification(o),e.length>0&&this._drawingManagerService.addNotification(e);for(let e of a){let t=n.getObject(e);t&&i.setSelectedControl(t)}}_calculateDrawingPosition(e,n,r,i,a,o,s){let{skeDrawings:c}=n;this._liquid.translatePagePadding({marginTop:o,marginLeft:s}),c.forEach(n=>{let{aLeft:o,aTop:s,height:c,width:l,angle:u,drawingId:d,drawingOrigin:f}=n,p=f.layoutType===A.WRAP_NONE&&f.behindDoc===t.TRUE,{isMultiTransform:m=t.FALSE}=f,h={left:o+r+this._liquid.x,top:s+i+this._liquid.y,width:l,height:c,angle:u};a[d]==null?a[d]={unitId:e,subUnitId:e,drawingId:d,behindText:p,transform:h,transforms:[h],isMultiTransform:m}:m===t.TRUE&&a[d].transforms.push(h)}),this._liquid.restorePagePadding({marginTop:o,marginLeft:s})}_drawingInitializeListener(){let e=()=>{let e=this._docSkeletonManagerService.getSkeleton();e!=null&&(this._refreshDrawing(e),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=w.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this.disposeWithMe(this._lifecycleService.lifecycle$.pipe(ft(e=>e===w.Rendered)).subscribe(e))}};An=Q([Z(1,b(B)),Z(2,g),Z(3,ue),Z(4,G),Z(5,b(Ft)),Z(6,y),Z(7,b(C))],An);let jn=class extends j{constructor(e,t,n,r,i){super(),this._drawingManagerService=e,this._canvasPopManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._contextService=i,X(this,`_initImagePopupMenu`,new Set),X(this,`_disposePopups`,[]),this._init()}_init(){this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(I.UNIVER_DOC).pipe(gt(this.dispose$)).subscribe(e=>this._create(e))),this.disposeWithMe(this._univerInstanceService.getTypeOfUnitDisposed$(I.UNIVER_DOC).pipe(gt(this.dispose$)).subscribe(e=>this._dispose(e))),this._univerInstanceService.getAllUnitsForType(I.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){let t=e.getUnitId();this._disposePopups.length&&(this._disposePopups.forEach(e=>e.dispose()),this._disposePopups.length=0),this._renderManagerService.removeRender(t)}_create(e){if(!e)return;let t=e.getUnitId();ie(t)||this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){let t=e.getAllObjects();for(let e of t)if(e instanceof bt)return!0;return!1}_popupMenuListener(e){var t;let n=(t=this._renderManagerService.getRenderById(e))==null?void 0:t.scene;if(!n)return;let r=n.getTransformerByCreate();if(!r)return;let i=this._disposePopups;this.disposeWithMe(r.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;let e=r.getSelectedObjectMap();if(i.forEach(e=>e.dispose()),i.length=0,e.size>1)return;let t=e.values().next().value;if(!t)return;let a=t.oKey,o=this._drawingManagerService.getDrawingOKey(a);if(!o||o.drawingType===f.DRAWING_DOM)return;let{unitId:s,subUnitId:c,drawingId:l,drawingType:u}=o,d=this._canvasPopManagerService.attachPopupToObject(t,{componentKey:_t,direction:`horizontal`,offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(s,c,l,u)}},s);i.push(this.disposeWithMe(d)),!this._drawingManagerService.getFocusDrawings().find(e=>e.unitId===s&&e.subUnitId===c&&e.drawingId===l)&&this._drawingManagerService.focusDrawing([{unitId:s,subUnitId:c,drawingId:l}])})),this.disposeWithMe(r.clearControl$.subscribe(()=>{i.forEach(e=>e.dispose()),i.length=0,this._contextService.setContextValue(p,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(r.changing$.subscribe(()=>{i.forEach(e=>e.dispose()),i.length=0})),this.disposeWithMe(r.changeStart$.subscribe(()=>{i.forEach(e=>e.dispose()),i.length=0}))}_getImageMenuItems(e,t,n,r){return[{label:`image-popup.edit`,index:0,commandId:Xt.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:`image-popup.delete`,index:1,commandId:Et.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:t,drawingId:n}]},disable:!1},{label:`image-popup.crop`,index:2,commandId:St.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:`image-popup.reset`,index:3,commandId:xt.id,commandParams:[{unitId:e,subUnitId:t,drawingId:n}],disable:!0}]}};jn=Q([Z(0,G),Z(1,b(ce)),Z(2,U),Z(3,y),Z(4,v)],jn);let Mn=class extends k{constructor(e=ln,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerSrv=n,this._configService=r;let{...i}=L({},ln,this._config);this._configService.setConfig(cn,i)}onStarting(){[[kn],[jn],[gn],[fn],[Ft],[$t],[mn]].forEach(e=>this._injector.add(e))}onReady(){[[It],[An]].forEach(e=>this._renderManagerSrv.registerRenderModule(I.UNIVER_DOC,e)),this._injector.get(fn),this._injector.get(kn),this._injector.get(gn),this._injector.get(mn)}onRendered(){this._injector.get(jn),this._injector.get($t)}};X(Mn,`type`,I.UNIVER_DOC),X(Mn,`pluginName`,`DOC_DRAWING_UI_PLUGIN`),X(Mn,`packageName`,on),X(Mn,`version`,sn),Mn=Q([s(Ct,Ke,oe,ot),Z(1,b(x)),Z(2,U),Z(3,_)],Mn);export{qt as ClearDocDrawingTransformerOperation,en as DOCS_IMAGE_MENU_ID,Dt as DeleteDocDrawingsCommand,$t as DocFloatDomController,Xt as EditDocDrawingOperation,Ot as GroupDocDrawingCommand,kt as InsertDocDrawingCommand,Lt as InsertDocImageCommand,Kt as MoveDocDrawingsCommand,Et as RemoveDocDrawingCommand,At as SetDocDrawingArrangeCommand,Yt as SidebarDocDrawingOperation,jt as UngroupDocDrawingCommand,Mn as UniverDocsDrawingUIPlugin};
+import { ArrangeTypeEnum, BooleanNumber, BuildTextUtils, COLORS, CommandType, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DOC_DRAWING_PRINTING_COMPONENT_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, DrawingTypeEnum, FOCUSING_COMMON_DRAWINGS, FOCUSING_DOC, FOCUSING_UNIVER_EDITOR, ICommandService, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, JSONX, LifecycleService, LifecycleStages, LocaleService, MemoryCursor, ObjectRelativeFromH, ObjectRelativeFromV, Plugin, PositionedObjectLayoutType, RedoCommand, RxDisposable, TextX, TextXActionType, Tools, UndoCommand, UniverInstanceType, WrapTextType, fromEventSubject, generateRandomId, isInternalEditorID, merge, throttle, toDisposable } from "@univerjs/core";
+import { IDocDrawingService, UniverDocsDrawingPlugin } from "@univerjs/docs-drawing";
+import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation } from "@univerjs/docs";
+import { DocCanvasPopManagerService, DocPrintInterceptorService, DocSelectionRenderService, IEditorService, NodePositionConvertToCursor, SetDocZoomRatioOperation, TEXT_RANGE_LAYER_INDEX, VIEWPORT_KEY, docDrawingPositionToTransform, getAnchorBounding, getCustomBlockIdsInSelections, getDocObject, getOneTextSelectionRange, getRichTextEditPath } from "@univerjs/docs-ui";
+import { CURSOR_TYPE, DocumentEditArea, DocumentSkeletonPageType, IRenderManagerService, Liquid, PageLayoutType, Rect, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Vector2, getColor, getCurrentTypeOfRenderer } from "@univerjs/engine-render";
+import { Checkbox, InputNumber, MessageType, Radio, RadioGroup, Select, clsx, render, unmount } from "@univerjs/design";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_ALLOW_SIZE, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService, ImageUploadStatusType, UniverDrawingPlugin, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
+import { CanvasFloatDomService, ComponentManager, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, UniverUIPlugin, connectInjector, getMenuHiddenObservable, useDependency } from "@univerjs/ui";
+import { BehaviorSubject, Observable, debounceTime, filter, map, of, switchMap, takeUntil } from "rxjs";
+import { COMPONENT_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingUIPlugin } from "@univerjs/drawing-ui";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/commands/commands/remove-doc-drawing.command.ts
+/**
+* The command to remove new sheet image
+*/
+const RemoveDocDrawingCommand = {
+	id: "doc.command.remove-doc-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _docSelectionRenderSe, _documentDataModel$ge, _documentDataModel$ge2;
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		if (params == null || documentDataModel == null) return false;
+		const docSelectionRenderService = renderManagerService.getRenderById(params.unitId).with(DocSelectionRenderService);
+		const { drawings: removeDrawings } = params;
+		const segmentId = (_docSelectionRenderSe = docSelectionRenderService.getSegment()) !== null && _docSelectionRenderSe !== void 0 ? _docSelectionRenderSe : "";
+		const textX = new TextX();
+		const jsonX = JSONX.getInstance();
+		const customBlocks = (_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.customBlocks) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : [];
+		const removeCustomBlocks = removeDrawings.map((drawing) => customBlocks.find((customBlock) => customBlock.blockId === drawing.drawingId)).filter((block) => !!block).sort((a, b) => a.startIndex > b.startIndex ? 1 : -1);
+		const unitId = removeDrawings[0].unitId;
+		const memoryCursor = new MemoryCursor();
+		memoryCursor.reset();
+		const cursorIndex = removeCustomBlocks[0].startIndex;
+		const textRanges = [{
+			startOffset: cursorIndex,
+			endOffset: cursorIndex
+		}];
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges
+			}
+		};
+		const rawActions = [];
+		for (const block of removeCustomBlocks) {
+			const { startIndex } = block;
+			if (startIndex > memoryCursor.cursor) textX.push({
+				t: TextXActionType.RETAIN,
+				len: startIndex - memoryCursor.cursor
+			});
+			textX.push({
+				t: TextXActionType.DELETE,
+				len: 1
+			});
+			memoryCursor.moveCursorTo(startIndex + 1);
+		}
+		const path = getRichTextEditPath(documentDataModel, segmentId);
+		rawActions.push(jsonX.editOp(textX.serialize(), path));
+		for (const block of removeCustomBlocks) {
+			var _documentDataModel$ge3;
+			const { blockId } = block;
+			const drawing = ((_documentDataModel$ge3 = documentDataModel.getDrawings()) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : {})[blockId];
+			const drawingIndex = documentDataModel.getDrawingsOrder().indexOf(blockId);
+			const removeDrawingAction = jsonX.removeOp(["drawings", blockId], drawing);
+			const removeDrawingOrderAction = jsonX.removeOp(["drawingsOrder", drawingIndex], blockId);
+			rawActions.push(removeDrawingAction);
+			rawActions.push(removeDrawingOrderAction);
+		}
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+
+//#endregion
+//#region src/commands/commands/delete-doc-drawing.command.ts
+const DeleteDocDrawingsCommand = {
+	id: "doc.command.delete-drawing",
+	type: CommandType.COMMAND,
+	handler: (accessor) => {
+		const commandService = accessor.get(ICommandService);
+		const drawings = accessor.get(IDocDrawingService).getFocusDrawings();
+		if (drawings.length === 0) return false;
+		const { unitId } = drawings[0];
+		const newDrawings = drawings.map((drawing) => {
+			const { unitId, subUnitId, drawingId, drawingType } = drawing;
+			return {
+				unitId,
+				subUnitId,
+				drawingId,
+				drawingType
+			};
+		});
+		return commandService.executeCommand(RemoveDocDrawingCommand.id, {
+			unitId,
+			drawings: newDrawings
+		});
+	}
+};
+
+//#endregion
+//#region src/commands/commands/group-doc-drawing.command.ts
+/**
+* The command to insert new defined name
+*/
+const GroupDocDrawingCommand = {
+	id: "doc.command.group-doc-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		return false;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/insert-doc-drawing.command.ts
+/**
+* The command to insert new drawings
+*/
+const InsertDocDrawingCommand = {
+	id: "doc.command.insert-doc-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _documentDataModel$ge, _documentDataModel$ge2;
+		if (params == null) return false;
+		const commandService = accessor.get(ICommandService);
+		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const activeTextRange = docSelectionManagerService.getActiveTextRange();
+		const documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		if (activeTextRange == null || documentDataModel == null) return false;
+		const unitId = documentDataModel.getUnitId();
+		const { drawings } = params;
+		const { collapsed, startOffset, segmentId } = activeTextRange;
+		const body = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+		if (body == null) return false;
+		const textX = new TextX();
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		const drawingOrderLength = (_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getSnapshot().drawingsOrder) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.length) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : 0;
+		let removeDrawingLen = 0;
+		if (collapsed) {
+			if (startOffset > 0) textX.push({
+				t: TextXActionType.RETAIN,
+				len: startOffset
+			});
+		} else {
+			var _documentDataModel$ge3, _documentDataModel$ge4;
+			const dos = BuildTextUtils.selection.delete([activeTextRange], body, 0, null, false);
+			textX.push(...dos);
+			const removedCustomBlockIds = getCustomBlockIdsInSelections(body, [activeTextRange]);
+			const drawings = (_documentDataModel$ge3 = documentDataModel.getDrawings()) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : {};
+			const drawingOrder = (_documentDataModel$ge4 = documentDataModel.getDrawingsOrder()) !== null && _documentDataModel$ge4 !== void 0 ? _documentDataModel$ge4 : [];
+			const sortedRemovedCustomBlockIds = removedCustomBlockIds.sort((a, b) => {
+				if (drawingOrder.indexOf(a) > drawingOrder.indexOf(b)) return -1;
+				else if (drawingOrder.indexOf(a) < drawingOrder.indexOf(b)) return 1;
+				return 0;
+			});
+			if (sortedRemovedCustomBlockIds.length > 0) for (const blockId of sortedRemovedCustomBlockIds) {
+				const drawing = drawings[blockId];
+				const drawingIndex = drawingOrder.indexOf(blockId);
+				if (drawing == null || drawingIndex < 0) continue;
+				const removeDrawingAction = jsonX.removeOp(["drawings", blockId], drawing);
+				const removeDrawingOrderAction = jsonX.removeOp(["drawingsOrder", drawingIndex], blockId);
+				rawActions.push(removeDrawingAction);
+				rawActions.push(removeDrawingOrderAction);
+				removeDrawingLen++;
+			}
+		}
+		textX.push({
+			t: TextXActionType.INSERT,
+			body: {
+				dataStream: "\b".repeat(drawings.length),
+				customBlocks: drawings.map((drawing, i) => ({
+					startIndex: i,
+					blockId: drawing.drawingId
+				}))
+			},
+			len: drawings.length
+		});
+		const path = getRichTextEditPath(documentDataModel, segmentId);
+		const placeHolderAction = jsonX.editOp(textX.serialize(), path);
+		rawActions.push(placeHolderAction);
+		for (const drawing of drawings) {
+			const { drawingId } = drawing;
+			const addDrawingAction = jsonX.insertOp(["drawings", drawingId], drawing);
+			const addDrawingOrderAction = jsonX.insertOp(["drawingsOrder", drawingOrderLength - removeDrawingLen], drawingId);
+			rawActions.push(addDrawingAction);
+			rawActions.push(addDrawingOrderAction);
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: []
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+
+//#endregion
+//#region src/commands/commands/set-drawing-arrange.command.ts
+/**
+* The command to arrange drawings.
+*/
+const SetDocDrawingArrangeCommand = {
+	id: "doc.command.set-drawing-arrange",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		const commandService = accessor.get(ICommandService);
+		const docDrawingService = accessor.get(IDocDrawingService);
+		if (params == null) return false;
+		const { unitId, subUnitId, drawingIds, arrangeType } = params;
+		const drawingOrderMapParam = {
+			unitId,
+			subUnitId,
+			drawingIds
+		};
+		let jsonOp;
+		if (arrangeType === ArrangeTypeEnum.forward) jsonOp = docDrawingService.getForwardDrawingsOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.backward) jsonOp = docDrawingService.getBackwardDrawingOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.front) jsonOp = docDrawingService.getFrontDrawingsOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.back) jsonOp = docDrawingService.getBackDrawingsOp(drawingOrderMapParam);
+		if (jsonOp == null) return false;
+		const { redo } = jsonOp;
+		if (redo == null) return false;
+		const rawActions = [];
+		let redoCopy = Tools.deepClone(redo);
+		redoCopy = redoCopy.slice(3);
+		redoCopy.unshift("drawingsOrder");
+		rawActions.push(redoCopy);
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+
+//#endregion
+//#region src/commands/commands/ungroup-doc-drawing.command.ts
+/**
+* The command to insert new defined name
+*/
+const UngroupDocDrawingCommand = {
+	id: "doc.command.ungroup-doc-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		const docDrawingService = accessor.get(IDocDrawingService);
+		if (!params) return false;
+		const unitIds = [];
+		params.forEach(({ parent, children }) => {
+			unitIds.push(parent.unitId);
+			children.forEach((child) => {
+				unitIds.push(child.unitId);
+			});
+		});
+		const { unitId, subUnitId, undo, redo, objects } = docDrawingService.getUngroupDrawingOp(params);
+		return false;
+	}
+};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/doc-refresh-drawings.service.ts
+var DocRefreshDrawingsService = class {
+	constructor() {
+		_defineProperty(this, "_refreshDrawings$", new BehaviorSubject(null));
+		_defineProperty(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+	}
+	refreshDrawings(skeleton) {
+		this._refreshDrawings$.next(skeleton);
+	}
+};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/controllers/render-controllers/doc-drawing-update.render-controller.ts
+let DocDrawingUpdateRenderController = class DocDrawingUpdateRenderController extends Disposable {
+	constructor(_context, _commandService, _docSelectionManagerService, _renderManagerSrv, _imageIoService, _docDrawingService, _drawingManagerService, _contextService, _messageService, _localeService, _docSelectionRenderService, _docRefreshDrawingsService, _fileOpenerService) {
+		super();
+		this._context = _context;
+		this._commandService = _commandService;
+		this._docSelectionManagerService = _docSelectionManagerService;
+		this._renderManagerSrv = _renderManagerSrv;
+		this._imageIoService = _imageIoService;
+		this._docDrawingService = _docDrawingService;
+		this._drawingManagerService = _drawingManagerService;
+		this._contextService = _contextService;
+		this._messageService = _messageService;
+		this._localeService = _localeService;
+		this._docSelectionRenderService = _docSelectionRenderService;
+		this._docRefreshDrawingsService = _docRefreshDrawingsService;
+		this._fileOpenerService = _fileOpenerService;
+		this._updateOrderListener();
+		this._groupDrawingListener();
+		this._focusDrawingListener();
+		this._transformDrawingListener();
+		this._editAreaChangeListener();
+	}
+	dispose() {
+		super.dispose();
+		delete this._context;
+	}
+	async insertDocImage() {
+		const files = await this._fileOpenerService.openFile({
+			multiple: true,
+			accept: DRAWING_IMAGE_ALLOW_IMAGE_LIST.map((image) => `.${image.replace("image/", "")}`).join(",")
+		});
+		const fileLength = files.length;
+		if (fileLength > DRAWING_IMAGE_COUNT_LIMIT) {
+			this._messageService.show({
+				type: MessageType.Error,
+				content: this._localeService.t("update-status.exceedMaxCount", String(DRAWING_IMAGE_COUNT_LIMIT))
+			});
+			return false;
+		} else if (fileLength === 0) return false;
+		await this._insertFloatImages(files);
+		return true;
+	}
+	async _insertFloatImages(files) {
+		let imageParams = [];
+		try {
+			imageParams = await Promise.all(files.map((file) => this._imageIoService.saveImage(file)));
+		} catch (error) {
+			const type = error.message;
+			let content = "";
+			switch (type) {
+				case ImageUploadStatusType.ERROR_EXCEED_SIZE:
+					content = this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)));
+					break;
+				case ImageUploadStatusType.ERROR_IMAGE_TYPE:
+					content = this._localeService.t("update-status.invalidImageType");
+					break;
+				case ImageUploadStatusType.ERROR_IMAGE:
+					content = this._localeService.t("update-status.invalidImage");
+					break;
+				default: break;
+			}
+			this._messageService.show({
+				type: MessageType.Error,
+				content
+			});
+		}
+		if (imageParams.length === 0) return;
+		const { unitId } = this._context;
+		const docDrawingParams = [];
+		for (const imageParam of imageParams) {
+			if (imageParam == null) continue;
+			const { imageId, imageSourceType, source, base64Cache } = imageParam;
+			const { width, height, image } = await getImageSize(base64Cache || "");
+			this._imageIoService.addImageSourceCache(imageId, imageSourceType, image);
+			let scale = 1;
+			if (width > DRAWING_IMAGE_WIDTH_LIMIT || height > DRAWING_IMAGE_HEIGHT_LIMIT) {
+				const scaleWidth = DRAWING_IMAGE_WIDTH_LIMIT / width;
+				const scaleHeight = DRAWING_IMAGE_HEIGHT_LIMIT / height;
+				scale = Math.min(scaleWidth, scaleHeight);
+			}
+			const docTransform = this._getImagePosition(width * scale, height * scale);
+			if (docTransform == null) return;
+			const docDrawingParam = {
+				unitId,
+				subUnitId: unitId,
+				drawingId: imageId,
+				drawingType: DrawingTypeEnum.DRAWING_IMAGE,
+				imageSourceType,
+				source,
+				transform: docDrawingPositionToTransform(docTransform),
+				docTransform,
+				behindDoc: BooleanNumber.FALSE,
+				title: "",
+				description: "",
+				layoutType: PositionedObjectLayoutType.INLINE,
+				wrapText: WrapTextType.BOTH_SIDES,
+				distB: 0,
+				distL: 0,
+				distR: 0,
+				distT: 0
+			};
+			if (this._isInsertInHeaderFooter()) {
+				docDrawingParam.isMultiTransform = BooleanNumber.TRUE;
+				docDrawingParam.transforms = docDrawingParam.transform ? [docDrawingParam.transform] : null;
+			}
+			docDrawingParams.push(docDrawingParam);
+		}
+		this._commandService.executeCommand(InsertDocDrawingCommand.id, {
+			unitId,
+			drawings: docDrawingParams
+		});
+	}
+	_isInsertInHeaderFooter() {
+		var _this$_renderManagerS;
+		const { unitId } = this._context;
+		const viewModel = (_this$_renderManagerS = this._renderManagerSrv.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getViewModel();
+		const editArea = viewModel === null || viewModel === void 0 ? void 0 : viewModel.getEditArea();
+		return editArea === DocumentEditArea.HEADER || editArea === DocumentEditArea.FOOTER;
+	}
+	_getImagePosition(imageWidth, imageHeight) {
+		const activeTextRange = this._docSelectionRenderService.getActiveTextRange();
+		const position = (activeTextRange === null || activeTextRange === void 0 ? void 0 : activeTextRange.getAbsolutePosition()) || {
+			left: 0,
+			top: 0
+		};
+		return {
+			size: {
+				width: imageWidth,
+				height: imageHeight
+			},
+			positionH: {
+				relativeFrom: ObjectRelativeFromH.PAGE,
+				posOffset: position.left
+			},
+			positionV: {
+				relativeFrom: ObjectRelativeFromV.PARAGRAPH,
+				posOffset: 0
+			},
+			angle: 0
+		};
+	}
+	_updateOrderListener() {
+		this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((params) => {
+			const { unitId, subUnitId, drawingIds, arrangeType } = params;
+			this._commandService.executeCommand(SetDocDrawingArrangeCommand.id, {
+				unitId,
+				subUnitId,
+				drawingIds,
+				arrangeType
+			});
+		}));
+	}
+	_groupDrawingListener() {
+		this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((params) => {
+			this._commandService.executeCommand(GroupDocDrawingCommand.id, params);
+		}));
+		this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((params) => {
+			this._commandService.executeCommand(UngroupDocDrawingCommand.id, params);
+		}));
+	}
+	_getCurrentSceneAndTransformer() {
+		const { scene, mainComponent } = this._context;
+		if (scene == null || mainComponent == null) return;
+		const transformer = scene.getTransformerByCreate();
+		const { docsLeft, docsTop } = mainComponent.getOffsetConfig();
+		return {
+			scene,
+			transformer,
+			docsLeft,
+			docsTop
+		};
+	}
+	_transformDrawingListener() {
+		const res = this._getCurrentSceneAndTransformer();
+		if (res && res.transformer) this.disposeWithMe(res.transformer.changeEnd$.pipe(debounceTime(30)).subscribe((params) => {
+			this._docSelectionManagerService.refreshSelection();
+		}));
+		else throw new Error("transformer is not init");
+	}
+	_focusDrawingListener() {
+		this.disposeWithMe(this._drawingManagerService.focus$.subscribe((params) => {
+			var _this$_getCurrentScen;
+			const { transformer, docsLeft, docsTop } = (_this$_getCurrentScen = this._getCurrentSceneAndTransformer()) !== null && _this$_getCurrentScen !== void 0 ? _this$_getCurrentScen : {};
+			if (params == null || params.length === 0) {
+				this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, false);
+				this._docDrawingService.focusDrawing([]);
+				if (transformer) transformer.resetProps({
+					zeroTop: 0,
+					zeroLeft: 0
+				});
+			} else {
+				this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, true);
+				this._docDrawingService.focusDrawing(params);
+				this._setDrawingSelections(params);
+				const prevSegmentId = this._docSelectionRenderService.getSegment();
+				const segmentId = this._findSegmentIdByDrawingId(params[0].drawingId);
+				if (prevSegmentId !== segmentId) this._docSelectionRenderService.setSegment(segmentId);
+				if (transformer) transformer.resetProps({
+					zeroTop: docsTop,
+					zeroLeft: docsLeft
+				});
+			}
+		}));
+	}
+	_findSegmentIdByDrawingId(drawingId) {
+		var _body$customBlocks;
+		const { unit: DocDataModel } = this._context;
+		const { body, headers = {}, footers = {} } = DocDataModel.getSnapshot();
+		if (((_body$customBlocks = body === null || body === void 0 ? void 0 : body.customBlocks) !== null && _body$customBlocks !== void 0 ? _body$customBlocks : []).some((b) => b.blockId === drawingId)) return "";
+		for (const headerId of Object.keys(headers)) {
+			var _headers$headerId$bod;
+			if ((_headers$headerId$bod = headers[headerId].body.customBlocks) === null || _headers$headerId$bod === void 0 ? void 0 : _headers$headerId$bod.some((b) => b.blockId === drawingId)) return headerId;
+		}
+		for (const footerId of Object.keys(footers)) {
+			var _footers$footerId$bod;
+			if ((_footers$footerId$bod = footers[footerId].body.customBlocks) === null || _footers$footerId$bod === void 0 ? void 0 : _footers$footerId$bod.some((b) => b.blockId === drawingId)) return footerId;
+		}
+		return "";
+	}
+	_updateDrawingsEditStatus() {
+		var _this$_renderManagerS2;
+		if (!this._context) return;
+		const { unit: docDataModel, scene, unitId } = this._context;
+		const viewModel = (_this$_renderManagerS2 = this._renderManagerSrv.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSkeletonManagerService).getViewModel();
+		if (viewModel == null || docDataModel == null) return;
+		const { drawings = {} } = docDataModel.getSnapshot();
+		const isEditBody = viewModel.getEditArea() === DocumentEditArea.BODY;
+		for (const key of Object.keys(drawings)) {
+			const drawing = drawings[key];
+			const objectKey = getDrawingShapeKeyByDrawingSearch({
+				unitId,
+				drawingId: drawing.drawingId,
+				subUnitId: unitId
+			});
+			const drawingShapes = scene.fuzzyMathObjects(objectKey, true);
+			if (drawingShapes.length) for (const shape of drawingShapes) {
+				scene.detachTransformerFrom(shape);
+				try {
+					shape.setOpacity(.5);
+				} catch (e) {}
+				if (isEditBody && drawing.isMultiTransform !== BooleanNumber.TRUE || !isEditBody && drawing.isMultiTransform === BooleanNumber.TRUE) {
+					if (drawing.allowTransform !== false) scene.attachTransformerTo(shape);
+					try {
+						shape.setOpacity(1);
+					} catch (e) {}
+				}
+			}
+		}
+	}
+	_editAreaChangeListener() {
+		var _this$_renderManagerS3;
+		const { unitId } = this._context;
+		const viewModel = (_this$_renderManagerS3 = this._renderManagerSrv.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(DocSkeletonManagerService).getViewModel();
+		if (viewModel == null) return;
+		this._updateDrawingsEditStatus();
+		this.disposeWithMe(viewModel.editAreaChange$.subscribe(() => {
+			this._updateDrawingsEditStatus();
+		}));
+		this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe((skeleton) => {
+			if (skeleton == null) return;
+			queueMicrotask(() => {
+				this._updateDrawingsEditStatus();
+			});
+		}));
+		this.disposeWithMe(this._commandService.onCommandExecuted(async (command) => {
+			if (command.id === RichTextEditingMutation.id) queueMicrotask(() => {
+				this._updateDrawingsEditStatus();
+			});
+		}));
+	}
+	_setDrawingSelections(params) {
+		var _unit$getSnapshot$bod, _unit$getSnapshot$bod2;
+		const { unit } = this._context;
+		const customBlocks = (_unit$getSnapshot$bod = (_unit$getSnapshot$bod2 = unit.getSnapshot().body) === null || _unit$getSnapshot$bod2 === void 0 ? void 0 : _unit$getSnapshot$bod2.customBlocks) !== null && _unit$getSnapshot$bod !== void 0 ? _unit$getSnapshot$bod : [];
+		const ranges = params.map((item) => {
+			const id = item.drawingId;
+			const block = customBlocks.find((b) => b.blockId === id);
+			if (block) return block.startIndex;
+			return null;
+		}).filter((e) => e !== null).map((offset) => ({
+			startOffset: offset,
+			endOffset: offset + 1
+		}));
+		this._docSelectionManagerService.replaceDocRanges(ranges);
+	}
+};
+DocDrawingUpdateRenderController = __decorate([
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, Inject(DocSelectionManagerService)),
+	__decorateParam(3, IRenderManagerService),
+	__decorateParam(4, IImageIoService),
+	__decorateParam(5, IDocDrawingService),
+	__decorateParam(6, IDrawingManagerService),
+	__decorateParam(7, IContextService),
+	__decorateParam(8, IMessageService),
+	__decorateParam(9, Inject(LocaleService)),
+	__decorateParam(10, Inject(DocSelectionRenderService)),
+	__decorateParam(11, Inject(DocRefreshDrawingsService)),
+	__decorateParam(12, ILocalFileService)
+], DocDrawingUpdateRenderController);
+
+//#endregion
+//#region src/commands/commands/insert-image.command.ts
+const InsertDocImageCommand = {
+	id: "doc.command.insert-float-image",
+	type: CommandType.COMMAND,
+	handler: (accessor) => {
+		var _getCurrentTypeOfRend, _getCurrentTypeOfRend2;
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderManagerService = accessor.get(IRenderManagerService);
+		return (_getCurrentTypeOfRend = (_getCurrentTypeOfRend2 = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC, univerInstanceService, renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 ? void 0 : _getCurrentTypeOfRend2.with(DocDrawingUpdateRenderController).insertDocImage()) !== null && _getCurrentTypeOfRend !== void 0 ? _getCurrentTypeOfRend : false;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/update-doc-drawing.command.ts
+let TextWrappingStyle = /* @__PURE__ */ function(TextWrappingStyle) {
+	TextWrappingStyle["INLINE"] = "inline";
+	TextWrappingStyle["BEHIND_TEXT"] = "behindText";
+	TextWrappingStyle["IN_FRONT_OF_TEXT"] = "inFrontOfText";
+	TextWrappingStyle["WRAP_SQUARE"] = "wrapSquare";
+	TextWrappingStyle["WRAP_TOP_AND_BOTTOM"] = "wrapTopAndBottom";
+	return TextWrappingStyle;
+}({});
+const WRAPPING_STYLE_TO_LAYOUT_TYPE = {
+	[TextWrappingStyle.INLINE]: PositionedObjectLayoutType.INLINE,
+	[TextWrappingStyle.WRAP_SQUARE]: PositionedObjectLayoutType.WRAP_SQUARE,
+	[TextWrappingStyle.WRAP_TOP_AND_BOTTOM]: PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,
+	[TextWrappingStyle.IN_FRONT_OF_TEXT]: PositionedObjectLayoutType.WRAP_NONE,
+	[TextWrappingStyle.BEHIND_TEXT]: PositionedObjectLayoutType.WRAP_NONE
+};
+function getDeleteAndInsertCustomBlockActions(segmentId, oldSegmentId, segmentPage, offset, drawingId, documentDataModel, docSelectionRenderManager) {
+	var _oldBody$customBlocks;
+	const textX = new TextX();
+	const jsonX = JSONX.getInstance();
+	const rawActions = [];
+	const oldBody = documentDataModel.getSelfOrHeaderFooterModel(oldSegmentId).getBody();
+	const body = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody();
+	if (oldBody == null || body == null) return;
+	const oldOffset = (_oldBody$customBlocks = oldBody.customBlocks) === null || _oldBody$customBlocks === void 0 || (_oldBody$customBlocks = _oldBody$customBlocks.find((block) => block.blockId === drawingId)) === null || _oldBody$customBlocks === void 0 ? void 0 : _oldBody$customBlocks.startIndex;
+	if (oldOffset == null) return;
+	offset = Math.min(body.dataStream.length - 2, offset);
+	if (segmentId === oldSegmentId) {
+		if (offset < oldOffset) {
+			if (offset > 0) textX.push({
+				t: TextXActionType.RETAIN,
+				len: offset
+			});
+			textX.push({
+				t: TextXActionType.INSERT,
+				body: {
+					dataStream: "\b",
+					customBlocks: [{
+						startIndex: 0,
+						blockId: drawingId
+					}]
+				},
+				len: 1
+			});
+			textX.push({
+				t: TextXActionType.RETAIN,
+				len: oldOffset - offset
+			});
+			textX.push({
+				t: TextXActionType.DELETE,
+				len: 1
+			});
+		} else {
+			if (oldOffset > 0) textX.push({
+				t: TextXActionType.RETAIN,
+				len: oldOffset
+			});
+			textX.push({
+				t: TextXActionType.DELETE,
+				len: 1
+			});
+			if (offset - oldOffset - 1 > 0) textX.push({
+				t: TextXActionType.RETAIN,
+				len: offset - oldOffset - 1
+			});
+			textX.push({
+				t: TextXActionType.INSERT,
+				body: {
+					dataStream: "\b",
+					customBlocks: [{
+						startIndex: 0,
+						blockId: drawingId
+					}]
+				},
+				len: 1
+			});
+		}
+		if (offset !== oldOffset) {
+			const path = getRichTextEditPath(documentDataModel, oldSegmentId);
+			const action = jsonX.editOp(textX.serialize(), path);
+			rawActions.push(action);
+		}
+	} else {
+		if (oldOffset > 0) textX.push({
+			t: TextXActionType.RETAIN,
+			len: oldOffset
+		});
+		textX.push({
+			t: TextXActionType.DELETE,
+			len: 1
+		});
+		let path = getRichTextEditPath(documentDataModel, oldSegmentId);
+		let action = jsonX.editOp(textX.serialize(), path);
+		rawActions.push(action);
+		textX.empty();
+		if (offset > 0) textX.push({
+			t: TextXActionType.RETAIN,
+			len: offset
+		});
+		textX.push({
+			t: TextXActionType.INSERT,
+			body: {
+				dataStream: "\b",
+				customBlocks: [{
+					startIndex: 0,
+					blockId: drawingId
+				}]
+			},
+			len: 1
+		});
+		path = getRichTextEditPath(documentDataModel, segmentId);
+		action = jsonX.editOp(textX.serialize(), path);
+		rawActions.push(action);
+		docSelectionRenderManager.setSegment(segmentId);
+		docSelectionRenderManager.setSegmentPage(segmentPage);
+	}
+	return rawActions;
+}
+/**
+* The command to update drawing wrapping style.
+*/
+const UpdateDocDrawingWrappingStyleCommand = {
+	id: "doc.command.update-doc-drawing-wrapping-style",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		if (params == null) return false;
+		const { drawings, wrappingStyle, unitId } = params;
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderObject = accessor.get(IRenderManagerService).getRenderById(unitId);
+		const skeletonData = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(DocSkeletonManagerService).getSkeleton().getSkeletonData();
+		const viewModel = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(DocSkeletonManagerService).getViewModel();
+		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+		const documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		if (documentDataModel == null || skeletonData == null || scene == null || viewModel == null) return false;
+		const editArea = viewModel.getEditArea();
+		const transformer = scene.getTransformerByCreate();
+		const { pages, skeHeaders, skeFooters } = skeletonData;
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		const { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
+		for (const drawing of drawings) {
+			const { drawingId } = drawing;
+			const oldLayoutType = oldDrawings[drawingId].layoutType;
+			const newLayoutType = WRAPPING_STYLE_TO_LAYOUT_TYPE[wrappingStyle];
+			if (oldLayoutType !== newLayoutType) {
+				const updateLayoutTypeAction = jsonX.replaceOp([
+					"drawings",
+					drawingId,
+					"layoutType"
+				], oldLayoutType, newLayoutType);
+				rawActions.push(updateLayoutTypeAction);
+			}
+			if (wrappingStyle === TextWrappingStyle.BEHIND_TEXT || wrappingStyle === TextWrappingStyle.IN_FRONT_OF_TEXT) {
+				const oldBehindDoc = oldDrawings[drawingId].behindDoc;
+				const newBehindDoc = wrappingStyle === TextWrappingStyle.BEHIND_TEXT ? BooleanNumber.TRUE : BooleanNumber.FALSE;
+				if (oldBehindDoc !== newBehindDoc) {
+					const updateBehindDocAction = jsonX.replaceOp([
+						"drawings",
+						drawingId,
+						"behindDoc"
+					], oldBehindDoc, newBehindDoc);
+					rawActions.push(updateBehindDocAction);
+				}
+			}
+			if (wrappingStyle === TextWrappingStyle.INLINE) continue;
+			let skeDrawing = null;
+			let pageMarginTop = 0;
+			let pageMarginLeft = 0;
+			for (const page of pages) {
+				const { headerId, footerId, marginTop, marginLeft, marginBottom, pageWidth, pageHeight } = page;
+				switch (editArea) {
+					case DocumentEditArea.HEADER: {
+						var _skeHeaders$get;
+						const headerSke = (_skeHeaders$get = skeHeaders.get(headerId)) === null || _skeHeaders$get === void 0 ? void 0 : _skeHeaders$get.get(pageWidth);
+						if (headerSke != null && headerSke.skeDrawings.has(drawingId)) {
+							skeDrawing = headerSke.skeDrawings.get(drawingId);
+							pageMarginTop = headerSke.marginTop;
+							pageMarginLeft = marginLeft;
+						}
+						break;
+					}
+					case DocumentEditArea.FOOTER: {
+						var _skeFooters$get;
+						const footerSke = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
+						if (footerSke != null && footerSke.skeDrawings.has(drawingId)) {
+							skeDrawing = footerSke.skeDrawings.get(drawingId);
+							pageMarginTop = pageHeight - marginBottom + footerSke.marginTop;
+							pageMarginLeft = marginLeft;
+						}
+						break;
+					}
+					case DocumentEditArea.BODY:
+						if (page.skeDrawings.has(drawingId)) {
+							skeDrawing = page.skeDrawings.get(drawingId);
+							pageMarginTop = marginTop;
+							pageMarginLeft = marginLeft;
+						}
+						break;
+				}
+				if (skeDrawing != null) break;
+			}
+			if (skeDrawing != null) {
+				const { aTop, aLeft } = skeDrawing;
+				const oldPositionH = oldDrawings[drawingId].docTransform.positionH;
+				let posOffsetH = aLeft;
+				if (oldPositionH.relativeFrom === ObjectRelativeFromH.MARGIN) posOffsetH -= pageMarginLeft;
+				else if (oldPositionH.relativeFrom === ObjectRelativeFromH.COLUMN) posOffsetH -= skeDrawing.columnLeft;
+				const newPositionH = {
+					relativeFrom: oldPositionH.relativeFrom,
+					posOffset: posOffsetH
+				};
+				if (oldPositionH.posOffset !== newPositionH.posOffset) {
+					const action = jsonX.replaceOp([
+						"drawings",
+						drawingId,
+						"docTransform",
+						"positionH"
+					], oldPositionH, newPositionH);
+					rawActions.push(action);
+				}
+				const oldPositionV = oldDrawings[drawingId].docTransform.positionV;
+				let posOffsetV = aTop;
+				if (oldPositionV.relativeFrom === ObjectRelativeFromV.PAGE) posOffsetV += pageMarginTop;
+				else if (oldPositionV.relativeFrom === ObjectRelativeFromV.LINE) posOffsetV -= skeDrawing.lineTop;
+				else if (oldPositionV.relativeFrom === ObjectRelativeFromV.PARAGRAPH) posOffsetV -= skeDrawing.blockAnchorTop;
+				const newPositionV = {
+					relativeFrom: oldPositionV.relativeFrom,
+					posOffset: posOffsetV
+				};
+				if (oldPositionV.posOffset !== newPositionV.posOffset) {
+					const action = jsonX.replaceOp([
+						"drawings",
+						drawingId,
+						"docTransform",
+						"positionV"
+					], oldPositionV, newPositionV);
+					rawActions.push(action);
+				}
+			}
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		transformer.refreshControls();
+		return Boolean(result);
+	}
+};
+/**
+* The command to update drawing wrap text.
+*/
+const UpdateDocDrawingDistanceCommand = {
+	id: "doc.command.update-doc-drawing-distance",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		if (params == null) return false;
+		const commandService = accessor.get(ICommandService);
+		const documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		if (documentDataModel == null) return false;
+		const { drawings, dist, unitId } = params;
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		const { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
+		for (const drawing of drawings) {
+			const { drawingId } = drawing;
+			for (const [key, value] of Object.entries(dist)) {
+				const oldValue = oldDrawings[drawingId][key];
+				if (oldValue !== value) {
+					const action = jsonX.replaceOp([
+						"drawings",
+						drawingId,
+						key
+					], oldValue, value);
+					rawActions.push(action);
+				}
+			}
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+/**
+* The command to update drawing wrap text.
+*/
+const UpdateDocDrawingWrapTextCommand = {
+	id: "doc.command.update-doc-drawing-wrap-text",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		if (params == null) return false;
+		const commandService = accessor.get(ICommandService);
+		const documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		if (documentDataModel == null) return false;
+		const { drawings, wrapText, unitId } = params;
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		const { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
+		for (const drawing of drawings) {
+			const { drawingId } = drawing;
+			const oldWrapText = oldDrawings[drawingId].wrapText;
+			if (oldWrapText !== wrapText) {
+				const action = jsonX.replaceOp([
+					"drawings",
+					drawingId,
+					"wrapText"
+				], oldWrapText, wrapText);
+				rawActions.push(action);
+			}
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		return Boolean(result);
+	}
+};
+/**
+* The command to update drawing position.
+*/
+const UpdateDrawingDocTransformCommand = {
+	id: "doc.command.update-drawing-doc-transform",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		if (params == null) return false;
+		const commandService = accessor.get(ICommandService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderObject = accessor.get(IRenderManagerService).getRenderById(params.unitId);
+		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+		if (scene == null) return false;
+		const transformer = scene.getTransformerByCreate();
+		const documentDataModel = univerInstanceService.getCurrentUniverDocInstance();
+		if (documentDataModel == null) return false;
+		const { drawings, unitId } = params;
+		const jsonX = JSONX.getInstance();
+		const rawActions = [];
+		const { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
+		for (const drawing of drawings) {
+			const { drawingId, key, value } = drawing;
+			const oldValue = oldDrawings[drawingId].docTransform[key];
+			if (!Tools.diffValue(oldValue, value)) {
+				const action = jsonX.replaceOp([
+					"drawings",
+					drawingId,
+					"docTransform",
+					key
+				], oldValue, value);
+				rawActions.push(action);
+			}
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null,
+				debounce: true
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		transformer.refreshControls();
+		return Boolean(result);
+	}
+};
+/**
+* The command to move inline drawing.
+*/
+const IMoveInlineDrawingCommand = {
+	id: "doc.command.move-inline-drawing",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _renderManagerService, _docSelectionRenderSe;
+		if (params == null) return false;
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const docSelectionRenderService = (_renderManagerService = renderManagerService.getRenderById(params.unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSelectionRenderService);
+		const docRefreshDrawingsService = accessor.get(DocRefreshDrawingsService);
+		const renderObject = renderManagerService.getRenderById(params.unitId);
+		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+		const skeleton = renderObject === null || renderObject === void 0 ? void 0 : renderObject.with(DocSkeletonManagerService).getSkeleton();
+		if (scene == null || docSelectionRenderService == null) return false;
+		const transformer = scene.getTransformerByCreate();
+		const commandService = accessor.get(ICommandService);
+		const documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		if (documentDataModel == null) return false;
+		const { drawing, unitId, offset, segmentId: newSegmentId, segmentPage, needRefreshDrawings } = params;
+		if (needRefreshDrawings) {
+			docRefreshDrawingsService.refreshDrawings(skeleton);
+			transformer.refreshControls();
+			return true;
+		}
+		const rawActions = [];
+		const { drawingId } = drawing;
+		const actions = getDeleteAndInsertCustomBlockActions(newSegmentId, (_docSelectionRenderSe = docSelectionRenderService.getSegment()) !== null && _docSelectionRenderSe !== void 0 ? _docSelectionRenderSe : "", segmentPage, offset, drawingId, documentDataModel, docSelectionRenderService);
+		if (actions == null || actions.length === 0) {
+			docRefreshDrawingsService.refreshDrawings(skeleton);
+			transformer.refreshControls();
+			return false;
+		}
+		rawActions.push(...actions);
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		transformer.refreshControls();
+		return Boolean(result);
+	}
+};
+/**
+* The command to transform non-inline drawing.
+*/
+const ITransformNonInlineDrawingCommand = {
+	id: "doc.command.transform-non-inline-drawing",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _renderManagerService2, _docSelectionRenderSe2;
+		if (params == null) return false;
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const docSelectionRenderService = (_renderManagerService2 = renderManagerService.getRenderById(params.unitId)) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.with(DocSelectionRenderService);
+		const renderObject = renderManagerService.getRenderById(params.unitId);
+		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+		if (scene == null || docSelectionRenderService == null) return false;
+		const transformer = scene.getTransformerByCreate();
+		const commandService = accessor.get(ICommandService);
+		const documentDataModel = accessor.get(IUniverInstanceService).getCurrentUniverDocInstance();
+		if (documentDataModel == null) return false;
+		const { drawing, unitId, offset, docTransform, segmentId: newSegmentId, segmentPage } = params;
+		const rawActions = [];
+		const { drawingId } = drawing;
+		const actions = getDeleteAndInsertCustomBlockActions(newSegmentId, (_docSelectionRenderSe2 = docSelectionRenderService.getSegment()) !== null && _docSelectionRenderSe2 !== void 0 ? _docSelectionRenderSe2 : "", segmentPage, offset, drawingId, documentDataModel, docSelectionRenderService);
+		if (actions == null) return false;
+		if (actions.length > 0) rawActions.push(...actions);
+		const jsonX = JSONX.getInstance();
+		const { drawings: oldDrawings = {} } = documentDataModel.getSnapshot();
+		const { positionH: oldPositionH, positionV: oldPositionV, size: oldSize, angle: oldAngle } = oldDrawings[drawingId].docTransform;
+		if (!Tools.diffValue(oldPositionH, docTransform.positionH)) {
+			const updateAction = jsonX.replaceOp([
+				"drawings",
+				drawingId,
+				"docTransform",
+				"positionH"
+			], oldPositionH, docTransform.positionH);
+			rawActions.push(updateAction);
+		}
+		if (!Tools.diffValue(oldPositionV, docTransform.positionV)) {
+			const updateAction = jsonX.replaceOp([
+				"drawings",
+				drawingId,
+				"docTransform",
+				"positionV"
+			], oldPositionV, docTransform.positionV);
+			rawActions.push(updateAction);
+		}
+		if (!Tools.diffValue(oldSize, docTransform.size)) {
+			const updateAction = jsonX.replaceOp([
+				"drawings",
+				drawingId,
+				"docTransform",
+				"size"
+			], oldSize, docTransform.size);
+			rawActions.push(updateAction);
+		}
+		if (!Tools.diffValue(oldAngle, docTransform.angle)) {
+			const updateAction = jsonX.replaceOp([
+				"drawings",
+				drawingId,
+				"docTransform",
+				"angle"
+			], oldAngle, docTransform.angle);
+			rawActions.push(updateAction);
+		}
+		const doMutation = {
+			id: RichTextEditingMutation.id,
+			params: {
+				unitId,
+				actions: [],
+				textRanges: null,
+				debounce: true
+			}
+		};
+		doMutation.params.actions = rawActions.reduce((acc, cur) => {
+			return JSONX.compose(acc, cur);
+		}, null);
+		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
+		transformer.refreshControls();
+		return Boolean(result);
+	}
+};
+
+//#endregion
+//#region src/commands/commands/move-drawings.command.ts
+const MoveDocDrawingsCommand = {
+	id: "doc.command.move-drawing",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		const commandService = accessor.get(ICommandService);
+		const docDrawingService = accessor.get(IDocDrawingService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const { direction } = params;
+		const drawings = docDrawingService.getFocusDrawings();
+		if (drawings.length === 0) return false;
+		const unitId = drawings[0].unitId;
+		const renderObject = renderManagerService.getRenderById(unitId);
+		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+		if (scene == null) return false;
+		const transformer = scene.getTransformerByCreate();
+		const documentDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const newDrawings = drawings.map((drawing) => {
+			var _documentDataModel$ge;
+			const { drawingId } = drawing;
+			const drawingData = documentDataModel === null || documentDataModel === void 0 || (_documentDataModel$ge = documentDataModel.getSnapshot().drawings) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge[drawingId];
+			if (drawingData == null || drawingData.layoutType === PositionedObjectLayoutType.INLINE) return null;
+			const { positionH, positionV } = drawingData.docTransform;
+			const newPositionH = { ...positionH };
+			const newPositionV = { ...positionV };
+			if (direction === Direction.UP) {
+				var _newPositionV$posOffs;
+				newPositionV.posOffset = ((_newPositionV$posOffs = newPositionV.posOffset) !== null && _newPositionV$posOffs !== void 0 ? _newPositionV$posOffs : 0) - 2;
+			} else if (direction === Direction.DOWN) {
+				var _newPositionV$posOffs2;
+				newPositionV.posOffset = ((_newPositionV$posOffs2 = newPositionV.posOffset) !== null && _newPositionV$posOffs2 !== void 0 ? _newPositionV$posOffs2 : 0) + 2;
+			} else if (direction === Direction.LEFT) {
+				var _newPositionH$posOffs;
+				newPositionH.posOffset = ((_newPositionH$posOffs = newPositionH.posOffset) !== null && _newPositionH$posOffs !== void 0 ? _newPositionH$posOffs : 0) - 2;
+			} else if (direction === Direction.RIGHT) {
+				var _newPositionH$posOffs2;
+				newPositionH.posOffset = ((_newPositionH$posOffs2 = newPositionH.posOffset) !== null && _newPositionH$posOffs2 !== void 0 ? _newPositionH$posOffs2 : 0) + 2;
+			}
+			return {
+				drawingId,
+				key: direction === Direction.UP || direction === Direction.DOWN ? "positionV" : "positionH",
+				value: direction === Direction.UP || direction === Direction.DOWN ? newPositionV : newPositionH
+			};
+		}).filter((drawing) => drawing != null);
+		if (newDrawings.length === 0) return false;
+		const result = commandService.syncExecuteCommand(UpdateDrawingDocTransformCommand.id, {
+			unitId,
+			subUnitId: unitId,
+			drawings: newDrawings
+		});
+		transformer.refreshControls();
+		return Boolean(result);
+	}
+};
+
+//#endregion
+//#region src/commands/operations/clear-drawing-transformer.operation.ts
+const ClearDocDrawingTransformerOperation = {
+	id: "doc.operation.clear-drawing-transformer",
+	type: CommandType.MUTATION,
+	handler: (accessor, params) => {
+		const renderManagerService = accessor.get(IRenderManagerService);
+		params.forEach((unitId) => {
+			var _renderManagerService;
+			(_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene.getTransformer()) === null || _renderManagerService === void 0 || _renderManagerService.debounceRefreshControls();
+		});
+		return true;
+	}
+};
+
+//#endregion
+//#region src/views/doc-image-panel/component-name.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const COMPONENT_DOC_DRAWING_PANEL = "COMPONENT_DOC_DRAWING_PANEL";
+
+//#endregion
+//#region src/commands/operations/open-drawing-panel.operation.ts
+const SidebarDocDrawingOperation = {
+	id: "sidebar.operation.doc-image",
+	type: CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		const sidebarService = accessor.get(ISidebarService);
+		const localeService = accessor.get(LocaleService);
+		const drawingManagerService = accessor.get(IDrawingManagerService);
+		switch (params.value) {
+			case "open":
+				sidebarService.open({
+					header: { title: localeService.t("docImage.panel.title") },
+					children: { label: COMPONENT_DOC_DRAWING_PANEL },
+					onClose: () => {
+						drawingManagerService.focusDrawing(null);
+					},
+					width: 360
+				});
+				break;
+			default:
+				sidebarService.close();
+				break;
+		}
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/operations/edit-doc-drawing.operation.ts
+const EditDocDrawingOperation = {
+	id: "doc.operation.edit-doc-image",
+	type: CommandType.OPERATION,
+	handler: (accessor, params) => {
+		const drawingManagerService = accessor.get(IDrawingManagerService);
+		const commandService = accessor.get(ICommandService);
+		if (params == null) return false;
+		drawingManagerService.focusDrawing([params]);
+		commandService.executeCommand(SidebarDocDrawingOperation.id, { value: "open" });
+		return true;
+	}
+};
+
+//#endregion
+//#region src/controllers/doc-float-dom.controller.ts
+function calcDocFloatDomPositionByRect(rect, scene, opacity = 1, angle = 0) {
+	const { top, left, bottom, right } = rect;
+	const width = right - left;
+	const height = bottom - top;
+	const { viewportScrollX, viewportScrollY } = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	return {
+		startX: (left - viewportScrollX) * scaleX,
+		startY: (top - viewportScrollY) * scaleY,
+		endX: (left + width - viewportScrollX) * scaleX,
+		endY: (top + height - viewportScrollY) * scaleY,
+		width: width * scaleX,
+		height: height * scaleY,
+		rotate: angle,
+		absolute: {
+			left: false,
+			top: false
+		},
+		opacity: opacity !== null && opacity !== void 0 ? opacity : 1
+	};
+}
+function calcDocFloatDomPosition(object, renderUnit) {
+	const { top, left, width, height, angle, opacity } = object;
+	return calcDocFloatDomPositionByRect({
+		top,
+		left,
+		bottom: top + height,
+		right: left + width
+	}, renderUnit.scene, opacity, angle);
+}
+let DocFloatDomController = class DocFloatDomController extends Disposable {
+	constructor(_renderManagerService, _drawingManagerService, _drawingRenderService, _canvasFloatDomService, _univerInstanceService, _commandService) {
+		super();
+		this._renderManagerService = _renderManagerService;
+		this._drawingManagerService = _drawingManagerService;
+		this._drawingRenderService = _drawingRenderService;
+		this._canvasFloatDomService = _canvasFloatDomService;
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		_defineProperty(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+		this._initialize();
+	}
+	dispose() {
+		super.dispose();
+	}
+	_initialize() {
+		this._drawingAddRemoveListener();
+		this._initScrollAndZoomEvent();
+	}
+	_getSceneAndTransformerByDrawingSearch(unitId) {
+		if (unitId == null) return;
+		const renderObject = this._renderManagerService.getRenderById(unitId);
+		if (renderObject == null) return null;
+		const scene = renderObject.scene;
+		return {
+			scene,
+			transformer: scene.getTransformerByCreate(),
+			renderUnit: renderObject,
+			canvas: renderObject.engine.getCanvasElement()
+		};
+	}
+	_drawingAddRemoveListener() {
+		this.disposeWithMe(this._drawingManagerService.add$.subscribe((params) => {
+			this._insertRects(params);
+		}));
+		this.disposeWithMe(this._drawingManagerService.remove$.subscribe((params) => {
+			params.forEach((param) => {
+				this._removeDom(param.drawingId);
+			});
+		}));
+	}
+	_insertRects(params) {
+		params.forEach(async (param) => {
+			const { unitId } = param;
+			if (!this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC)) return;
+			const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
+			if (renderObject == null) return;
+			const rectParam = this._drawingManagerService.getDrawingByParam(param);
+			if (rectParam == null) return;
+			const rects = await this._drawingRenderService.renderFloatDom(rectParam, renderObject.scene);
+			if (rects == null || rects.length === 0) return;
+			for (const rect of rects) {
+				this._addHoverForRect(rect);
+				const disposableCollection = new DisposableCollection();
+				const position$ = new BehaviorSubject(calcDocFloatDomPosition(rect, renderObject.renderUnit));
+				const canvas = renderObject.canvas;
+				const data = rectParam.data;
+				const info = {
+					dispose: disposableCollection,
+					rect,
+					position$,
+					unitId
+				};
+				this._canvasFloatDomService.addFloatDom({
+					position$,
+					id: rectParam.drawingId,
+					componentKey: rectParam.componentKey,
+					onPointerDown: (evt) => {
+						canvas.dispatchEvent(new PointerEvent(evt.type, evt));
+					},
+					onPointerMove: (evt) => {
+						canvas.dispatchEvent(new PointerEvent(evt.type, evt));
+					},
+					onPointerUp: (evt) => {
+						canvas.dispatchEvent(new PointerEvent(evt.type, evt));
+					},
+					onWheel: (evt) => {
+						canvas.dispatchEvent(new WheelEvent(evt.type, evt));
+					},
+					data,
+					unitId
+				});
+				const listener = rect.onTransformChange$.subscribeEvent(() => {
+					const newPosition = calcDocFloatDomPosition(rect, renderObject.renderUnit);
+					position$.next(newPosition);
+				});
+				disposableCollection.add(() => {
+					this._canvasFloatDomService.removeFloatDom(rectParam.drawingId);
+				});
+				listener && disposableCollection.add(listener);
+				this._domLayerInfoMap.set(rectParam.drawingId, info);
+			}
+		});
+	}
+	_addHoverForRect(o) {
+		this.disposeWithMe(toDisposable(o.onPointerEnter$.subscribeEvent(() => {
+			o.cursor = CURSOR_TYPE.GRAB;
+		})));
+		this.disposeWithMe(toDisposable(o.onPointerLeave$.subscribeEvent(() => {
+			o.cursor = CURSOR_TYPE.DEFAULT;
+		})));
+	}
+	_removeDom(id) {
+		const info = this._domLayerInfoMap.get(id);
+		if (!info) return;
+		const { unitId } = info;
+		this._domLayerInfoMap.delete(id);
+		info.dispose.dispose();
+		const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
+		if (renderObject) renderObject.scene.removeObject(info.rect);
+	}
+	_initScrollAndZoomEvent() {
+		const updateDoc = (unitId) => {
+			const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
+			if (!renderObject) return;
+			this._domLayerInfoMap.forEach((floatDomInfo) => {
+				if (floatDomInfo.unitId !== unitId) return;
+				const position = calcDocFloatDomPosition(floatDomInfo.rect, renderObject.renderUnit);
+				floatDomInfo.position$.next(position);
+			});
+		};
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).pipe(map((documentDataModel) => {
+			if (!documentDataModel) return null;
+			const unitId = documentDataModel.getUnitId();
+			const render = this._renderManagerService.getRenderById(unitId);
+			return render ? {
+				render,
+				unitId
+			} : null;
+		}), switchMap((render) => render ? fromEventSubject(render.render.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(map(() => ({ unitId: render.unitId }))) : of(null))).subscribe((value) => {
+			if (!value) return;
+			const { unitId } = value;
+			updateDoc(unitId);
+		}));
+		this.disposeWithMe(this._commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id === SetDocZoomRatioOperation.id) {
+				const { unitId } = commandInfo.params;
+				updateDoc(unitId);
+			}
+		}));
+	}
+	insertFloatDom(floatDom, opts) {
+		var _skeleton$getSkeleton, _opts$width, _opts$drawingId;
+		const currentDoc = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+		if (!currentDoc) return false;
+		const render = this._getSceneAndTransformerByDrawingSearch(currentDoc.getUnitId());
+		if (!render) return false;
+		const page = (_skeleton$getSkeleton = render.renderUnit.with(DocSkeletonManagerService).getSkeleton().getSkeletonData()) === null || _skeleton$getSkeleton === void 0 ? void 0 : _skeleton$getSkeleton.pages[0];
+		if (!page) return false;
+		const { pageWidth, marginLeft, marginRight } = page;
+		const width = pageWidth - marginLeft - marginRight;
+		const docTransform = {
+			size: {
+				width: (_opts$width = opts.width) !== null && _opts$width !== void 0 ? _opts$width : width,
+				height: opts.height
+			},
+			positionH: {
+				relativeFrom: ObjectRelativeFromH.PAGE,
+				posOffset: 0
+			},
+			positionV: {
+				relativeFrom: ObjectRelativeFromV.PAGE,
+				posOffset: 0
+			},
+			angle: 0
+		};
+		const drawingId = (_opts$drawingId = opts.drawingId) !== null && _opts$drawingId !== void 0 ? _opts$drawingId : generateRandomId();
+		const params = {
+			unitId: currentDoc.getUnitId(),
+			drawings: [{
+				drawingId,
+				drawingType: DrawingTypeEnum.DRAWING_DOM,
+				subUnitId: currentDoc.getUnitId(),
+				unitId: currentDoc.getUnitId(),
+				...floatDom,
+				title: "",
+				description: "",
+				docTransform,
+				layoutType: PositionedObjectLayoutType.INLINE,
+				transform: docDrawingPositionToTransform(docTransform)
+			}]
+		};
+		this._commandService.syncExecuteCommand(InsertDocDrawingCommand.id, params);
+		return drawingId;
+	}
+};
+DocFloatDomController = __decorate([
+	__decorateParam(0, IRenderManagerService),
+	__decorateParam(1, IDrawingManagerService),
+	__decorateParam(2, Inject(DrawingRenderService)),
+	__decorateParam(3, Inject(CanvasFloatDomService)),
+	__decorateParam(4, IUniverInstanceService),
+	__decorateParam(5, ICommandService)
+], DocFloatDomController);
+
+//#endregion
+//#region src/menu/image.menu.ts
+const DOCS_IMAGE_MENU_ID = "doc.menu.image";
+const IMAGE_MENU_UPLOAD_FLOAT_ID = InsertDocImageCommand.id;
+const getDisableWhenSelectionInTableObservable = (accessor) => {
+	const docSelectionManagerService = accessor.get(DocSelectionManagerService);
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	return new Observable((subscriber) => {
+		const observable = docSelectionManagerService.textSelection$.subscribe(() => {
+			const activeRange = docSelectionManagerService.getActiveTextRange();
+			if (activeRange) {
+				var _docDataModel$getSelf;
+				const { segmentId, startOffset, endOffset } = activeRange;
+				const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
+				const tables = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.tables;
+				if (tables && tables.length) {
+					if (tables.some((table) => {
+						const { startIndex, endIndex } = table;
+						return startOffset >= startIndex && startOffset < endIndex || endOffset >= startIndex && endOffset < endIndex;
+					})) {
+						subscriber.next(true);
+						return;
+					}
+				}
+			} else {
+				subscriber.next(true);
+				return;
+			}
+			subscriber.next(false);
+		});
+		return () => observable.unsubscribe();
+	});
+};
+function ImageMenuFactory(accessor) {
+	return {
+		id: DOCS_IMAGE_MENU_ID,
+		type: MenuItemType.SUBITEMS,
+		icon: "AddImageIcon",
+		tooltip: "docImage.title",
+		disabled$: getDisableWhenSelectionInTableObservable(accessor),
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, void 0, DOCS_ZEN_EDITOR_UNIT_ID_KEY)
+	};
+}
+function UploadFloatImageMenuFactory(_accessor) {
+	return {
+		id: IMAGE_MENU_UPLOAD_FLOAT_ID,
+		title: "docImage.upload.float",
+		type: MenuItemType.BUTTON,
+		hidden$: getMenuHiddenObservable(_accessor, UniverInstanceType.UNIVER_DOC, void 0, DOCS_ZEN_EDITOR_UNIT_ID_KEY)
+	};
+}
+
+//#endregion
+//#region package.json
+var name = "@univerjs/docs-drawing-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const DOCS_DRAWING_UI_PLUGIN_CONFIG_KEY = "docs-drawing-ui.config";
+const configSymbol = Symbol(DOCS_DRAWING_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/controllers/doc-drawing-notification.controller.ts
+function getAddOrRemoveDrawings(actions) {
+	if (JSONX.isNoop(actions) || !Array.isArray(actions)) return null;
+	const drawingsOp = actions.find((action) => Array.isArray(action) && (action === null || action === void 0 ? void 0 : action[0]) === "drawings");
+	if (drawingsOp == null || !Array.isArray(drawingsOp) || drawingsOp.length < 3) return null;
+	if (typeof drawingsOp[1] === "string" && typeof drawingsOp[2] !== "object") return null;
+	if (Array.isArray(drawingsOp[1]) && typeof drawingsOp[1][1] !== "object") return null;
+	const drawings = [];
+	if (Array.isArray(drawingsOp === null || drawingsOp === void 0 ? void 0 : drawingsOp[1])) {
+		for (const op of drawingsOp) if (Array.isArray(op)) {
+			var _ref, _ref2;
+			drawings.push({
+				type: (op === null || op === void 0 || (_ref = op[1]) === null || _ref === void 0 ? void 0 : _ref.i) ? "add" : "remove",
+				drawingId: op === null || op === void 0 ? void 0 : op[0],
+				drawing: op === null || op === void 0 || (_ref2 = op[1]) === null || _ref2 === void 0 ? void 0 : _ref2.i
+			});
+		}
+	} else {
+		var _drawingsOp$, _drawingsOp$2;
+		drawings.push({
+			type: ((_drawingsOp$ = drawingsOp[2]) === null || _drawingsOp$ === void 0 ? void 0 : _drawingsOp$.i) ? "add" : "remove",
+			drawingId: drawingsOp[1],
+			drawing: (_drawingsOp$2 = drawingsOp[2]) === null || _drawingsOp$2 === void 0 ? void 0 : _drawingsOp$2.i
+		});
+	}
+	return drawings;
+}
+function getReOrderedDrawings(actions) {
+	if (!Array.isArray(actions) || actions.length < 3 || actions[0] !== "drawingsOrder") return [];
+	const drawingIndexes = [];
+	for (let i = 1; i < actions.length; i++) {
+		const action = actions[i];
+		if (Array.isArray(action) && typeof action[0] === "number" && typeof action[1] === "object") drawingIndexes.push(action[0]);
+		else {
+			drawingIndexes.length = 0;
+			break;
+		}
+	}
+	return drawingIndexes;
+}
+let DocDrawingAddRemoveController = class DocDrawingAddRemoveController extends Disposable {
+	constructor(_univerInstanceService, _commandService, _drawingManagerService, _docDrawingService, _renderManagerService) {
+		super();
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		this._drawingManagerService = _drawingManagerService;
+		this._docDrawingService = _docDrawingService;
+		this._renderManagerService = _renderManagerService;
+		this._initialize();
+	}
+	_initialize() {
+		this._commandExecutedListener();
+	}
+	_commandExecutedListener() {
+		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
+			if (command.id !== RichTextEditingMutation.id) return;
+			const { unitId, actions } = command.params;
+			const addOrRemoveDrawings = getAddOrRemoveDrawings(actions);
+			if (addOrRemoveDrawings != null) for (const { type, drawingId, drawing } of addOrRemoveDrawings) if (type === "add") this._addDrawings(unitId, [drawing]);
+			else this._removeDrawings(unitId, [drawingId]);
+		}));
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (command.id !== RichTextEditingMutation.id) return;
+			const { unitId, actions } = command.params;
+			if (getReOrderedDrawings(actions).length > 0) this._updateDrawingsOrder(unitId);
+		}));
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			var _this$_univerInstance;
+			if (command.id !== UndoCommand.id && command.id !== RedoCommand.id) return;
+			const unitId = (_this$_univerInstance = this._univerInstanceService.getCurrentUniverDocInstance()) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
+			const focusedDrawings = this._drawingManagerService.getFocusDrawings();
+			if (unitId == null || focusedDrawings.length === 0) return;
+			const renderObject = this._renderManagerService.getRenderById(unitId);
+			const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+			if (scene == null) return false;
+			scene.getTransformerByCreate().refreshControls();
+		}));
+	}
+	_addDrawings(unitId, drawings) {
+		const drawingManagerService = this._drawingManagerService;
+		const docDrawingService = this._docDrawingService;
+		const { subUnitId, redo: op, objects } = this._docDrawingService.getBatchAddOp(drawings);
+		drawingManagerService.applyJson1(unitId, subUnitId, op);
+		docDrawingService.applyJson1(unitId, subUnitId, op);
+		drawingManagerService.addNotification(objects);
+		docDrawingService.addNotification(objects);
+	}
+	_removeDrawings(unitId, drawingIds) {
+		const drawingManagerService = this._drawingManagerService;
+		const docDrawingService = this._docDrawingService;
+		const { subUnitId, redo: op, objects } = this._docDrawingService.getBatchRemoveOp(drawingIds.map((drawingId) => {
+			return {
+				unitId,
+				subUnitId: unitId,
+				drawingId
+			};
+		}));
+		drawingManagerService.applyJson1(unitId, subUnitId, op);
+		docDrawingService.applyJson1(unitId, subUnitId, op);
+		drawingManagerService.removeNotification(objects);
+		docDrawingService.removeNotification(objects);
+	}
+	_updateDrawingsOrder(unitId) {
+		const documentDataModel = this._univerInstanceService.getUniverDocInstance(unitId);
+		if (documentDataModel == null) return;
+		const drawingsOrder = documentDataModel.getSnapshot().drawingsOrder;
+		if (drawingsOrder == null) return;
+		const drawingManagerService = this._drawingManagerService;
+		const docDrawingService = this._docDrawingService;
+		drawingManagerService.setDrawingOrder(unitId, unitId, drawingsOrder);
+		docDrawingService.setDrawingOrder(unitId, unitId, drawingsOrder);
+		const objects = {
+			unitId,
+			subUnitId: unitId,
+			drawingIds: drawingsOrder
+		};
+		drawingManagerService.orderNotification(objects);
+		docDrawingService.orderNotification(objects);
+	}
+};
+DocDrawingAddRemoveController = __decorate([
+	__decorateParam(0, IUniverInstanceService),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IDrawingManagerService),
+	__decorateParam(3, IDocDrawingService),
+	__decorateParam(4, IRenderManagerService)
+], DocDrawingAddRemoveController);
+
+//#endregion
+//#region src/views/printing-float-dom/index.tsx
+const DocPrintingFloatDom = (props) => {
+	const { floatDomInfos, scene, offset, bound } = props;
+	const width = bound.right - bound.left;
+	const height = bound.bottom - bound.top;
+	return /* @__PURE__ */ jsx("div", {
+		className: "univer-absolute univer-left-0 univer-top-0",
+		children: useMemo(() => floatDomInfos.map((info) => {
+			const { width = 0, height = 0, left = 0, top = 0 } = info.transform;
+			const domPos = calcDocFloatDomPositionByRect({
+				left,
+				right: left + width,
+				top,
+				bottom: top + height
+			}, scene);
+			const floatDom = {
+				position$: new BehaviorSubject(domPos),
+				position: domPos,
+				id: info.drawingId,
+				componentKey: info.componentKey,
+				onPointerMove: () => {},
+				onPointerDown: () => {},
+				onPointerUp: () => {},
+				onWheel: () => {},
+				unitId: info.unitId,
+				data: info.data
+			};
+			return [info.drawingId, floatDom];
+		}).filter(([_, floatDom]) => !(floatDom.position.endX < 0 || floatDom.position.endY < 0 || floatDom.position.startX > width || floatDom.position.startY > height)), [
+			floatDomInfos,
+			scene,
+			offset,
+			width,
+			height
+		]).map(([id, floatDom]) => /* @__PURE__ */ jsx(PrintFloatDomSingle, {
+			layer: floatDom,
+			id,
+			position: floatDom.position
+		}, id))
+	});
+};
+
+//#endregion
+//#region src/controllers/doc-drawing-printing.controller.tsx
+let DocDrawingPrintingController = class DocDrawingPrintingController extends Disposable {
+	constructor(_docPrintInterceptorService, _drawingRenderService, _drawingManagerService, _componetManager, _injector) {
+		super();
+		this._docPrintInterceptorService = _docPrintInterceptorService;
+		this._drawingRenderService = _drawingRenderService;
+		this._drawingManagerService = _drawingManagerService;
+		this._componetManager = _componetManager;
+		this._injector = _injector;
+		this._initPrinting();
+		this._initPrintingDom();
+	}
+	_initPrinting() {
+		this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT, { handler: (_param, pos, next) => {
+			const { unitId, scene } = pos;
+			const unitData = this._drawingManagerService.getDrawingDataForUnit(unitId);
+			const subUnitData = unitData === null || unitData === void 0 ? void 0 : unitData[unitId];
+			if (subUnitData) subUnitData.order.forEach((id) => {
+				const drawing = subUnitData.data[id];
+				if (drawing.drawingType !== DrawingTypeEnum.DRAWING_CHART && drawing.drawingType !== DrawingTypeEnum.DRAWING_DOM) this._drawingRenderService.renderDrawing(drawing, scene);
+			});
+			return next();
+		} }));
+	}
+	_initPrintingDom() {
+		this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT, { handler: (disposableCollection, pos, next) => {
+			const { unitId } = pos;
+			const unitData = this._drawingManagerService.getDrawingDataForUnit(unitId);
+			const subUnitData = unitData === null || unitData === void 0 ? void 0 : unitData[unitId];
+			if (subUnitData) {
+				const floatDomInfos = subUnitData.order.map((id) => {
+					const drawing = subUnitData.data[id];
+					if (drawing.drawingType === DrawingTypeEnum.DRAWING_CHART) return {
+						...drawing,
+						componentKey: this._componetManager.get(DOC_DRAWING_PRINTING_COMPONENT_KEY)
+					};
+					if (drawing.drawingType === DrawingTypeEnum.DRAWING_DOM) {
+						const printingComponentKey = this._docPrintInterceptorService.getPrintComponent(drawing.componentKey);
+						return {
+							...drawing,
+							componentKey: this._componetManager.get(printingComponentKey || drawing.componentKey)
+						};
+					}
+					return null;
+				}).filter(Boolean);
+				render(/* @__PURE__ */ jsx(connectInjector(DocPrintingFloatDom, this._injector), {
+					unitId,
+					floatDomInfos,
+					scene: pos.scene,
+					skeleton: pos.skeleton,
+					offset: pos.offset,
+					bound: pos.bound
+				}), pos.root);
+				disposableCollection === null || disposableCollection === void 0 || disposableCollection.add(() => {
+					unmount(pos.root);
+				});
+				return next(disposableCollection);
+			}
+		} }));
+	}
+};
+DocDrawingPrintingController = __decorate([
+	__decorateParam(0, Inject(DocPrintInterceptorService)),
+	__decorateParam(1, Inject(DrawingRenderService)),
+	__decorateParam(2, IDrawingManagerService),
+	__decorateParam(3, Inject(ComponentManager)),
+	__decorateParam(4, Inject(Injector))
+], DocDrawingPrintingController);
+
+//#endregion
+//#region src/controllers/doc-drawing-transformer-update.controller.ts
+const INLINE_DRAWING_ANCHOR_KEY_PREFIX = "__InlineDrawingAnchor__";
+function isInTableCell(nodePosition) {
+	const { path } = nodePosition;
+	return path.some((p) => p === "cells");
+}
+let DocDrawingTransformerController = class DocDrawingTransformerController extends Disposable {
+	constructor(_commandService, _univerInstanceService, _drawingManagerService, _renderManagerService) {
+		super();
+		this._commandService = _commandService;
+		this._univerInstanceService = _univerInstanceService;
+		this._drawingManagerService = _drawingManagerService;
+		this._renderManagerService = _renderManagerService;
+		_defineProperty(this, "_liquid", new Liquid());
+		_defineProperty(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_transformerCache", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_anchorShape", void 0);
+		this._init();
+	}
+	_init() {
+		this._listenDrawingFocus();
+	}
+	_listenDrawingFocus() {
+		this.disposeWithMe(this._drawingManagerService.add$.subscribe((drawingParams) => {
+			if (drawingParams.length === 0) return;
+			for (const drawingParam of drawingParams) {
+				const { unitId } = drawingParam;
+				if (!this._listenerOnImageMap.has(unitId)) {
+					this._listenTransformerChange(unitId);
+					this._listenerOnImageMap.add(unitId);
+				}
+			}
+		}));
+	}
+	_listenTransformerChange(unitId) {
+		var _this$_getSceneAndTra;
+		const transformer = (_this$_getSceneAndTra = this._getSceneAndTransformerByDrawingSearch(unitId)) === null || _this$_getSceneAndTra === void 0 ? void 0 : _this$_getSceneAndTra.transformer;
+		if (transformer == null) return;
+		this.disposeWithMe(toDisposable(transformer.changeStart$.subscribe((state) => {
+			this._transformerCache.clear();
+			const { objects } = state;
+			for (const object of objects.values()) {
+				var _documentDataModel$ge;
+				const { oKey, width, height, left, top, angle } = object;
+				const drawing = this._drawingManagerService.getDrawingOKey(oKey);
+				if (drawing == null) continue;
+				const documentDataModel = this._univerInstanceService.getUniverDocInstance(drawing.unitId);
+				const drawingData = documentDataModel === null || documentDataModel === void 0 || (_documentDataModel$ge = documentDataModel.getSnapshot().drawings) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge[drawing.drawingId];
+				if ((drawingData === null || drawingData === void 0 ? void 0 : drawingData.layoutType) === PositionedObjectLayoutType.INLINE) try {
+					object.setOpacity(.2);
+				} catch (e) {}
+				if (drawingData != null) this._transformerCache.set(drawing.drawingId, {
+					drawing: drawingData,
+					top,
+					left,
+					width,
+					height,
+					angle
+				});
+			}
+		})));
+		const throttleMultipleDrawingUpdate = throttle(this._updateMultipleDrawingDocTransform.bind(this), 50);
+		throttle(this._nonInlineDrawingTransform.bind(this), 50);
+		this.disposeWithMe(toDisposable(transformer.changing$.subscribe((state) => {
+			const { objects, offsetX, offsetY } = state;
+			if (objects.size > 1) throttleMultipleDrawingUpdate(objects);
+			else if (objects.size === 1) {
+				const drawingCache = this._transformerCache.values().next().value;
+				const { width, height, top, left, angle } = objects.values().next().value;
+				if (drawingCache && width === drawingCache.width && height === drawingCache.height && top === drawingCache.top && left === drawingCache.left && angle === drawingCache.angle) return;
+				if (drawingCache && drawingCache.drawing.layoutType !== PositionedObjectLayoutType.INLINE) {}
+				if (drawingCache && drawingCache.drawing.layoutType === PositionedObjectLayoutType.INLINE && offsetX != null && offsetY != null) this._updateInlineDrawingAnchor(drawingCache.drawing, offsetX, offsetY);
+			}
+		})));
+		this.disposeWithMe(toDisposable(transformer.changeEnd$.subscribe((state) => {
+			const { objects, offsetX, offsetY } = state;
+			for (const object of objects.values()) {
+				const drawing = this._drawingManagerService.getDrawingOKey(object.oKey);
+				if (drawing == null) continue;
+				const drawingCache = this._transformerCache.get(drawing === null || drawing === void 0 ? void 0 : drawing.drawingId);
+				if ((drawingCache === null || drawingCache === void 0 ? void 0 : drawingCache.drawing.layoutType) === PositionedObjectLayoutType.INLINE) try {
+					object.setOpacity(1);
+				} catch (e) {}
+			}
+			if (this._anchorShape) this._anchorShape.hide();
+			if (objects.size > 1) this._updateMultipleDrawingDocTransform(objects);
+			else if (objects.size === 1) {
+				const drawingCache = this._transformerCache.values().next().value;
+				const object = objects.values().next().value;
+				const { width, height, top, left, angle } = object;
+				if (drawingCache && width === drawingCache.width && height === drawingCache.height && top === drawingCache.top && left === drawingCache.left && angle === drawingCache.angle) return;
+				if (drawingCache && drawingCache.drawing.layoutType === PositionedObjectLayoutType.INLINE) {
+					if (width !== drawingCache.width || height !== drawingCache.height || angle !== drawingCache.angle) this._updateDrawingSize(drawingCache, object);
+					else if (offsetX != null && offsetY != null) this._moveInlineDrawing(drawingCache.drawing, offsetX, offsetY);
+				} else if (drawingCache) this._nonInlineDrawingTransform(drawingCache.drawing, object);
+			}
+			this._transformerCache.clear();
+		})));
+	}
+	_updateMultipleDrawingDocTransform(objects) {
+		if (objects.size < 1) return;
+		const drawings = [];
+		let unitId;
+		let subUnitId;
+		for (const object of objects.values()) {
+			const { oKey, left, top, angle } = object;
+			let { width, height } = object;
+			const drawing = this._drawingManagerService.getDrawingOKey(oKey);
+			if (drawing == null) continue;
+			if (unitId == null) unitId = drawing.unitId;
+			if (subUnitId == null) subUnitId = drawing.subUnitId;
+			const drawingCache = this._transformerCache.get(drawing.drawingId);
+			if (drawingCache == null) continue;
+			const { drawing: drawingData, top: oldTop, left: oldLeft, width: oldWidth, height: oldHeight, angle: oldAngle } = drawingCache;
+			const { width: maxWidth, height: maxHeight } = this._getPageContentSize(drawingData);
+			width = Math.min(width, maxWidth);
+			height = Math.min(height, maxHeight);
+			if (oldWidth !== width || oldHeight !== height) drawings.push({
+				drawingId: drawing.drawingId,
+				key: "size",
+				value: {
+					width,
+					height
+				}
+			});
+			if (oldAngle !== angle) drawings.push({
+				drawingId: drawing.drawingId,
+				key: "angle",
+				value: angle
+			});
+			if (oldTop !== top || oldLeft !== left) {
+				const verticalDelta = top - oldTop;
+				const horizontalDelta = left - oldLeft;
+				if (verticalDelta !== 0) drawings.push({
+					drawingId: drawing.drawingId,
+					key: "positionV",
+					value: {
+						relativeFrom: drawingData.docTransform.positionV.relativeFrom,
+						posOffset: drawingData.docTransform.positionV.posOffset + verticalDelta
+					}
+				});
+				if (horizontalDelta !== 0) drawings.push({
+					drawingId: drawing.drawingId,
+					key: "positionH",
+					value: {
+						relativeFrom: drawingData.docTransform.positionH.relativeFrom,
+						posOffset: drawingData.docTransform.positionH.posOffset + horizontalDelta
+					}
+				});
+			}
+		}
+		if (drawings.length > 0 && unitId && subUnitId) this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id, {
+			unitId,
+			subUnitId,
+			drawings
+		});
+	}
+	_updateDrawingAnchor(objects) {
+		if (this._transformerCache.size !== 1) return;
+		const drawingCache = this._transformerCache.values().next().value;
+		const object = objects.values().next().value;
+		this._getDrawingAnchor(drawingCache.drawing, object);
+	}
+	_updateInlineDrawingAnchor(drawing, offsetX, offsetY) {
+		var _this$_getInlineDrawi;
+		if (this._transformerCache.size !== 1) return;
+		const { contentBoxPointGroup } = (_this$_getInlineDrawi = this._getInlineDrawingAnchor(drawing, offsetX, offsetY)) !== null && _this$_getInlineDrawi !== void 0 ? _this$_getInlineDrawi : {};
+		if (contentBoxPointGroup == null) return;
+		this._createOrUpdateInlineAnchor(drawing.unitId, contentBoxPointGroup);
+	}
+	_getInlineDrawingAnchor(drawing, offsetX, offsetY) {
+		var _this$_renderManagerS, _getOneTextSelectionR;
+		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton();
+		if (currentRender == null) return;
+		const { mainComponent, scene } = currentRender;
+		const documentComponent = mainComponent;
+		const activeViewport = scene.getViewports()[0];
+		const { pageLayoutType = PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop } = documentComponent.getOffsetConfig();
+		let glyphAnchor = null;
+		let isBack = false;
+		let segmentPageIndex = -1;
+		let segmentId = "";
+		const HALF = .5;
+		const coord = this._getTransformCoordForDocumentOffset(documentComponent, activeViewport, offsetX, offsetY);
+		if (coord == null) return;
+		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(drawing.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
+		if (docSelectionRenderService == null) return;
+		const nodeInfo = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findNodeByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop, {
+			strict: false,
+			segmentId: docSelectionRenderService.getSegment(),
+			segmentPage: docSelectionRenderService.getSegmentPage()
+		});
+		if (nodeInfo) {
+			const { node, ratioX, segmentPage, segmentId: nodeSegmentId } = nodeInfo;
+			isBack = ratioX < HALF;
+			glyphAnchor = node;
+			segmentPageIndex = segmentPage;
+			segmentId = nodeSegmentId;
+		}
+		if (glyphAnchor == null) return;
+		const nodePosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findPositionByGlyph(glyphAnchor, segmentPageIndex);
+		const docObject = this._getDocObject();
+		if (nodePosition == null || skeleton == null || docObject == null) return;
+		if (isInTableCell(nodePosition)) return;
+		const positionWithIsBack = {
+			...nodePosition,
+			isBack
+		};
+		const { cursorList, contentBoxPointGroup } = new NodePositionConvertToCursor(docObject.document.getOffsetConfig(), skeleton).getRangePointData(positionWithIsBack, positionWithIsBack);
+		const { startOffset } = (_getOneTextSelectionR = getOneTextSelectionRange(cursorList)) !== null && _getOneTextSelectionR !== void 0 ? _getOneTextSelectionR : {};
+		if (startOffset == null) return;
+		return {
+			offset: startOffset,
+			contentBoxPointGroup,
+			segmentId,
+			segmentPage: segmentPageIndex
+		};
+	}
+	_getDrawingAnchor(drawing, object) {
+		var _this$_renderManagerS2, _glyphAnchor$parent, _column$lines$find, _column$parent, _getOneTextSelectionR2;
+		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton();
+		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
+		if (skeletonData == null || currentRender == null) return;
+		const { pages, skeHeaders, skeFooters } = skeletonData;
+		const { mainComponent, scene } = currentRender;
+		const documentComponent = mainComponent;
+		const activeViewport = scene.getViewports()[0];
+		const { pageLayoutType = PageLayoutType.VERTICAL, pageMarginLeft, pageMarginTop, docsLeft, docsTop } = documentComponent.getOffsetConfig();
+		const { left, top, angle } = object;
+		let { width, height } = object;
+		const { positionV, positionH } = drawing.docTransform;
+		const { width: maxWidth, height: maxHeight } = this._getPageContentSize(drawing);
+		width = Math.min(width, maxWidth);
+		height = Math.min(height, maxHeight);
+		let glyphAnchor = null;
+		let segmentId = "";
+		let segmentPage = -1;
+		const isBack = false;
+		const docTransform = {
+			...drawing.docTransform,
+			size: {
+				width,
+				height
+			},
+			angle
+		};
+		const { x, y } = scene.getViewportScrollXY(activeViewport);
+		const coord = this._getTransformCoordForDocumentOffset(documentComponent, activeViewport, left - x, top - y);
+		if (coord == null) return;
+		const docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(drawing.unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
+		if (docSelectionRenderService == null) return;
+		const nodeInfo = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findNodeByCoord(coord, pageLayoutType, pageMarginLeft, pageMarginTop, {
+			strict: false,
+			segmentId: docSelectionRenderService.getSegment(),
+			segmentPage: docSelectionRenderService.getSegmentPage()
+		});
+		if (nodeInfo) {
+			const { node, segmentPage: segmentPageIndex, segmentId: nodeSegmentId } = nodeInfo;
+			glyphAnchor = node;
+			segmentPage = segmentPageIndex;
+			segmentId = nodeSegmentId;
+		}
+		if (glyphAnchor == null) return;
+		const line = (_glyphAnchor$parent = glyphAnchor.parent) === null || _glyphAnchor$parent === void 0 ? void 0 : _glyphAnchor$parent.parent;
+		const column = line === null || line === void 0 ? void 0 : line.parent;
+		const paragraphStartLine = (_column$lines$find = column === null || column === void 0 ? void 0 : column.lines.find((l) => l.paragraphIndex === (line === null || line === void 0 ? void 0 : line.paragraphIndex) && l.paragraphStart)) !== null && _column$lines$find !== void 0 ? _column$lines$find : column === null || column === void 0 ? void 0 : column.lines[0];
+		const page = column === null || column === void 0 || (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : _column$parent.parent;
+		if (line == null || column == null || paragraphStartLine == null || page == null) return;
+		this._liquid.reset();
+		const pageType = page.type;
+		for (const p of pages) {
+			const { headerId, footerId, pageHeight, pageWidth, marginLeft, marginBottom } = p;
+			const pIndex = pages.indexOf(p);
+			if (segmentPage > -1 && pIndex === segmentPage) {
+				switch (pageType) {
+					case DocumentSkeletonPageType.HEADER: {
+						var _skeHeaders$get;
+						const headerSke = (_skeHeaders$get = skeHeaders.get(headerId)) === null || _skeHeaders$get === void 0 ? void 0 : _skeHeaders$get.get(pageWidth);
+						if (headerSke) this._liquid.translatePagePadding({
+							marginTop: headerSke.marginTop,
+							marginLeft
+						});
+						else throw new Error("header skeleton not found");
+						break;
+					}
+					case DocumentSkeletonPageType.FOOTER: {
+						var _skeFooters$get;
+						const footerSke = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
+						if (footerSke) this._liquid.translatePagePadding({
+							marginTop: pageHeight - marginBottom + footerSke.marginTop,
+							marginLeft
+						});
+						else throw new Error("footer skeleton not found");
+						break;
+					}
+				}
+				break;
+			}
+			this._liquid.translatePagePadding(p);
+			if (p === page) break;
+			this._liquid.restorePagePadding(p);
+			this._liquid.translatePage(p, pageLayoutType, pageMarginLeft, pageMarginTop);
+		}
+		if (positionV.relativeFrom === ObjectRelativeFromV.LINE) glyphAnchor = line.divides[0].glyphGroup[0];
+		else {
+			var _paragraphStartLine$d, _paragraphStartLine$d2;
+			glyphAnchor = (_paragraphStartLine$d = (_paragraphStartLine$d2 = paragraphStartLine.divides) === null || _paragraphStartLine$d2 === void 0 || (_paragraphStartLine$d2 = _paragraphStartLine$d2[0]) === null || _paragraphStartLine$d2 === void 0 || (_paragraphStartLine$d2 = _paragraphStartLine$d2.glyphGroup) === null || _paragraphStartLine$d2 === void 0 ? void 0 : _paragraphStartLine$d2[0]) !== null && _paragraphStartLine$d !== void 0 ? _paragraphStartLine$d : glyphAnchor;
+		}
+		docTransform.positionH = {
+			relativeFrom: positionH.relativeFrom,
+			posOffset: left - this._liquid.x - docsLeft
+		};
+		switch (positionH.relativeFrom) {
+			case ObjectRelativeFromH.MARGIN:
+				docTransform.positionH.posOffset = left - this._liquid.x - docsLeft - page.marginLeft;
+				break;
+			case ObjectRelativeFromH.COLUMN:
+				docTransform.positionH.posOffset = left - this._liquid.x - docsLeft - column.left;
+				break;
+		}
+		docTransform.positionV = {
+			relativeFrom: positionV.relativeFrom,
+			posOffset: top - this._liquid.y - docsTop
+		};
+		switch (positionV.relativeFrom) {
+			case ObjectRelativeFromV.PAGE:
+				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - page.marginTop;
+				break;
+			case ObjectRelativeFromV.LINE:
+				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - line.top;
+				break;
+			case ObjectRelativeFromV.PARAGRAPH:
+				docTransform.positionV.posOffset = top - this._liquid.y - docsTop - paragraphStartLine.top;
+				break;
+		}
+		if (glyphAnchor == null) return;
+		const nodePosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.findPositionByGlyph(glyphAnchor, segmentPage);
+		const docObject = this._getDocObject();
+		if (nodePosition == null || skeleton == null || docObject == null) return;
+		if (isInTableCell(nodePosition)) return;
+		const positionWithIsBack = {
+			...nodePosition,
+			isBack
+		};
+		const { cursorList } = new NodePositionConvertToCursor(docObject.document.getOffsetConfig(), skeleton).getRangePointData(positionWithIsBack, positionWithIsBack);
+		const { startOffset } = (_getOneTextSelectionR2 = getOneTextSelectionRange(cursorList)) !== null && _getOneTextSelectionR2 !== void 0 ? _getOneTextSelectionR2 : {};
+		if (startOffset == null) return;
+		return {
+			offset: startOffset,
+			docTransform,
+			segmentId,
+			segmentPage
+		};
+	}
+	_updateDrawingSize(drawingCache, object) {
+		const drawings = [];
+		const { drawing, width: oldWidth, height: oldHeight, angle: oldAngle } = drawingCache;
+		const { unitId, subUnitId } = drawing;
+		let { width, height, angle } = object;
+		const { width: maxWidth, height: maxHeight } = this._getPageContentSize(drawing);
+		width = Math.min(maxWidth, width);
+		height = Math.min(maxHeight, height);
+		if (width !== oldWidth || height !== oldHeight) drawings.push({
+			drawingId: drawing.drawingId,
+			key: "size",
+			value: {
+				width,
+				height
+			}
+		});
+		if (angle !== oldAngle) drawings.push({
+			drawingId: drawing.drawingId,
+			key: "angle",
+			value: angle
+		});
+		if (drawings.length > 0 && unitId && subUnitId) this._commandService.executeCommand(UpdateDrawingDocTransformCommand.id, {
+			unitId,
+			subUnitId,
+			drawings
+		});
+	}
+	_moveInlineDrawing(drawing, offsetX, offsetY) {
+		const anchor = this._getInlineDrawingAnchor(drawing, offsetX, offsetY);
+		const { offset, segmentId, segmentPage } = anchor !== null && anchor !== void 0 ? anchor : {};
+		return this._commandService.executeCommand(IMoveInlineDrawingCommand.id, {
+			unitId: drawing.unitId,
+			subUnitId: drawing.unitId,
+			drawing,
+			offset,
+			segmentId,
+			segmentPage,
+			needRefreshDrawings: offset == null
+		});
+	}
+	_limitDrawingInPage(drawing, object) {
+		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const { left, top, width, height, angle } = object;
+		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton();
+		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
+		const { pages } = skeletonData !== null && skeletonData !== void 0 ? skeletonData : {};
+		if (skeletonData == null || currentRender == null || pages == null) return {
+			left,
+			top,
+			width,
+			height,
+			angle
+		};
+		const { mainComponent } = currentRender;
+		const { top: docsTop, pageLayoutType, pageMarginLeft, pageMarginTop } = mainComponent;
+		let newTop = top;
+		this._liquid.reset();
+		for (const page of pages) {
+			const { marginBottom, pageHeight } = page;
+			const nextPage = pages[pages.indexOf(page) + 1];
+			if (nextPage == null) continue;
+			if (Tools.hasIntersectionBetweenTwoRanges(top, top + height, this._liquid.y + docsTop + pageHeight - marginBottom, this._liquid.y + docsTop + pageHeight + pageMarginTop + nextPage.marginTop)) if (top + height / 2 < this._liquid.y + docsTop + pageHeight + pageMarginTop / 2) newTop = Math.min(top, this._liquid.y + docsTop + pageHeight - marginBottom - height);
+			else newTop = Math.max(top, this._liquid.y + docsTop + pageHeight + pageMarginTop + nextPage.marginTop);
+			this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+		}
+		return {
+			left,
+			top: newTop,
+			width,
+			height,
+			angle
+		};
+	}
+	_nonInlineDrawingTransform(drawing, object, isMoving = false) {
+		const objectPosition = drawing.isMultiTransform === BooleanNumber.TRUE ? object : this._limitDrawingInPage(drawing, object);
+		if (isMoving && objectPosition.top !== object.top) return;
+		const anchor = this._getDrawingAnchor(drawing, objectPosition);
+		const { offset, docTransform, segmentId, segmentPage } = anchor !== null && anchor !== void 0 ? anchor : {};
+		if (offset == null || docTransform == null) return this._updateMultipleDrawingDocTransform(new Map([[drawing.drawingId, object]]));
+		return this._commandService.executeCommand(ITransformNonInlineDrawingCommand.id, {
+			unitId: drawing.unitId,
+			subUnitId: drawing.unitId,
+			drawing,
+			offset,
+			docTransform,
+			segmentId,
+			segmentPage
+		});
+	}
+	_getSceneAndTransformerByDrawingSearch(unitId) {
+		if (unitId == null) return;
+		const renderObject = this._renderManagerService.getRenderById(unitId);
+		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+		if (scene == null) return;
+		return {
+			scene,
+			transformer: scene.getTransformerByCreate()
+		};
+	}
+	_getTransformCoordForDocumentOffset(document, viewport, evtOffsetX, evtOffsetY) {
+		const { documentTransform } = document.getOffsetConfig();
+		const originCoord = viewport.transformVector2SceneCoord(Vector2.FromArray([evtOffsetX, evtOffsetY]));
+		if (!originCoord) return;
+		return documentTransform.clone().invert().applyPoint(originCoord);
+	}
+	_createOrUpdateInlineAnchor(unitId, pointsGroup) {
+		const currentRender = this._renderManagerService.getRenderById(unitId);
+		if (currentRender == null) return;
+		const { mainComponent, scene } = currentRender;
+		const { docsLeft, docsTop } = mainComponent.getOffsetConfig();
+		const { left: boundingLeft, top: boundingTop, height } = getAnchorBounding(pointsGroup);
+		const left = boundingLeft + docsLeft;
+		const top = boundingTop + docsTop;
+		if (this._anchorShape) {
+			this._anchorShape.transformByState({
+				left,
+				top,
+				height
+			});
+			this._anchorShape.show();
+			return;
+		}
+		const anchor = new Rect(INLINE_DRAWING_ANCHOR_KEY_PREFIX + generateRandomId(6), {
+			left,
+			top,
+			height,
+			strokeWidth: 2,
+			stroke: getColor(COLORS.darkgray, 1),
+			evented: false
+		});
+		this._anchorShape = anchor;
+		scene.addObject(anchor, TEXT_RANGE_LAYER_INDEX);
+	}
+	_getDocObject() {
+		return getDocObject(this._univerInstanceService, this._renderManagerService);
+	}
+	_getPageContentSize(drawing) {
+		const currentRender = this._renderManagerService.getRenderById(drawing.unitId);
+		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton();
+		const MAX_WIDTH = 500;
+		const MAX_HEIGHT = 500;
+		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
+		if (skeletonData == null || currentRender == null) return {
+			width: MAX_WIDTH,
+			height: MAX_HEIGHT
+		};
+		const { pages } = skeletonData;
+		let page = null;
+		for (const p of pages) {
+			const { skeDrawings } = p;
+			if (skeDrawings.has(drawing.drawingId)) {
+				page = p;
+				break;
+			}
+		}
+		if (page) {
+			const { pageWidth, pageHeight, marginLeft, marginBottom, marginRight, marginTop } = page;
+			return {
+				width: Math.max(MAX_WIDTH, pageWidth - marginLeft - marginRight),
+				height: Math.max(MAX_HEIGHT, pageHeight - marginTop - marginBottom)
+			};
+		} else return {
+			width: MAX_WIDTH,
+			height: MAX_HEIGHT
+		};
+	}
+};
+DocDrawingTransformerController = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IUniverInstanceService),
+	__decorateParam(2, IDrawingManagerService),
+	__decorateParam(3, IRenderManagerService)
+], DocDrawingTransformerController);
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [RibbonInsertGroup.MEDIA]: { [DOCS_IMAGE_MENU_ID]: {
+	order: 0,
+	menuItemFactory: ImageMenuFactory,
+	[IMAGE_MENU_UPLOAD_FLOAT_ID]: {
+		order: 0,
+		menuItemFactory: UploadFloatImageMenuFactory
+	}
+} } };
+
+//#endregion
+//#region src/views/doc-image-panel/DocDrawingPosition.tsx
+const MIN_OFFSET = -1e3;
+const MAX_OFFSET = 1e3;
+const DocDrawingPosition = (props) => {
+	const commandService = useDependency(ICommandService);
+	const localeService = useDependency(LocaleService);
+	const drawingManagerService = useDependency(IDrawingManagerService);
+	const renderManagerService = useDependency(IRenderManagerService);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const { drawings } = props;
+	const drawingParam = drawings[0];
+	if (drawingParam == null) return;
+	const { unitId } = drawingParam;
+	const documentDataModel = univerInstanceService.getUniverDocInstance(unitId);
+	const documentFlavor = documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getSnapshot().documentStyle.documentFlavor;
+	const renderObject = renderManagerService.getRenderById(unitId);
+	const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
+	if (scene == null) return;
+	const transformer = scene.getTransformerByCreate();
+	const HORIZONTAL_RELATIVE_FROM = [
+		{
+			label: localeService.t("image-position.column"),
+			value: String(ObjectRelativeFromH.COLUMN)
+		},
+		{
+			label: localeService.t("image-position.page"),
+			value: String(ObjectRelativeFromH.PAGE)
+		},
+		{
+			label: localeService.t("image-position.margin"),
+			value: String(ObjectRelativeFromH.MARGIN)
+		}
+	];
+	const VERTICAL_RELATIVE_FROM = [
+		{
+			label: localeService.t("image-position.line"),
+			value: String(ObjectRelativeFromV.LINE),
+			disabled: documentFlavor === DocumentFlavor.MODERN
+		},
+		{
+			label: localeService.t("image-position.page"),
+			value: String(ObjectRelativeFromV.PAGE),
+			disabled: documentFlavor === DocumentFlavor.MODERN
+		},
+		{
+			label: localeService.t("image-position.margin"),
+			value: String(ObjectRelativeFromV.MARGIN),
+			disabled: documentFlavor === DocumentFlavor.MODERN
+		},
+		{
+			label: localeService.t("image-position.paragraph"),
+			value: String(ObjectRelativeFromV.PARAGRAPH)
+		}
+	];
+	const [disabled, setDisabled] = useState(true);
+	const [hPosition, setHPosition] = useState({
+		relativeFrom: ObjectRelativeFromH.PAGE,
+		posOffset: 0
+	});
+	const [vPosition, setVPosition] = useState({
+		relativeFrom: ObjectRelativeFromV.PAGE,
+		posOffset: 0
+	});
+	const [followTextMove, setFollowTextMove] = useState(true);
+	const [showPanel, setShowPanel] = useState(true);
+	function handlePositionChange(direction, value) {
+		var _renderManagerService;
+		if (direction === "positionH") setHPosition(value);
+		else setVPosition(value);
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		const drawings = focusDrawings.map((drawing) => {
+			return {
+				unitId: drawing.unitId,
+				subUnitId: drawing.subUnitId,
+				drawingId: drawing.drawingId
+			};
+		});
+		commandService.executeCommand(UpdateDrawingDocTransformCommand.id, {
+			unitId: focusDrawings[0].unitId,
+			subUnitId: focusDrawings[0].unitId,
+			drawings: drawings.map((drawing) => ({
+				drawingId: drawing.drawingId,
+				key: direction,
+				value
+			}))
+		});
+		const docSelectionRenderService = (_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocSelectionRenderService);
+		if (docSelectionRenderService) docSelectionRenderService.blur();
+		transformer.refreshControls();
+	}
+	function handleHorizontalRelativeFromChange(value) {
+		var _renderManagerService2;
+		const prevRelativeFrom = hPosition.relativeFrom;
+		const prevPosOffset = hPosition.posOffset;
+		const relativeFrom = Number(value);
+		if (prevRelativeFrom === relativeFrom) return;
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		const drawingId = focusDrawings[0].drawingId;
+		const unitId = focusDrawings[0].unitId;
+		let drawing = null;
+		let pageMarginLeft = 0;
+		const skeleton = (_renderManagerService2 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.with(DocSkeletonManagerService).getSkeleton();
+		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
+		if (skeletonData == null) return;
+		const { pages, skeHeaders, skeFooters } = skeletonData;
+		for (const page of pages) {
+			var _skeHeaders$get, _skeFooters$get;
+			const { marginLeft, skeDrawings, headerId, footerId, pageWidth } = page;
+			if (skeDrawings.has(drawingId)) {
+				drawing = skeDrawings.get(drawingId);
+				pageMarginLeft = marginLeft;
+				break;
+			}
+			const headerPage = (_skeHeaders$get = skeHeaders.get(headerId)) === null || _skeHeaders$get === void 0 ? void 0 : _skeHeaders$get.get(pageWidth);
+			if (headerPage === null || headerPage === void 0 ? void 0 : headerPage.skeDrawings.has(drawingId)) {
+				drawing = headerPage === null || headerPage === void 0 ? void 0 : headerPage.skeDrawings.get(drawingId);
+				pageMarginLeft = marginLeft;
+				break;
+			}
+			const footerPage = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
+			if (footerPage === null || footerPage === void 0 ? void 0 : footerPage.skeDrawings.has(drawingId)) {
+				drawing = footerPage === null || footerPage === void 0 ? void 0 : footerPage.skeDrawings.get(drawingId);
+				pageMarginLeft = marginLeft;
+				break;
+			}
+		}
+		if (drawing == null) return;
+		let delta = 0;
+		if (prevRelativeFrom === ObjectRelativeFromH.COLUMN) delta -= drawing.columnLeft;
+		else if (prevRelativeFrom === ObjectRelativeFromH.MARGIN) delta -= pageMarginLeft;
+		if (relativeFrom === ObjectRelativeFromH.COLUMN) delta += drawing.columnLeft;
+		else if (relativeFrom === ObjectRelativeFromH.MARGIN) delta += pageMarginLeft;
+		else if (relativeFrom === ObjectRelativeFromH.PAGE) {}
+		handlePositionChange("positionH", {
+			relativeFrom,
+			posOffset: (prevPosOffset !== null && prevPosOffset !== void 0 ? prevPosOffset : 0) - delta
+		});
+	}
+	function handleVerticalRelativeFromChange(value) {
+		var _renderManagerService3, _renderManagerService4, _documentDataModel$ge, _glyph$parent, _column$parent;
+		const prevRelativeFrom = vPosition.relativeFrom;
+		const prevPosOffset = vPosition.posOffset;
+		const relativeFrom = Number(value);
+		if (prevRelativeFrom === relativeFrom) return;
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		const { drawingId, unitId } = focusDrawings[0];
+		const documentDataModel = univerInstanceService.getUniverDocInstance(unitId);
+		const skeleton = (_renderManagerService3 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService3 === void 0 ? void 0 : _renderManagerService3.with(DocSkeletonManagerService).getSkeleton();
+		const docSelectionRenderService = (_renderManagerService4 = renderManagerService.getRenderById(unitId)) === null || _renderManagerService4 === void 0 ? void 0 : _renderManagerService4.with(DocSelectionRenderService);
+		const segmentId = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.getSegment();
+		const segmentPage = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.getSegmentPage();
+		const drawing = documentDataModel === null || documentDataModel === void 0 || (_documentDataModel$ge = documentDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _documentDataModel$ge === void 0 || (_documentDataModel$ge = _documentDataModel$ge.customBlocks) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.find((c) => c.blockId === drawingId);
+		if (drawing == null || skeleton == null || docSelectionRenderService == null) return;
+		const { startIndex } = drawing;
+		const glyph = skeleton.findNodeByCharIndex(startIndex, segmentId, segmentPage);
+		const line = glyph === null || glyph === void 0 || (_glyph$parent = glyph.parent) === null || _glyph$parent === void 0 ? void 0 : _glyph$parent.parent;
+		const column = line === null || line === void 0 ? void 0 : line.parent;
+		const paragraphStartLine = column === null || column === void 0 ? void 0 : column.lines.find((l) => l.paragraphIndex === (line === null || line === void 0 ? void 0 : line.paragraphIndex) && l.paragraphStart);
+		const page = column === null || column === void 0 || (_column$parent = column.parent) === null || _column$parent === void 0 ? void 0 : _column$parent.parent;
+		if (glyph == null || line == null || paragraphStartLine == null || column == null || page == null) return;
+		let delta = 0;
+		if (prevRelativeFrom === ObjectRelativeFromV.PARAGRAPH) delta -= paragraphStartLine.top;
+		else if (prevRelativeFrom === ObjectRelativeFromV.LINE) delta -= line.top;
+		else if (prevRelativeFrom === ObjectRelativeFromV.PAGE) delta += page.marginTop;
+		if (relativeFrom === ObjectRelativeFromV.PARAGRAPH) delta += paragraphStartLine.top;
+		else if (relativeFrom === ObjectRelativeFromV.LINE) delta += line.top;
+		else if (relativeFrom === ObjectRelativeFromV.PAGE) delta -= page.marginTop;
+		handlePositionChange("positionV", {
+			relativeFrom,
+			posOffset: (prevPosOffset !== null && prevPosOffset !== void 0 ? prevPosOffset : 0) - delta
+		});
+	}
+	function updateState(drawingParam) {
+		var _snapshot$drawings;
+		const snapshot = documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getSnapshot();
+		const drawing = snapshot === null || snapshot === void 0 || (_snapshot$drawings = snapshot.drawings) === null || _snapshot$drawings === void 0 ? void 0 : _snapshot$drawings[drawingParam.drawingId];
+		if (drawing == null) return;
+		const { layoutType } = drawing;
+		const { positionH, positionV } = drawing.docTransform;
+		setHPosition(positionH);
+		setVPosition(positionV);
+		setDisabled(layoutType === PositionedObjectLayoutType.INLINE);
+		setFollowTextMove(positionV.relativeFrom === ObjectRelativeFromV.PARAGRAPH || positionV.relativeFrom === ObjectRelativeFromV.LINE);
+	}
+	function updateFocusDrawingState() {
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		updateState(focusDrawings[0]);
+	}
+	function handleFollowTextMoveCheck(val) {
+		setFollowTextMove(val);
+		handleVerticalRelativeFromChange(val ? String(ObjectRelativeFromV.PARAGRAPH) : String(ObjectRelativeFromV.PAGE));
+	}
+	useEffect(() => {
+		updateFocusDrawingState();
+		const subscription = drawingManagerService.focus$.subscribe((drawingParams) => {
+			if (drawingParams.length === 0) {
+				setShowPanel(false);
+				return;
+			}
+			setShowPanel(true);
+			updateState(drawingParams[0]);
+		});
+		const mutationListener = commandService.onCommandExecuted(async (command) => {
+			if (command.id === RichTextEditingMutation.id) updateFocusDrawingState();
+		});
+		return () => {
+			subscription.unsubscribe();
+			mutationListener.dispose();
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", { "univer-hidden": !showPanel }),
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-position.title") })
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-position.horizontal") })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-position.absolutePosition") }), /* @__PURE__ */ jsx(InputNumber, {
+					min: MIN_OFFSET,
+					max: MAX_OFFSET,
+					precision: 1,
+					disabled,
+					value: hPosition.posOffset,
+					onChange: (val) => {
+						handlePositionChange("positionH", {
+							relativeFrom: hPosition.relativeFrom,
+							posOffset: val
+						});
+					}
+				})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-position.toTheRightOf") }), /* @__PURE__ */ jsx(Select, {
+					value: String(hPosition.relativeFrom),
+					disabled,
+					options: HORIZONTAL_RELATIVE_FROM,
+					onChange: handleHorizontalRelativeFromChange
+				})] })]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-position.vertical") })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-position.absolutePosition") }), /* @__PURE__ */ jsx(InputNumber, {
+					min: MIN_OFFSET,
+					max: MAX_OFFSET,
+					precision: 1,
+					disabled,
+					value: vPosition.posOffset,
+					onChange: (val) => {
+						handlePositionChange("positionV", {
+							relativeFrom: vPosition.relativeFrom,
+							posOffset: val
+						});
+					}
+				})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-position.bellow") }), /* @__PURE__ */ jsx(Select, {
+					disabled,
+					value: String(vPosition.relativeFrom),
+					options: VERTICAL_RELATIVE_FROM,
+					onChange: handleVerticalRelativeFromChange
+				})] })]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-position.options") })
+			}),
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Checkbox, {
+				disabled,
+				checked: followTextMove,
+				onChange: handleFollowTextMoveCheck,
+				children: localeService.t("image-position.moveObjectWithText")
+			}) })
+		]
+	});
+};
+
+//#endregion
+//#region src/views/doc-image-panel/DocDrawingTextWrap.tsx
+const MIN_MARGIN = 0;
+const MAX_MARGIN = 100;
+const DocDrawingTextWrap = (props) => {
+	const commandService = useDependency(ICommandService);
+	const localeService = useDependency(LocaleService);
+	const drawingManagerService = useDependency(IDrawingManagerService);
+	const renderManagerService = useDependency(IRenderManagerService);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const { drawings } = props;
+	const drawingParam = drawings[0];
+	if (drawingParam == null) return null;
+	const { unitId } = drawingParam;
+	const documentDataModel = univerInstanceService.getUniverDocInstance(unitId);
+	const renderObject = renderManagerService.getRenderById(unitId);
+	if ((renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene) == null) return null;
+	const [disableWrapText, setDisableWrapText] = useState(true);
+	const [disableDistTB, setDisableDistTB] = useState(true);
+	const [disableDistLR, setDisableDistLR] = useState(true);
+	const [wrappingStyle, setWrappingStyle] = useState(TextWrappingStyle.INLINE);
+	const [wrapText, setWrapText] = useState("");
+	const [distToText, setDistToText] = useState({
+		distT: 0,
+		distL: 0,
+		distB: 0,
+		distR: 0
+	});
+	const [showPanel, setShowPanel] = useState(true);
+	function handleWrappingStyleChange(value) {
+		setWrappingStyle(value);
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		const { unitId, subUnitId } = focusDrawings[0];
+		const drawings = focusDrawings.map(({ unitId, subUnitId, drawingId }) => ({
+			unitId,
+			subUnitId,
+			drawingId
+		}));
+		commandService.executeCommand(UpdateDocDrawingWrappingStyleCommand.id, {
+			unitId,
+			subUnitId,
+			drawings,
+			wrappingStyle: value
+		});
+	}
+	function handleWrapTextChange(value) {
+		setWrapText(value);
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		const drawings = focusDrawings.map((drawing) => {
+			return {
+				unitId: drawing.unitId,
+				subUnitId: drawing.subUnitId,
+				drawingId: drawing.drawingId
+			};
+		});
+		commandService.executeCommand(UpdateDocDrawingWrapTextCommand.id, {
+			unitId: focusDrawings[0].unitId,
+			subUnitId: focusDrawings[0].unitId,
+			drawings,
+			wrapText: value
+		});
+	}
+	function handleDistToTextChange(value, direction) {
+		if (value == null) return;
+		setDistToText({
+			...distToText,
+			[direction]: value
+		});
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		const drawings = focusDrawings.map((drawing) => {
+			return {
+				unitId: drawing.unitId,
+				subUnitId: drawing.subUnitId,
+				drawingId: drawing.drawingId
+			};
+		});
+		commandService.executeCommand(UpdateDocDrawingDistanceCommand.id, {
+			unitId: focusDrawings[0].unitId,
+			subUnitId: focusDrawings[0].unitId,
+			drawings,
+			dist: { [direction]: value }
+		});
+	}
+	function updateFocusDrawingState() {
+		const focusDrawings = drawingManagerService.getFocusDrawings();
+		if (focusDrawings.length === 0) return;
+		updateState(focusDrawings[0]);
+	}
+	function updateState(drawingParam) {
+		var _documentDataModel$ge;
+		const drawing = documentDataModel === null || documentDataModel === void 0 || (_documentDataModel$ge = documentDataModel.getSnapshot()) === null || _documentDataModel$ge === void 0 || (_documentDataModel$ge = _documentDataModel$ge.drawings) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge[drawingParam.drawingId];
+		if (drawing == null) return;
+		const { distT = 0, distL = 0, distB = 0, distR = 0, layoutType = PositionedObjectLayoutType.INLINE, behindDoc = BooleanNumber.FALSE, wrapText = WrapTextType.BOTH_SIDES } = drawing;
+		setDistToText({
+			distT,
+			distL,
+			distB,
+			distR
+		});
+		setWrapText(wrapText);
+		setDisableWrapText(layoutType !== PositionedObjectLayoutType.WRAP_SQUARE);
+		if (layoutType === PositionedObjectLayoutType.WRAP_NONE || layoutType === PositionedObjectLayoutType.INLINE) setDisableDistTB(true);
+		else setDisableDistTB(false);
+		if (layoutType === PositionedObjectLayoutType.WRAP_NONE || layoutType === PositionedObjectLayoutType.INLINE || layoutType === PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM) setDisableDistLR(true);
+		else setDisableDistLR(false);
+		if (layoutType === PositionedObjectLayoutType.WRAP_NONE) if (behindDoc === BooleanNumber.TRUE) setWrappingStyle(TextWrappingStyle.BEHIND_TEXT);
+		else setWrappingStyle(TextWrappingStyle.IN_FRONT_OF_TEXT);
+		else switch (layoutType) {
+			case PositionedObjectLayoutType.INLINE:
+				setWrappingStyle(TextWrappingStyle.INLINE);
+				break;
+			case PositionedObjectLayoutType.WRAP_SQUARE:
+				setWrappingStyle(TextWrappingStyle.WRAP_SQUARE);
+				break;
+			case PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:
+				setWrappingStyle(TextWrappingStyle.WRAP_TOP_AND_BOTTOM);
+				break;
+			default: throw new Error(`Unsupported layout type: ${layoutType}`);
+		}
+	}
+	useEffect(() => {
+		updateFocusDrawingState();
+		const subscription = drawingManagerService.focus$.subscribe((drawingParams) => {
+			if (drawingParams.length === 0) {
+				setShowPanel(false);
+				return;
+			}
+			setShowPanel(true);
+			updateState(drawingParams[0]);
+		});
+		const mutationListener = commandService.onCommandExecuted(async (command) => {
+			if (command.id === RichTextEditingMutation.id) updateFocusDrawingState();
+		});
+		return () => {
+			subscription.unsubscribe();
+			mutationListener.dispose();
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", { "univer-hidden": !showPanel }),
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-text-wrap.title") })
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-text-wrap.wrappingStyle") })
+			}),
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(RadioGroup, {
+				value: wrappingStyle,
+				onChange: handleWrappingStyleChange,
+				direction: "vertical",
+				children: [
+					/* @__PURE__ */ jsx(Radio, {
+						value: TextWrappingStyle.INLINE,
+						children: localeService.t("image-text-wrap.inline")
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: TextWrappingStyle.WRAP_SQUARE,
+						children: localeService.t("image-text-wrap.square")
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: TextWrappingStyle.WRAP_TOP_AND_BOTTOM,
+						children: localeService.t("image-text-wrap.topAndBottom")
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: TextWrappingStyle.BEHIND_TEXT,
+						children: localeService.t("image-text-wrap.behindText")
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: TextWrappingStyle.IN_FRONT_OF_TEXT,
+						children: localeService.t("image-text-wrap.inFrontText")
+					})
+				]
+			}) }),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-text-wrap.wrapText") })
+			}),
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(RadioGroup, {
+				disabled: disableWrapText,
+				value: wrapText,
+				onChange: handleWrapTextChange,
+				direction: "horizontal",
+				children: [
+					/* @__PURE__ */ jsx(Radio, {
+						value: WrapTextType.BOTH_SIDES,
+						children: localeService.t("image-text-wrap.bothSide")
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: WrapTextType.LEFT,
+						children: localeService.t("image-text-wrap.leftOnly")
+					}),
+					/* @__PURE__ */ jsx(Radio, {
+						value: WrapTextType.RIGHT,
+						children: localeService.t("image-text-wrap.rightOnly")
+					})
+				]
+			}) }),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-gray-600 dark:!univer-text-gray-200",
+				children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-text-wrap.distanceFromText") })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-text-wrap.top") }), /* @__PURE__ */ jsx(InputNumber, {
+					min: MIN_MARGIN,
+					max: MAX_MARGIN,
+					disabled: disableDistTB,
+					precision: 1,
+					value: distToText.distT,
+					onChange: (val) => {
+						handleDistToTextChange(val, "distT");
+					}
+				})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-text-wrap.left") }), /* @__PURE__ */ jsx(InputNumber, {
+					min: MIN_MARGIN,
+					max: MAX_MARGIN,
+					disabled: disableDistLR,
+					precision: 1,
+					value: distToText.distL,
+					onChange: (val) => {
+						handleDistToTextChange(val, "distL");
+					}
+				})] })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-text-wrap.bottom") }), /* @__PURE__ */ jsx(InputNumber, {
+					min: MIN_MARGIN,
+					max: MAX_MARGIN,
+					disabled: disableDistTB,
+					precision: 1,
+					value: distToText.distB,
+					onChange: (val) => {
+						handleDistToTextChange(val, "distB");
+					}
+				})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: localeService.t("image-text-wrap.right") }), /* @__PURE__ */ jsx(InputNumber, {
+					min: MIN_MARGIN,
+					max: MAX_MARGIN,
+					disabled: disableDistLR,
+					precision: 1,
+					value: distToText.distR,
+					onChange: (val) => {
+						handleDistToTextChange(val, "distR");
+					}
+				})] })]
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/views/doc-image-panel/DocDrawingPanel.tsx
+const DocDrawingPanel = () => {
+	const drawingManagerService = useDependency(IDrawingManagerService);
+	const [drawings, setDrawings] = useState(drawingManagerService.getFocusDrawings());
+	useEffect(() => {
+		const focusDispose = drawingManagerService.focus$.subscribe((drawings) => {
+			setDrawings(drawings);
+		});
+		return () => {
+			focusDispose.unsubscribe();
+		};
+	}, []);
+	return !!(drawings === null || drawings === void 0 ? void 0 : drawings.length) && /* @__PURE__ */ jsxs("div", {
+		className: "univer-text-sm",
+		children: [
+			/* @__PURE__ */ jsx(DrawingCommonPanel, {
+				drawings,
+				hasAlign: false,
+				hasCropper: false,
+				hasGroup: false,
+				hasTransform: false
+			}),
+			/* @__PURE__ */ jsx(DocDrawingTextWrap, { drawings }),
+			/* @__PURE__ */ jsx(DocDrawingPosition, { drawings })
+		]
+	});
+};
+
+//#endregion
+//#region src/controllers/shortcuts/drawing.shortcut.ts
+function whenDocDrawingFocused(contextService) {
+	return contextService.getContextValue(FOCUSING_DOC) && contextService.getContextValue(FOCUSING_UNIVER_EDITOR) && contextService.getContextValue(FOCUSING_COMMON_DRAWINGS);
+}
+const MoveDrawingDownShortcutItem = {
+	id: MoveDocDrawingsCommand.id,
+	description: "shortcut.drawing-move-down",
+	group: "4_drawing-view",
+	binding: KeyCode.ARROW_DOWN,
+	priority: 100,
+	preconditions: whenDocDrawingFocused,
+	staticParameters: { direction: Direction.DOWN }
+};
+const MoveDrawingUpShortcutItem = {
+	id: MoveDocDrawingsCommand.id,
+	description: "shortcut.drawing-move-up",
+	group: "4_drawing-view",
+	binding: KeyCode.ARROW_UP,
+	priority: 100,
+	preconditions: whenDocDrawingFocused,
+	staticParameters: { direction: Direction.UP }
+};
+const MoveDrawingLeftShortcutItem = {
+	id: MoveDocDrawingsCommand.id,
+	description: "shortcut.drawing-move-left",
+	group: "4_drawing-view",
+	binding: KeyCode.ARROW_LEFT,
+	priority: 100,
+	preconditions: whenDocDrawingFocused,
+	staticParameters: { direction: Direction.LEFT }
+};
+const MoveDrawingRightShortcutItem = {
+	id: MoveDocDrawingsCommand.id,
+	description: "shortcut.drawing-move-right",
+	group: "4_drawing-view",
+	binding: KeyCode.ARROW_RIGHT,
+	priority: 100,
+	preconditions: whenDocDrawingFocused,
+	staticParameters: { direction: Direction.RIGHT }
+};
+const DeleteDrawingsShortcutItem = {
+	id: DeleteDocDrawingsCommand.id,
+	description: "shortcut.drawing-delete",
+	group: "4_drawing-view",
+	preconditions: whenDocDrawingFocused,
+	binding: KeyCode.DELETE,
+	mac: KeyCode.BACKSPACE
+};
+
+//#endregion
+//#region src/controllers/doc-drawing.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let DocDrawingUIController = class DocDrawingUIController extends Disposable {
+	constructor(_componentManager, _menuManagerService, _commandService, _shortcutService) {
+		super();
+		this._componentManager = _componentManager;
+		this._menuManagerService = _menuManagerService;
+		this._commandService = _commandService;
+		this._shortcutService = _shortcutService;
+		this._init();
+	}
+	_initCustomComponents() {
+		const componentManager = this._componentManager;
+		this.disposeWithMe(componentManager.register(COMPONENT_DOC_DRAWING_PANEL, DocDrawingPanel));
+	}
+	_initMenus() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initCommands() {
+		[
+			InsertDocImageCommand,
+			InsertDocDrawingCommand,
+			UpdateDocDrawingWrappingStyleCommand,
+			UpdateDocDrawingDistanceCommand,
+			UpdateDocDrawingWrapTextCommand,
+			UpdateDrawingDocTransformCommand,
+			IMoveInlineDrawingCommand,
+			ITransformNonInlineDrawingCommand,
+			RemoveDocDrawingCommand,
+			SidebarDocDrawingOperation,
+			ClearDocDrawingTransformerOperation,
+			EditDocDrawingOperation,
+			GroupDocDrawingCommand,
+			UngroupDocDrawingCommand,
+			MoveDocDrawingsCommand,
+			DeleteDocDrawingsCommand,
+			SetDocDrawingArrangeCommand
+		].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+	}
+	_initShortcuts() {
+		[
+			MoveDrawingDownShortcutItem,
+			MoveDrawingUpShortcutItem,
+			MoveDrawingLeftShortcutItem,
+			MoveDrawingRightShortcutItem,
+			DeleteDrawingsShortcutItem
+		].forEach((item) => {
+			this.disposeWithMe(this._shortcutService.registerShortcut(item));
+		});
+	}
+	_init() {
+		this._initCommands();
+		this._initCustomComponents();
+		this._initMenus();
+		this._initShortcuts();
+	}
+};
+DocDrawingUIController = __decorate([
+	__decorateParam(0, Inject(ComponentManager)),
+	__decorateParam(1, IMenuManagerService),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, IShortcutService)
+], DocDrawingUIController);
+
+//#endregion
+//#region src/controllers/render-controllers/doc-drawing-transform-update.controller.ts
+let DocDrawingTransformUpdateController = class DocDrawingTransformUpdateController extends Disposable {
+	constructor(_context, _docSkeletonManagerService, _commandService, _editorService, _drawingManagerService, _docRefreshDrawingsService, _univerInstanceService, _lifecycleService) {
+		super();
+		this._context = _context;
+		this._docSkeletonManagerService = _docSkeletonManagerService;
+		this._commandService = _commandService;
+		this._editorService = _editorService;
+		this._drawingManagerService = _drawingManagerService;
+		this._docRefreshDrawingsService = _docRefreshDrawingsService;
+		this._univerInstanceService = _univerInstanceService;
+		this._lifecycleService = _lifecycleService;
+		_defineProperty(this, "_liquid", new Liquid());
+		this._initialize();
+		this._commandExecutedListener();
+	}
+	_initialize() {
+		this._initialRenderRefresh();
+		this._drawingInitializeListener();
+		this._initResize();
+	}
+	_initialRenderRefresh() {
+		this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((documentSkeleton) => {
+			if (documentSkeleton == null) return;
+			this._refreshDrawing(documentSkeleton);
+		}));
+		this.disposeWithMe(this._docRefreshDrawingsService.refreshDrawings$.subscribe((skeleton) => {
+			if (skeleton == null) return;
+			this._refreshDrawing(skeleton);
+		}));
+	}
+	_commandExecutedListener() {
+		const updateCommandList = [RichTextEditingMutation.id, SetDocZoomRatioOperation.id];
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (updateCommandList.includes(command.id)) {
+				const { unitId: commandUnitId } = command.params;
+				const { unitId, mainComponent } = this._context;
+				if (commandUnitId !== unitId) return;
+				const skeleton = this._docSkeletonManagerService.getSkeleton();
+				if (skeleton == null) return;
+				if (this._editorService.isEditor(unitId) && unitId !== DOCS_ZEN_EDITOR_UNIT_ID_KEY) {
+					mainComponent === null || mainComponent === void 0 || mainComponent.makeDirty();
+					return;
+				}
+				this._refreshDrawing(skeleton);
+			}
+		}));
+	}
+	_initResize() {
+		this.disposeWithMe(fromEventSubject(this._context.engine.onTransformChange$).pipe(filter((evt) => evt.type === TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize), debounceTime(16)).subscribe(() => {
+			var _scene$getTransformer;
+			const skeleton = this._docSkeletonManagerService.getSkeleton();
+			const { scene } = this._context;
+			(_scene$getTransformer = scene.getTransformer()) === null || _scene$getTransformer === void 0 || _scene$getTransformer.refreshControls();
+			this._refreshDrawing(skeleton);
+		}));
+	}
+	_refreshDrawing(skeleton) {
+		const skeletonData = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getSkeletonData();
+		const { mainComponent, unitId } = this._context;
+		const documentComponent = mainComponent;
+		if (!skeletonData) return;
+		const { left: docsLeft, top: docsTop, pageLayoutType, pageMarginLeft, pageMarginTop } = documentComponent;
+		const { pages, skeHeaders, skeFooters } = skeletonData;
+		const updateDrawingMap = {};
+		this._liquid.reset();
+		/**
+		* TODO: @DR-Univer We should not refresh all floating elements, but instead make a diff.
+		*/
+		for (let i = 0, len = pages.length; i < len; i++) {
+			const page = pages[i];
+			const { headerId, footerId, pageWidth } = page;
+			if (headerId) {
+				var _skeHeaders$get;
+				const headerPage = (_skeHeaders$get = skeHeaders.get(headerId)) === null || _skeHeaders$get === void 0 ? void 0 : _skeHeaders$get.get(pageWidth);
+				if (headerPage) this._calculateDrawingPosition(unitId, headerPage, docsLeft, docsTop, updateDrawingMap, headerPage.marginTop, page.marginLeft);
+			}
+			if (footerId) {
+				var _skeFooters$get;
+				const footerPage = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
+				if (footerPage) this._calculateDrawingPosition(unitId, footerPage, docsLeft, docsTop, updateDrawingMap, page.pageHeight - page.marginBottom + footerPage.marginTop, page.marginLeft);
+			}
+			this._calculateDrawingPosition(unitId, page, docsLeft, docsTop, updateDrawingMap, page.marginTop, page.marginLeft);
+			this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+		}
+		const updateDrawings = Object.values(updateDrawingMap);
+		const nonMultiDrawings = updateDrawings.filter((drawing) => !drawing.isMultiTransform);
+		const multiDrawings = updateDrawings.filter((drawing) => drawing.isMultiTransform);
+		if (nonMultiDrawings.length > 0) this._drawingManagerService.refreshTransform(nonMultiDrawings);
+		this._handleMultiDrawingsTransform(multiDrawings);
+	}
+	_handleMultiDrawingsTransform(multiDrawings) {
+		const { scene, unitId } = this._context;
+		const transformer = scene.getTransformerByCreate();
+		multiDrawings.forEach((updateParam) => {
+			const param = this._drawingManagerService.getDrawingByParam(updateParam);
+			if (param == null) return;
+			param.transform = updateParam.transform;
+			param.transforms = updateParam.transforms;
+			param.isMultiTransform = updateParam.isMultiTransform;
+		});
+		const selectedObjectKeys = [...transformer.getSelectedObjectMap().keys()];
+		const allMultiDrawings = Object.values(this._drawingManagerService.getDrawingData(unitId, unitId)).filter((drawing) => drawing.isMultiTransform === BooleanNumber.TRUE);
+		this._drawingManagerService.removeNotification(allMultiDrawings);
+		if (multiDrawings.length > 0) this._drawingManagerService.addNotification(multiDrawings);
+		for (const key of selectedObjectKeys) {
+			const drawingShape = scene.getObject(key);
+			if (drawingShape) transformer.setSelectedControl(drawingShape);
+		}
+	}
+	_calculateDrawingPosition(unitId, page, docsLeft, docsTop, updateDrawingMap, marginTop, marginLeft) {
+		const { skeDrawings } = page;
+		this._liquid.translatePagePadding({
+			marginTop,
+			marginLeft
+		});
+		skeDrawings.forEach((drawing) => {
+			const { aLeft, aTop, height, width, angle, drawingId, drawingOrigin } = drawing;
+			const behindText = drawingOrigin.layoutType === PositionedObjectLayoutType.WRAP_NONE && drawingOrigin.behindDoc === BooleanNumber.TRUE;
+			const { isMultiTransform = BooleanNumber.FALSE } = drawingOrigin;
+			const transform = {
+				left: aLeft + docsLeft + this._liquid.x,
+				top: aTop + docsTop + this._liquid.y,
+				width,
+				height,
+				angle
+			};
+			if (updateDrawingMap[drawingId] == null) updateDrawingMap[drawingId] = {
+				unitId,
+				subUnitId: unitId,
+				drawingId,
+				behindText,
+				transform,
+				transforms: [transform],
+				isMultiTransform
+			};
+			else if (isMultiTransform === BooleanNumber.TRUE) updateDrawingMap[drawingId].transforms.push(transform);
+		});
+		this._liquid.restorePagePadding({
+			marginTop,
+			marginLeft
+		});
+	}
+	_drawingInitializeListener() {
+		const init = () => {
+			const skeleton = this._docSkeletonManagerService.getSkeleton();
+			if (skeleton == null) return;
+			this._refreshDrawing(skeleton);
+			this._drawingManagerService.initializeNotification(this._context.unitId);
+		};
+		if (this._lifecycleService.stage >= LifecycleStages.Rendered) if (this._docSkeletonManagerService.getSkeleton()) init();
+		else setTimeout(init, 500);
+		else this.disposeWithMe(this._lifecycleService.lifecycle$.pipe(filter((stage) => stage === LifecycleStages.Rendered)).subscribe(init));
+	}
+};
+DocDrawingTransformUpdateController = __decorate([
+	__decorateParam(1, Inject(DocSkeletonManagerService)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, IEditorService),
+	__decorateParam(4, IDrawingManagerService),
+	__decorateParam(5, Inject(DocRefreshDrawingsService)),
+	__decorateParam(6, IUniverInstanceService),
+	__decorateParam(7, Inject(LifecycleService))
+], DocDrawingTransformUpdateController);
+
+//#endregion
+//#region src/menu/drawing-popup-menu.controller.ts
+let DocDrawingPopupMenuController = class DocDrawingPopupMenuController extends RxDisposable {
+	constructor(_drawingManagerService, _canvasPopManagerService, _renderManagerService, _univerInstanceService, _contextService) {
+		super();
+		this._drawingManagerService = _drawingManagerService;
+		this._canvasPopManagerService = _canvasPopManagerService;
+		this._renderManagerService = _renderManagerService;
+		this._univerInstanceService = _univerInstanceService;
+		this._contextService = _contextService;
+		_defineProperty(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_disposePopups", []);
+		this._init();
+	}
+	_init() {
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).pipe(takeUntil(this.dispose$)).subscribe((documentDataModel) => this._create(documentDataModel)));
+		this.disposeWithMe(this._univerInstanceService.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_DOC).pipe(takeUntil(this.dispose$)).subscribe((documentDataModel) => this._dispose(documentDataModel)));
+		this._univerInstanceService.getAllUnitsForType(UniverInstanceType.UNIVER_DOC).forEach((documentDataModel) => this._create(documentDataModel));
+	}
+	_dispose(documentDataModel) {
+		const unitId = documentDataModel.getUnitId();
+		if (this._disposePopups.length) {
+			this._disposePopups.forEach((dispose) => dispose.dispose());
+			this._disposePopups.length = 0;
+		}
+		this._renderManagerService.removeRender(unitId);
+	}
+	_create(documentDataModel) {
+		if (!documentDataModel) return;
+		const unitId = documentDataModel.getUnitId();
+		if (isInternalEditorID(unitId)) return;
+		if (this._renderManagerService.has(unitId) && !this._initImagePopupMenu.has(unitId)) {
+			this._popupMenuListener(unitId);
+			this._initImagePopupMenu.add(unitId);
+		}
+	}
+	_hasCropObject(scene) {
+		const objects = scene.getAllObjects();
+		for (const object of objects) if (object instanceof ImageCropperObject) return true;
+		return false;
+	}
+	_popupMenuListener(unitId) {
+		var _this$_renderManagerS;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		if (!scene) return;
+		const transformer = scene.getTransformerByCreate();
+		if (!transformer) return;
+		const disposePopups = this._disposePopups;
+		this.disposeWithMe(transformer.createControl$.subscribe(() => {
+			if (this._hasCropObject(scene)) return;
+			const selectedObjects = transformer.getSelectedObjectMap();
+			disposePopups.forEach((dispose) => dispose.dispose());
+			disposePopups.length = 0;
+			if (selectedObjects.size > 1) return;
+			const object = selectedObjects.values().next().value;
+			if (!object) return;
+			const oKey = object.oKey;
+			const drawingParam = this._drawingManagerService.getDrawingOKey(oKey);
+			if (!drawingParam || drawingParam.drawingType === DrawingTypeEnum.DRAWING_DOM) return;
+			const { unitId, subUnitId, drawingId, drawingType } = drawingParam;
+			const popup = this._canvasPopManagerService.attachPopupToObject(object, {
+				componentKey: COMPONENT_IMAGE_POPUP_MENU,
+				direction: "horizontal",
+				offset: [2, 0],
+				extraProps: { menuItems: this._getImageMenuItems(unitId, subUnitId, drawingId, drawingType) }
+			}, unitId);
+			disposePopups.push(this.disposeWithMe(popup));
+			if (this._drawingManagerService.getFocusDrawings().find((drawing) => drawing.unitId === unitId && drawing.subUnitId === subUnitId && drawing.drawingId === drawingId)) return;
+			this._drawingManagerService.focusDrawing([{
+				unitId,
+				subUnitId,
+				drawingId
+			}]);
+		}));
+		this.disposeWithMe(transformer.clearControl$.subscribe(() => {
+			disposePopups.forEach((dispose) => dispose.dispose());
+			disposePopups.length = 0;
+			this._contextService.setContextValue(FOCUSING_COMMON_DRAWINGS, false);
+			this._drawingManagerService.focusDrawing(null);
+		}));
+		this.disposeWithMe(transformer.changing$.subscribe(() => {
+			disposePopups.forEach((dispose) => dispose.dispose());
+			disposePopups.length = 0;
+		}));
+		this.disposeWithMe(transformer.changeStart$.subscribe(() => {
+			disposePopups.forEach((dispose) => dispose.dispose());
+			disposePopups.length = 0;
+		}));
+	}
+	_getImageMenuItems(unitId, subUnitId, drawingId, drawingType) {
+		return [
+			{
+				label: "image-popup.edit",
+				index: 0,
+				commandId: EditDocDrawingOperation.id,
+				commandParams: {
+					unitId,
+					subUnitId,
+					drawingId
+				},
+				disable: true
+			},
+			{
+				label: "image-popup.delete",
+				index: 1,
+				commandId: RemoveDocDrawingCommand.id,
+				commandParams: {
+					unitId,
+					drawings: [{
+						unitId,
+						subUnitId,
+						drawingId
+					}]
+				},
+				disable: false
+			},
+			{
+				label: "image-popup.crop",
+				index: 2,
+				commandId: OpenImageCropOperation.id,
+				commandParams: {
+					unitId,
+					subUnitId,
+					drawingId
+				},
+				disable: true
+			},
+			{
+				label: "image-popup.reset",
+				index: 3,
+				commandId: ImageResetSizeOperation.id,
+				commandParams: [{
+					unitId,
+					subUnitId,
+					drawingId
+				}],
+				disable: true
+			}
+		];
+	}
+};
+DocDrawingPopupMenuController = __decorate([
+	__decorateParam(0, IDrawingManagerService),
+	__decorateParam(1, Inject(DocCanvasPopManagerService)),
+	__decorateParam(2, IRenderManagerService),
+	__decorateParam(3, IUniverInstanceService),
+	__decorateParam(4, IContextService)
+], DocDrawingPopupMenuController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverDocsDrawingUIPlugin = class UniverDocsDrawingUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _renderManagerSrv, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._renderManagerSrv = _renderManagerSrv;
+		this._configService = _configService;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(DOCS_DRAWING_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[
+			[DocDrawingUIController],
+			[DocDrawingPopupMenuController],
+			[DocDrawingTransformerController],
+			[DocDrawingAddRemoveController],
+			[DocRefreshDrawingsService],
+			[DocFloatDomController],
+			[DocDrawingPrintingController]
+		].forEach((dependency) => this._injector.add(dependency));
+	}
+	onReady() {
+		[[DocDrawingUpdateRenderController], [DocDrawingTransformUpdateController]].forEach((m) => this._renderManagerSrv.registerRenderModule(UniverInstanceType.UNIVER_DOC, m));
+		this._injector.get(DocDrawingAddRemoveController);
+		this._injector.get(DocDrawingUIController);
+		this._injector.get(DocDrawingTransformerController);
+		this._injector.get(DocDrawingPrintingController);
+	}
+	onRendered() {
+		this._injector.get(DocDrawingPopupMenuController);
+		this._injector.get(DocFloatDomController);
+	}
+};
+_defineProperty(UniverDocsDrawingUIPlugin, "type", UniverInstanceType.UNIVER_DOC);
+_defineProperty(UniverDocsDrawingUIPlugin, "pluginName", "DOC_DRAWING_UI_PLUGIN");
+_defineProperty(UniverDocsDrawingUIPlugin, "packageName", name);
+_defineProperty(UniverDocsDrawingUIPlugin, "version", version);
+UniverDocsDrawingUIPlugin = __decorate([
+	DependentOn(UniverDrawingUIPlugin, UniverDrawingPlugin, UniverDocsDrawingPlugin, UniverUIPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IRenderManagerService),
+	__decorateParam(3, IConfigService)
+], UniverDocsDrawingUIPlugin);
+
+//#endregion
+export { ClearDocDrawingTransformerOperation, DOCS_IMAGE_MENU_ID, DeleteDocDrawingsCommand, DocFloatDomController, EditDocDrawingOperation, GroupDocDrawingCommand, InsertDocDrawingCommand, InsertDocImageCommand, MoveDocDrawingsCommand, RemoveDocDrawingCommand, SetDocDrawingArrangeCommand, SidebarDocDrawingOperation, UngroupDocDrawingCommand, UniverDocsDrawingUIPlugin };