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