@univerjs/docs-drawing-ui 0.7.0 → 0.8.0-nightly.202505261607
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +1 -1
- package/lib/es/index.js +1043 -1098
- package/lib/index.css +1 -1
- package/lib/index.js +1043 -1098
- package/lib/types/locale/en-US.d.ts +74 -2
- package/lib/types/locale/fa-IR.d.ts +2 -2
- package/lib/types/locale/ru-RU.d.ts +2 -2
- package/lib/types/locale/vi-VN.d.ts +2 -2
- package/lib/types/locale/zh-CN.d.ts +2 -74
- package/lib/types/locale/zh-TW.d.ts +2 -2
- package/lib/types/views/menu/image.menu.d.ts +0 -1
- package/lib/umd/index.js +1 -1
- package/package.json +12 -13
- package/LICENSE +0 -176
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Rt=Object.defineProperty;var Ct=(r,e,n)=>e in r?Rt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[e]=n;var de=(r,e,n)=>Ct(r,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),fe=require("@univerjs/docs-drawing"),G=require("@univerjs/drawing"),me=require("@univerjs/drawing-ui"),j=require("@univerjs/engine-render"),F=require("@univerjs/ui"),B=require("@univerjs/docs"),W=require("@univerjs/docs-ui"),$=require("@univerjs/design"),J=require("rxjs"),S=require("react/jsx-runtime"),q=require("react"),xt="docs-drawing-ui.config",st={};var ae=function(){return ae=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},ae.apply(this,arguments)},Et=function(r,e){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(n[t[i]]=r[t[i]]);return n},gt=q.forwardRef(function(r,e){var n=r.icon,t=r.id,i=r.className,s=r.extend,a=Et(r,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(t," ").concat(i||"").trim(),g=q.useRef("_".concat(Nt()));return lt(n,"".concat(t),{defIds:n.defIds,idSuffix:g.current},ae({ref:e,className:d},a),s)});function lt(r,e,n,t,i){return q.createElement(r.tag,ae(ae({key:e},At(r,n,i)),t),(Pt(r,n).children||[]).map(function(s,a){return lt(s,"".concat(e,"-").concat(r.tag,"-").concat(a),n,void 0,i)}))}function At(r,e,n){var t=ae({},r.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1),r.tag==="mask"&&t.id&&(t.id=t.id+e.idSuffix),Object.entries(t).forEach(function(s){var a=s[0],d=s[1];a==="mask"&&typeof d=="string"&&(t[a]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(s){var a=s[0],d=s[1];typeof d=="string"&&(t[a]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Pt(r,e){var n,t=e.defIds;return!t||t.length===0?r:r.tag==="defs"&&(!((n=r.children)===null||n===void 0)&&n.length)?ae(ae({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&t&&t.indexOf(i.attrs.id)>-1?ae(ae({},i),{attrs:ae(ae({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function Nt(){return Math.random().toString(36).substring(2,8)}gt.displayName="UniverIcon";var jt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},ut=q.forwardRef(function(r,e){return q.createElement(gt,Object.assign({},r,{id:"add-image-single",ref:e,icon:jt}))});ut.displayName="AddImageSingle";const He={id:"doc.command.remove-doc-image",type:o.CommandType.COMMAND,handler:(r,e)=>{var C,b,A,k;const n=r.get(o.ICommandService),t=r.get(o.IUniverInstanceService),i=r.get(j.IRenderManagerService),s=t.getCurrentUniverDocInstance();if(e==null||s==null)return!1;const a=i.getRenderById(e.unitId).with(W.DocSelectionRenderService),{drawings:d}=e,g=(C=a.getSegment())!=null?C:"",c=new o.TextX,l=o.JSONX.getInstance(),p=(A=(b=s.getSelfOrHeaderFooterModel(g).getBody())==null?void 0:b.customBlocks)!=null?A:[],u=d.map(E=>p.find(w=>w.blockId===E.drawingId)).filter(E=>!!E).sort((E,w)=>E.startIndex>w.startIndex?1:-1),m=d[0].unitId,h=new o.MemoryCursor;h.reset();const v=u[0].startIndex,I=[{startOffset:v,endOffset:v}],f={id:B.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:I}},T=[];for(const E of u){const{startIndex:w}=E;w>h.cursor&&c.push({t:o.TextXActionType.RETAIN,len:w-h.cursor}),c.push({t:o.TextXActionType.DELETE,len:1}),h.moveCursorTo(w+1)}const y=W.getRichTextEditPath(s,g);T.push(l.editOp(c.serialize(),y));for(const E of u){const{blockId:w}=E,U=((k=s.getDrawings())!=null?k:{})[w],N=s.getDrawingsOrder().indexOf(w),z=l.removeOp(["drawings",w],U),_=l.removeOp(["drawingsOrder",N],w);T.push(z),T.push(_)}return f.params.actions=T.reduce((E,w)=>o.JSONX.compose(E,w),null),!!n.syncExecuteCommand(f.id,f.params)}},Ye={id:"doc.command.delete-drawing",type:o.CommandType.COMMAND,handler:r=>{const e=r.get(o.ICommandService),t=r.get(fe.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:i}=t[0],s=t.map(a=>{const{unitId:d,subUnitId:g,drawingId:c,drawingType:l}=a;return{unitId:d,subUnitId:g,drawingId:c,drawingType:l}});return e.executeCommand(He.id,{unitId:i,drawings:s})}},Je={id:"doc.command.group-doc-image",type:o.CommandType.COMMAND,handler:(r,e)=>{r.get(o.ICommandService),r.get(o.IUndoRedoService);const n=r.get(fe.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:l,children:p})=>{t.push(l.unitId),p.forEach(u=>{t.push(u.unitId)})});const i=n.getGroupDrawingOp(e),{unitId:s,subUnitId:a,undo:d,redo:g,objects:c}=i;return!1}},Ve={id:"doc.command.insert-doc-image",type:o.CommandType.COMMAND,handler:(r,e)=>{var b,A,k,E;if(e==null)return!1;const n=r.get(o.ICommandService),t=r.get(B.DocSelectionManagerService),i=r.get(o.IUniverInstanceService),s=t.getActiveTextRange(),a=i.getCurrentUniverDocInstance();if(s==null||a==null)return!1;const d=a.getUnitId(),{drawings:g}=e,{collapsed:c,startOffset:l,segmentId:p}=s,u=a.getSelfOrHeaderFooterModel(p).getBody();if(u==null)return!1;const m=new o.TextX,h=o.JSONX.getInstance(),v=[],I=(A=(b=a.getSnapshot().drawingsOrder)==null?void 0:b.length)!=null?A:0;let f=0;if(c)l>0&&m.push({t:o.TextXActionType.RETAIN,len:l});else{const w=o.BuildTextUtils.selection.delete([s],u,0,null,!1);m.push(...w);const U=W.getCustomBlockIdsInSelections(u,[s]),X=(k=a.getDrawings())!=null?k:{},N=(E=a.getDrawingsOrder())!=null?E:[],z=U.sort((_,D)=>N.indexOf(_)>N.indexOf(D)?-1:N.indexOf(_)<N.indexOf(D)?1:0);if(z.length>0)for(const _ of z){const D=X[_],x=N.indexOf(_);if(D==null||x<0)continue;const M=h.removeOp(["drawings",_],D),L=h.removeOp(["drawingsOrder",x],_);v.push(M),v.push(L),f++}}m.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b".repeat(g.length),customBlocks:g.map((w,U)=>({startIndex:U,blockId:w.drawingId}))},len:g.length});const T=W.getRichTextEditPath(a,p),y=h.editOp(m.serialize(),T);v.push(y);for(const w of g){const{drawingId:U}=w,X=h.insertOp(["drawings",U],w),N=h.insertOp(["drawingsOrder",I-f],U);v.push(X),v.push(N)}const O={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:[]}};return O.params.actions=v.reduce((w,U)=>o.JSONX.compose(w,U),null),!!n.syncExecuteCommand(O.id,O.params)}},Ze={id:"doc.command.set-drawing-arrange",type:o.CommandType.COMMAND,handler:(r,e)=>{const n=r.get(o.ICommandService),t=r.get(fe.IDocDrawingService);if(e==null)return!1;const{unitId:i,subUnitId:s,drawingIds:a,arrangeType:d}=e,g={unitId:i,subUnitId:s,drawingIds:a};let c;if(d===o.ArrangeTypeEnum.forward?c=t.getForwardDrawingsOp(g):d===o.ArrangeTypeEnum.backward?c=t.getBackwardDrawingOp(g):d===o.ArrangeTypeEnum.front?c=t.getFrontDrawingsOp(g):d===o.ArrangeTypeEnum.back&&(c=t.getBackDrawingsOp(g)),c==null)return!1;const{redo:l}=c;if(l==null)return!1;const p=[];let u=o.Tools.deepClone(l);u=u.slice(3),u.unshift("drawingsOrder"),p.push(u);const m={id:B.RichTextEditingMutation.id,params:{unitId:i,actions:[],textRanges:null}};return m.params.actions=p.reduce((v,I)=>o.JSONX.compose(v,I),null),!!n.syncExecuteCommand(m.id,m.params)}},Qe={id:"doc.command.ungroup-doc-image",type:o.CommandType.COMMAND,handler:(r,e)=>{r.get(o.ICommandService),r.get(o.IUndoRedoService);const n=r.get(fe.IDocDrawingService);if(!e)return!1;const t=[];e.forEach(({parent:l,children:p})=>{t.push(l.unitId),p.forEach(u=>{t.push(u.unitId)})});const i=n.getUngroupDrawingOp(e),{unitId:s,subUnitId:a,undo:d,redo:g,objects:c}=i;return!1}};class Ge{constructor(){de(this,"_refreshDrawings$",new J.BehaviorSubject(null));de(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var Ut=Object.getOwnPropertyDescriptor,Lt=(r,e,n,t)=>{for(var i=t>1?void 0:t?Ut(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},oe=(r,e)=>(n,t)=>e(n,t,r);let Ue=class extends o.Disposable{constructor(r,e,n,t,i,s,a,d,g,c,l,p,u){super(),this._context=r,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=i,this._docDrawingService=s,this._drawingManagerService=a,this._contextService=d,this._messageService=g,this._localeService=c,this._docSelectionRenderService=l,this._docRefreshDrawingsService=p,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const r=await this._fileOpenerService.openFile({multiple:!0,accept:G.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=r.length;return e>G.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(G.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(r),!0)}async _insertFloatImages(r){let e=[];try{e=await Promise.all(r.map(i=>this._imageIoService.saveImage(i)))}catch(i){const s=i.message;let a="";switch(s){case G.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String(G.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case G.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case G.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:$.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const i of e){if(i==null)continue;const{imageId:s,imageSourceType:a,source:d,base64Cache:g}=i,{width:c,height:l,image:p}=await G.getImageSize(g||"");this._imageIoService.addImageSourceCache(s,a,p);let u=1;if(c>G.DRAWING_IMAGE_WIDTH_LIMIT||l>G.DRAWING_IMAGE_HEIGHT_LIMIT){const I=G.DRAWING_IMAGE_WIDTH_LIMIT/c,f=G.DRAWING_IMAGE_HEIGHT_LIMIT/l;u=Math.min(I,f)}const m=this._getImagePosition(c*u,l*u);if(m==null)return;const h={unitId:n,subUnitId:n,drawingId:s,drawingType:o.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:d,transform:W.docDrawingPositionToTransform(m),docTransform:m,behindDoc:o.BooleanNumber.FALSE,title:"",description:"",layoutType:o.PositionedObjectLayoutType.INLINE,wrapText:o.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=o.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),t.push(h)}this._commandService.executeCommand(Ve.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:r}=this._context,e=(t=this._renderManagerSrv.getRenderById(r))==null?void 0:t.with(B.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===j.DocumentEditArea.HEADER||n===j.DocumentEditArea.FOOTER}_getImagePosition(r,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0};return{size:{width:r,height:e},positionH:{relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:o.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(r=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:i}=r;this._commandService.executeCommand(Ze.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:i})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(r=>{this._commandService.executeCommand(Je.id,r)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(r=>{this._commandService.executeCommand(Qe.id,r)})}_getCurrentSceneAndTransformer(){const{scene:r,mainComponent:e}=this._context;if(r==null||e==null)return;const n=r.getTransformerByCreate(),{docsLeft:t,docsTop:i}=e.getOffsetConfig();return{scene:r,transformer:n,docsLeft:t,docsTop:i}}_transformDrawingListener(){const r=this._getCurrentSceneAndTransformer();if(r&&r.transformer)this.disposeWithMe(r.transformer.changeEnd$.pipe(J.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(r=>{var i;const{transformer:e,docsLeft:n,docsTop:t}=(i=this._getCurrentSceneAndTransformer())!=null?i:{};if(r==null||r.length===0)this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(r),this._setDrawingSelections(r);const s=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(r[0].drawingId);s!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(r){var a,d,g;const{unit:e}=this._context,{body:n,headers:t={},footers:i={}}=e.getSnapshot();if(((a=n==null?void 0:n.customBlocks)!=null?a:[]).some(c=>c.blockId===r))return"";for(const c of Object.keys(t))if((d=t[c].body.customBlocks)!=null&&d.some(l=>l.blockId===r))return c;for(const c of Object.keys(i))if((g=i[c].body.customBlocks)!=null&&g.some(l=>l.blockId===r))return c;return""}_updateDrawingsEditStatus(){var d;const{unit:r,scene:e,unitId:n}=this._context,t=(d=this._renderManagerSrv.getRenderById(n))==null?void 0:d.with(B.DocSkeletonManagerService).getViewModel();if(t==null||r==null)return;const i=r.getSnapshot(),{drawings:s={}}=i,a=t.getEditArea()===j.DocumentEditArea.BODY;for(const g of Object.keys(s)){const c=s[g],l=G.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),p=e.fuzzyMathObjects(l,!0);if(p.length)for(const u of p){e.detachTransformerFrom(u);try{u.setOpacity(.5)}catch{}if(a&&c.isMultiTransform!==o.BooleanNumber.TRUE||!a&&c.isMultiTransform===o.BooleanNumber.TRUE){c.allowTransform!==!1&&e.attachTransformerTo(u);try{u.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var n;const{unitId:r}=this._context,e=(n=this._renderManagerSrv.getRenderById(r))==null?void 0:n.with(B.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(t=>{t!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async t=>{t.id===B.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(r){var i,s;const{unit:e}=this._context,n=(s=(i=e.getSnapshot().body)==null?void 0:i.customBlocks)!=null?s:[],t=r.map(a=>{const d=a.drawingId,g=n.find(c=>c.blockId===d);return g?g.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Ue=Lt([oe(1,o.ICommandService),oe(2,o.Inject(B.DocSelectionManagerService)),oe(3,j.IRenderManagerService),oe(4,G.IImageIoService),oe(5,fe.IDocDrawingService),oe(6,G.IDrawingManagerService),oe(7,o.IContextService),oe(8,F.IMessageService),oe(9,o.Inject(o.LocaleService)),oe(10,o.Inject(W.DocSelectionRenderService)),oe(11,o.Inject(Ge)),oe(12,F.ILocalFileService)],Ue);const et={id:"doc.command.insert-float-image",type:o.CommandType.COMMAND,handler:r=>{var t,i;const e=r.get(o.IUniverInstanceService),n=r.get(j.IRenderManagerService);return(i=(t=j.getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_DOC,e,n))==null?void 0:t.with(Ue).insertDocImage())!=null?i:!1}};var se=(r=>(r.INLINE="inline",r.BEHIND_TEXT="behindText",r.IN_FRONT_OF_TEXT="inFrontOfText",r.WRAP_SQUARE="wrapSquare",r.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",r))(se||{});const Ft={inline:o.PositionedObjectLayoutType.INLINE,wrapSquare:o.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:o.PositionedObjectLayoutType.WRAP_NONE,behindText:o.PositionedObjectLayoutType.WRAP_NONE};function pt(r,e,n,t,i,s,a){var m,h;const d=new o.TextX,g=o.JSONX.getInstance(),c=[],l=s.getSelfOrHeaderFooterModel(e).getBody(),p=s.getSelfOrHeaderFooterModel(r).getBody();if(l==null||p==null)return;const u=(h=(m=l.customBlocks)==null?void 0:m.find(v=>v.blockId===i))==null?void 0:h.startIndex;if(u!=null){if(t=Math.min(p.dataStream.length-2,t),r===e){if(t<u?(t>0&&d.push({t:o.TextXActionType.RETAIN,len:t}),d.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:i}]},len:1}),d.push({t:o.TextXActionType.RETAIN,len:u-t}),d.push({t:o.TextXActionType.DELETE,len:1})):(u>0&&d.push({t:o.TextXActionType.RETAIN,len:u}),d.push({t:o.TextXActionType.DELETE,len:1}),t-u-1>0&&d.push({t:o.TextXActionType.RETAIN,len:t-u-1}),d.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:i}]},len:1})),t!==u){const v=W.getRichTextEditPath(s,e),I=g.editOp(d.serialize(),v);c.push(I)}}else{u>0&&d.push({t:o.TextXActionType.RETAIN,len:u}),d.push({t:o.TextXActionType.DELETE,len:1});let v=W.getRichTextEditPath(s,e),I=g.editOp(d.serialize(),v);c.push(I),d.empty(),t>0&&d.push({t:o.TextXActionType.RETAIN,len:t}),d.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:i}]},len:1}),v=W.getRichTextEditPath(s,r),I=g.editOp(d.serialize(),v),c.push(I),a.setSegment(r),a.setSegmentPage(n)}return c}}const ht={id:"doc.command.update-doc-drawing-wrapping-style",type:o.CommandType.COMMAND,handler:(r,e)=>{var A,k;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:i}=e,s=r.get(o.ICommandService),a=r.get(o.IUniverInstanceService),g=r.get(j.IRenderManagerService).getRenderById(i),c=g==null?void 0:g.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData(),l=g==null?void 0:g.with(B.DocSkeletonManagerService).getViewModel(),p=g==null?void 0:g.scene,u=a.getCurrentUniverDocInstance();if(u==null||c==null||p==null||l==null)return!1;const m=l.getEditArea(),h=p.getTransformerByCreate(),{pages:v,skeHeaders:I,skeFooters:f}=c,T=o.JSONX.getInstance(),y=[],{drawings:O={}}=u.getSnapshot();for(const E of n){const{drawingId:w}=E,U=O[w].layoutType,X=Ft[t];if(U!==X){const D=T.replaceOp(["drawings",w,"layoutType"],U,X);y.push(D)}if(t==="behindText"||t==="inFrontOfText"){const D=O[w].behindDoc,x=t==="behindText"?o.BooleanNumber.TRUE:o.BooleanNumber.FALSE;if(D!==x){const M=T.replaceOp(["drawings",w,"behindDoc"],D,x);y.push(M)}}if(t==="inline")continue;let N=null,z=0,_=0;for(const D of v){const{headerId:x,footerId:M,marginTop:L,marginLeft:H,marginBottom:R,pageWidth:P,pageHeight:K}=D;switch(m){case j.DocumentEditArea.HEADER:{const V=(A=I.get(x))==null?void 0:A.get(P);V!=null&&V.skeDrawings.has(w)&&(N=V.skeDrawings.get(w),z=V.marginTop,_=H);break}case j.DocumentEditArea.FOOTER:{const V=(k=f.get(M))==null?void 0:k.get(P);V!=null&&V.skeDrawings.has(w)&&(N=V.skeDrawings.get(w),z=K-R+V.marginTop,_=H);break}case j.DocumentEditArea.BODY:{D.skeDrawings.has(w)&&(N=D.skeDrawings.get(w),z=L,_=H);break}}if(N!=null)break}if(N!=null){const{aTop:D,aLeft:x}=N,M=O[w].docTransform.positionH;let L=x;M.relativeFrom===o.ObjectRelativeFromH.MARGIN?L-=_:M.relativeFrom===o.ObjectRelativeFromH.COLUMN&&(L-=N.columnLeft);const H={relativeFrom:M.relativeFrom,posOffset:L};if(M.posOffset!==H.posOffset){const V=T.replaceOp(["drawings",w,"docTransform","positionH"],M,H);y.push(V)}const R=O[w].docTransform.positionV;let P=D;R.relativeFrom===o.ObjectRelativeFromV.PAGE?P+=z:R.relativeFrom===o.ObjectRelativeFromV.LINE?P-=N.lineTop:R.relativeFrom===o.ObjectRelativeFromV.PARAGRAPH&&(P-=N.blockAnchorTop);const K={relativeFrom:R.relativeFrom,posOffset:P};if(R.posOffset!==K.posOffset){const V=T.replaceOp(["drawings",w,"docTransform","positionV"],R,K);y.push(V)}}}const C={id:B.RichTextEditingMutation.id,params:{unitId:i,actions:[],textRanges:null}};C.params.actions=y.reduce((E,w)=>o.JSONX.compose(E,w),null);const b=s.syncExecuteCommand(C.id,C.params);return h.refreshControls(),!!b}},mt={id:"doc.command.update-doc-drawing-distance",type:o.CommandType.COMMAND,handler:(r,e)=>{if(e==null)return!1;const n=r.get(o.ICommandService),i=r.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(i==null)return!1;const{drawings:s,dist:a,unitId:d}=e,g=o.JSONX.getInstance(),c=[],{drawings:l={}}=i.getSnapshot();for(const m of s){const{drawingId:h}=m;for(const[v,I]of Object.entries(a)){const f=l[h][v];if(f!==I){const T=g.replaceOp(["drawings",h,v],f,I);c.push(T)}}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((m,h)=>o.JSONX.compose(m,h),null),!!n.syncExecuteCommand(p.id,p.params)}},ft={id:"doc.command.update-doc-drawing-wrap-text",type:o.CommandType.COMMAND,handler:(r,e)=>{if(e==null)return!1;const n=r.get(o.ICommandService),i=r.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(i==null)return!1;const{drawings:s,wrapText:a,unitId:d}=e,g=o.JSONX.getInstance(),c=[],{drawings:l={}}=i.getSnapshot();for(const m of s){const{drawingId:h}=m,v=l[h].wrapText;if(v!==a){const I=g.replaceOp(["drawings",h,"wrapText"],v,a);c.push(I)}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((m,h)=>o.JSONX.compose(m,h),null),!!n.syncExecuteCommand(p.id,p.params)}},xe={id:"doc.command.update-drawing-doc-transform",type:o.CommandType.COMMAND,handler:(r,e)=>{if(e==null)return!1;const n=r.get(o.ICommandService),t=r.get(o.IUniverInstanceService),s=r.get(j.IRenderManagerService).getRenderById(e.unitId),a=s==null?void 0:s.scene;if(a==null)return!1;const d=a.getTransformerByCreate(),g=t.getCurrentUniverDocInstance();if(g==null)return!1;const{drawings:c,unitId:l}=e,p=o.JSONX.getInstance(),u=[],{drawings:m={}}=g.getSnapshot();for(const I of c){const{drawingId:f,key:T,value:y}=I,O=m[f].docTransform[T];if(!o.Tools.diffValue(O,y)){const C=p.replaceOp(["drawings",f,"docTransform",T],O,y);u.push(C)}}const h={id:B.RichTextEditingMutation.id,params:{unitId:l,actions:[],textRanges:null,debounce:!0}};h.params.actions=u.reduce((I,f)=>o.JSONX.compose(I,f),null);const v=n.syncExecuteCommand(h.id,h.params);return d.refreshControls(),!!v}},vt={id:"doc.command.move-inline-drawing",type:o.CommandType.COMMAND,handler:(r,e)=>{var k,E;if(e==null)return!1;const n=r.get(j.IRenderManagerService),t=(k=n.getRenderById(e.unitId))==null?void 0:k.with(W.DocSelectionRenderService),i=r.get(Ge),s=n.getRenderById(e.unitId),a=s==null?void 0:s.scene,d=s==null?void 0:s.with(B.DocSkeletonManagerService).getSkeleton();if(a==null||t==null)return!1;const g=a.getTransformerByCreate(),c=r.get(o.ICommandService),p=r.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(p==null)return!1;const{drawing:u,unitId:m,offset:h,segmentId:v,segmentPage:I,needRefreshDrawings:f}=e;if(f)return i.refreshDrawings(d),g.refreshControls(),!0;const T=[],{drawingId:y}=u,O=(E=t.getSegment())!=null?E:"",C=pt(v,O,I,h,y,p,t);if(C==null||C.length===0)return i.refreshDrawings(d),g.refreshControls(),!1;T.push(...C);const b={id:B.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null}};b.params.actions=T.reduce((w,U)=>o.JSONX.compose(w,U),null);const A=c.syncExecuteCommand(b.id,b.params);return g.refreshControls(),!!A}},It={id:"doc.command.transform-non-inline-drawing",type:o.CommandType.COMMAND,handler:(r,e)=>{var N,z;if(e==null)return!1;const n=r.get(j.IRenderManagerService),t=(N=n.getRenderById(e.unitId))==null?void 0:N.with(W.DocSelectionRenderService),i=n.getRenderById(e.unitId),s=i==null?void 0:i.scene;if(s==null||t==null)return!1;const a=s.getTransformerByCreate(),d=r.get(o.ICommandService),c=r.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:l,unitId:p,offset:u,docTransform:m,segmentId:h,segmentPage:v}=e,I=[],{drawingId:f}=l,T=(z=t.getSegment())!=null?z:"",y=pt(h,T,v,u,f,c,t);if(y==null)return!1;y.length>0&&I.push(...y);const O=o.JSONX.getInstance(),{drawings:C={}}=c.getSnapshot(),b=C[f].docTransform,{positionH:A,positionV:k,size:E,angle:w}=b;if(!o.Tools.diffValue(A,m.positionH)){const _=O.replaceOp(["drawings",f,"docTransform","positionH"],A,m.positionH);I.push(_)}if(!o.Tools.diffValue(k,m.positionV)){const _=O.replaceOp(["drawings",f,"docTransform","positionV"],k,m.positionV);I.push(_)}if(!o.Tools.diffValue(E,m.size)){const _=O.replaceOp(["drawings",f,"docTransform","size"],E,m.size);I.push(_)}if(!o.Tools.diffValue(w,m.angle)){const _=O.replaceOp(["drawings",f,"docTransform","angle"],w,m.angle);I.push(_)}const U={id:B.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null,debounce:!0}};U.params.actions=I.reduce((_,D)=>o.JSONX.compose(_,D),null);const X=d.syncExecuteCommand(U.id,U.params);return a.refreshControls(),!!X}},ye={id:"doc.command.move-drawing",type:o.CommandType.COMMAND,handler:(r,e)=>{const n=r.get(o.ICommandService),t=r.get(fe.IDocDrawingService),i=r.get(o.IUniverInstanceService),s=r.get(j.IRenderManagerService),{direction:a}=e,d=t.getFocusDrawings();if(d.length===0)return!1;const g=d[0].unitId,c=s.getRenderById(g),l=c==null?void 0:c.scene;if(l==null)return!1;const p=l.getTransformerByCreate(),u=i.getUniverDocInstance(g),m=d.map(v=>{var b,A,k,E,w;const{drawingId:I}=v,f=(b=u==null?void 0:u.getSnapshot().drawings)==null?void 0:b[I];if(f==null||f.layoutType===o.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=f.docTransform,O={...T},C={...y};return a===o.Direction.UP?C.posOffset=((A=C.posOffset)!=null?A:0)-2:a===o.Direction.DOWN?C.posOffset=((k=C.posOffset)!=null?k:0)+2:a===o.Direction.LEFT?O.posOffset=((E=O.posOffset)!=null?E:0)-2:a===o.Direction.RIGHT&&(O.posOffset=((w=O.posOffset)!=null?w:0)+2),{drawingId:I,key:a===o.Direction.UP||a===o.Direction.DOWN?"positionV":"positionH",value:a===o.Direction.UP||a===o.Direction.DOWN?C:O}}).filter(v=>v!=null);if(m.length===0)return!1;const h=n.syncExecuteCommand(xe.id,{unitId:g,subUnitId:g,drawings:m});return p.refreshControls(),!!h}},wt={id:"doc.operation.clear-drawing-transformer",type:o.CommandType.MUTATION,handler:(r,e)=>{const n=r.get(j.IRenderManagerService);return e.forEach(t=>{var i,s;(s=(i=n.getRenderById(t))==null?void 0:i.scene.getTransformer())==null||s.debounceRefreshControls()}),!0}},St="COMPONENT_DOC_DRAWING_PANEL",tt={id:"sidebar.operation.doc-image",type:o.CommandType.COMMAND,handler:async(r,e)=>{const n=r.get(F.ISidebarService),t=r.get(o.LocaleService),i=r.get(G.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:St},onClose:()=>{i.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},nt={id:"doc.operation.edit-doc-image",type:o.CommandType.OPERATION,handler:(r,e)=>{const n=r.get(G.IDrawingManagerService),t=r.get(o.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(tt.id,{value:"open"}),!0)}},at=-1e3,ct=1e3,Bt=r=>{const e=F.useDependency(o.ICommandService),n=F.useDependency(o.LocaleService),t=F.useDependency(G.IDrawingManagerService),i=F.useDependency(j.IRenderManagerService),s=F.useDependency(o.IUniverInstanceService),{drawings:a}=r,d=a[0];if(d==null)return;const{unitId:g}=d,c=s.getUniverDocInstance(g),l=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,p=i.getRenderById(g),u=p==null?void 0:p.scene;if(u==null)return;const m=u.getTransformerByCreate(),h=[{label:n.t("image-position.column"),value:String(o.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(o.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(o.ObjectRelativeFromH.MARGIN)}],v=[{label:n.t("image-position.line"),value:String(o.ObjectRelativeFromV.LINE),disabled:l===o.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(o.ObjectRelativeFromV.PAGE),disabled:l===o.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(o.ObjectRelativeFromV.MARGIN),disabled:l===o.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(o.ObjectRelativeFromV.PARAGRAPH)}],[I,f]=q.useState(!0),[T,y]=q.useState({relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:0}),[O,C]=q.useState({relativeFrom:o.ObjectRelativeFromV.PAGE,posOffset:0}),[b,A]=q.useState(!0),[k,E]=q.useState(!0);function w(D,x){var R;D==="positionH"?y(x):C(x);const M=t.getFocusDrawings();if(M.length===0)return;const L=M.map(P=>({unitId:P.unitId,subUnitId:P.subUnitId,drawingId:P.drawingId}));e.executeCommand(xe.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:L.map(P=>({drawingId:P.drawingId,key:D,value:x}))});const H=(R=i.getRenderById(g))==null?void 0:R.with(W.DocSelectionRenderService);H&&H.blur(),m.refreshControls()}function U(D){var Q,ge,le;const x=T.relativeFrom,M=T.posOffset,L=Number(D);if(x===L)return;const H=t.getFocusDrawings();if(H.length===0)return;const R=H[0].drawingId,P=H[0].unitId;let K=null,V=0;const Y=(Q=i.getRenderById(P))==null?void 0:Q.with(B.DocSkeletonManagerService).getSkeleton(),ee=Y==null?void 0:Y.getSkeletonData();if(ee==null)return;const{pages:De,skeHeaders:ve,skeFooters:Oe}=ee;for(const ne of De){const{marginLeft:ue,skeDrawings:pe,headerId:Ie,footerId:we,pageWidth:he}=ne;if(pe.has(R)){K=pe.get(R),V=ue;break}const ie=(ge=ve.get(Ie))==null?void 0:ge.get(he);if(ie!=null&&ie.skeDrawings.has(R)){K=ie==null?void 0:ie.skeDrawings.get(R),V=ue;break}const re=(le=Oe.get(we))==null?void 0:le.get(he);if(re!=null&&re.skeDrawings.has(R)){K=re==null?void 0:re.skeDrawings.get(R),V=ue;break}}if(K==null)return;let te=0;x===o.ObjectRelativeFromH.COLUMN?te-=K.columnLeft:x===o.ObjectRelativeFromH.MARGIN&&(te-=V),L===o.ObjectRelativeFromH.COLUMN?te+=K.columnLeft:L===o.ObjectRelativeFromH.MARGIN?te+=V:o.ObjectRelativeFromH.PAGE;const Z={relativeFrom:L,posOffset:(M!=null?M:0)-te};w("positionH",Z)}function X(D){var pe,Ie,we,he,ie,re;const x=O.relativeFrom,M=O.posOffset,L=Number(D);if(x===L)return;const H=t.getFocusDrawings();if(H.length===0)return;const{drawingId:R,unitId:P}=H[0],K=s.getUniverDocInstance(P),V=(pe=i.getRenderById(P))==null?void 0:pe.with(B.DocSkeletonManagerService).getSkeleton(),Y=(Ie=i.getRenderById(P))==null?void 0:Ie.with(W.DocSelectionRenderService),ee=Y==null?void 0:Y.getSegment(),De=Y==null?void 0:Y.getSegmentPage(),ve=(he=(we=K==null?void 0:K.getSelfOrHeaderFooterModel(ee).getBody())==null?void 0:we.customBlocks)==null?void 0:he.find(Se=>Se.blockId===R);if(ve==null||V==null||Y==null)return;const{startIndex:Oe}=ve,te=V.findNodeByCharIndex(Oe,ee,De),Z=(ie=te==null?void 0:te.parent)==null?void 0:ie.parent,Q=Z==null?void 0:Z.parent,ge=Q==null?void 0:Q.lines.find(Se=>Se.paragraphIndex===(Z==null?void 0:Z.paragraphIndex)&&Se.paragraphStart),le=(re=Q==null?void 0:Q.parent)==null?void 0:re.parent;if(te==null||Z==null||ge==null||Q==null||le==null)return;let ne=0;x===o.ObjectRelativeFromV.PARAGRAPH?ne-=ge.top:x===o.ObjectRelativeFromV.LINE?ne-=Z.top:x===o.ObjectRelativeFromV.PAGE&&(ne+=le.marginTop),L===o.ObjectRelativeFromV.PARAGRAPH?ne+=ge.top:L===o.ObjectRelativeFromV.LINE?ne+=Z.top:L===o.ObjectRelativeFromV.PAGE&&(ne-=le.marginTop);const ue={relativeFrom:L,posOffset:(M!=null?M:0)-ne};w("positionV",ue)}function N(D){var P;const x=c==null?void 0:c.getSnapshot(),M=(P=x==null?void 0:x.drawings)==null?void 0:P[D.drawingId];if(M==null)return;const{layoutType:L}=M,{positionH:H,positionV:R}=M.docTransform;y(H),C(R),f(L===o.PositionedObjectLayoutType.INLINE),A(R.relativeFrom===o.ObjectRelativeFromV.PARAGRAPH||R.relativeFrom===o.ObjectRelativeFromV.LINE)}function z(){const D=t.getFocusDrawings();D.length!==0&&N(D[0])}function _(D){A(D),X(String(D?o.ObjectRelativeFromV.PARAGRAPH:o.ObjectRelativeFromV.PAGE))}return q.useEffect(()=>{z();const D=t.focus$.subscribe(M=>{if(M.length===0){E(!1);return}E(!0),N(M[0])}),x=e.onCommandExecuted(async M=>{M.id===B.RichTextEditingMutation.id&&z()});return()=>{D.unsubscribe(),x.dispose()}},[]),S.jsxs("div",{className:$.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!k}),children:[S.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-position.title")})}),S.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-position.horizontal")})}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-position.absolutePosition")}),S.jsx($.InputNumber,{min:at,max:ct,precision:1,disabled:I,value:T.posOffset,onChange:D=>{w("positionH",{relativeFrom:T.relativeFrom,posOffset:D})}})]}),S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-position.toTheRightOf")}),S.jsx($.Select,{value:String(T.relativeFrom),disabled:I,options:h,onChange:U})]})]}),S.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-position.vertical")})}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-position.absolutePosition")}),S.jsx($.InputNumber,{min:at,max:ct,precision:1,disabled:I,value:O.posOffset,onChange:D=>{w("positionV",{relativeFrom:O.relativeFrom,posOffset:D})}})]}),S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-position.bellow")}),S.jsx($.Select,{disabled:I,value:String(O.relativeFrom),options:v,onChange:X})]})]}),S.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-position.options")})}),S.jsx("div",{children:S.jsx($.Checkbox,{disabled:I,checked:b,onChange:_,children:n.t("image-position.moveObjectWithText")})})]})},Ae=0,Pe=100,kt=r=>{const e=F.useDependency(o.ICommandService),n=F.useDependency(o.LocaleService),t=F.useDependency(G.IDrawingManagerService),i=F.useDependency(j.IRenderManagerService),s=F.useDependency(o.IUniverInstanceService),{drawings:a}=r,d=a[0];if(d==null)return null;const{unitId:g}=d,c=s.getUniverDocInstance(g),l=i.getRenderById(g);if((l==null?void 0:l.scene)==null)return null;const[u,m]=q.useState(!0),[h,v]=q.useState(!0),[I,f]=q.useState(!0),[T,y]=q.useState(se.INLINE),[O,C]=q.useState(""),[b,A]=q.useState({distT:0,distL:0,distB:0,distR:0}),[k,E]=q.useState(!0);function w(_){y(_);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:x,subUnitId:M}=D[0],L=D.map(({unitId:H,subUnitId:R,drawingId:P})=>({unitId:H,subUnitId:R,drawingId:P}));e.executeCommand(ht.id,{unitId:x,subUnitId:M,drawings:L,wrappingStyle:_})}function U(_){C(_);const D=t.getFocusDrawings();if(D.length===0)return;const x=D.map(M=>({unitId:M.unitId,subUnitId:M.subUnitId,drawingId:M.drawingId}));e.executeCommand(ft.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:x,wrapText:_})}function X(_,D){if(_==null)return;const x={...b,[D]:_};A(x);const M=t.getFocusDrawings();if(M.length===0)return;const L=M.map(H=>({unitId:H.unitId,subUnitId:H.subUnitId,drawingId:H.drawingId}));e.executeCommand(mt.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:L,dist:{[D]:_}})}function N(){const _=t.getFocusDrawings();_.length!==0&&z(_[0])}function z(_){var Y,ee;const D=(ee=(Y=c==null?void 0:c.getSnapshot())==null?void 0:Y.drawings)==null?void 0:ee[_.drawingId];if(D==null)return;const{distT:x=0,distL:M=0,distB:L=0,distR:H=0,layoutType:R=o.PositionedObjectLayoutType.INLINE,behindDoc:P=o.BooleanNumber.FALSE,wrapText:K=o.WrapTextType.BOTH_SIDES}=D;if(A({distT:x,distL:M,distB:L,distR:H}),C(K),m(R!==o.PositionedObjectLayoutType.WRAP_SQUARE),R===o.PositionedObjectLayoutType.WRAP_NONE||R===o.PositionedObjectLayoutType.INLINE?v(!0):v(!1),R===o.PositionedObjectLayoutType.WRAP_NONE||R===o.PositionedObjectLayoutType.INLINE||R===o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?f(!0):f(!1),R===o.PositionedObjectLayoutType.WRAP_NONE)P===o.BooleanNumber.TRUE?y(se.BEHIND_TEXT):y(se.IN_FRONT_OF_TEXT);else switch(R){case o.PositionedObjectLayoutType.INLINE:y(se.INLINE);break;case o.PositionedObjectLayoutType.WRAP_SQUARE:y(se.WRAP_SQUARE);break;case o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(se.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${R}`)}}return q.useEffect(()=>{N();const _=t.focus$.subscribe(x=>{if(x.length===0){E(!1);return}E(!0),z(x[0])}),D=e.onCommandExecuted(async x=>{x.id===B.RichTextEditingMutation.id&&N()});return()=>{_.unsubscribe(),D.dispose()}},[]),S.jsxs("div",{className:$.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!k}),children:[S.jsx("header",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-text-wrap.title")})}),S.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})}),S.jsx("div",{children:S.jsxs($.RadioGroup,{value:T,onChange:w,direction:"vertical",children:[S.jsx($.Radio,{value:se.INLINE,children:n.t("image-text-wrap.inline")}),S.jsx($.Radio,{value:se.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),S.jsx($.Radio,{value:se.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),S.jsx($.Radio,{value:se.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),S.jsx($.Radio,{value:se.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})}),S.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-text-wrap.wrapText")})}),S.jsx("div",{children:S.jsxs($.RadioGroup,{disabled:u,value:O,onChange:U,direction:"horizontal",children:[S.jsx($.Radio,{value:o.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),S.jsx($.Radio,{value:o.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),S.jsx($.Radio,{value:o.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})}),S.jsx("div",{className:"univer-text-gray-600 dark:univer-text-gray-200",children:S.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-text-wrap.top")}),S.jsx($.InputNumber,{min:Ae,max:Pe,disabled:h,precision:1,value:b.distT,onChange:_=>{X(_,"distT")}})]}),S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-text-wrap.left")}),S.jsx($.InputNumber,{min:Ae,max:Pe,disabled:I,precision:1,value:b.distL,onChange:_=>{X(_,"distL")}})]})]}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-text-wrap.bottom")}),S.jsx($.InputNumber,{min:Ae,max:Pe,disabled:h,precision:1,value:b.distB,onChange:_=>{X(_,"distB")}})]}),S.jsxs("div",{children:[S.jsx("span",{children:n.t("image-text-wrap.right")}),S.jsx($.InputNumber,{min:Ae,max:Pe,disabled:I,precision:1,value:b.distR,onChange:_=>{X(_,"distR")}})]})]})]})},Wt=()=>{const r=F.useDependency(G.IDrawingManagerService),e=r.getFocusDrawings(),[n,t]=q.useState(e);return q.useEffect(()=>{const i=r.focus$.subscribe(s=>{t(s)});return()=>{i.unsubscribe()}},[]),!!(n!=null&&n.length)&&S.jsxs("div",{className:"univer-text-sm",children:[S.jsx(me.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),S.jsx(kt,{drawings:n}),S.jsx(Bt,{drawings:n})]})},_t="addition-and-subtraction-single",it="doc.menu.image",Dt=et.id,Ht=r=>{const e=r.get(B.DocSelectionManagerService),n=r.get(o.IUniverInstanceService);return new J.Observable(t=>{const i=e.textSelection$.subscribe(()=>{var a;const s=e.getActiveTextRange();if(s){const{segmentId:d,startOffset:g,endOffset:c}=s,l=n.getCurrentUniverDocInstance(),p=(a=l==null?void 0:l.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:a.tables;if(p&&p.length&&p.some(u=>{const{startIndex:m,endIndex:h}=u;return g>=m&&g<h||c>=m&&c<h})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>i.unsubscribe()})};function Vt(r){return{id:it,type:F.MenuItemType.SUBITEMS,icon:_t,tooltip:"docImage.title",disabled$:Ht(r),hidden$:F.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_DOC,void 0,o.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function Gt(r){return{id:Dt,title:"docImage.upload.float",type:F.MenuItemType.BUTTON,hidden$:F.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_DOC,void 0,o.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const $t={[F.RibbonStartGroup.LAYOUT]:{[it]:{order:0,menuItemFactory:Vt,[Dt]:{order:0,menuItemFactory:Gt}}}};function Ee(r){return r.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(o.FOCUSING_COMMON_DRAWINGS)}const Xt={id:ye.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:F.KeyCode.ARROW_DOWN,priority:100,preconditions:Ee,staticParameters:{direction:o.Direction.DOWN}},zt={id:ye.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:F.KeyCode.ARROW_UP,priority:100,preconditions:Ee,staticParameters:{direction:o.Direction.UP}},qt={id:ye.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:F.KeyCode.ARROW_LEFT,priority:100,preconditions:Ee,staticParameters:{direction:o.Direction.LEFT}},Kt={id:ye.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:F.KeyCode.ARROW_RIGHT,priority:100,preconditions:Ee,staticParameters:{direction:o.Direction.RIGHT}},Yt={id:Ye.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:Ee,binding:F.KeyCode.DELETE,mac:F.KeyCode.BACKSPACE};var Jt=Object.getOwnPropertyDescriptor,Zt=(r,e,n,t)=>{for(var i=t>1?void 0:t?Jt(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Ne=(r,e)=>(n,t)=>e(n,t,r);let Le=class extends o.Disposable{constructor(r,e,n,t){super(),this._componentManager=r,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const r=this._componentManager;this.disposeWithMe(r.register(_t,ut)),this.disposeWithMe(r.register(St,Wt))}_initMenus(){this._menuManagerService.mergeMenu($t)}_initCommands(){[et,Ve,ht,mt,ft,xe,vt,It,He,tt,wt,nt,Je,Qe,ye,Ye,Ze].forEach(r=>this.disposeWithMe(this._commandService.registerCommand(r)))}_initShortcuts(){[Xt,zt,qt,Kt,Yt].forEach(r=>{this.disposeWithMe(this._shortcutService.registerShortcut(r))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Le=Zt([Ne(0,o.Inject(F.ComponentManager)),Ne(1,F.IMenuManagerService),Ne(2,o.ICommandService),Ne(3,F.IShortcutService)],Le);var Qt=Object.getOwnPropertyDescriptor,en=(r,e,n,t)=>{for(var i=t>1?void 0:t?Qt(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},be=(r,e)=>(n,t)=>e(n,t,r);function tn(r){var t,i,s,a;if(o.JSONX.isNoop(r)||!Array.isArray(r))return null;const e=r.find(d=>Array.isArray(d)&&(d==null?void 0:d[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const d of e)Array.isArray(d)&&n.push({type:(t=d==null?void 0:d[1])!=null&&t.i?"add":"remove",drawingId:d==null?void 0:d[0],drawing:(i=d==null?void 0:d[1])==null?void 0:i.i});else n.push({type:(s=e[2])!=null&&s.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return n}function nn(r){if(!Array.isArray(r)||r.length<3||r[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<r.length;n++){const t=r[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let Fe=class extends o.Disposable{constructor(r,e,n,t,i){super(),this._univerInstanceService=r,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=i,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(r=>{if(r.id!==B.RichTextEditingMutation.id)return;const e=r.params,{unitId:n,actions:t}=e,i=tn(t);if(i!=null)for(const{type:s,drawingId:a,drawing:d}of i)s==="add"?this._addDrawings(n,[d]):this._removeDrawings(n,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==B.RichTextEditingMutation.id)return;const e=r.params,{unitId:n,actions:t}=e;nn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(r=>{var a;if(r.id!==o.UndoCommand.id&&r.id!==o.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),i=t==null?void 0:t.scene;if(i==null)return!1;i.getTransformerByCreate().refreshControls()}))}_addDrawings(r,e){const n=this._drawingManagerService,t=this._docDrawingService,i=this._docDrawingService.getBatchAddOp(e),{subUnitId:s,redo:a,objects:d}=i;n.applyJson1(r,s,a),t.applyJson1(r,s,a),n.addNotification(d),t.addNotification(d)}_removeDrawings(r,e){const n=this._drawingManagerService,t=this._docDrawingService,i=this._docDrawingService.getBatchRemoveOp(e.map(g=>({unitId:r,subUnitId:r,drawingId:g}))),{subUnitId:s,redo:a,objects:d}=i;n.applyJson1(r,s,a),t.applyJson1(r,s,a),n.removeNotification(d),t.removeNotification(d)}_updateDrawingsOrder(r){const e=this._univerInstanceService.getUniverDocInstance(r);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,i=this._docDrawingService;t.setDrawingOrder(r,r,n),i.setDrawingOrder(r,r,n);const s={unitId:r,subUnitId:r,drawingIds:n};t.orderNotification(s),i.orderNotification(s)}};Fe=en([be(0,o.IUniverInstanceService),be(1,o.ICommandService),be(2,G.IDrawingManagerService),be(3,fe.IDocDrawingService),be(4,j.IRenderManagerService)],Fe);var rn=Object.getOwnPropertyDescriptor,on=(r,e,n,t)=>{for(var i=t>1?void 0:t?rn(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Te=(r,e)=>(n,t)=>e(n,t,r);function Tt(r,e,n=1,t=0){const{top:i,left:s,bottom:a,right:d}=r,g=d-s,c=a-i,l=e.getViewport(W.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:p,viewportScrollY:u}=l,{scaleX:m,scaleY:h}=e.getAncestorScale();return{startX:(s-p)*m,startY:(i-u)*h,endX:(s+g-p)*m,endY:(i+c-u)*h,width:g*m,height:c*h,rotate:t,absolute:{left:!1,top:!1},opacity:n!=null?n:1}}function ze(r,e){const{top:n,left:t,width:i,height:s,angle:a,opacity:d}=r;return Tt({top:n,left:t,bottom:n+s,right:t+i},e.scene,d,a)}exports.DocFloatDomController=class extends o.Disposable{constructor(n,t,i,s,a,d){super();de(this,"_domLayerInfoMap",new Map);this._renderManagerService=n,this._drawingManagerService=t,this._drawingRenderService=i,this._canvasFloatDomService=s,this._univerInstanceService=a,this._commandService=d,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(n){if(n==null)return;const t=this._renderManagerService.getRenderById(n);if(t==null)return null;const i=t.scene,s=i.getTransformerByCreate();return{scene:i,transformer:s,renderUnit:t,canvas:t.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(n=>{this._insertRects(n)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(n=>{n.forEach(t=>{this._removeDom(t.drawingId)})}))}_insertRects(n){n.forEach(async t=>{const{unitId:i}=t;if(!this._univerInstanceService.getUnit(i,o.UniverInstanceType.UNIVER_DOC))return;const a=this._getSceneAndTransformerByDrawingSearch(i);if(a==null)return;const d=this._drawingManagerService.getDrawingByParam(t);if(d==null)return;const g=await this._drawingRenderService.renderFloatDom(d,a.scene);if(!(g==null||g.length===0))for(const c of g){this._addHoverForRect(c);const l=new o.DisposableCollection,p=ze(c,a.renderUnit),u=new J.BehaviorSubject(p),m=a.canvas,h=d.data,v={dispose:l,rect:c,position$:u,unitId:i};this._canvasFloatDomService.addFloatDom({position$:u,id:d.drawingId,componentKey:d.componentKey,onPointerDown:f=>{m.dispatchEvent(new PointerEvent(f.type,f))},onPointerMove:f=>{m.dispatchEvent(new PointerEvent(f.type,f))},onPointerUp:f=>{m.dispatchEvent(new PointerEvent(f.type,f))},onWheel:f=>{m.dispatchEvent(new WheelEvent(f.type,f))},data:h,unitId:i});const I=c.onTransformChange$.subscribeEvent(()=>{const f=ze(c,a.renderUnit);u.next(f)});l.add(()=>{this._canvasFloatDomService.removeFloatDom(d.drawingId)}),I&&l.add(I),this._domLayerInfoMap.set(d.drawingId,v)}})}_addHoverForRect(n){this.disposeWithMe(o.toDisposable(n.onPointerEnter$.subscribeEvent(()=>{n.cursor=j.CURSOR_TYPE.GRAB}))),this.disposeWithMe(o.toDisposable(n.onPointerLeave$.subscribeEvent(()=>{n.cursor=j.CURSOR_TYPE.DEFAULT})))}_removeDom(n){const t=this._domLayerInfoMap.get(n);if(!t)return;const{unitId:i}=t;this._domLayerInfoMap.delete(n),t.dispose.dispose();const s=this._getSceneAndTransformerByDrawingSearch(i);s&&s.scene.removeObject(t.rect)}_initScrollAndZoomEvent(){const n=t=>{const i=this._getSceneAndTransformerByDrawingSearch(t);i&&this._domLayerInfoMap.forEach(s=>{if(s.unitId!==t)return;const a=ze(s.rect,i.renderUnit);s.position$.next(a)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC).pipe(J.map(t=>{if(!t)return null;const i=t.getUnitId(),s=this._renderManagerService.getRenderById(i);return s?{render:s,unitId:i}:null}),J.switchMap(t=>t?o.fromEventSubject(t.render.scene.getViewport(W.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(J.map(()=>({unitId:t.unitId}))):J.of(null))).subscribe(t=>{if(!t)return;const{unitId:i}=t;n(i)})),this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===W.SetDocZoomRatioOperation.id){const i=t.params,{unitId:s}=i;n(s)}}))}insertFloatDom(n,t){var I,f,T;const i=this._univerInstanceService.getCurrentUnitOfType(o.UniverInstanceType.UNIVER_DOC);if(!i)return!1;const s=this._getSceneAndTransformerByDrawingSearch(i.getUnitId());if(!s)return!1;const g=(I=s.renderUnit.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:I.pages[0];if(!g)return!1;const{pageWidth:c,marginLeft:l,marginRight:p}=g,u=c-l-p,m={size:{width:(f=t.width)!=null?f:u,height:t.height},positionH:{relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:o.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},h=(T=t.drawingId)!=null?T:o.generateRandomId(),v={unitId:i.getUnitId(),drawings:[{drawingId:h,drawingType:o.DrawingTypeEnum.DRAWING_DOM,subUnitId:i.getUnitId(),unitId:i.getUnitId(),...n,title:"",description:"",docTransform:m,layoutType:o.PositionedObjectLayoutType.INLINE,transform:W.docDrawingPositionToTransform(m)}]};return this._commandService.syncExecuteCommand(Ve.id,v),h}};exports.DocFloatDomController=on([Te(0,j.IRenderManagerService),Te(1,G.IDrawingManagerService),Te(2,o.Inject(me.DrawingRenderService)),Te(3,o.Inject(F.CanvasFloatDomService)),Te(4,o.IUniverInstanceService),Te(5,o.ICommandService)],exports.DocFloatDomController);const sn=r=>{const{floatDomInfos:e,scene:n,offset:t,bound:i}=r,s=i.right-i.left,a=i.bottom-i.top,d=q.useMemo(()=>e.map(g=>{const{width:c=0,height:l=0,left:p=0,top:u=0}=g.transform,h=Tt({left:p,right:p+c,top:u,bottom:u+l},n),v={position$:new J.BehaviorSubject(h),position:h,id:g.drawingId,componentKey:g.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:g.unitId,data:g.data};return[g.drawingId,v]}).filter(([g,c])=>!(c.position.endX<0||c.position.endY<0||c.position.startX>s||c.position.startY>a)),[e,n,t,s,a]);return S.jsx("div",{style:{position:"absolute",top:0,left:0},children:d.map(([g,c])=>S.jsx(F.PrintFloatDomSingle,{layer:c,id:g,position:c.position},g))})};var an=Object.getOwnPropertyDescriptor,cn=(r,e,n,t)=>{for(var i=t>1?void 0:t?an(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Re=(r,e)=>(n,t)=>e(n,t,r);let Be=class extends o.Disposable{constructor(r,e,n,t,i){super(),this._docPrintInterceptorService=r,this._drawingRenderService=e,this._drawingManagerService=n,this._componetManager=t,this._injector=i,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(r,e,n)=>{const{unitId:t,scene:i}=e,s=this._drawingManagerService.getDrawingDataForUnit(t),a=s==null?void 0:s[t];return a&&a.order.forEach(d=>{const g=a.data[d];g.drawingType!==o.DrawingTypeEnum.DRAWING_CHART&&g.drawingType!==o.DrawingTypeEnum.DRAWING_DOM&&this._drawingRenderService.renderDrawing(g,i)}),n()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(r,e,n)=>{const{unitId:t}=e,i=this._drawingManagerService.getDrawingDataForUnit(t),s=i==null?void 0:i[t];if(s){const a=s.order.map(g=>{const c=s.data[g];if(c.drawingType===o.DrawingTypeEnum.DRAWING_CHART)return{...c,componentKey:this._componetManager.get(o.DOC_DRAWING_PRINTING_COMPONENT_KEY)};if(c.drawingType===o.DrawingTypeEnum.DRAWING_DOM){const l=this._docPrintInterceptorService.getPrintComponent(c.componentKey);return{...c,componentKey:this._componetManager.get(l||c.componentKey)}}return null}).filter(Boolean),d=F.connectInjector(sn,this._injector);return $.render(S.jsx(d,{unitId:t,floatDomInfos:a,scene:e.scene,skeleton:e.skeleton,offset:e.offset,bound:e.bound}),e.root),r==null||r.add(()=>{$.unmount(e.root)}),n(r)}}}))}};Be=cn([Re(0,o.Inject(W.DocPrintInterceptorService)),Re(1,o.Inject(me.DrawingRenderService)),Re(2,G.IDrawingManagerService),Re(3,o.Inject(F.ComponentManager)),Re(4,o.Inject(o.Injector))],Be);var dn=Object.getOwnPropertyDescriptor,gn=(r,e,n,t)=>{for(var i=t>1?void 0:t?dn(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},je=(r,e)=>(n,t)=>e(n,t,r);const ln="__InlineDrawingAnchor__";function dt(r){const{path:e}=r;return e.some(n=>n==="cells")}let ke=class extends o.Disposable{constructor(e,n,t,i){super();de(this,"_liquid",new j.Liquid);de(this,"_listenerOnImageMap",new Set);de(this,"_transformerCache",new Map);de(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=i,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var i;const n=(i=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:i.transformer;if(n==null)return;this.disposeWithMe(o.toDisposable(n.changeStart$.subscribe(s=>{var d;this._transformerCache.clear();const{objects:a}=s;for(const g of a.values()){const{oKey:c,width:l,height:p,left:u,top:m,angle:h}=g,v=this._drawingManagerService.getDrawingOKey(c);if(v==null)continue;const I=this._univerInstanceService.getUniverDocInstance(v.unitId),f=(d=I==null?void 0:I.getSnapshot().drawings)==null?void 0:d[v.drawingId];if((f==null?void 0:f.layoutType)===o.PositionedObjectLayoutType.INLINE)try{g.setOpacity(.2)}catch{}f!=null&&this._transformerCache.set(v.drawingId,{drawing:f,top:m,left:u,width:l,height:p,angle:h})}})));const t=o.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);o.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(o.toDisposable(n.changing$.subscribe(s=>{const{objects:a,offsetX:d,offsetY:g}=s;if(a.size>1)t(a);else if(a.size===1){const c=this._transformerCache.values().next().value,l=a.values().next().value,{width:p,height:u,top:m,left:h,angle:v}=l;if(c&&p===c.width&&u===c.height&&m===c.top&&h===c.left&&v===c.angle)return;c&&(c.drawing.layoutType,o.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===o.PositionedObjectLayoutType.INLINE&&d!=null&&g!=null&&this._updateInlineDrawingAnchor(c.drawing,d,g)}}))),this.disposeWithMe(o.toDisposable(n.changeEnd$.subscribe(s=>{const{objects:a,offsetX:d,offsetY:g}=s;for(const c of a.values()){const l=this._drawingManagerService.getDrawingOKey(c.oKey);if(l==null)continue;const p=this._transformerCache.get(l==null?void 0:l.drawingId);if((p==null?void 0:p.drawing.layoutType)===o.PositionedObjectLayoutType.INLINE)try{c.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const c=this._transformerCache.values().next().value,l=a.values().next().value,{width:p,height:u,top:m,left:h,angle:v}=l;if(c&&p===c.width&&u===c.height&&m===c.top&&h===c.left&&v===c.angle)return;c&&c.drawing.layoutType===o.PositionedObjectLayoutType.INLINE?p!==c.width||u!==c.height||v!==c.angle?this._updateDrawingSize(c,l):d!=null&&g!=null&&this._moveInlineDrawing(c.drawing,d,g):c&&this._nonInlineDrawingTransform(c.drawing,l)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,i;for(const s of e.values()){const{oKey:a,left:d,top:g,angle:c}=s;let{width:l,height:p}=s;const u=this._drawingManagerService.getDrawingOKey(a);if(u==null)continue;t==null&&(t=u.unitId),i==null&&(i=u.subUnitId);const m=this._transformerCache.get(u.drawingId);if(m==null)continue;const{drawing:h,top:v,left:I,width:f,height:T,angle:y}=m,{width:O,height:C}=this._getPageContentSize(h);if(l=Math.min(l,O),p=Math.min(p,C),(f!==l||T!==p)&&n.push({drawingId:u.drawingId,key:"size",value:{width:l,height:p}}),y!==c&&n.push({drawingId:u.drawingId,key:"angle",value:c}),v!==g||I!==d){const b=g-v,A=d-I;b!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+b}}),A!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:h.docTransform.positionH.relativeFrom,posOffset:h.docTransform.positionH.posOffset+A}})}}n.length>0&&t&&i&&this._commandService.executeCommand(xe.id,{unitId:t,subUnitId:i,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var s;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:i}=(s=this._getInlineDrawingAnchor(e,n,t))!=null?s:{};i!=null&&this._createOrUpdateInlineAnchor(e.unitId,i)}_getInlineDrawingAnchor(e,n,t){var N,z;const i=this._renderManagerService.getRenderById(e.unitId),s=i==null?void 0:i.with(B.DocSkeletonManagerService).getSkeleton();if(i==null)return;const{mainComponent:a,scene:d}=i,g=a,c=d.getViewports()[0],{pageLayoutType:l=j.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:u}=g.getOffsetConfig();let m=null,h=!1,v=-1,I="";const f=.5,T=this._getTransformCoordForDocumentOffset(g,c,n,t);if(T==null)return;const y=(N=this._renderManagerService.getRenderById(e.unitId))==null?void 0:N.with(W.DocSelectionRenderService);if(y==null)return;const O=s==null?void 0:s.findNodeByCoord(T,l,p,u,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:_,ratioX:D,segmentPage:x,segmentId:M}=O;h=D<f,m=_,v=x,I=M}if(m==null)return;const C=s==null?void 0:s.findPositionByGlyph(m,v),b=this._getDocObject();if(C==null||s==null||b==null||dt(C))return;const A={...C,isBack:h},k=b.document.getOffsetConfig(),E=new W.NodePositionConvertToCursor(k,s),{cursorList:w,contentBoxPointGroup:U}=E.getRangePointData(A,A),{startOffset:X}=(z=W.getOneTextSelectionRange(w))!=null?z:{};if(X!=null)return{offset:X,contentBoxPointGroup:U,segmentId:I,segmentPage:v}}_getDrawingAnchor(e,n){var ge,le,ne,ue,pe,Ie,we,he,ie,re,Se;const t=this._renderManagerService.getRenderById(e.unitId),i=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),s=i==null?void 0:i.getSkeletonData();if(s==null||t==null)return;const{pages:a,skeHeaders:d,skeFooters:g}=s,{mainComponent:c,scene:l}=t,p=c,u=l.getViewports()[0],{pageLayoutType:m=j.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:v,docsLeft:I,docsTop:f}=p.getOffsetConfig(),{left:T,top:y,angle:O}=n;let{width:C,height:b}=n;const{positionV:A,positionH:k}=e.docTransform,{width:E,height:w}=this._getPageContentSize(e);C=Math.min(C,E),b=Math.min(b,w);let U=null,X="",N=-1;const z=!1,_={...e.docTransform,size:{width:C,height:b},angle:O},{x:D,y:x}=l.getViewportScrollXY(u),M=this._getTransformCoordForDocumentOffset(p,u,T-D,y-x);if(M==null)return;const L=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(W.DocSelectionRenderService);if(L==null)return;const H=i==null?void 0:i.findNodeByCoord(M,m,h,v,{strict:!1,segmentId:L.getSegment(),segmentPage:L.getSegmentPage()});if(H){const{node:ce,segmentPage:$e,segmentId:Xe}=H;U=ce,N=$e,X=Xe}if(U==null)return;const R=(le=U.parent)==null?void 0:le.parent,P=R==null?void 0:R.parent,K=(ne=P==null?void 0:P.lines.find(ce=>ce.paragraphIndex===(R==null?void 0:R.paragraphIndex)&&ce.paragraphStart))!=null?ne:P==null?void 0:P.lines[0],V=(ue=P==null?void 0:P.parent)==null?void 0:ue.parent;if(R==null||P==null||K==null||V==null)return;this._liquid.reset();const Y=V.type;for(const ce of a){const{headerId:$e,footerId:Xe,pageHeight:Ot,pageWidth:rt,marginLeft:ot,marginBottom:Mt}=ce,bt=a.indexOf(ce);if(N>-1&&bt===N){switch(Y){case j.DocumentSkeletonPageType.HEADER:{const Me=(pe=d.get($e))==null?void 0:pe.get(rt);if(Me)this._liquid.translatePagePadding({marginTop:Me.marginTop,marginLeft:ot});else throw new Error("header skeleton not found");break}case j.DocumentSkeletonPageType.FOOTER:{const Me=(Ie=g.get(Xe))==null?void 0:Ie.get(rt);if(Me)this._liquid.translatePagePadding({marginTop:Ot-Mt+Me.marginTop,marginLeft:ot});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ce),ce===V)break;this._liquid.restorePagePadding(ce),this._liquid.translatePage(ce,m,h,v)}switch(A.relativeFrom===o.ObjectRelativeFromV.LINE?U=R.divides[0].glyphGroup[0]:U=(re=(ie=(he=(we=K.divides)==null?void 0:we[0])==null?void 0:he.glyphGroup)==null?void 0:ie[0])!=null?re:U,_.positionH={relativeFrom:k.relativeFrom,posOffset:T-this._liquid.x-I},k.relativeFrom){case o.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=T-this._liquid.x-I-V.marginLeft;break}case o.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=T-this._liquid.x-I-P.left;break}}switch(_.positionV={relativeFrom:A.relativeFrom,posOffset:y-this._liquid.y-f},A.relativeFrom){case o.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=y-this._liquid.y-f-V.marginTop;break}case o.ObjectRelativeFromV.LINE:{_.positionV.posOffset=y-this._liquid.y-f-R.top;break}case o.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=y-this._liquid.y-f-K.top;break}}if(U==null)return;const ee=i==null?void 0:i.findPositionByGlyph(U,N),De=this._getDocObject();if(ee==null||i==null||De==null||dt(ee))return;const ve={...ee,isBack:z},Oe=De.document.getOffsetConfig(),te=new W.NodePositionConvertToCursor(Oe,i),{cursorList:Z}=te.getRangePointData(ve,ve),{startOffset:Q}=(Se=W.getOneTextSelectionRange(Z))!=null?Se:{};if(Q!=null)return{offset:Q,docTransform:_,segmentId:X,segmentPage:N}}_updateDrawingSize(e,n){const t=[],{drawing:i,width:s,height:a,angle:d}=e,{unitId:g,subUnitId:c}=i;let{width:l,height:p,angle:u}=n;const{width:m,height:h}=this._getPageContentSize(i);l=Math.min(m,l),p=Math.min(h,p),(l!==s||p!==a)&&t.push({drawingId:i.drawingId,key:"size",value:{width:l,height:p}}),u!==d&&t.push({drawingId:i.drawingId,key:"angle",value:u}),t.length>0&&g&&c&&this._commandService.executeCommand(xe.id,{unitId:g,subUnitId:c,drawings:t})}_moveInlineDrawing(e,n,t){const i=this._getInlineDrawingAnchor(e,n,t),{offset:s,segmentId:a,segmentPage:d}=i!=null?i:{};return this._commandService.executeCommand(vt.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,segmentId:a,segmentPage:d,needRefreshDrawings:s==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:i,top:s,width:a,height:d,angle:g}=n,c=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),l=c==null?void 0:c.getSkeletonData(),{pages:p}=l!=null?l:{};if(l==null||t==null||p==null)return{left:i,top:s,width:a,height:d,angle:g};const{mainComponent:u}=t,m=u,{top:h,pageLayoutType:v,pageMarginLeft:I,pageMarginTop:f}=m;let T=s;this._liquid.reset();for(const y of p){const{marginBottom:O,pageHeight:C}=y,b=p.indexOf(y),A=p[b+1];if(A==null)continue;if(o.Tools.hasIntersectionBetweenTwoRanges(s,s+d,this._liquid.y+h+C-O,this._liquid.y+h+C+f+A.marginTop)){const E=s+d/2,w=this._liquid.y+h+C+f/2;E<w?T=Math.min(s,this._liquid.y+h+C-O-d):T=Math.max(s,this._liquid.y+h+C+f+A.marginTop)}this._liquid.translatePage(y,v,I,f)}return{left:i,top:T,width:a,height:d,angle:g}}_nonInlineDrawingTransform(e,n,t=!1){const i=e.isMultiTransform===o.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&i.top!==n.top)return;const s=this._getDrawingAnchor(e,i),{offset:a,docTransform:d,segmentId:g,segmentPage:c}=s!=null?s:{};return a==null||d==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(It.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:d,segmentId:g,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const i=t.getTransformerByCreate();return{scene:t,transformer:i}}_getTransformCoordForDocumentOffset(e,n,t,i){const{documentTransform:s}=e.getOffsetConfig(),a=n.transformVector2SceneCoord(j.Vector2.FromArray([t,i]));if(a)return s.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:i,scene:s}=t,a=i,{docsLeft:d,docsTop:g}=a.getOffsetConfig(),c=W.getAnchorBounding(n),{left:l,top:p,height:u}=c,m=l+d,h=p+g;if(this._anchorShape){this._anchorShape.transformByState({left:m,top:h,height:u}),this._anchorShape.show();return}const v=6,I=new j.Rect(ln+o.Tools.generateRandomId(v),{left:m,top:h,height:u,strokeWidth:2,stroke:j.getColor(o.COLORS.darkGray,1),evented:!1});this._anchorShape=I,s.addObject(I,W.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return W.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(B.DocSkeletonManagerService).getSkeleton(),i=500,s=500,a=t==null?void 0:t.getSkeletonData();if(a==null||n==null)return{width:i,height:s};const{pages:d}=a;let g=null;for(const c of d){const{skeDrawings:l}=c;if(l.has(e.drawingId)){g=c;break}}if(g){const{pageWidth:c,pageHeight:l,marginLeft:p,marginBottom:u,marginRight:m,marginTop:h}=g;return{width:Math.max(i,c-p-m),height:Math.max(s,l-h-u)}}else return{width:i,height:s}}};ke=gn([je(0,o.ICommandService),je(1,o.IUniverInstanceService),je(2,G.IDrawingManagerService),je(3,j.IRenderManagerService)],ke);var un=Object.getOwnPropertyDescriptor,pn=(r,e,n,t)=>{for(var i=t>1?void 0:t?un(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Ce=(r,e)=>(n,t)=>e(n,t,r);let We=class extends o.RxDisposable{constructor(e,n,t,i,s){super();de(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=i,this._contextService=s,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC).pipe(J.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(o.UniverInstanceType.UNIVER_DOC).pipe(J.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(o.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof me.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var s;const n=(s=this._renderManagerService.getRenderById(e))==null?void 0:s.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const i=[];this.disposeWithMe(o.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const a=t.getSelectedObjectMap();if(i.forEach(f=>f.dispose()),i.length=0,a.size>1)return;const d=a.values().next().value;if(!d)return;const g=d.oKey,c=this._drawingManagerService.getDrawingOKey(g);if(!c||c.drawingType===o.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:l,subUnitId:p,drawingId:u,drawingType:m}=c,h=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:me.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(l,p,u,m)}},l);i.push(this.disposeWithMe(h)),!this._drawingManagerService.getFocusDrawings().find(f=>f.unitId===l&&f.subUnitId===p&&f.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:l,subUnitId:p,drawingId:u}])}))),this.disposeWithMe(o.toDisposable(t.clearControl$.subscribe(()=>{i.forEach(a=>a.dispose()),i.length=0,this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(o.toDisposable(t.changing$.subscribe(()=>{i.forEach(a=>a.dispose()),i.length=0}))),this.disposeWithMe(o.toDisposable(t.changeStart$.subscribe(()=>{i.forEach(a=>a.dispose()),i.length=0})))}_getImageMenuItems(e,n,t,i){return[{label:"image-popup.edit",index:0,commandId:nt.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.delete",index:1,commandId:He.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:me.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:me.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};We=pn([Ce(0,G.IDrawingManagerService),Ce(1,o.Inject(W.DocCanvasPopManagerService)),Ce(2,j.IRenderManagerService),Ce(3,o.IUniverInstanceService),Ce(4,o.IContextService)],We);var hn=Object.getOwnPropertyDescriptor,mn=(r,e,n,t)=>{for(var i=t>1?void 0:t?hn(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},_e=(r,e)=>(n,t)=>e(n,t,r);let Ke=class extends o.Disposable{constructor(e,n,t,i,s,a,d,g){super();de(this,"_liquid",new j.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=i,this._drawingManagerService=s,this._docRefreshDrawingsService=a,this._univerInstanceService=d,this._lifecycleService=g,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[B.RichTextEditingMutation.id,W.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:i}=t,{unitId:s,mainComponent:a}=this._context;if(i!==s)return;const d=this._docSkeletonManagerService.getSkeleton();if(d==null)return;if(this._editorService.isEditor(s)&&s!==o.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(d)}}))}_initResize(){this.disposeWithMe(o.fromEventSubject(this._context.engine.onTransformChange$).pipe(J.filter(e=>e.type===j.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),J.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var T,y;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:i}=this._context,s=t;if(!n)return;const{left:a,top:d,pageLayoutType:g,pageMarginLeft:c,pageMarginTop:l}=s,{pages:p,skeHeaders:u,skeFooters:m}=n,h={};this._liquid.reset();for(let O=0,C=p.length;O<C;O++){const b=p[O],{headerId:A,footerId:k,pageWidth:E}=b;if(A){const w=(T=u.get(A))==null?void 0:T.get(E);w&&this._calculateDrawingPosition(i,w,a,d,h,w.marginTop,b.marginLeft)}if(k){const w=(y=m.get(k))==null?void 0:y.get(E);w&&this._calculateDrawingPosition(i,w,a,d,h,b.pageHeight-b.marginBottom+w.marginTop,b.marginLeft)}this._calculateDrawingPosition(i,b,a,d,h,b.marginTop,b.marginLeft),this._liquid.translatePage(b,g,c,l)}const v=Object.values(h),I=v.filter(O=>!O.isMultiTransform),f=v.filter(O=>O.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(f)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,i=n.getTransformerByCreate();e.forEach(g=>{const c=this._drawingManagerService.getDrawingByParam(g);c!=null&&(c.transform=g.transform,c.transforms=g.transforms,c.isMultiTransform=g.isMultiTransform)});const a=[...i.getSelectedObjectMap().keys()],d=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(g=>g.isMultiTransform===o.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(d),e.length>0&&this._drawingManagerService.addNotification(e);for(const g of a){const c=n.getObject(g);c&&i.setSelectedControl(c)}}_calculateDrawingPosition(e,n,t,i,s,a,d){const{skeDrawings:g}=n;this._liquid.translatePagePadding({marginTop:a,marginLeft:d}),g.forEach(c=>{const{aLeft:l,aTop:p,height:u,width:m,angle:h,drawingId:v,drawingOrigin:I}=c,f=I.layoutType===o.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===o.BooleanNumber.TRUE,{isMultiTransform:T=o.BooleanNumber.FALSE}=I,y={left:l+t+this._liquid.x,top:p+i+this._liquid.y,width:m,height:u,angle:h};s[v]==null?s[v]={unitId:e,subUnitId:e,drawingId:v,behindText:f,transform:y,transforms:[y],isMultiTransform:T}:T===o.BooleanNumber.TRUE&&s[v].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:d})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=o.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this._lifecycleService.lifecycle$.pipe(J.filter(n=>n===o.LifecycleStages.Rendered)).subscribe(e)}};Ke=mn([_e(1,o.Inject(B.DocSkeletonManagerService)),_e(2,o.ICommandService),_e(3,W.IEditorService),_e(4,G.IDrawingManagerService),_e(5,o.Inject(Ge)),_e(6,o.IUniverInstanceService),_e(7,o.Inject(o.LifecycleService))],Ke);var fn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,In=(r,e,n)=>e in r?fn(r,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[e]=n,wn=(r,e,n,t)=>{for(var i=t>1?void 0:t?vn(e,n):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},qe=(r,e)=>(n,t)=>e(n,t,r),yt=(r,e,n)=>In(r,typeof e!="symbol"?e+"":e,n);const Sn="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends o.Plugin{constructor(e=st,n,t,i){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=i;const{...s}=o.merge({},st,this._config);this._configService.setConfig(xt,s)}onStarting(){[[Le],[We],[ke],[Fe],[Ge],[exports.DocFloatDomController],[Be]].forEach(n=>this._injector.add(n))}onReady(){[[Ue],[Ke]].forEach(e=>this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Fe),this._injector.get(Le),this._injector.get(ke),this._injector.get(Be)}onRendered(){this._injector.get(We),this._injector.get(exports.DocFloatDomController)}};yt(exports.UniverDocsDrawingUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC);yt(exports.UniverDocsDrawingUIPlugin,"pluginName",Sn);exports.UniverDocsDrawingUIPlugin=wn([o.DependentOn(me.UniverDrawingUIPlugin,G.UniverDrawingPlugin,fe.UniverDocsDrawingPlugin,F.UniverUIPlugin),qe(1,o.Inject(o.Injector)),qe(2,j.IRenderManagerService),qe(3,o.IConfigService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=wt;exports.DOCS_IMAGE_MENU_ID=it;exports.DeleteDocDrawingsCommand=Ye;exports.EditDocDrawingOperation=nt;exports.GroupDocDrawingCommand=Je;exports.InsertDocDrawingCommand=Ve;exports.InsertDocImageCommand=et;exports.MoveDocDrawingsCommand=ye;exports.RemoveDocDrawingCommand=He;exports.SetDocDrawingArrangeCommand=Ze;exports.SidebarDocDrawingOperation=tt;exports.UngroupDocDrawingCommand=Qe;
|
|
1
|
+
"use strict";var Tt=Object.defineProperty;var yt=(o,e,t)=>e in o?Tt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var ce=(o,e,t)=>yt(o,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@univerjs/core"),he=require("@univerjs/docs-drawing"),V=require("@univerjs/drawing"),me=require("@univerjs/drawing-ui"),j=require("@univerjs/engine-render"),L=require("@univerjs/ui"),B=require("@univerjs/docs"),W=require("@univerjs/docs-ui"),X=require("@univerjs/design"),J=require("rxjs"),S=require("react/jsx-runtime"),K=require("react"),Ot="docs-drawing-ui.config",ot={},We={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var C,b,A,k;const t=o.get(i.ICommandService),n=o.get(i.IUniverInstanceService),r=o.get(j.IRenderManagerService),s=n.getCurrentUniverDocInstance();if(e==null||s==null)return!1;const a=r.getRenderById(e.unitId).with(W.DocSelectionRenderService),{drawings:d}=e,g=(C=a.getSegment())!=null?C:"",c=new i.TextX,l=i.JSONX.getInstance(),p=(A=(b=s.getSelfOrHeaderFooterModel(g).getBody())==null?void 0:b.customBlocks)!=null?A:[],u=d.map(E=>p.find(w=>w.blockId===E.drawingId)).filter(E=>!!E).sort((E,w)=>E.startIndex>w.startIndex?1:-1),h=d[0].unitId,m=new i.MemoryCursor;m.reset();const v=u[0].startIndex,I=[{startOffset:v,endOffset:v}],f={id:B.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:I}},T=[];for(const E of u){const{startIndex:w}=E;w>m.cursor&&c.push({t:i.TextXActionType.RETAIN,len:w-m.cursor}),c.push({t:i.TextXActionType.DELETE,len:1}),m.moveCursorTo(w+1)}const y=W.getRichTextEditPath(s,g);T.push(l.editOp(c.serialize(),y));for(const E of u){const{blockId:w}=E,U=((k=s.getDrawings())!=null?k:{})[w],N=s.getDrawingsOrder().indexOf(w),z=l.removeOp(["drawings",w],U),_=l.removeOp(["drawingsOrder",N],w);T.push(z),T.push(_)}return f.params.actions=T.reduce((E,w)=>i.JSONX.compose(E,w),null),!!t.syncExecuteCommand(f.id,f.params)}},Ke={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:o=>{const e=o.get(i.ICommandService),n=o.get(he.IDocDrawingService).getFocusDrawings();if(n.length===0)return!1;const{unitId:r}=n[0],s=n.map(a=>{const{unitId:d,subUnitId:g,drawingId:c,drawingType:l}=a;return{unitId:d,subUnitId:g,drawingId:c,drawingType:l}});return e.executeCommand(We.id,{unitId:r,drawings:s})}},Ye={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.get(he.IDocDrawingService);if(!e)return!1;const n=[];e.forEach(({parent:l,children:p})=>{n.push(l.unitId),p.forEach(u=>{n.push(u.unitId)})});const r=t.getGroupDrawingOp(e),{unitId:s,subUnitId:a,undo:d,redo:g,objects:c}=r;return!1}},He={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var b,A,k,E;if(e==null)return!1;const t=o.get(i.ICommandService),n=o.get(B.DocSelectionManagerService),r=o.get(i.IUniverInstanceService),s=n.getActiveTextRange(),a=r.getCurrentUniverDocInstance();if(s==null||a==null)return!1;const d=a.getUnitId(),{drawings:g}=e,{collapsed:c,startOffset:l,segmentId:p}=s,u=a.getSelfOrHeaderFooterModel(p).getBody();if(u==null)return!1;const h=new i.TextX,m=i.JSONX.getInstance(),v=[],I=(A=(b=a.getSnapshot().drawingsOrder)==null?void 0:b.length)!=null?A:0;let f=0;if(c)l>0&&h.push({t:i.TextXActionType.RETAIN,len:l});else{const w=i.BuildTextUtils.selection.delete([s],u,0,null,!1);h.push(...w);const U=W.getCustomBlockIdsInSelections(u,[s]),$=(k=a.getDrawings())!=null?k:{},N=(E=a.getDrawingsOrder())!=null?E:[],z=U.sort((_,D)=>N.indexOf(_)>N.indexOf(D)?-1:N.indexOf(_)<N.indexOf(D)?1:0);if(z.length>0)for(const _ of z){const D=$[_],x=N.indexOf(_);if(D==null||x<0)continue;const M=m.removeOp(["drawings",_],D),F=m.removeOp(["drawingsOrder",x],_);v.push(M),v.push(F),f++}}h.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(g.length),customBlocks:g.map((w,U)=>({startIndex:U,blockId:w.drawingId}))},len:g.length});const T=W.getRichTextEditPath(a,p),y=m.editOp(h.serialize(),T);v.push(y);for(const w of g){const{drawingId:U}=w,$=m.insertOp(["drawings",U],w),N=m.insertOp(["drawingsOrder",I-f],U);v.push($),v.push(N)}const O={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:[]}};return O.params.actions=v.reduce((w,U)=>i.JSONX.compose(w,U),null),!!t.syncExecuteCommand(O.id,O.params)}},Je={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(o,e)=>{const t=o.get(i.ICommandService),n=o.get(he.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:s,drawingIds:a,arrangeType:d}=e,g={unitId:r,subUnitId:s,drawingIds:a};let c;if(d===i.ArrangeTypeEnum.forward?c=n.getForwardDrawingsOp(g):d===i.ArrangeTypeEnum.backward?c=n.getBackwardDrawingOp(g):d===i.ArrangeTypeEnum.front?c=n.getFrontDrawingsOp(g):d===i.ArrangeTypeEnum.back&&(c=n.getBackDrawingsOp(g)),c==null)return!1;const{redo:l}=c;if(l==null)return!1;const p=[];let u=i.Tools.deepClone(l);u=u.slice(3),u.unshift("drawingsOrder"),p.push(u);const h={id:B.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return h.params.actions=p.reduce((v,I)=>i.JSONX.compose(v,I),null),!!t.syncExecuteCommand(h.id,h.params)}},Ze={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.get(he.IDocDrawingService);if(!e)return!1;const n=[];e.forEach(({parent:l,children:p})=>{n.push(l.unitId),p.forEach(u=>{n.push(u.unitId)})});const r=t.getUngroupDrawingOp(e),{unitId:s,subUnitId:a,undo:d,redo:g,objects:c}=r;return!1}};class Ge{constructor(){ce(this,"_refreshDrawings$",new J.BehaviorSubject(null));ce(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var Mt=Object.getOwnPropertyDescriptor,bt=(o,e,t,n)=>{for(var r=n>1?void 0:n?Mt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},oe=(o,e)=>(t,n)=>e(t,n,o);let je=class extends i.Disposable{constructor(o,e,t,n,r,s,a,d,g,c,l,p,u){super(),this._context=o,this._commandService=e,this._docSelectionManagerService=t,this._renderManagerSrv=n,this._imageIoService=r,this._docDrawingService=s,this._drawingManagerService=a,this._contextService=d,this._messageService=g,this._localeService=c,this._docSelectionRenderService=l,this._docRefreshDrawingsService=p,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const o=await this._fileOpenerService.openFile({multiple:!0,accept:V.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),e=o.length;return e>V.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(V.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(o),!0)}async _insertFloatImages(o){let e=[];try{e=await Promise.all(o.map(r=>this._imageIoService.saveImage(r)))}catch(r){const s=r.message;let a="";switch(s){case V.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String(V.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case V.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case V.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:X.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:t}=this._context,n=[];for(const r of e){if(r==null)continue;const{imageId:s,imageSourceType:a,source:d,base64Cache:g}=r,{width:c,height:l,image:p}=await V.getImageSize(g||"");this._imageIoService.addImageSourceCache(s,a,p);let u=1;if(c>V.DRAWING_IMAGE_WIDTH_LIMIT||l>V.DRAWING_IMAGE_HEIGHT_LIMIT){const I=V.DRAWING_IMAGE_WIDTH_LIMIT/c,f=V.DRAWING_IMAGE_HEIGHT_LIMIT/l;u=Math.min(I,f)}const h=this._getImagePosition(c*u,l*u);if(h==null)return;const m={unitId:t,subUnitId:t,drawingId:s,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:d,transform:W.docDrawingPositionToTransform(h),docTransform:h,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(m.isMultiTransform=i.BooleanNumber.TRUE,m.transforms=m.transform?[m.transform]:null),n.push(m)}this._commandService.executeCommand(He.id,{unitId:t,drawings:n})}_isInsertInHeaderFooter(){var n;const{unitId:o}=this._context,e=(n=this._renderManagerSrv.getRenderById(o))==null?void 0:n.with(B.DocSkeletonManagerService).getViewModel(),t=e==null?void 0:e.getEditArea();return t===j.DocumentEditArea.HEADER||t===j.DocumentEditArea.FOOTER}_getImagePosition(o,e){const t=this._docSelectionRenderService.getActiveTextRange(),n=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:o,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:n.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(o=>{const{unitId:e,subUnitId:t,drawingIds:n,arrangeType:r}=o;this._commandService.executeCommand(Je.id,{unitId:e,subUnitId:t,drawingIds:n,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ye.id,o)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ze.id,o)})}_getCurrentSceneAndTransformer(){const{scene:o,mainComponent:e}=this._context;if(o==null||e==null)return;const t=o.getTransformerByCreate(),{docsLeft:n,docsTop:r}=e.getOffsetConfig();return{scene:o,transformer:t,docsLeft:n,docsTop:r}}_transformDrawingListener(){const o=this._getCurrentSceneAndTransformer();if(o&&o.transformer)this.disposeWithMe(o.transformer.changeEnd$.pipe(J.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(o=>{var r;const{transformer:e,docsLeft:t,docsTop:n}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(o==null||o.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(o),this._setDrawingSelections(o);const s=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(o[0].drawingId);s!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:n,zeroLeft:t})}}))}_findSegmentIdByDrawingId(o){var a,d,g;const{unit:e}=this._context,{body:t,headers:n={},footers:r={}}=e.getSnapshot();if(((a=t==null?void 0:t.customBlocks)!=null?a:[]).some(c=>c.blockId===o))return"";for(const c of Object.keys(n))if((d=n[c].body.customBlocks)!=null&&d.some(l=>l.blockId===o))return c;for(const c of Object.keys(r))if((g=r[c].body.customBlocks)!=null&&g.some(l=>l.blockId===o))return c;return""}_updateDrawingsEditStatus(){var d;const{unit:o,scene:e,unitId:t}=this._context,n=(d=this._renderManagerSrv.getRenderById(t))==null?void 0:d.with(B.DocSkeletonManagerService).getViewModel();if(n==null||o==null)return;const r=o.getSnapshot(),{drawings:s={}}=r,a=n.getEditArea()===j.DocumentEditArea.BODY;for(const g of Object.keys(s)){const c=s[g],l=V.getDrawingShapeKeyByDrawingSearch({unitId:t,drawingId:c.drawingId,subUnitId:t}),p=e.fuzzyMathObjects(l,!0);if(p.length)for(const u of p){e.detachTransformerFrom(u);try{u.setOpacity(.5)}catch{}if(a&&c.isMultiTransform!==i.BooleanNumber.TRUE||!a&&c.isMultiTransform===i.BooleanNumber.TRUE){c.allowTransform!==!1&&e.attachTransformerTo(u);try{u.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var t;const{unitId:o}=this._context,e=(t=this._renderManagerSrv.getRenderById(o))==null?void 0:t.with(B.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(n=>{n!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async n=>{n.id===B.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(o){var r,s;const{unit:e}=this._context,t=(s=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?s:[],n=o.map(a=>{const d=a.drawingId,g=t.find(c=>c.blockId===d);return g?g.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(n)}};je=bt([oe(1,i.ICommandService),oe(2,i.Inject(B.DocSelectionManagerService)),oe(3,j.IRenderManagerService),oe(4,V.IImageIoService),oe(5,he.IDocDrawingService),oe(6,V.IDrawingManagerService),oe(7,i.IContextService),oe(8,L.IMessageService),oe(9,i.Inject(i.LocaleService)),oe(10,i.Inject(W.DocSelectionRenderService)),oe(11,i.Inject(Ge)),oe(12,L.ILocalFileService)],je);const Qe={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:o=>{var n,r;const e=o.get(i.IUniverInstanceService),t=o.get(j.IRenderManagerService);return(r=(n=j.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,t))==null?void 0:n.with(je).insertDocImage())!=null?r:!1}};var se=(o=>(o.INLINE="inline",o.BEHIND_TEXT="behindText",o.IN_FRONT_OF_TEXT="inFrontOfText",o.WRAP_SQUARE="wrapSquare",o.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",o))(se||{});const Rt={inline:i.PositionedObjectLayoutType.INLINE,wrapSquare:i.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:i.PositionedObjectLayoutType.WRAP_NONE,behindText:i.PositionedObjectLayoutType.WRAP_NONE};function dt(o,e,t,n,r,s,a){var h,m;const d=new i.TextX,g=i.JSONX.getInstance(),c=[],l=s.getSelfOrHeaderFooterModel(e).getBody(),p=s.getSelfOrHeaderFooterModel(o).getBody();if(l==null||p==null)return;const u=(m=(h=l.customBlocks)==null?void 0:h.find(v=>v.blockId===r))==null?void 0:m.startIndex;if(u!=null){if(n=Math.min(p.dataStream.length-2,n),o===e){if(n<u?(n>0&&d.push({t:i.TextXActionType.RETAIN,len:n}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),d.push({t:i.TextXActionType.RETAIN,len:u-n}),d.push({t:i.TextXActionType.DELETE,len:1})):(u>0&&d.push({t:i.TextXActionType.RETAIN,len:u}),d.push({t:i.TextXActionType.DELETE,len:1}),n-u-1>0&&d.push({t:i.TextXActionType.RETAIN,len:n-u-1}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),n!==u){const v=W.getRichTextEditPath(s,e),I=g.editOp(d.serialize(),v);c.push(I)}}else{u>0&&d.push({t:i.TextXActionType.RETAIN,len:u}),d.push({t:i.TextXActionType.DELETE,len:1});let v=W.getRichTextEditPath(s,e),I=g.editOp(d.serialize(),v);c.push(I),d.empty(),n>0&&d.push({t:i.TextXActionType.RETAIN,len:n}),d.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),v=W.getRichTextEditPath(s,o),I=g.editOp(d.serialize(),v),c.push(I),a.setSegment(o),a.setSegmentPage(t)}return c}}const gt={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(o,e)=>{var A,k;if(e==null)return!1;const{drawings:t,wrappingStyle:n,unitId:r}=e,s=o.get(i.ICommandService),a=o.get(i.IUniverInstanceService),g=o.get(j.IRenderManagerService).getRenderById(r),c=g==null?void 0:g.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData(),l=g==null?void 0:g.with(B.DocSkeletonManagerService).getViewModel(),p=g==null?void 0:g.scene,u=a.getCurrentUniverDocInstance();if(u==null||c==null||p==null||l==null)return!1;const h=l.getEditArea(),m=p.getTransformerByCreate(),{pages:v,skeHeaders:I,skeFooters:f}=c,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=u.getSnapshot();for(const E of t){const{drawingId:w}=E,U=O[w].layoutType,$=Rt[n];if(U!==$){const D=T.replaceOp(["drawings",w,"layoutType"],U,$);y.push(D)}if(n==="behindText"||n==="inFrontOfText"){const D=O[w].behindDoc,x=n==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(D!==x){const M=T.replaceOp(["drawings",w,"behindDoc"],D,x);y.push(M)}}if(n==="inline")continue;let N=null,z=0,_=0;for(const D of v){const{headerId:x,footerId:M,marginTop:F,marginLeft:H,marginBottom:R,pageWidth:P,pageHeight:q}=D;switch(h){case j.DocumentEditArea.HEADER:{const G=(A=I.get(x))==null?void 0:A.get(P);G!=null&&G.skeDrawings.has(w)&&(N=G.skeDrawings.get(w),z=G.marginTop,_=H);break}case j.DocumentEditArea.FOOTER:{const G=(k=f.get(M))==null?void 0:k.get(P);G!=null&&G.skeDrawings.has(w)&&(N=G.skeDrawings.get(w),z=q-R+G.marginTop,_=H);break}case j.DocumentEditArea.BODY:{D.skeDrawings.has(w)&&(N=D.skeDrawings.get(w),z=F,_=H);break}}if(N!=null)break}if(N!=null){const{aTop:D,aLeft:x}=N,M=O[w].docTransform.positionH;let F=x;M.relativeFrom===i.ObjectRelativeFromH.MARGIN?F-=_:M.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(F-=N.columnLeft);const H={relativeFrom:M.relativeFrom,posOffset:F};if(M.posOffset!==H.posOffset){const G=T.replaceOp(["drawings",w,"docTransform","positionH"],M,H);y.push(G)}const R=O[w].docTransform.positionV;let P=D;R.relativeFrom===i.ObjectRelativeFromV.PAGE?P+=z:R.relativeFrom===i.ObjectRelativeFromV.LINE?P-=N.lineTop:R.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(P-=N.blockAnchorTop);const q={relativeFrom:R.relativeFrom,posOffset:P};if(R.posOffset!==q.posOffset){const G=T.replaceOp(["drawings",w,"docTransform","positionV"],R,q);y.push(G)}}}const C={id:B.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};C.params.actions=y.reduce((E,w)=>i.JSONX.compose(E,w),null);const b=s.syncExecuteCommand(C.id,C.params);return m.refreshControls(),!!b}},lt={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:s,dist:a,unitId:d}=e,g=i.JSONX.getInstance(),c=[],{drawings:l={}}=r.getSnapshot();for(const h of s){const{drawingId:m}=h;for(const[v,I]of Object.entries(a)){const f=l[m][v];if(f!==I){const T=g.replaceOp(["drawings",m,v],f,I);c.push(T)}}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((h,m)=>i.JSONX.compose(h,m),null),!!t.syncExecuteCommand(p.id,p.params)}},ut={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:s,wrapText:a,unitId:d}=e,g=i.JSONX.getInstance(),c=[],{drawings:l={}}=r.getSnapshot();for(const h of s){const{drawingId:m}=h,v=l[m].wrapText;if(v!==a){const I=g.replaceOp(["drawings",m,"wrapText"],v,a);c.push(I)}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((h,m)=>i.JSONX.compose(h,m),null),!!t.syncExecuteCommand(p.id,p.params)}},Ce={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),n=o.get(i.IUniverInstanceService),s=o.get(j.IRenderManagerService).getRenderById(e.unitId),a=s==null?void 0:s.scene;if(a==null)return!1;const d=a.getTransformerByCreate(),g=n.getCurrentUniverDocInstance();if(g==null)return!1;const{drawings:c,unitId:l}=e,p=i.JSONX.getInstance(),u=[],{drawings:h={}}=g.getSnapshot();for(const I of c){const{drawingId:f,key:T,value:y}=I,O=h[f].docTransform[T];if(!i.Tools.diffValue(O,y)){const C=p.replaceOp(["drawings",f,"docTransform",T],O,y);u.push(C)}}const m={id:B.RichTextEditingMutation.id,params:{unitId:l,actions:[],textRanges:null,debounce:!0}};m.params.actions=u.reduce((I,f)=>i.JSONX.compose(I,f),null);const v=t.syncExecuteCommand(m.id,m.params);return d.refreshControls(),!!v}},pt={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var k,E;if(e==null)return!1;const t=o.get(j.IRenderManagerService),n=(k=t.getRenderById(e.unitId))==null?void 0:k.with(W.DocSelectionRenderService),r=o.get(Ge),s=t.getRenderById(e.unitId),a=s==null?void 0:s.scene,d=s==null?void 0:s.with(B.DocSkeletonManagerService).getSkeleton();if(a==null||n==null)return!1;const g=a.getTransformerByCreate(),c=o.get(i.ICommandService),p=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(p==null)return!1;const{drawing:u,unitId:h,offset:m,segmentId:v,segmentPage:I,needRefreshDrawings:f}=e;if(f)return r.refreshDrawings(d),g.refreshControls(),!0;const T=[],{drawingId:y}=u,O=(E=n.getSegment())!=null?E:"",C=dt(v,O,I,m,y,p,n);if(C==null||C.length===0)return r.refreshDrawings(d),g.refreshControls(),!1;T.push(...C);const b={id:B.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null}};b.params.actions=T.reduce((w,U)=>i.JSONX.compose(w,U),null);const A=c.syncExecuteCommand(b.id,b.params);return g.refreshControls(),!!A}},mt={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var N,z;if(e==null)return!1;const t=o.get(j.IRenderManagerService),n=(N=t.getRenderById(e.unitId))==null?void 0:N.with(W.DocSelectionRenderService),r=t.getRenderById(e.unitId),s=r==null?void 0:r.scene;if(s==null||n==null)return!1;const a=s.getTransformerByCreate(),d=o.get(i.ICommandService),c=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:l,unitId:p,offset:u,docTransform:h,segmentId:m,segmentPage:v}=e,I=[],{drawingId:f}=l,T=(z=n.getSegment())!=null?z:"",y=dt(m,T,v,u,f,c,n);if(y==null)return!1;y.length>0&&I.push(...y);const O=i.JSONX.getInstance(),{drawings:C={}}=c.getSnapshot(),b=C[f].docTransform,{positionH:A,positionV:k,size:E,angle:w}=b;if(!i.Tools.diffValue(A,h.positionH)){const _=O.replaceOp(["drawings",f,"docTransform","positionH"],A,h.positionH);I.push(_)}if(!i.Tools.diffValue(k,h.positionV)){const _=O.replaceOp(["drawings",f,"docTransform","positionV"],k,h.positionV);I.push(_)}if(!i.Tools.diffValue(E,h.size)){const _=O.replaceOp(["drawings",f,"docTransform","size"],E,h.size);I.push(_)}if(!i.Tools.diffValue(w,h.angle)){const _=O.replaceOp(["drawings",f,"docTransform","angle"],w,h.angle);I.push(_)}const U={id:B.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null,debounce:!0}};U.params.actions=I.reduce((_,D)=>i.JSONX.compose(_,D),null);const $=d.syncExecuteCommand(U.id,U.params);return a.refreshControls(),!!$}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{const t=o.get(i.ICommandService),n=o.get(he.IDocDrawingService),r=o.get(i.IUniverInstanceService),s=o.get(j.IRenderManagerService),{direction:a}=e,d=n.getFocusDrawings();if(d.length===0)return!1;const g=d[0].unitId,c=s.getRenderById(g),l=c==null?void 0:c.scene;if(l==null)return!1;const p=l.getTransformerByCreate(),u=r.getUniverDocInstance(g),h=d.map(v=>{var b,A,k,E,w;const{drawingId:I}=v,f=(b=u==null?void 0:u.getSnapshot().drawings)==null?void 0:b[I];if(f==null||f.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=f.docTransform,O={...T},C={...y};return a===i.Direction.UP?C.posOffset=((A=C.posOffset)!=null?A:0)-2:a===i.Direction.DOWN?C.posOffset=((k=C.posOffset)!=null?k:0)+2:a===i.Direction.LEFT?O.posOffset=((E=O.posOffset)!=null?E:0)-2:a===i.Direction.RIGHT&&(O.posOffset=((w=O.posOffset)!=null?w:0)+2),{drawingId:I,key:a===i.Direction.UP||a===i.Direction.DOWN?"positionV":"positionH",value:a===i.Direction.UP||a===i.Direction.DOWN?C:O}}).filter(v=>v!=null);if(h.length===0)return!1;const m=t.syncExecuteCommand(Ce.id,{unitId:g,subUnitId:g,drawings:h});return p.refreshControls(),!!m}},ht={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(o,e)=>{const t=o.get(j.IRenderManagerService);return e.forEach(n=>{var r,s;(s=(r=t.getRenderById(n))==null?void 0:r.scene.getTransformer())==null||s.debounceRefreshControls()}),!0}},ft="COMPONENT_DOC_DRAWING_PANEL",et={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(o,e)=>{const t=o.get(L.ISidebarService),n=o.get(i.LocaleService),r=o.get(V.IDrawingManagerService);switch(e.value){case"open":t.open({header:{title:n.t("docImage.panel.title")},children:{label:ft},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},tt={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(o,e)=>{const t=o.get(V.IDrawingManagerService),n=o.get(i.ICommandService);return e==null?!1:(t.focusDrawing([e]),n.executeCommand(et.id,{value:"open"}),!0)}},st=-1e3,at=1e3,Ct=o=>{const e=L.useDependency(i.ICommandService),t=L.useDependency(i.LocaleService),n=L.useDependency(V.IDrawingManagerService),r=L.useDependency(j.IRenderManagerService),s=L.useDependency(i.IUniverInstanceService),{drawings:a}=o,d=a[0];if(d==null)return;const{unitId:g}=d,c=s.getUniverDocInstance(g),l=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,p=r.getRenderById(g),u=p==null?void 0:p.scene;if(u==null)return;const h=u.getTransformerByCreate(),m=[{label:t.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],v=[{label:t.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:l===i.DocumentFlavor.MODERN},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:l===i.DocumentFlavor.MODERN},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:l===i.DocumentFlavor.MODERN},{label:t.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[I,f]=K.useState(!0),[T,y]=K.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,C]=K.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[b,A]=K.useState(!0),[k,E]=K.useState(!0);function w(D,x){var R;D==="positionH"?y(x):C(x);const M=n.getFocusDrawings();if(M.length===0)return;const F=M.map(P=>({unitId:P.unitId,subUnitId:P.subUnitId,drawingId:P.drawingId}));e.executeCommand(Ce.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:F.map(P=>({drawingId:P.drawingId,key:D,value:x}))});const H=(R=r.getRenderById(g))==null?void 0:R.with(W.DocSelectionRenderService);H&&H.blur(),h.refreshControls()}function U(D){var Q,de,ge;const x=T.relativeFrom,M=T.posOffset,F=Number(D);if(x===F)return;const H=n.getFocusDrawings();if(H.length===0)return;const R=H[0].drawingId,P=H[0].unitId;let q=null,G=0;const Y=(Q=r.getRenderById(P))==null?void 0:Q.with(B.DocSkeletonManagerService).getSkeleton(),ee=Y==null?void 0:Y.getSkeletonData();if(ee==null)return;const{pages:_e,skeHeaders:fe,skeFooters:ye}=ee;for(const ne of _e){const{marginLeft:le,skeDrawings:ue,headerId:ve,footerId:Ie,pageWidth:pe}=ne;if(ue.has(R)){q=ue.get(R),G=le;break}const ie=(de=fe.get(ve))==null?void 0:de.get(pe);if(ie!=null&&ie.skeDrawings.has(R)){q=ie==null?void 0:ie.skeDrawings.get(R),G=le;break}const re=(ge=ye.get(Ie))==null?void 0:ge.get(pe);if(re!=null&&re.skeDrawings.has(R)){q=re==null?void 0:re.skeDrawings.get(R),G=le;break}}if(q==null)return;let te=0;x===i.ObjectRelativeFromH.COLUMN?te-=q.columnLeft:x===i.ObjectRelativeFromH.MARGIN&&(te-=G),F===i.ObjectRelativeFromH.COLUMN?te+=q.columnLeft:F===i.ObjectRelativeFromH.MARGIN?te+=G:i.ObjectRelativeFromH.PAGE;const Z={relativeFrom:F,posOffset:(M!=null?M:0)-te};w("positionH",Z)}function $(D){var ue,ve,Ie,pe,ie,re;const x=O.relativeFrom,M=O.posOffset,F=Number(D);if(x===F)return;const H=n.getFocusDrawings();if(H.length===0)return;const{drawingId:R,unitId:P}=H[0],q=s.getUniverDocInstance(P),G=(ue=r.getRenderById(P))==null?void 0:ue.with(B.DocSkeletonManagerService).getSkeleton(),Y=(ve=r.getRenderById(P))==null?void 0:ve.with(W.DocSelectionRenderService),ee=Y==null?void 0:Y.getSegment(),_e=Y==null?void 0:Y.getSegmentPage(),fe=(pe=(Ie=q==null?void 0:q.getSelfOrHeaderFooterModel(ee).getBody())==null?void 0:Ie.customBlocks)==null?void 0:pe.find(we=>we.blockId===R);if(fe==null||G==null||Y==null)return;const{startIndex:ye}=fe,te=G.findNodeByCharIndex(ye,ee,_e),Z=(ie=te==null?void 0:te.parent)==null?void 0:ie.parent,Q=Z==null?void 0:Z.parent,de=Q==null?void 0:Q.lines.find(we=>we.paragraphIndex===(Z==null?void 0:Z.paragraphIndex)&&we.paragraphStart),ge=(re=Q==null?void 0:Q.parent)==null?void 0:re.parent;if(te==null||Z==null||de==null||Q==null||ge==null)return;let ne=0;x===i.ObjectRelativeFromV.PARAGRAPH?ne-=de.top:x===i.ObjectRelativeFromV.LINE?ne-=Z.top:x===i.ObjectRelativeFromV.PAGE&&(ne+=ge.marginTop),F===i.ObjectRelativeFromV.PARAGRAPH?ne+=de.top:F===i.ObjectRelativeFromV.LINE?ne+=Z.top:F===i.ObjectRelativeFromV.PAGE&&(ne-=ge.marginTop);const le={relativeFrom:F,posOffset:(M!=null?M:0)-ne};w("positionV",le)}function N(D){var P;const x=c==null?void 0:c.getSnapshot(),M=(P=x==null?void 0:x.drawings)==null?void 0:P[D.drawingId];if(M==null)return;const{layoutType:F}=M,{positionH:H,positionV:R}=M.docTransform;y(H),C(R),f(F===i.PositionedObjectLayoutType.INLINE),A(R.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||R.relativeFrom===i.ObjectRelativeFromV.LINE)}function z(){const D=n.getFocusDrawings();D.length!==0&&N(D[0])}function _(D){A(D),$(String(D?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return K.useEffect(()=>{z();const D=n.focus$.subscribe(M=>{if(M.length===0){E(!1);return}E(!0),N(M[0])}),x=e.onCommandExecuted(async M=>{M.id===B.RichTextEditingMutation.id&&z()});return()=>{D.unsubscribe(),x.dispose()}},[]),S.jsxs("div",{className:X.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!k}),children:[S.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-position.title")})}),S.jsx("div",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-position.horizontal")})}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-position.absolutePosition")}),S.jsx(X.InputNumber,{min:st,max:at,precision:1,disabled:I,value:T.posOffset,onChange:D=>{w("positionH",{relativeFrom:T.relativeFrom,posOffset:D})}})]}),S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-position.toTheRightOf")}),S.jsx(X.Select,{value:String(T.relativeFrom),disabled:I,options:m,onChange:U})]})]}),S.jsx("div",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-position.vertical")})}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-position.absolutePosition")}),S.jsx(X.InputNumber,{min:st,max:at,precision:1,disabled:I,value:O.posOffset,onChange:D=>{w("positionV",{relativeFrom:O.relativeFrom,posOffset:D})}})]}),S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-position.bellow")}),S.jsx(X.Select,{disabled:I,value:String(O.relativeFrom),options:v,onChange:$})]})]}),S.jsx("div",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-position.options")})}),S.jsx("div",{children:S.jsx(X.Checkbox,{disabled:I,checked:b,onChange:_,children:t.t("image-position.moveObjectWithText")})})]})},Ee=0,Ae=100,xt=o=>{const e=L.useDependency(i.ICommandService),t=L.useDependency(i.LocaleService),n=L.useDependency(V.IDrawingManagerService),r=L.useDependency(j.IRenderManagerService),s=L.useDependency(i.IUniverInstanceService),{drawings:a}=o,d=a[0];if(d==null)return null;const{unitId:g}=d,c=s.getUniverDocInstance(g),l=r.getRenderById(g);if((l==null?void 0:l.scene)==null)return null;const[u,h]=K.useState(!0),[m,v]=K.useState(!0),[I,f]=K.useState(!0),[T,y]=K.useState(se.INLINE),[O,C]=K.useState(""),[b,A]=K.useState({distT:0,distL:0,distB:0,distR:0}),[k,E]=K.useState(!0);function w(_){y(_);const D=n.getFocusDrawings();if(D.length===0)return;const{unitId:x,subUnitId:M}=D[0],F=D.map(({unitId:H,subUnitId:R,drawingId:P})=>({unitId:H,subUnitId:R,drawingId:P}));e.executeCommand(gt.id,{unitId:x,subUnitId:M,drawings:F,wrappingStyle:_})}function U(_){C(_);const D=n.getFocusDrawings();if(D.length===0)return;const x=D.map(M=>({unitId:M.unitId,subUnitId:M.subUnitId,drawingId:M.drawingId}));e.executeCommand(ut.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:x,wrapText:_})}function $(_,D){if(_==null)return;const x={...b,[D]:_};A(x);const M=n.getFocusDrawings();if(M.length===0)return;const F=M.map(H=>({unitId:H.unitId,subUnitId:H.subUnitId,drawingId:H.drawingId}));e.executeCommand(lt.id,{unitId:M[0].unitId,subUnitId:M[0].unitId,drawings:F,dist:{[D]:_}})}function N(){const _=n.getFocusDrawings();_.length!==0&&z(_[0])}function z(_){var Y,ee;const D=(ee=(Y=c==null?void 0:c.getSnapshot())==null?void 0:Y.drawings)==null?void 0:ee[_.drawingId];if(D==null)return;const{distT:x=0,distL:M=0,distB:F=0,distR:H=0,layoutType:R=i.PositionedObjectLayoutType.INLINE,behindDoc:P=i.BooleanNumber.FALSE,wrapText:q=i.WrapTextType.BOTH_SIDES}=D;if(A({distT:x,distL:M,distB:F,distR:H}),C(q),h(R!==i.PositionedObjectLayoutType.WRAP_SQUARE),R===i.PositionedObjectLayoutType.WRAP_NONE||R===i.PositionedObjectLayoutType.INLINE?v(!0):v(!1),R===i.PositionedObjectLayoutType.WRAP_NONE||R===i.PositionedObjectLayoutType.INLINE||R===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?f(!0):f(!1),R===i.PositionedObjectLayoutType.WRAP_NONE)P===i.BooleanNumber.TRUE?y(se.BEHIND_TEXT):y(se.IN_FRONT_OF_TEXT);else switch(R){case i.PositionedObjectLayoutType.INLINE:y(se.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(se.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(se.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${R}`)}}return K.useEffect(()=>{N();const _=n.focus$.subscribe(x=>{if(x.length===0){E(!1);return}E(!0),z(x[0])}),D=e.onCommandExecuted(async x=>{x.id===B.RichTextEditingMutation.id&&N()});return()=>{_.unsubscribe(),D.dispose()}},[]),S.jsxs("div",{className:X.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!k}),children:[S.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-text-wrap.title")})}),S.jsx("div",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})}),S.jsx("div",{children:S.jsxs(X.RadioGroup,{value:T,onChange:w,direction:"vertical",children:[S.jsx(X.Radio,{value:se.INLINE,children:t.t("image-text-wrap.inline")}),S.jsx(X.Radio,{value:se.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),S.jsx(X.Radio,{value:se.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),S.jsx(X.Radio,{value:se.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),S.jsx(X.Radio,{value:se.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})}),S.jsx("div",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-text-wrap.wrapText")})}),S.jsx("div",{children:S.jsxs(X.RadioGroup,{disabled:u,value:O,onChange:U,direction:"horizontal",children:[S.jsx(X.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),S.jsx(X.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),S.jsx(X.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})}),S.jsx("div",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:S.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-text-wrap.top")}),S.jsx(X.InputNumber,{min:Ee,max:Ae,disabled:m,precision:1,value:b.distT,onChange:_=>{$(_,"distT")}})]}),S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-text-wrap.left")}),S.jsx(X.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:b.distL,onChange:_=>{$(_,"distL")}})]})]}),S.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-text-wrap.bottom")}),S.jsx(X.InputNumber,{min:Ee,max:Ae,disabled:m,precision:1,value:b.distB,onChange:_=>{$(_,"distB")}})]}),S.jsxs("div",{children:[S.jsx("span",{children:t.t("image-text-wrap.right")}),S.jsx(X.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:b.distR,onChange:_=>{$(_,"distR")}})]})]})]})},Et=()=>{const o=L.useDependency(V.IDrawingManagerService),e=o.getFocusDrawings(),[t,n]=K.useState(e);return K.useEffect(()=>{const r=o.focus$.subscribe(s=>{n(s)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&S.jsxs("div",{className:"univer-text-sm",children:[S.jsx(me.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),S.jsx(xt,{drawings:t}),S.jsx(Ct,{drawings:t})]})},nt="doc.menu.image",vt=Qe.id,At=o=>{const e=o.get(B.DocSelectionManagerService),t=o.get(i.IUniverInstanceService);return new J.Observable(n=>{const r=e.textSelection$.subscribe(()=>{var a;const s=e.getActiveTextRange();if(s){const{segmentId:d,startOffset:g,endOffset:c}=s,l=t.getCurrentUniverDocInstance(),p=(a=l==null?void 0:l.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:a.tables;if(p&&p.length&&p.some(u=>{const{startIndex:h,endIndex:m}=u;return g>=h&&g<m||c>=h&&c<m})){n.next(!0);return}}else{n.next(!0);return}n.next(!1)});return()=>r.unsubscribe()})};function Pt(o){return{id:nt,type:L.MenuItemType.SUBITEMS,icon:"AddImageSingle",tooltip:"docImage.title",disabled$:At(o),hidden$:L.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function Nt(o){return{id:vt,title:"docImage.upload.float",type:L.MenuItemType.BUTTON,hidden$:L.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const jt={[L.RibbonInsertGroup.MEDIA]:{[nt]:{order:0,menuItemFactory:Pt,[vt]:{order:0,menuItemFactory:Nt}}}};function xe(o){return o.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&o.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const Ut={id:Te.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:L.KeyCode.ARROW_DOWN,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.DOWN}},Ft={id:Te.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:L.KeyCode.ARROW_UP,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.UP}},Lt={id:Te.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:L.KeyCode.ARROW_LEFT,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.LEFT}},Bt={id:Te.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:L.KeyCode.ARROW_RIGHT,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.RIGHT}},kt={id:Ke.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:xe,binding:L.KeyCode.DELETE,mac:L.KeyCode.BACKSPACE};var Wt=Object.getOwnPropertyDescriptor,Ht=(o,e,t,n)=>{for(var r=n>1?void 0:n?Wt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Pe=(o,e)=>(t,n)=>e(t,n,o);let Ue=class extends i.Disposable{constructor(o,e,t,n){super(),this._componentManager=o,this._menuManagerService=e,this._commandService=t,this._shortcutService=n,this._init()}_initCustomComponents(){const o=this._componentManager;this.disposeWithMe(o.register(ft,Et))}_initMenus(){this._menuManagerService.mergeMenu(jt)}_initCommands(){[Qe,He,gt,lt,ut,Ce,pt,mt,We,et,ht,tt,Ye,Ze,Te,Ke,Je].forEach(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initShortcuts(){[Ut,Ft,Lt,Bt,kt].forEach(o=>{this.disposeWithMe(this._shortcutService.registerShortcut(o))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ue=Ht([Pe(0,i.Inject(L.ComponentManager)),Pe(1,L.IMenuManagerService),Pe(2,i.ICommandService),Pe(3,L.IShortcutService)],Ue);var Gt=Object.getOwnPropertyDescriptor,Vt=(o,e,t,n)=>{for(var r=n>1?void 0:n?Gt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Me=(o,e)=>(t,n)=>e(t,n,o);function Xt(o){var n,r,s,a;if(i.JSONX.isNoop(o)||!Array.isArray(o))return null;const e=o.find(d=>Array.isArray(d)&&(d==null?void 0:d[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const t=[];if(Array.isArray(e==null?void 0:e[1]))for(const d of e)Array.isArray(d)&&t.push({type:(n=d==null?void 0:d[1])!=null&&n.i?"add":"remove",drawingId:d==null?void 0:d[0],drawing:(r=d==null?void 0:d[1])==null?void 0:r.i});else t.push({type:(s=e[2])!=null&&s.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return t}function $t(o){if(!Array.isArray(o)||o.length<3||o[0]!=="drawingsOrder")return[];const e=[];for(let t=1;t<o.length;t++){const n=o[t];if(Array.isArray(n)&&typeof n[0]=="number"&&typeof n[1]=="object")e.push(n[0]);else{e.length=0;break}}return e}let Fe=class extends i.Disposable{constructor(o,e,t,n,r){super(),this._univerInstanceService=o,this._commandService=e,this._drawingManagerService=t,this._docDrawingService=n,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(o=>{if(o.id!==B.RichTextEditingMutation.id)return;const e=o.params,{unitId:t,actions:n}=e,r=Xt(n);if(r!=null)for(const{type:s,drawingId:a,drawing:d}of r)s==="add"?this._addDrawings(t,[d]):this._removeDrawings(t,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{if(o.id!==B.RichTextEditingMutation.id)return;const e=o.params,{unitId:t,actions:n}=e;$t(n).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{var a;if(o.id!==i.UndoCommand.id&&o.id!==i.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.getUnitId(),t=this._drawingManagerService.getFocusDrawings();if(e==null||t.length===0)return;const n=this._renderManagerService.getRenderById(e),r=n==null?void 0:n.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(o,e){const t=this._drawingManagerService,n=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:s,redo:a,objects:d}=r;t.applyJson1(o,s,a),n.applyJson1(o,s,a),t.addNotification(d),n.addNotification(d)}_removeDrawings(o,e){const t=this._drawingManagerService,n=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(g=>({unitId:o,subUnitId:o,drawingId:g}))),{subUnitId:s,redo:a,objects:d}=r;t.applyJson1(o,s,a),n.applyJson1(o,s,a),t.removeNotification(d),n.removeNotification(d)}_updateDrawingsOrder(o){const e=this._univerInstanceService.getUniverDocInstance(o);if(e==null)return;const t=e.getSnapshot().drawingsOrder;if(t==null)return;const n=this._drawingManagerService,r=this._docDrawingService;n.setDrawingOrder(o,o,t),r.setDrawingOrder(o,o,t);const s={unitId:o,subUnitId:o,drawingIds:t};n.orderNotification(s),r.orderNotification(s)}};Fe=Vt([Me(0,i.IUniverInstanceService),Me(1,i.ICommandService),Me(2,V.IDrawingManagerService),Me(3,he.IDocDrawingService),Me(4,j.IRenderManagerService)],Fe);var zt=Object.getOwnPropertyDescriptor,qt=(o,e,t,n)=>{for(var r=n>1?void 0:n?zt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},De=(o,e)=>(t,n)=>e(t,n,o);function It(o,e,t=1,n=0){const{top:r,left:s,bottom:a,right:d}=o,g=d-s,c=a-r,l=e.getViewport(W.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:p,viewportScrollY:u}=l,{scaleX:h,scaleY:m}=e.getAncestorScale();return{startX:(s-p)*h,startY:(r-u)*m,endX:(s+g-p)*h,endY:(r+c-u)*m,width:g*h,height:c*m,rotate:n,absolute:{left:!1,top:!1},opacity:t!=null?t:1}}function $e(o,e){const{top:t,left:n,width:r,height:s,angle:a,opacity:d}=o;return It({top:t,left:n,bottom:t+s,right:n+r},e.scene,d,a)}exports.DocFloatDomController=class extends i.Disposable{constructor(t,n,r,s,a,d){super();ce(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=n,this._drawingRenderService=r,this._canvasFloatDomService=s,this._univerInstanceService=a,this._commandService=d,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t);if(n==null)return null;const r=n.scene,s=r.getTransformerByCreate();return{scene:r,transformer:s,renderUnit:n,canvas:n.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertRects(t)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(n=>{this._removeDom(n.drawingId)})}))}_insertRects(t){t.forEach(async n=>{const{unitId:r}=n;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const a=this._getSceneAndTransformerByDrawingSearch(r);if(a==null)return;const d=this._drawingManagerService.getDrawingByParam(n);if(d==null)return;const g=await this._drawingRenderService.renderFloatDom(d,a.scene);if(!(g==null||g.length===0))for(const c of g){this._addHoverForRect(c);const l=new i.DisposableCollection,p=$e(c,a.renderUnit),u=new J.BehaviorSubject(p),h=a.canvas,m=d.data,v={dispose:l,rect:c,position$:u,unitId:r};this._canvasFloatDomService.addFloatDom({position$:u,id:d.drawingId,componentKey:d.componentKey,onPointerDown:f=>{h.dispatchEvent(new PointerEvent(f.type,f))},onPointerMove:f=>{h.dispatchEvent(new PointerEvent(f.type,f))},onPointerUp:f=>{h.dispatchEvent(new PointerEvent(f.type,f))},onWheel:f=>{h.dispatchEvent(new WheelEvent(f.type,f))},data:m,unitId:r});const I=c.onTransformChange$.subscribeEvent(()=>{const f=$e(c,a.renderUnit);u.next(f)});l.add(()=>{this._canvasFloatDomService.removeFloatDom(d.drawingId)}),I&&l.add(I),this._domLayerInfoMap.set(d.drawingId,v)}})}_addHoverForRect(t){this.disposeWithMe(i.toDisposable(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=j.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=j.CURSOR_TYPE.DEFAULT})))}_removeDom(t){const n=this._domLayerInfoMap.get(t);if(!n)return;const{unitId:r}=n;this._domLayerInfoMap.delete(t),n.dispose.dispose();const s=this._getSceneAndTransformerByDrawingSearch(r);s&&s.scene.removeObject(n.rect)}_initScrollAndZoomEvent(){const t=n=>{const r=this._getSceneAndTransformerByDrawingSearch(n);r&&this._domLayerInfoMap.forEach(s=>{if(s.unitId!==n)return;const a=$e(s.rect,r.renderUnit);s.position$.next(a)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(J.map(n=>{if(!n)return null;const r=n.getUnitId(),s=this._renderManagerService.getRenderById(r);return s?{render:s,unitId:r}:null}),J.switchMap(n=>n?i.fromEventSubject(n.render.scene.getViewport(W.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(J.map(()=>({unitId:n.unitId}))):J.of(null))).subscribe(n=>{if(!n)return;const{unitId:r}=n;t(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id===W.SetDocZoomRatioOperation.id){const r=n.params,{unitId:s}=r;t(s)}}))}insertFloatDom(t,n){var I,f,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const s=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!s)return!1;const g=(I=s.renderUnit.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:I.pages[0];if(!g)return!1;const{pageWidth:c,marginLeft:l,marginRight:p}=g,u=c-l-p,h={size:{width:(f=n.width)!=null?f:u,height:n.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},m=(T=n.drawingId)!=null?T:i.generateRandomId(),v={unitId:r.getUnitId(),drawings:[{drawingId:m,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:h,layoutType:i.PositionedObjectLayoutType.INLINE,transform:W.docDrawingPositionToTransform(h)}]};return this._commandService.syncExecuteCommand(He.id,v),m}};exports.DocFloatDomController=qt([De(0,j.IRenderManagerService),De(1,V.IDrawingManagerService),De(2,i.Inject(me.DrawingRenderService)),De(3,i.Inject(L.CanvasFloatDomService)),De(4,i.IUniverInstanceService),De(5,i.ICommandService)],exports.DocFloatDomController);const Kt=o=>{const{floatDomInfos:e,scene:t,offset:n,bound:r}=o,s=r.right-r.left,a=r.bottom-r.top,d=K.useMemo(()=>e.map(g=>{const{width:c=0,height:l=0,left:p=0,top:u=0}=g.transform,m=It({left:p,right:p+c,top:u,bottom:u+l},t),v={position$:new J.BehaviorSubject(m),position:m,id:g.drawingId,componentKey:g.componentKey,onPointerMove:()=>{},onPointerDown:()=>{},onPointerUp:()=>{},onWheel:()=>{},unitId:g.unitId,data:g.data};return[g.drawingId,v]}).filter(([g,c])=>!(c.position.endX<0||c.position.endY<0||c.position.startX>s||c.position.startY>a)),[e,t,n,s,a]);return S.jsx("div",{className:"univer-absolute univer-left-0 univer-top-0",children:d.map(([g,c])=>S.jsx(L.PrintFloatDomSingle,{layer:c,id:g,position:c.position},g))})};var Yt=Object.getOwnPropertyDescriptor,Jt=(o,e,t,n)=>{for(var r=n>1?void 0:n?Yt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},be=(o,e)=>(t,n)=>e(t,n,o);let Le=class extends i.Disposable{constructor(o,e,t,n,r){super(),this._docPrintInterceptorService=o,this._drawingRenderService=e,this._drawingManagerService=t,this._componetManager=n,this._injector=r,this._initPrinting(),this._initPrintingDom()}_initPrinting(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,{handler:(o,e,t)=>{const{unitId:n,scene:r}=e,s=this._drawingManagerService.getDrawingDataForUnit(n),a=s==null?void 0:s[n];return a&&a.order.forEach(d=>{const g=a.data[d];g.drawingType!==i.DrawingTypeEnum.DRAWING_CHART&&g.drawingType!==i.DrawingTypeEnum.DRAWING_DOM&&this._drawingRenderService.renderDrawing(g,r)}),t()}}))}_initPrintingDom(){this.disposeWithMe(this._docPrintInterceptorService.interceptor.intercept(this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,{handler:(o,e,t)=>{const{unitId:n}=e,r=this._drawingManagerService.getDrawingDataForUnit(n),s=r==null?void 0:r[n];if(s){const a=s.order.map(g=>{const c=s.data[g];if(c.drawingType===i.DrawingTypeEnum.DRAWING_CHART)return{...c,componentKey:this._componetManager.get(i.DOC_DRAWING_PRINTING_COMPONENT_KEY)};if(c.drawingType===i.DrawingTypeEnum.DRAWING_DOM){const l=this._docPrintInterceptorService.getPrintComponent(c.componentKey);return{...c,componentKey:this._componetManager.get(l||c.componentKey)}}return null}).filter(Boolean),d=L.connectInjector(Kt,this._injector);return X.render(S.jsx(d,{unitId:n,floatDomInfos:a,scene:e.scene,skeleton:e.skeleton,offset:e.offset,bound:e.bound}),e.root),o==null||o.add(()=>{X.unmount(e.root)}),t(o)}}}))}};Le=Jt([be(0,i.Inject(W.DocPrintInterceptorService)),be(1,i.Inject(me.DrawingRenderService)),be(2,V.IDrawingManagerService),be(3,i.Inject(L.ComponentManager)),be(4,i.Inject(i.Injector))],Le);var Zt=Object.getOwnPropertyDescriptor,Qt=(o,e,t,n)=>{for(var r=n>1?void 0:n?Zt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Ne=(o,e)=>(t,n)=>e(t,n,o);const en="__InlineDrawingAnchor__";function ct(o){const{path:e}=o;return e.some(t=>t==="cells")}let Be=class extends i.Disposable{constructor(e,t,n,r){super();ce(this,"_liquid",new j.Liquid);ce(this,"_listenerOnImageMap",new Set);ce(this,"_transformerCache",new Map);ce(this,"_anchorShape");this._commandService=e,this._univerInstanceService=t,this._drawingManagerService=n,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const t of e){const{unitId:n}=t;this._listenerOnImageMap.has(n)||(this._listenTransformerChange(n),this._listenerOnImageMap.add(n))}}))}_listenTransformerChange(e){var r;const t=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(t==null)return;this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(s=>{var d;this._transformerCache.clear();const{objects:a}=s;for(const g of a.values()){const{oKey:c,width:l,height:p,left:u,top:h,angle:m}=g,v=this._drawingManagerService.getDrawingOKey(c);if(v==null)continue;const I=this._univerInstanceService.getUniverDocInstance(v.unitId),f=(d=I==null?void 0:I.getSnapshot().drawings)==null?void 0:d[v.drawingId];if((f==null?void 0:f.layoutType)===i.PositionedObjectLayoutType.INLINE)try{g.setOpacity(.2)}catch{}f!=null&&this._transformerCache.set(v.drawingId,{drawing:f,top:h,left:u,width:l,height:p,angle:m})}})));const n=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(s=>{const{objects:a,offsetX:d,offsetY:g}=s;if(a.size>1)n(a);else if(a.size===1){const c=this._transformerCache.values().next().value,l=a.values().next().value,{width:p,height:u,top:h,left:m,angle:v}=l;if(c&&p===c.width&&u===c.height&&h===c.top&&m===c.left&&v===c.angle)return;c&&(c.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&d!=null&&g!=null&&this._updateInlineDrawingAnchor(c.drawing,d,g)}}))),this.disposeWithMe(i.toDisposable(t.changeEnd$.subscribe(s=>{const{objects:a,offsetX:d,offsetY:g}=s;for(const c of a.values()){const l=this._drawingManagerService.getDrawingOKey(c.oKey);if(l==null)continue;const p=this._transformerCache.get(l==null?void 0:l.drawingId);if((p==null?void 0:p.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{c.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const c=this._transformerCache.values().next().value,l=a.values().next().value,{width:p,height:u,top:h,left:m,angle:v}=l;if(c&&p===c.width&&u===c.height&&h===c.top&&m===c.left&&v===c.angle)return;c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?p!==c.width||u!==c.height||v!==c.angle?this._updateDrawingSize(c,l):d!=null&&g!=null&&this._moveInlineDrawing(c.drawing,d,g):c&&this._nonInlineDrawingTransform(c.drawing,l)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const t=[];let n,r;for(const s of e.values()){const{oKey:a,left:d,top:g,angle:c}=s;let{width:l,height:p}=s;const u=this._drawingManagerService.getDrawingOKey(a);if(u==null)continue;n==null&&(n=u.unitId),r==null&&(r=u.subUnitId);const h=this._transformerCache.get(u.drawingId);if(h==null)continue;const{drawing:m,top:v,left:I,width:f,height:T,angle:y}=h,{width:O,height:C}=this._getPageContentSize(m);if(l=Math.min(l,O),p=Math.min(p,C),(f!==l||T!==p)&&t.push({drawingId:u.drawingId,key:"size",value:{width:l,height:p}}),y!==c&&t.push({drawingId:u.drawingId,key:"angle",value:c}),v!==g||I!==d){const b=g-v,A=d-I;b!==0&&t.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:m.docTransform.positionV.relativeFrom,posOffset:m.docTransform.positionV.posOffset+b}}),A!==0&&t.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:m.docTransform.positionH.relativeFrom,posOffset:m.docTransform.positionH.posOffset+A}})}}t.length>0&&n&&r&&this._commandService.executeCommand(Ce.id,{unitId:n,subUnitId:r,drawings:t})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const t=this._transformerCache.values().next().value,n=e.values().next().value;this._getDrawingAnchor(t.drawing,n)}_updateInlineDrawingAnchor(e,t,n){var s;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(s=this._getInlineDrawingAnchor(e,t,n))!=null?s:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,t,n){var N,z;const r=this._renderManagerService.getRenderById(e.unitId),s=r==null?void 0:r.with(B.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:a,scene:d}=r,g=a,c=d.getViewports()[0],{pageLayoutType:l=j.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:u}=g.getOffsetConfig();let h=null,m=!1,v=-1,I="";const f=.5,T=this._getTransformCoordForDocumentOffset(g,c,t,n);if(T==null)return;const y=(N=this._renderManagerService.getRenderById(e.unitId))==null?void 0:N.with(W.DocSelectionRenderService);if(y==null)return;const O=s==null?void 0:s.findNodeByCoord(T,l,p,u,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:_,ratioX:D,segmentPage:x,segmentId:M}=O;m=D<f,h=_,v=x,I=M}if(h==null)return;const C=s==null?void 0:s.findPositionByGlyph(h,v),b=this._getDocObject();if(C==null||s==null||b==null||ct(C))return;const A={...C,isBack:m},k=b.document.getOffsetConfig(),E=new W.NodePositionConvertToCursor(k,s),{cursorList:w,contentBoxPointGroup:U}=E.getRangePointData(A,A),{startOffset:$}=(z=W.getOneTextSelectionRange(w))!=null?z:{};if($!=null)return{offset:$,contentBoxPointGroup:U,segmentId:I,segmentPage:v}}_getDrawingAnchor(e,t){var de,ge,ne,le,ue,ve,Ie,pe,ie,re,we;const n=this._renderManagerService.getRenderById(e.unitId),r=n==null?void 0:n.with(B.DocSkeletonManagerService).getSkeleton(),s=r==null?void 0:r.getSkeletonData();if(s==null||n==null)return;const{pages:a,skeHeaders:d,skeFooters:g}=s,{mainComponent:c,scene:l}=n,p=c,u=l.getViewports()[0],{pageLayoutType:h=j.PageLayoutType.VERTICAL,pageMarginLeft:m,pageMarginTop:v,docsLeft:I,docsTop:f}=p.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:C,height:b}=t;const{positionV:A,positionH:k}=e.docTransform,{width:E,height:w}=this._getPageContentSize(e);C=Math.min(C,E),b=Math.min(b,w);let U=null,$="",N=-1;const z=!1,_={...e.docTransform,size:{width:C,height:b},angle:O},{x:D,y:x}=l.getViewportScrollXY(u),M=this._getTransformCoordForDocumentOffset(p,u,T-D,y-x);if(M==null)return;const F=(de=this._renderManagerService.getRenderById(e.unitId))==null?void 0:de.with(W.DocSelectionRenderService);if(F==null)return;const H=r==null?void 0:r.findNodeByCoord(M,h,m,v,{strict:!1,segmentId:F.getSegment(),segmentPage:F.getSegmentPage()});if(H){const{node:ae,segmentPage:Ve,segmentId:Xe}=H;U=ae,N=Ve,$=Xe}if(U==null)return;const R=(ge=U.parent)==null?void 0:ge.parent,P=R==null?void 0:R.parent,q=(ne=P==null?void 0:P.lines.find(ae=>ae.paragraphIndex===(R==null?void 0:R.paragraphIndex)&&ae.paragraphStart))!=null?ne:P==null?void 0:P.lines[0],G=(le=P==null?void 0:P.parent)==null?void 0:le.parent;if(R==null||P==null||q==null||G==null)return;this._liquid.reset();const Y=G.type;for(const ae of a){const{headerId:Ve,footerId:Xe,pageHeight:St,pageWidth:it,marginLeft:rt,marginBottom:_t}=ae,Dt=a.indexOf(ae);if(N>-1&&Dt===N){switch(Y){case j.DocumentSkeletonPageType.HEADER:{const Oe=(ue=d.get(Ve))==null?void 0:ue.get(it);if(Oe)this._liquid.translatePagePadding({marginTop:Oe.marginTop,marginLeft:rt});else throw new Error("header skeleton not found");break}case j.DocumentSkeletonPageType.FOOTER:{const Oe=(ve=g.get(Xe))==null?void 0:ve.get(it);if(Oe)this._liquid.translatePagePadding({marginTop:St-_t+Oe.marginTop,marginLeft:rt});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ae),ae===G)break;this._liquid.restorePagePadding(ae),this._liquid.translatePage(ae,h,m,v)}switch(A.relativeFrom===i.ObjectRelativeFromV.LINE?U=R.divides[0].glyphGroup[0]:U=(re=(ie=(pe=(Ie=q.divides)==null?void 0:Ie[0])==null?void 0:pe.glyphGroup)==null?void 0:ie[0])!=null?re:U,_.positionH={relativeFrom:k.relativeFrom,posOffset:T-this._liquid.x-I},k.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=T-this._liquid.x-I-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=T-this._liquid.x-I-P.left;break}}switch(_.positionV={relativeFrom:A.relativeFrom,posOffset:y-this._liquid.y-f},A.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=y-this._liquid.y-f-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=y-this._liquid.y-f-R.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=y-this._liquid.y-f-q.top;break}}if(U==null)return;const ee=r==null?void 0:r.findPositionByGlyph(U,N),_e=this._getDocObject();if(ee==null||r==null||_e==null||ct(ee))return;const fe={...ee,isBack:z},ye=_e.document.getOffsetConfig(),te=new W.NodePositionConvertToCursor(ye,r),{cursorList:Z}=te.getRangePointData(fe,fe),{startOffset:Q}=(we=W.getOneTextSelectionRange(Z))!=null?we:{};if(Q!=null)return{offset:Q,docTransform:_,segmentId:$,segmentPage:N}}_updateDrawingSize(e,t){const n=[],{drawing:r,width:s,height:a,angle:d}=e,{unitId:g,subUnitId:c}=r;let{width:l,height:p,angle:u}=t;const{width:h,height:m}=this._getPageContentSize(r);l=Math.min(h,l),p=Math.min(m,p),(l!==s||p!==a)&&n.push({drawingId:r.drawingId,key:"size",value:{width:l,height:p}}),u!==d&&n.push({drawingId:r.drawingId,key:"angle",value:u}),n.length>0&&g&&c&&this._commandService.executeCommand(Ce.id,{unitId:g,subUnitId:c,drawings:n})}_moveInlineDrawing(e,t,n){const r=this._getInlineDrawingAnchor(e,t,n),{offset:s,segmentId:a,segmentPage:d}=r!=null?r:{};return this._commandService.executeCommand(pt.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,segmentId:a,segmentPage:d,needRefreshDrawings:s==null})}_limitDrawingInPage(e,t){const n=this._renderManagerService.getRenderById(e.unitId),{left:r,top:s,width:a,height:d,angle:g}=t,c=n==null?void 0:n.with(B.DocSkeletonManagerService).getSkeleton(),l=c==null?void 0:c.getSkeletonData(),{pages:p}=l!=null?l:{};if(l==null||n==null||p==null)return{left:r,top:s,width:a,height:d,angle:g};const{mainComponent:u}=n,h=u,{top:m,pageLayoutType:v,pageMarginLeft:I,pageMarginTop:f}=h;let T=s;this._liquid.reset();for(const y of p){const{marginBottom:O,pageHeight:C}=y,b=p.indexOf(y),A=p[b+1];if(A==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(s,s+d,this._liquid.y+m+C-O,this._liquid.y+m+C+f+A.marginTop)){const E=s+d/2,w=this._liquid.y+m+C+f/2;E<w?T=Math.min(s,this._liquid.y+m+C-O-d):T=Math.max(s,this._liquid.y+m+C+f+A.marginTop)}this._liquid.translatePage(y,v,I,f)}return{left:r,top:T,width:a,height:d,angle:g}}_nonInlineDrawingTransform(e,t,n=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?t:this._limitDrawingInPage(e,t);if(n&&r.top!==t.top)return;const s=this._getDrawingAnchor(e,r),{offset:a,docTransform:d,segmentId:g,segmentPage:c}=s!=null?s:{};return a==null||d==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,t]])):this._commandService.executeCommand(mt.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:d,segmentId:g,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;if(n==null)return;const r=n.getTransformerByCreate();return{scene:n,transformer:r}}_getTransformCoordForDocumentOffset(e,t,n,r){const{documentTransform:s}=e.getOffsetConfig(),a=t.transformVector2SceneCoord(j.Vector2.FromArray([n,r]));if(a)return s.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{mainComponent:r,scene:s}=n,a=r,{docsLeft:d,docsTop:g}=a.getOffsetConfig(),c=W.getAnchorBounding(t),{left:l,top:p,height:u}=c,h=l+d,m=p+g;if(this._anchorShape){this._anchorShape.transformByState({left:h,top:m,height:u}),this._anchorShape.show();return}const v=6,I=new j.Rect(en+i.Tools.generateRandomId(v),{left:h,top:m,height:u,strokeWidth:2,stroke:j.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=I,s.addObject(I,W.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return W.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const t=this._renderManagerService.getRenderById(e.unitId),n=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),r=500,s=500,a=n==null?void 0:n.getSkeletonData();if(a==null||t==null)return{width:r,height:s};const{pages:d}=a;let g=null;for(const c of d){const{skeDrawings:l}=c;if(l.has(e.drawingId)){g=c;break}}if(g){const{pageWidth:c,pageHeight:l,marginLeft:p,marginBottom:u,marginRight:h,marginTop:m}=g;return{width:Math.max(r,c-p-h),height:Math.max(s,l-m-u)}}else return{width:r,height:s}}};Be=Qt([Ne(0,i.ICommandService),Ne(1,i.IUniverInstanceService),Ne(2,V.IDrawingManagerService),Ne(3,j.IRenderManagerService)],Be);var tn=Object.getOwnPropertyDescriptor,nn=(o,e,t,n)=>{for(var r=n>1?void 0:n?tn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Re=(o,e)=>(t,n)=>e(t,n,o);let ke=class extends i.RxDisposable{constructor(e,t,n,r,s){super();ce(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._contextService=s,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(J.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(J.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const t=e.getUnitId();this._renderManagerService.removeRender(t)}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){const t=e.getAllObjects();for(const n of t)if(n instanceof me.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var s;const t=(s=this._renderManagerService.getRenderById(e))==null?void 0:s.scene;if(!t)return;const n=t.getTransformerByCreate();if(!n)return;const r=[];this.disposeWithMe(i.toDisposable(n.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const a=n.getSelectedObjectMap();if(r.forEach(f=>f.dispose()),r.length=0,a.size>1)return;const d=a.values().next().value;if(!d)return;const g=d.oKey,c=this._drawingManagerService.getDrawingOKey(g);if(!c||c.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:l,subUnitId:p,drawingId:u,drawingType:h}=c,m=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:me.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(l,p,u,h)}},l);r.push(this.disposeWithMe(m)),!this._drawingManagerService.getFocusDrawings().find(f=>f.unitId===l&&f.subUnitId===p&&f.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:l,subUnitId:p,drawingId:u}])}))),this.disposeWithMe(i.toDisposable(n.clearControl$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0})))}_getImageMenuItems(e,t,n,r){return[{label:"image-popup.edit",index:0,commandId:tt.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:"image-popup.delete",index:1,commandId:We.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:t,drawingId:n}]},disable:!1},{label:"image-popup.crop",index:2,commandId:me.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:"image-popup.reset",index:3,commandId:me.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:t,drawingId:n}],disable:!0}]}};ke=nn([Re(0,V.IDrawingManagerService),Re(1,i.Inject(W.DocCanvasPopManagerService)),Re(2,j.IRenderManagerService),Re(3,i.IUniverInstanceService),Re(4,i.IContextService)],ke);var rn=Object.getOwnPropertyDescriptor,on=(o,e,t,n)=>{for(var r=n>1?void 0:n?rn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Se=(o,e)=>(t,n)=>e(t,n,o);let qe=class extends i.Disposable{constructor(e,t,n,r,s,a,d,g){super();ce(this,"_liquid",new j.Liquid);this._context=e,this._docSkeletonManagerService=t,this._commandService=n,this._editorService=r,this._drawingManagerService=s,this._docRefreshDrawingsService=a,this._univerInstanceService=d,this._lifecycleService=g,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[B.RichTextEditingMutation.id,W.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(e.includes(t.id)){const n=t.params,{unitId:r}=n,{unitId:s,mainComponent:a}=this._context;if(r!==s)return;const d=this._docSkeletonManagerService.getSkeleton();if(d==null)return;if(this._editorService.isEditor(s)&&s!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(d)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(J.filter(e=>e.type===j.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),J.debounceTime(16)).subscribe(()=>{var n;const e=this._docSkeletonManagerService.getSkeleton(),{scene:t}=this._context;(n=t.getTransformer())==null||n.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var T,y;const t=e==null?void 0:e.getSkeletonData(),{mainComponent:n,unitId:r}=this._context,s=n;if(!t)return;const{left:a,top:d,pageLayoutType:g,pageMarginLeft:c,pageMarginTop:l}=s,{pages:p,skeHeaders:u,skeFooters:h}=t,m={};this._liquid.reset();for(let O=0,C=p.length;O<C;O++){const b=p[O],{headerId:A,footerId:k,pageWidth:E}=b;if(A){const w=(T=u.get(A))==null?void 0:T.get(E);w&&this._calculateDrawingPosition(r,w,a,d,m,w.marginTop,b.marginLeft)}if(k){const w=(y=h.get(k))==null?void 0:y.get(E);w&&this._calculateDrawingPosition(r,w,a,d,m,b.pageHeight-b.marginBottom+w.marginTop,b.marginLeft)}this._calculateDrawingPosition(r,b,a,d,m,b.marginTop,b.marginLeft),this._liquid.translatePage(b,g,c,l)}const v=Object.values(m),I=v.filter(O=>!O.isMultiTransform),f=v.filter(O=>O.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(f)}_handleMultiDrawingsTransform(e){const{scene:t,unitId:n}=this._context,r=t.getTransformerByCreate();e.forEach(g=>{const c=this._drawingManagerService.getDrawingByParam(g);c!=null&&(c.transform=g.transform,c.transforms=g.transforms,c.isMultiTransform=g.isMultiTransform)});const a=[...r.getSelectedObjectMap().keys()],d=Object.values(this._drawingManagerService.getDrawingData(n,n)).filter(g=>g.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(d),e.length>0&&this._drawingManagerService.addNotification(e);for(const g of a){const c=t.getObject(g);c&&r.setSelectedControl(c)}}_calculateDrawingPosition(e,t,n,r,s,a,d){const{skeDrawings:g}=t;this._liquid.translatePagePadding({marginTop:a,marginLeft:d}),g.forEach(c=>{const{aLeft:l,aTop:p,height:u,width:h,angle:m,drawingId:v,drawingOrigin:I}=c,f=I.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=I,y={left:l+n+this._liquid.x,top:p+r+this._liquid.y,width:h,height:u,angle:m};s[v]==null?s[v]={unitId:e,subUnitId:e,drawingId:v,behindText:f,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&s[v].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:d})}_drawingInitializeListener(){const e=()=>{const t=this._docSkeletonManagerService.getSkeleton();t!=null&&(this._refreshDrawing(t),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this._lifecycleService.lifecycle$.pipe(J.filter(t=>t===i.LifecycleStages.Rendered)).subscribe(e)}};qe=on([Se(1,i.Inject(B.DocSkeletonManagerService)),Se(2,i.ICommandService),Se(3,W.IEditorService),Se(4,V.IDrawingManagerService),Se(5,i.Inject(Ge)),Se(6,i.IUniverInstanceService),Se(7,i.Inject(i.LifecycleService))],qe);var sn=Object.defineProperty,an=Object.getOwnPropertyDescriptor,cn=(o,e,t)=>e in o?sn(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,dn=(o,e,t,n)=>{for(var r=n>1?void 0:n?an(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},ze=(o,e)=>(t,n)=>e(t,n,o),wt=(o,e,t)=>cn(o,typeof e!="symbol"?e+"":e,t);const gn="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=ot,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerSrv=n,this._configService=r;const{...s}=i.merge({},ot,this._config);this._configService.setConfig(Ot,s)}onStarting(){[[Ue],[ke],[Be],[Fe],[Ge],[exports.DocFloatDomController],[Le]].forEach(t=>this._injector.add(t))}onReady(){[[je],[qe]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Fe),this._injector.get(Ue),this._injector.get(Be),this._injector.get(Le)}onRendered(){this._injector.get(ke),this._injector.get(exports.DocFloatDomController)}};wt(exports.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC);wt(exports.UniverDocsDrawingUIPlugin,"pluginName",gn);exports.UniverDocsDrawingUIPlugin=dn([i.DependentOn(me.UniverDrawingUIPlugin,V.UniverDrawingPlugin,he.UniverDocsDrawingPlugin,L.UniverUIPlugin),ze(1,i.Inject(i.Injector)),ze(2,j.IRenderManagerService),ze(3,i.IConfigService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=ht;exports.DOCS_IMAGE_MENU_ID=nt;exports.DeleteDocDrawingsCommand=Ke;exports.EditDocDrawingOperation=tt;exports.GroupDocDrawingCommand=Ye;exports.InsertDocDrawingCommand=He;exports.InsertDocImageCommand=Qe;exports.MoveDocDrawingsCommand=Te;exports.RemoveDocDrawingCommand=We;exports.SetDocDrawingArrangeCommand=Je;exports.SidebarDocDrawingOperation=et;exports.UngroupDocDrawingCommand=Ze;
|