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