npm - @univerjs/docs-drawing-ui - Versions diffs - 0.2.3 → 0.2.4-alpha.0 - Mend

@univerjs/docs-drawing-ui 0.2.3 → 0.2.4-alpha.0

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.

Files changed (7) hide show

package/lib/cjs/index.js +1 -1
package/lib/es/index.js +1 -3
package/lib/types/controllers/doc-drawing.controller.d.ts +1 -2
package/lib/types/plugin.d.ts +1 -2
package/lib/types/views/menu/image.menu.d.ts +1 -1
package/lib/umd/index.js +1 -1
package/package.json +23 -25

package/lib/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var gn=Object.defineProperty;var pn=(i,e,n)=>e in i?gn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n;var ue=(i,e,n)=>pn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@univerjs/core"),se=require("@wendellhu/redi"),ge=require("@univerjs/drawing-ui"),F=require("@univerjs/drawing"),j=require("@univerjs/docs-drawing"),x=require("@univerjs/engine-render"),Ne=require("rxjs"),Pe=require("@univerjs/docs-ui"),U=require("@univerjs/docs"),$=require("@univerjs/ui"),Q=require("@wendellhu/redi/react-bindings"),l=require("react"),X=require("clsx"),W=require("@univerjs/design"),Ae={id:"doc.command.remove-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var _,P,N,T;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),o=i.get(x.ITextSelectionRenderManager),a=t.getCurrentUniverDocInstance();if(e==null\|\|a==null)return!1;const{drawings:s}=e,c=(_=o.getSegment())!=null?_:"",m=new r.TextX,d=r.JSONX.getInstance(),u=(N=(P=a.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:P.customBlocks)!=null?N:[],g=s.map(b=>u.find(R=>R.blockId===b.drawingId)).filter(b=>!!b).sort((b,R)=>b.startIndex>R.startIndex?1:-1),f=s[0].unitId,h=new r.MemoryCursor;h.reset();const p=g[0].startIndex,I=[{startOffset:p,endOffset:p}],w={id:U.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:I}},S=[];for(const b of g){const{startIndex:R}=b;R>h.cursor&&m.push({t:r.TextXActionType.RETAIN,len:R-h.cursor,segmentId:""}),m.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h.moveCursorTo(R+1)}const C=U.getRichTextEditPath(a,c);S.push(d.editOp(m.serialize(),C));for(const b of g){const{blockId:R}=b,M=((T=a.getDrawings())!=null?T:{})[R],B=a.getDrawingsOrder().indexOf(R),V=d.removeOp(["drawings",R],M),q=d.removeOp(["drawingsOrder",B],R);S.push(V),S.push(q)}return w.params.actions=S.reduce((b,R)=>r.JSONX.compose(b,R),null),!!n.syncExecuteCommand(w.id,w.params)}},Ze="COMPONENT_DOC_DRAWING_PANEL",Le={id:"sidebar.operation.doc-image",type:r.CommandType.COMMAND,handler:async(i,e)=>{const n=i.get($.ISidebarService),t=i.get(r.LocaleService),o=i.get(F.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:Ze},onClose:()=>{o.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Fe={id:"doc.operation.edit-doc-image",type:r.CommandType.OPERATION,handler:(i,e)=>{const n=i.get(F.IDrawingManagerService),t=i.get(r.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Le.id,{value:"open"}),!0)}};var fn=Object.defineProperty,hn=Object.getOwnPropertyDescriptor,vn=(i,e,n,t)=>{for(var o=t>1?void 0:t?hn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&fn(e,n,o),o},fe=(i,e)=>(n,t)=>e(n,t,i);let Me=class extends r.RxDisposable{constructor(e,n,t,o,a){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=o,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_DOC).pipe(Ne.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(r.UniverInstanceType.UNIVER_DOC).pipe(Ne.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(r.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 ge.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 o=[];this.disposeWithMe(r.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(o.forEach(I=>I.dispose()),o.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const m=c.oKey,d=this._drawingManagerService.getDrawingOKey(m);if(!d)return;const{unitId:u,subUnitId:g,drawingId:f}=d;o.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:ge.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,g,f)}}))),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===u&&I.subUnitId===g&&I.drawingId===f)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:g,drawingId:f}])}))),this.disposeWithMe(r.toDisposable(t.clearControl$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0,this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(r.toDisposable(t.changing$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0}))),this.disposeWithMe(r.toDisposable(t.changeStart$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Fe.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!1},{label:"image-popup.delete",index:1,commandId:Ae.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:ge.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:ge.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Me=vn([r.OnLifecycle(r.LifecycleStages.Rendered,Me),fe(0,F.IDrawingManagerService),fe(1,se.Inject(Pe.DocCanvasPopManagerService)),fe(2,x.IRenderManagerService),fe(3,r.IUniverInstanceService),fe(4,r.IContextService)],Me);var te=function(){return te=Object.assign\|\|function(i){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(i[o]=e[o])}return i},te.apply(this,arguments)},In=function(i,e){var n={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(n[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(i);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(i,t[o])&&(n[t[o]]=i[t[o]]);return n},Qe=l.forwardRef(function(i,e){var n=i.icon,t=i.id,o=i.className,a=i.extend,s=In(i,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(o\|\|"").trim(),m=l.useRef("_".concat(Dn()));return en(n,"".concat(t),{defIds:n.defIds,idSuffix:m.current},te({ref:e,className:c},s),a)});function en(i,e,n,t,o){return l.createElement(i.tag,te(te({key:e},wn(i,n,o)),t),(Sn(i,n).children\|\|[]).map(function(a,s){return en(a,"".concat(e,"-").concat(i.tag,"-").concat(s),n,void 0,o)}))}function wn(i,e,n){var t=te({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var o=e.defIds;return!o\|\|o.length===0\|\|(i.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(t[s]=c.replace(/url$#(.)$/,"url(#$1".concat(e.idSuffix,")")))})),t}function Sn(i,e){var n,t=e.defIds;return!t\|\|t.length===0?i:i.tag==="defs"&&(!((n=i.children)===null\|\|n===void 0)&&n.length)?te(te({},i),{children:i.children.map(function(o){return typeof o.attrs.id=="string"&&t&&t.indexOf(o.attrs.id)>-1?te(te({},o),{attrs:te(te({},o.attrs),{id:o.attrs.id+e.idSuffix})}):o})}):i}function Dn(){return Math.random().toString(36).substring(2,8)}Qe.displayName="UniverIcon";var Cn={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"}}]},nn=l.forwardRef(function(i,e){return l.createElement(Qe,Object.assign({},i,{id:"add-image-single",ref:e,icon:Cn}))});nn.displayName="AddImageSingle";const we={id:"doc.operation.insert-float-image",type:r.CommandType.OPERATION,handler:()=>!0},_n="univer-upload-file-menu",Tn="univer-upload-file-menu-input",ze={uploadFileMenu:_n,uploadFileMenuInput:Tn},yn=()=>{const i=Q.useDependency(r.ICommandService),e=l.useRef(null),n=()=>{var a;(a=e.current)==null\|\|a.click()},t=F.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(a=>`.${a.replace("image/","")}`).join(","),o=a=>{const s=a.target.files;if(s==null)return;const c=Array.from(s);i.executeCommand(we.id,{files:c}),e.current&&(e.current.value="")};return l.createElement("div",{onClick:n,className:ze.uploadFileMenu},l.createElement("input",{type:"file",className:ze.uploadFileMenuInput,ref:e,onChange:o,accept:t,multiple:!0}))},tn="COMPONENT_DOC_UPLOAD_FILE_MENU",on="addition-and-subtraction-single",rn="doc.menu.image";function On(i){const e=i.get(r.IUniverInstanceService),n=i.get(x.IRenderManagerService);return new Ne.Observable(t=>{const o=e.focused$.subscribe(c=>{if(c==null)return t.next(!0);const m=n.getRenderById(c);if(m==null)return t.next(!0);m.with(U.DocSkeletonManagerService).getViewModel().editAreaChange$.subscribe(u=>{t.next(u===x.DocumentEditArea.HEADER\|\|u===x.DocumentEditArea.FOOTER)})}),a=n.getCurrentTypeOfRenderer(r.UniverInstanceType.UNIVER_DOC);if(a==null)return t.next(!0);const s=a.with(U.DocSkeletonManagerService).getViewModel();return t.next(s.getEditArea()!==x.DocumentEditArea.BODY),()=>o.unsubscribe()})}function Pn(i){return{id:rn,type:$.MenuItemType.SUBITEMS,positions:[$.MenuPosition.TOOLBAR_START],group:$.MenuGroup.TOOLBAR_LAYOUT,icon:on,tooltip:"docImage.title",hidden$:Ne.combineLatest($.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC),On(i),(e,n)=>e\|\|n)}}function Mn(i){return{id:we.id,title:"docImage.upload.float",type:$.MenuItemType.SELECTOR,label:{name:tn},positions:[rn],hidden$:$.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}const En="univer-image-common-panel",Rn="univer-image-common-panel-grid",bn="univer-image-common-panel-border",Nn="univer-image-common-panel-title",An="univer-image-common-panel-subtitle",xn="univer-image-common-panel-row",Un="univer-image-common-panel-row-vertical",Ln="univer-image-common-panel-column",Fn="univer-image-common-panel-column-center",jn="univer-image-common-panel-inline",Bn="univer-image-common-panel-span2",Gn="univer-image-common-panel-span3",Vn="univer-image-common-panel-input",Hn="univer-sheet-image-menu",Wn="univer-sheet-image-menu-input",v={imageCommonPanel:En,imageCommonPanelGrid:Rn,imageCommonPanelBorder:bn,imageCommonPanelTitle:Nn,imageCommonPanelSubtitle:An,imageCommonPanelRow:xn,imageCommonPanelRowVertical:Un,imageCommonPanelColumn:Ln,imageCommonPanelColumnCenter:Fn,imageCommonPanelInline:jn,imageCommonPanelSpan2:Bn,imageCommonPanelSpan3:Gn,imageCommonPanelInput:Vn,sheetImageMenu:Hn,sheetImageMenuInput:Wn};var ne=(i=>(i.INLINE="inline",i.BEHIND_TEXT="behindText",i.IN_FRONT_OF_TEXT="inFrontOfText",i.WRAP_SQUARE="wrapSquare",i.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",i))(ne\|\|{});const Xn={inline:r.PositionedObjectLayoutType.INLINE,wrapSquare:r.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:r.PositionedObjectLayoutType.WRAP_NONE,behindText:r.PositionedObjectLayoutType.WRAP_NONE},an={id:"doc.command.update-doc-drawing-wrapping-style",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:o}=e,a=i.get(r.ICommandService),s=i.get(r.IUniverInstanceService),m=i.get(x.IRenderManagerService).getRenderById(o),d=m==null?void 0:m.with(U.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=m==null?void 0:m.scene,g=s.getCurrentUniverDocInstance();if(g==null\|\|d==null\|\|u==null)return!1;const f=u.getTransformerByCreate(),{pages:h}=d,p=r.JSONX.getInstance(),I=[],{drawings:w={}}=g.getSnapshot();for(const y of n){const{drawingId:_}=y,P=w[_].layoutType,N=Xn[t];if(P!==N){const M=p.replaceOp(["drawings",_,"layoutType"],P,N);I.push(M)}if(t==="behindText"\|\|t==="inFrontOfText"){const M=w[_].behindDoc,k=t==="behindText"?r.BooleanNumber.TRUE:r.BooleanNumber.FALSE;if(M!==k){const B=p.replaceOp(["drawings",_,"behindDoc"],M,k);I.push(B)}}if(t==="inline")continue;let T=null,b=0,R=0;for(const M of h)if(M.skeDrawings.has(_)){T=M.skeDrawings.get(_),b=M.marginTop,R=M.marginLeft;break}if(T!=null){const{aTop:M,aLeft:k}=T,B=w[_].docTransform.positionH;let V=k;B.relativeFrom===r.ObjectRelativeFromH.MARGIN?V-=R:B.relativeFrom===r.ObjectRelativeFromH.COLUMN&&(V-=T.columnLeft);const q={relativeFrom:B.relativeFrom,posOffset:V};if(B.posOffset!==q.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionH"],B,q);I.push(O)}const A=w[_].docTransform.positionV;let D=M;A.relativeFrom===r.ObjectRelativeFromV.PAGE?D+=b:A.relativeFrom===r.ObjectRelativeFromV.LINE?D-=T.lineTop:A.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH&&(D-=T.blockAnchorTop);const E={relativeFrom:A.relativeFrom,posOffset:D};if(A.posOffset!==E.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionV"],A,E);I.push(O)}}}const S={id:U.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};S.params.actions=I.reduce((y,_)=>r.JSONX.compose(y,_),null);const C=a.syncExecuteCommand(S.id,S.params);return f.refreshControls(),!!C}},sn={id:"doc.command.update-doc-drawing-distance",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),o=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(o==null)return!1;const{drawings:a,dist:s,unitId:c}=e,m=r.JSONX.getInstance(),d=[],{drawings:u={}}=o.getSnapshot();for(const h of a){const{drawingId:p}=h;for(const[I,w]of Object.entries(s)){const S=u[p][I];if(S!==w){const C=m.replaceOp(["drawings",p,I],S,w);d.push(C)}}}const g={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((h,p)=>r.JSONX.compose(h,p),null),!!n.syncExecuteCommand(g.id,g.params)}},cn={id:"doc.command.update-doc-drawing-wrap-text",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),o=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(o==null)return!1;const{drawings:a,wrapText:s,unitId:c}=e,m=r.JSONX.getInstance(),d=[],{drawings:u={}}=o.getSnapshot();for(const h of a){const{drawingId:p}=h,I=u[p].wrapText;if(I!==s){const w=m.replaceOp(["drawings",p,"wrapText"],I,s);d.push(w)}}const g={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((h,p)=>r.JSONX.compose(h,p),null),!!n.syncExecuteCommand(g.id,g.params)}},Ie={id:"doc.command.update-drawing-doc-transform",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),a=i.get(x.IRenderManagerService).getRenderById(e.unitId),s=a==null?void 0:a.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),m=t.getCurrentUniverDocInstance();if(m==null)return!1;const{drawings:d,unitId:u}=e,g=r.JSONX.getInstance(),f=[],{drawings:h={}}=m.getSnapshot();for(const w of d){const{drawingId:S,key:C,value:y}=w,_=h[S].docTransform[C];if(!r.Tools.diffValue(_,y)){const P=g.replaceOp(["drawings",S,"docTransform",C],_,y);f.push(P)}}const p={id:U.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};p.params.actions=f.reduce((w,S)=>r.JSONX.compose(w,S),null);const I=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!I}},ln={id:"doc.command.move-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var T,b,R,M;if(e==null)return!1;const n=i.get(x.IRenderManagerService),t=i.get(x.ITextSelectionRenderManager),o=n.getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=i.get(r.ICommandService),d=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:f}=e,h=new r.TextX,p=r.JSONX.getInstance(),I=[],{drawingId:w}=u,S=(T=t.getSegment())!=null?T:"",C=(M=(R=(b=d.getSelfOrHeaderFooterModel(S).getBody())==null?void 0:b.customBlocks)==null?void 0:R.find(k=>k.blockId===w))==null?void 0:M.startIndex;if(C==null)return!1;f<C?(f>0&&h.push({t:r.TextXActionType.RETAIN,len:f,segmentId:S}),h.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}),h.push({t:r.TextXActionType.RETAIN,len:C-f,segmentId:S}),h.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(C>0&&h.push({t:r.TextXActionType.RETAIN,len:C,segmentId:S}),h.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),f-C-1>0&&h.push({t:r.TextXActionType.RETAIN,len:f-C-1,segmentId:S}),h.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}));const y=U.getRichTextEditPath(d,S),_=p.editOp(h.serialize(),y);I.push(_);const P={id:U.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null}};P.params.actions=I.reduce((k,B)=>r.JSONX.compose(k,B),null);const N=c.syncExecuteCommand(P.id,P.params);return s.refreshControls(),!!N}},dn={id:"doc.command.transform-non-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var B,V,q,A;if(e==null)return!1;const n=i.get(x.ITextSelectionRenderManager),o=i.get(x.IRenderManagerService).getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=i.get(r.ICommandService),d=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:f,docTransform:h}=e,p=new r.TextX,I=r.JSONX.getInstance(),w=[],{drawingId:S}=u,C=(B=n.getSegment())!=null?B:"",y=(A=(q=(V=d.getSelfOrHeaderFooterModel(C).getBody())==null?void 0:V.customBlocks)==null?void 0:q.find(D=>D.blockId===S))==null?void 0:A.startIndex;if(y==null)return!1;if(f<y?(f>0&&p.push({t:r.TextXActionType.RETAIN,len:f,segmentId:C}),p.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:C}),p.push({t:r.TextXActionType.RETAIN,len:y-f,segmentId:C}),p.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""})):f>y&&(y>0&&p.push({t:r.TextXActionType.RETAIN,len:y,segmentId:C}),p.push({t:r.TextXActionType.DELETE,len:1,line:0,segmentId:""}),f-y-1>0&&p.push({t:r.TextXActionType.RETAIN,len:f-y-1,segmentId:C}),p.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:C})),f!==y){const D=U.getRichTextEditPath(d,C),E=I.editOp(p.serialize(),D);w.push(E)}const{drawings:_={}}=d.getSnapshot(),P=_[S].docTransform,{positionH:N,positionV:T,size:b,angle:R}=P;if(!r.Tools.diffValue(N,h.positionH)){const D=I.replaceOp(["drawings",S,"docTransform","positionH"],N,h.positionH);w.push(D)}if(!r.Tools.diffValue(T,h.positionV)){const D=I.replaceOp(["drawings",S,"docTransform","positionV"],T,h.positionV);w.push(D)}if(!r.Tools.diffValue(b,h.size)){const D=I.replaceOp(["drawings",S,"docTransform","size"],b,h.size);w.push(D)}if(!r.Tools.diffValue(R,h.angle)){const D=I.replaceOp(["drawings",S,"docTransform","angle"],R,h.angle);w.push(D)}const M={id:U.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};M.params.actions=w.reduce((D,E)=>r.JSONX.compose(D,E),null);const k=c.syncExecuteCommand(M.id,M.params);return s.refreshControls(),!!k}},_e=0,Te=100,kn=i=>{const e=Q.useDependency(r.ICommandService),n=Q.useDependency(r.LocaleService),t=Q.useDependency(F.IDrawingManagerService),o=Q.useDependency(x.IRenderManagerService),a=Q.useDependency(r.IUniverInstanceService),{drawings:s}=i,c=s[0];if(c==null)return null;const{unitId:m}=c,d=a.getUniverDocInstance(m),u=o.getRenderById(m);if((u==null?void 0:u.scene)==null)return null;const[f,h]=l.useState(!0),[p,I]=l.useState(!0),[w,S]=l.useState(!0),[C,y]=l.useState(ne.INLINE),[_,P]=l.useState(""),[N,T]=l.useState({distT:0,distL:0,distB:0,distR:0}),[b,R]=l.useState(!0);function M(A){y(A);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:E,subUnitId:O}=D[0],L=D.map(({unitId:G,subUnitId:H,drawingId:z})=>({unitId:G,subUnitId:H,drawingId:z}));e.executeCommand(an.id,{unitId:E,subUnitId:O,drawings:L,wrappingStyle:A})}function k(A){P(A);const D=t.getFocusDrawings();if(D.length===0)return;const E=D.map(O=>({unitId:O.unitId,subUnitId:O.subUnitId,drawingId:O.drawingId}));e.executeCommand(cn.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:E,wrapText:A})}function B(A,D){if(A==null)return;const E={...N,[D]:A};T(E);const O=t.getFocusDrawings();if(O.length===0)return;const L=O.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(sn.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:L,dist:{[D]:A}})}function V(){const A=t.getFocusDrawings();A.length!==0&&q(A[0])}function q(A){var ie,ce;const D=(ce=(ie=d==null?void 0:d.getSnapshot())==null?void 0:ie.drawings)==null?void 0:ce[A.drawingId];if(D==null)return;const{distT:E=0,distL:O=0,distB:L=0,distR:G=0,layoutType:H=r.PositionedObjectLayoutType.INLINE,behindDoc:z=r.BooleanNumber.FALSE,wrapText:K=r.WrapTextType.BOTH_SIDES}=D;if(T({distT:E,distL:O,distB:L,distR:G}),P(K),h(H!==r.PositionedObjectLayoutType.WRAP_SQUARE),H===r.PositionedObjectLayoutType.WRAP_NONE\|\|H===r.PositionedObjectLayoutType.INLINE?I(!0):I(!1),H===r.PositionedObjectLayoutType.WRAP_NONE\|\|H===r.PositionedObjectLayoutType.INLINE\|\|H===r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?S(!0):S(!1),H===r.PositionedObjectLayoutType.WRAP_NONE)z===r.BooleanNumber.TRUE?y(ne.BEHIND_TEXT):y(ne.IN_FRONT_OF_TEXT);else switch(H){case r.PositionedObjectLayoutType.INLINE:y(ne.INLINE);break;case r.PositionedObjectLayoutType.WRAP_SQUARE:y(ne.WRAP_SQUARE);break;case r.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ne.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${H}`)}}return l.useEffect(()=>{V();const A=t.focus$.subscribe(E=>{if(E.length===0){R(!1);return}R(!0),q(E[0])}),D=e.onCommandExecuted(async E=>{E.id===U.RichTextEditingMutation.id&&V()});return()=>{A.unsubscribe(),D.dispose()}},[]),l.createElement("div",{className:X(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:b?"block":"none"}},l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-text-wrap.title")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrappingStyle")))),l.createElement("div",{className:X(v.imageCommonPanelRow)},l.createElement("div",{className:X(v.imageCommonPanelColumn)},l.createElement(W.RadioGroup,{value:C,onChange:M,direction:"vertical"},l.createElement(W.Radio,{value:ne.INLINE},n.t("image-text-wrap.inline")),l.createElement(W.Radio,{value:ne.WRAP_SQUARE},n.t("image-text-wrap.square")),l.createElement(W.Radio,{value:ne.WRAP_TOP_AND_BOTTOM},n.t("image-text-wrap.topAndBottom")),l.createElement(W.Radio,{value:ne.BEHIND_TEXT},n.t("image-text-wrap.behindText")),l.createElement(W.Radio,{value:ne.IN_FRONT_OF_TEXT},n.t("image-text-wrap.inFrontText"))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrapText")))),l.createElement("div",{className:X(v.imageCommonPanelRow)},l.createElement("div",{className:X(v.imageCommonPanelColumn)},l.createElement(W.RadioGroup,{disabled:f,value:_,onChange:k,direction:"horizontal"},l.createElement(W.Radio,{value:r.WrapTextType.BOTH_SIDES},n.t("image-text-wrap.bothSide")),l.createElement(W.Radio,{value:r.WrapTextType.LEFT},n.t("image-text-wrap.leftOnly")),l.createElement(W.Radio,{value:r.WrapTextType.RIGHT},n.t("image-text-wrap.rightOnly"))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.distanceFromText")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.top"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:p,precision:1,value:N.distT,onChange:A=>{B(A,"distT")},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.left"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:w,precision:1,value:N.distL,onChange:A=>{B(A,"distL")},className:v.imageCommonPanelInput})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.bottom"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:p,precision:1,value:N.distB,onChange:A=>{B(A,"distB")},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.right"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:_e,max:Te,disabled:w,precision:1,value:N.distR,onChange:A=>{B(A,"distR")},className:v.imageCommonPanelInput})))))))},Je=-1e3,Ke=1e3,$n=i=>{const e=Q.useDependency(r.ICommandService),n=Q.useDependency(r.LocaleService),t=Q.useDependency(F.IDrawingManagerService),o=Q.useDependency(x.IRenderManagerService),a=Q.useDependency(r.IUniverInstanceService),s=Q.useDependency(x.ITextSelectionRenderManager),{drawings:c}=i,m=c[0];if(m==null)return;const{unitId:d}=m,u=a.getUniverDocInstance(d),g=o.getRenderById(d),f=g==null?void 0:g.scene;if(f==null)return;const h=f.getTransformerByCreate(),p=[{label:n.t("image-position.column"),value:String(r.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(r.ObjectRelativeFromV.LINE)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromV.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromV.MARGIN)},{label:n.t("image-position.paragraph"),value:String(r.ObjectRelativeFromV.PARAGRAPH)}],[w,S]=l.useState(!0),[C,y]=l.useState({relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:0}),[_,P]=l.useState({relativeFrom:r.ObjectRelativeFromV.PAGE,posOffset:0}),[N,T]=l.useState(!0),[b,R]=l.useState(!0);function M(D,E){D==="positionH"?y(E):P(E);const O=t.getFocusDrawings();if(O.length===0)return;const L=O.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(Ie.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:L.map(G=>({drawingId:G.drawingId,key:D,value:E}))}),s.blur(),h.refreshControls()}function k(D){var Y;const E=C.relativeFrom,O=C.posOffset,L=Number(D);if(E===L)return;const G=t.getFocusDrawings();if(G.length===0)return;const H=G[0].drawingId,z=G[0].unitId;let K=null,ae=0;const ie=(Y=o.getRenderById(z))==null?void 0:Y.with(U.DocSkeletonManagerService).getSkeleton(),ce=ie==null?void 0:ie.getSkeletonData();if(ce==null)return;for(const le of ce.pages){const{marginLeft:de,skeDrawings:Z}=le;if(Z.has(H)){K=Z.get(H),ae=de;break}}if(K==null)return;let ee=0;E===r.ObjectRelativeFromH.COLUMN?ee-=K.columnLeft:E===r.ObjectRelativeFromH.MARGIN&&(ee-=ae),L===r.ObjectRelativeFromH.COLUMN?ee+=K.columnLeft:L===r.ObjectRelativeFromH.MARGIN?ee+=ae:r.ObjectRelativeFromH.PAGE;const J={relativeFrom:L,posOffset:(O!=null?O:0)-ee};M("positionH",J)}function B(D){var De,Xe,ke,$e,qe;const E=_.relativeFrom,O=_.posOffset,L=Number(D);if(E===L)return;const G=t.getFocusDrawings();if(G.length===0)return;const{drawingId:H,unitId:z}=G[0],K=a.getUniverDocInstance(z),ae=(De=o.getRenderById(z))==null?void 0:De.with(U.DocSkeletonManagerService).getSkeleton(),ie=(ke=(Xe=K==null?void 0:K.getBody())==null?void 0:Xe.customBlocks)==null?void 0:ke.find(Ce=>Ce.blockId===H);if(ie==null\|\|ae==null)return;const{startIndex:ce}=ie,ee=ae.findNodeByCharIndex(ce),J=($e=ee==null?void 0:ee.parent)==null?void 0:$e.parent,Y=J==null?void 0:J.parent,le=Y==null?void 0:Y.lines.find(Ce=>Ce.paragraphIndex===(J==null?void 0:J.paragraphIndex)&&Ce.paragraphStart),de=(qe=Y==null?void 0:Y.parent)==null?void 0:qe.parent;if(ee==null\|\|J==null\|\|le==null\|\|Y==null\|\|de==null)return;let Z=0;E===r.ObjectRelativeFromV.PARAGRAPH?Z-=le.top:E===r.ObjectRelativeFromV.LINE?Z-=J.top:E===r.ObjectRelativeFromV.PAGE&&(Z+=de.marginTop),L===r.ObjectRelativeFromV.PARAGRAPH?Z+=le.top:L===r.ObjectRelativeFromV.LINE?Z+=J.top:L===r.ObjectRelativeFromV.PAGE&&(Z-=de.marginTop);const oe={relativeFrom:L,posOffset:(O!=null?O:0)-Z};M("positionV",oe)}function V(D){var z;const E=u==null?void 0:u.getSnapshot(),O=(z=E==null?void 0:E.drawings)==null?void 0:z[D.drawingId];if(O==null)return;const{layoutType:L}=O,{positionH:G,positionV:H}=O.docTransform;y(G),P(H),S(L===r.PositionedObjectLayoutType.INLINE),T(H.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH\|\|H.relativeFrom===r.ObjectRelativeFromV.LINE)}function q(){const D=t.getFocusDrawings();D.length!==0&&V(D[0])}function A(D){T(D),B(String(D?r.ObjectRelativeFromV.PARAGRAPH:r.ObjectRelativeFromV.PAGE))}return l.useEffect(()=>{q();const D=t.focus$.subscribe(O=>{if(O.length===0){R(!1);return}R(!0),V(O[0])}),E=e.onCommandExecuted(async O=>{O.id===U.RichTextEditingMutation.id&&q()});return()=>{D.unsubscribe(),E.dispose()}},[]),l.createElement("div",{className:X(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:b?"block":"none"}},l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-position.title")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.horizontal")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:Je,max:Ke,precision:1,disabled:w,value:C.posOffset,onChange:D=>{M("positionH",{relativeFrom:C.relativeFrom,posOffset:D})},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.toTheRightOf"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Select,{value:String(C.relativeFrom),disabled:w,options:p,onChange:k})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.vertical")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:Je,max:Ke,precision:1,disabled:w,value:_.posOffset,onChange:D=>{M("positionV",{relativeFrom:_.relativeFrom,posOffset:D})},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.bellow"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Select,{disabled:w,value:String(_.relativeFrom),options:I,onChange:B})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.options")))),l.createElement("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"}},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Checkbox,{disabled:w,checked:N,onChange:A},n.t("image-position.moveObjectWithText")))))},qn=()=>{const i=Q.useDependency(F.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=l.useState(e);return l.useEffect(()=>{const o=i.focus$.subscribe(a=>{t(a)});return()=>{o.unsubscribe()}},[]),!!(n!=null&&n.length)&&l.createElement("div",{className:v.imageCommonPanel},l.createElement(ge.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),l.createElement(kn,{drawings:n}),l.createElement($n,{drawings:n}))},me={id:"doc.operation.clear-drawing-transformer",type:r.CommandType.MUTATION,handler:(i,e)=>{const n=i.get(x.IRenderManagerService);return e.forEach(t=>{var o,a;(a=(o=n.getRenderById(t))==null?void 0:o.scene.getTransformer())==null\|\|a.debounceRefreshControls()}),!0}},pe={id:"doc.command.move-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(j.IDocDrawingService),o=i.get(r.IUniverInstanceService),a=i.get(x.IRenderManagerService),{direction:s}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const m=c[0].unitId,d=a.getRenderById(m),u=d==null?void 0:d.scene;if(u==null)return!1;const g=u.getTransformerByCreate(),f=o.getUniverDocInstance(m),h=c.map(I=>{var N,T,b,R,M;const{drawingId:w}=I,S=(N=f==null?void 0:f.getSnapshot().drawings)==null?void 0:N[w];if(S==null\|\|S.layoutType===r.PositionedObjectLayoutType.INLINE)return null;const{positionH:C,positionV:y}=S.docTransform,_={...C},P={...y};return s===r.Direction.UP?P.posOffset=((T=P.posOffset)!=null?T:0)-2:s===r.Direction.DOWN?P.posOffset=((b=P.posOffset)!=null?b:0)+2:s===r.Direction.LEFT?_.posOffset=((R=_.posOffset)!=null?R:0)-2:s===r.Direction.RIGHT&&(_.posOffset=((M=_.posOffset)!=null?M:0)+2),{drawingId:w,key:s===r.Direction.UP\|\|s===r.Direction.DOWN?"positionV":"positionH",value:s===r.Direction.UP\|\|s===r.Direction.DOWN?P:_}}).filter(I=>I!=null);if(h.length===0)return!1;const p=n.syncExecuteCommand(Ie.id,{unitId:m,subUnitId:m,drawings:h});return g.refreshControls(),!!p}},je={id:"doc.command.delete-drawing",type:r.CommandType.COMMAND,handler:i=>{const e=i.get(r.ICommandService),t=i.get(j.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:o}=t[0],a=t.map(s=>{const{unitId:c,subUnitId:m,drawingId:d,drawingType:u}=s;return{unitId:c,subUnitId:m,drawingId:d,drawingType:u}});return e.executeCommand(Ae.id,{unitId:o,drawings:a})}},Be={id:"doc.command.set-drawing-arrange",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(j.IDocDrawingService);if(e==null)return!1;const{unitId:o,subUnitId:a,drawingIds:s,arrangeType:c}=e,m={unitId:o,subUnitId:a,drawingIds:s};let d;if(c===F.ArrangeTypeEnum.forward?d=t.getForwardDrawingsOp(m):c===F.ArrangeTypeEnum.backward?d=t.getBackwardDrawingOp(m):c===F.ArrangeTypeEnum.front?d=t.getFrontDrawingsOp(m):c===F.ArrangeTypeEnum.back&&(d=t.getBackDrawingsOp(m)),d==null)return!1;const{redo:u}=d;if(u==null)return!1;const g=[];let f=r.Tools.deepClone(u);f=f.slice(3),f.unshift("drawingsOrder"),g.push(f);const h={id:U.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};return h.params.actions=g.reduce((I,w)=>r.JSONX.compose(I,w),null),!!n.syncExecuteCommand(h.id,h.params)}},Ge={id:"doc.command.set-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(r.IUndoRedoService),o=i.get(j.IDocDrawingService);if(!e)return!1;const{drawings:a}=e,s=o.getBatchUpdateOp(a),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:m,op:u,objects:g,type:j.DocDrawingApplyType.UPDATE})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:d,objects:g,type:j.DocDrawingApplyType.UPDATE}},{id:me.id,params:[c]}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:u,objects:g,type:j.DocDrawingApplyType.UPDATE}},{id:me.id,params:[c]}]}),!0):!1}};function zn(i){const e=[];return i.forEach(n=>{const{parent:t,children:o}=n,{unitId:a,subUnitId:s,drawingId:c}=t,m=x.getGroupState(0,0,o.map(g=>g.transform\|\|{})),d=o.map(g=>{const f=g.transform\|\|{left:0,top:0},{unitId:h,subUnitId:p,drawingId:I}=g;return{unitId:h,subUnitId:p,drawingId:I,transform:{...f,left:f.left-m.left,top:f.top-m.top},groupId:c}}),u={unitId:a,subUnitId:s,drawingId:c,drawingType:F.DrawingTypeEnum.DRAWING_GROUP,transform:m};e.push({parent:u,children:d})}),e}function Jn(i){const e=[];return i.forEach(n=>{const{parent:t,children:o}=n,{unitId:a,subUnitId:s,drawingId:c,transform:m={width:0,height:0}}=t;if(m==null)return;const d=o.map(g=>{const{transform:f}=g,{unitId:h,subUnitId:p,drawingId:I}=g,w=x.transformObjectOutOfGroup(f\|\|{},m,m.width\|\|0,m.height\|\|0);return{unitId:h,subUnitId:p,drawingId:I,transform:w,groupId:void 0}}),u={unitId:a,subUnitId:s,drawingId:c,drawingType:F.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};e.push({parent:u,children:d})}),e}const Ve={id:"doc.command.ungroup-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(r.IUndoRedoService),o=i.get(j.IDocDrawingService);if(!e)return!1;const a=[];e.forEach(({parent:h,children:p})=>{a.push(h.unitId),p.forEach(I=>{a.push(I.unitId)})});const s=o.getUngroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.UNGROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:zn(g),type:j.DocDrawingApplyType.GROUP}},{id:me.id,params:a}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.UNGROUP}},{id:me.id,params:a}]}),!0):!1}},He={id:"doc.command.group-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(r.ICommandService),t=i.get(r.IUndoRedoService),o=i.get(j.IDocDrawingService);if(!e)return!1;const a=[];e.forEach(({parent:h,children:p})=>{a.push(h.unitId),p.forEach(I=>{a.push(I.unitId)})});const s=o.getGroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.GROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:Jn(g),type:j.DocDrawingApplyType.UNGROUP}},{id:me.id,params:a}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.GROUP}},{id:me.id,params:a}]}),!0):!1}},We={id:"doc.command.insert-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var P,N;if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(U.TextSelectionManagerService),o=i.get(r.IUniverInstanceService),a=t.getActiveRange(),s=o.getCurrentUniverDocInstance();if(a==null\|\|s==null)return!1;const c=s.getUnitId(),{drawings:m}=e,{collapsed:d,startOffset:u,segmentId:g}=a,f=s.getSelfOrHeaderFooterModel(g).getBody();if(f==null)return!1;const h=new r.TextX,p=r.JSONX.getInstance(),I=[],w=(N=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?N:0;if(d)u>0&&h.push({t:r.TextXActionType.RETAIN,len:u,segmentId:g});else{const{dos:T}=U.getRetainAndDeleteFromReplace(a,g,0,f);h.push(...T)}h.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b".repeat(m.length),customBlocks:m.map((T,b)=>({startIndex:b,blockId:T.drawingId}))},len:m.length,line:0,segmentId:g});const S=U.getRichTextEditPath(s,g),C=p.editOp(h.serialize(),S);I.push(C);for(const T of m){const{drawingId:b}=T,R=p.insertOp(["drawings",b],T),M=p.insertOp(["drawingsOrder",w],b);I.push(R),I.push(M)}const y={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=I.reduce((T,b)=>r.JSONX.compose(T,b),null),!!n.syncExecuteCommand(y.id,y.params)}};function Se(i){return i.getContextValue(r.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(r.FOCUSING_COMMON_DRAWINGS)}const Kn={id:pe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_DOWN,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.DOWN}},Yn={id:pe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_UP,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.UP}},Zn={id:pe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_LEFT,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.LEFT}},Qn={id:pe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_RIGHT,priority:100,preconditions:Se,staticParameters:{direction:r.Direction.RIGHT}},et={id:je.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Se,binding:$.KeyCode.DELETE,mac:$.KeyCode.BACKSPACE};var nt=Object.defineProperty,tt=Object.getOwnPropertyDescriptor,it=(i,e,n,t)=>{for(var o=t>1?void 0:t?tt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&nt(e,n,o),o},he=(i,e)=>(n,t)=>e(n,t,i);let Ee=class extends r.Disposable{constructor(i,e,n,t,o){super(),this._injector=i,this._componentManager=e,this._menuService=n,this._commandService=t,this._shortcutService=o,this._init()}_initCustomComponents(){const i=this._componentManager;this.disposeWithMe(i.register(on,nn)),this.disposeWithMe(i.register(tn,yn)),this.disposeWithMe(i.register(Ze,qn))}_initMenus(){[Pn,Mn].forEach(i=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i),{}))})}_initCommands(){[we,We,an,sn,cn,Ie,ln,dn,Ae,Ge,Le,me,Fe,He,Ve,pe,je,Be].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[Kn,Yn,Zn,Qn,et].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ee=it([r.OnLifecycle(r.LifecycleStages.Ready,Ee),he(0,se.Inject(se.Injector)),he(1,se.Inject($.ComponentManager)),he(2,$.IMenuService),he(3,r.ICommandService),he(4,$.IShortcutService)],Ee);var ot=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,at=(i,e,n,t)=>{for(var o=t>1?void 0:t?rt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&ot(e,n,o),o},re=(i,e)=>(n,t)=>e(n,t,i);let xe=class extends r.Disposable{constructor(i,e,n,t,o,a,s,c,m,d,u,g){super(),this._context=i,this._commandService=e,this._textSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=o,this._docDrawingService=a,this._drawingManagerService=s,this._contextService=c,this._messageService=m,this._localeService=d,this._textSelectionManager=u,this._textSelectionRenderManager=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async i=>{if(i.id===we.id){const e=i.params;if(e.files==null)return;const n=e.files.length;if(n>F.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(F.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(n),await this._insertFloatImages(e.files)}}))}async _insertFloatImages(i){let e=[];try{e=await Promise.all(i.map(o=>this._imageIoService.saveImage(o)))}catch(o){const a=o.message;a===F.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(F.DRAWING_IMAGE_ALLOW_SIZE/(10241024)))}):a===F.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):a===F.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const o of e){if(o==null)continue;const{imageId:a,imageSourceType:s,source:c,base64Cache:m}=o,{width:d,height:u,image:g}=await F.getImageSize(m\|\|"");this._imageIoService.addImageSourceCache(a,s,g);let f=1;if(d>F.DRAWING_IMAGE_WIDTH_LIMIT\|\|u>F.DRAWING_IMAGE_HEIGHT_LIMIT){const I=F.DRAWING_IMAGE_WIDTH_LIMIT/d,w=F.DRAWING_IMAGE_HEIGHT_LIMIT/u;f=Math.min(I,w)}const h=this._getImagePosition(df,uf);if(h==null)return;const p={unitId:n,subUnitId:n,drawingId:a,drawingType:F.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:Pe.docDrawingPositionToTransform(h),docTransform:h,behindDoc:r.BooleanNumber.FALSE,title:"",description:"",layoutType:r.PositionedObjectLayoutType.INLINE,wrapText:r.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};t.push(p)}this._commandService.executeCommand(We.id,{unitId:n,drawings:t})}_getImagePosition(i,e){const n=this._textSelectionManagerService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())\|\|{left:0,top:0};return{size:{width:i,height:e},positionH:{relativeFrom:r.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:r.ObjectRelativeFromV.MARGIN,posOffset:t.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(i=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o}=i;this._commandService.executeCommand(Be.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:o})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(i=>{if(i.length===0)return;const e=[];if(i.forEach(n=>{const{unitId:t,subUnitId:o,drawingId:a,transform:s}=n;if(s==null)return;const c=this._docDrawingService.getDrawingByParam({unitId:t,subUnitId:o,drawingId:a});if(c==null)return;const m=Pe.transformToDocDrawingPosition({...c.transform,...s});if(m==null)return;const d={...n,transform:{...s,...Pe.docDrawingPositionToTransform(m)},docTransform:{...m}};e.push(d)}),e.length>0){const n=i[0].unitId;this._commandService.syncExecuteCommand(Ge.id,{unitId:n,drawings:e}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){var t;const{mainComponent:i,unitId:e}=this._context,n=(t=this._renderManagerSrv.getRenderById(e))==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton();n==null\|\|n.calculate(),i==null\|\|i.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(i=>{this._commandService.executeCommand(He.id,i)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(i=>{this._commandService.executeCommand(Ve.id,i)})}_getCurrentSceneAndTransformer(){const{scene:i,mainComponent:e}=this._context;if(i==null\|\|e==null)return;const n=i.getTransformerByCreate(),{docsLeft:t,docsTop:o}=e.getOffsetConfig();return{scene:i,transformer:n,docsLeft:t,docsTop:o}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(i=>{var o;const{transformer:e,docsLeft:n,docsTop:t}=(o=this._getCurrentSceneAndTransformer())!=null?o:{};i==null\|\|i.length===0?(this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0})):(this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(i),this._textSelectionManager.replaceTextRanges([]),e&&e.resetProps({zeroTop:t,zeroLeft:n}))}))}};xe=at([re(1,r.ICommandService),re(2,se.Inject(U.TextSelectionManagerService)),re(3,x.IRenderManagerService),re(4,F.IImageIoService),re(5,j.IDocDrawingService),re(6,F.IDrawingManagerService),re(7,r.IContextService),re(8,$.IMessageService),re(9,se.Inject(r.LocaleService)),re(10,se.Inject(U.TextSelectionManagerService)),re(11,x.ITextSelectionRenderManager)],xe);var st=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(i,e,n,t)=>{for(var o=t>1?void 0:t?ct(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&st(e,n,o),o},ye=(i,e)=>(n,t)=>e(n,t,i);let Ue=class extends r.Disposable{constructor(e,n,t,o,a){super();ue(this,"_liquid",new x.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=o,this._drawingManagerService=a,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){const{mainComponent:e}=this._context;this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{if(n==null)return;e.changeSkeleton(n),this._refreshDrawing(n)})}_commandExecutedListener(){const e=[U.RichTextEditingMutation.id,U.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:o}=t,{unitId:a,mainComponent:s}=this._context;if(o!==a)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(a)){s==null\|\|s.makeDirty();return}this._refreshDrawing(c)}}))}_refreshDrawing(e){var I,w;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:o}=this._context,a=t;if(!n)return;const{left:s,top:c,pageLayoutType:m,pageMarginLeft:d,pageMarginTop:u}=a,{pages:g,skeHeaders:f,skeFooters:h}=n,p=[];this._liquid.reset();for(let S=0,C=g.length;S<C;S++){const y=g[S],{headerId:_,footerId:P,pageWidth:N}=y;if(_){const T=(I=f.get(_))==null?void 0:I.get(N);T&&this._calculateDrawingPosition(o,T,s,c,p)}if(P){const T=(w=h.get(P))==null?void 0:w.get(N);T&&this._calculateDrawingPosition(o,T,s,c,p)}this._calculateDrawingPosition(o,y,s,c,p),this._liquid.translatePage(y,m,d,u)}p.length>0&&this._drawingManagerService.refreshTransform(p)}_calculateDrawingPosition(e,n,t,o,a){const{skeDrawings:s}=n;this._liquid.translatePagePadding(n),s.forEach(c=>{const{aLeft:m,aTop:d,height:u,width:g,angle:f,drawingId:h,drawingOrigin:p}=c,I=p.layoutType===r.PositionedObjectLayoutType.WRAP_NONE&&p.behindDoc===r.BooleanNumber.TRUE;a.push({unitId:e,subUnitId:e,drawingId:h,behindText:I,transform:{left:m+t+this._liquid.x,top:d+o+this._liquid.y,width:g,height:u,angle:f}})}),this._liquid.restorePagePadding(n)}};Ue=lt([ye(1,se.Inject(U.DocSkeletonManagerService)),ye(2,r.ICommandService),ye(3,$.IEditorService),ye(4,F.IDrawingManagerService)],Ue);var dt=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,ut=(i,e,n,t)=>{for(var o=t>1?void 0:t?mt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&dt(e,n,o),o},ve=(i,e)=>(n,t)=>e(n,t,i);function gt(i){var t,o,a,s;if(r.JSONX.isNoop(i)\|\|!Array.isArray(i))return null;const e=i.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null\|\|!Array.isArray(e)\|\|e.length<3\|\|typeof e[1]=="string"&&typeof e[2]!="object"\|\|Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(o=c==null?void 0:c[1])==null?void 0:o.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function pt(i){if(!Array.isArray(i)\|\|i.length<3\|\|i[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<i.length;n++){const t=i[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 Re=class extends r.Disposable{constructor(i,e,n,t,o){super(),this._univerInstanceService=i,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=o,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(i=>{if(i.id!==U.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e,o=gt(t);if(o!=null)for(const{type:a,drawingId:s,drawing:c}of o)a==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==U.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;pt(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var s;if(i.id!==r.UndoCommand.id&&i.id!==r.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null\|\|n.length===0)return;const t=this._renderManagerService.getRenderById(e),o=t==null?void 0:t.scene;if(o==null)return!1;o.getTransformerByCreate().refreshControls()}))}_addDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:s,objects:c}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchRemoveOp(e.map(m=>({unitId:i,subUnitId:i,drawingId:m}))),{subUnitId:a,redo:s,objects:c}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(i){const e=this._univerInstanceService.getUniverDocInstance(i);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,o=this._docDrawingService;t.setDrawingOrder(i,i,n),o.setDrawingOrder(i,i,n);const a={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(a),o.orderNotification(a)}};Re=ut([r.OnLifecycle(r.LifecycleStages.Steady,Re),ve(0,r.IUniverInstanceService),ve(1,r.ICommandService),ve(2,F.IDrawingManagerService),ve(3,j.IDocDrawingService),ve(4,x.IRenderManagerService)],Re);var ft=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,vt=(i,e,n,t)=>{for(var o=t>1?void 0:t?ht(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&ft(e,n,o),o},Oe=(i,e)=>(n,t)=>e(n,t,i);const It="__InlineDrawingAnchor__";let be=class extends r.Disposable{constructor(e,n,t,o){super();ue(this,"_liquid",new x.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=o,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 o;const n=(o=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:o.transformer;if(n==null)return;this.disposeWithMe(r.toDisposable(n.changeStart$.subscribe(a=>{var c;this._transformerCache.clear();const{objects:s}=a;for(const m of s.values()){const{oKey:d,width:u,height:g,left:f,top:h,angle:p}=m,I=this._drawingManagerService.getDrawingOKey(d);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),S=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[I.drawingId];(S==null?void 0:S.layoutType)===r.PositionedObjectLayoutType.INLINE&&m.setOpacity(.2),S!=null&&this._transformerCache.set(I.drawingId,{drawing:S,top:h,left:f,width:u,height:g,angle:p})}})));const t=r.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);r.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(r.toDisposable(n.changing$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;if(s.size>1)t(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:f,top:h,left:p,angle:I}=u;if(g===d.width&&f===d.height&&h===d.top&&p===d.left&&I===d.angle)return;d&&(d.drawing.layoutType,r.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE&&c!=null&&m!=null&&this._updateInlineDrawingAnchor(d.drawing,c,m)}}))),this.disposeWithMe(r.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;for(const d of s.values()){const u=this._drawingManagerService.getDrawingOKey(d.oKey);if(u==null)continue;const g=this._transformerCache.get(u==null?void 0:u.drawingId);(g==null?void 0:g.drawing.layoutType)===r.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:f,top:h,left:p,angle:I}=u;if(g===d.width&&f===d.height&&h===d.top&&p===d.left&&I===d.angle)return;d&&d.drawing.layoutType===r.PositionedObjectLayoutType.INLINE?g!==d.width\|\|f!==d.height\|\|I!==d.angle?this._updateDrawingSize(d,u):c!=null&&m!=null&&this._moveInlineDrawing(d.drawing,c,m):d&&this._nonInlineDrawingTransform(d.drawing,u)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,o;for(const a of e.values()){const{oKey:s,left:c,top:m,angle:d}=a;let{width:u,height:g}=a;const f=this._drawingManagerService.getDrawingOKey(s);if(f==null)continue;t==null&&(t=f.unitId),o==null&&(o=f.subUnitId);const h=this._transformerCache.get(f.drawingId);if(h==null)continue;const{drawing:p,top:I,left:w,width:S,height:C,angle:y}=h,{width:_,height:P}=this._getPageContentSize(p);if(u=Math.min(u,_),g=Math.min(g,P),(S!==u\|\|C!==g)&&n.push({drawingId:f.drawingId,key:"size",value:{width:u,height:g}}),y!==d&&n.push({drawingId:f.drawingId,key:"angle",value:d}),I!==m\|\|w!==c){const N=m-I,T=c-w;N!==0&&n.push({drawingId:f.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+N}}),T!==0&&n.push({drawingId:f.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+T}})}}n.length>0&&t&&o&&this._commandService.executeCommand(Ie.id,{unitId:t,subUnitId:o,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:o}=(a=this._getInlineDrawingAnchor(e,n,t))!=null?a:{};o!=null&&this._createOrUpdateInlineAnchor(e.unitId,o)}_getInlineDrawingAnchor(e,n,t){var k;const o=this._renderManagerService.getRenderById(e.unitId),a=o==null?void 0:o.with(U.DocSkeletonManagerService).getSkeleton();if(o==null)return;const{mainComponent:s,scene:c}=o,m=s,d=c.getViewports()[0],{pageLayoutType:u=x.PageLayoutType.VERTICAL,pageMarginLeft:g,pageMarginTop:f}=m.getOffsetConfig();let h=null,p=!1,I=-1;const w=.5,S=this._getTransformCoordForDocumentOffset(m,d,n,t);if(S==null)return;const C=a==null?void 0:a.findNodeByCoord(S,u,g,f);if(C){const{node:B,ratioX:V,segmentPage:q}=C;p=V<w,h=B,I=q}if(h==null)return;const y=a==null?void 0:a.findPositionByGlyph(h,I),_=this._getDocObject();if(y==null\|\|a==null\|\|_==null)return;const P={...y,isBack:p},N=_.document.getOffsetConfig(),T=new x.NodePositionConvertToCursor(N,a),{cursorList:b,contentBoxPointGroup:R}=T.getRangePointData(P,P),{startOffset:M}=(k=x.getOneTextSelectionRange(b))!=null?k:{};if(M!=null)return{offset:M,contentBoxPointGroup:R}}_getDrawingAnchor(e,n){var Y,le,de,Z;const t=this._renderManagerService.getRenderById(e.unitId),o=t==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton(),a=o==null?void 0:o.getViewModel(),s=o==null?void 0:o.getSkeletonData();if(s==null\|\|t==null\|\|a==null)return;const{pages:c}=s,{mainComponent:m,scene:d}=t,u=m,g=d.getViewports()[0],{pageLayoutType:f=x.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:p,docsLeft:I,docsTop:w}=u.getOffsetConfig(),{left:S,top:C,angle:y}=n;let{width:_,height:P}=n;const{positionV:N,positionH:T}=e.docTransform,{width:b,height:R}=this._getPageContentSize(e);_=Math.min(_,b),P=Math.min(P,R);let M=null,k=-1;const B=!1,V={...e.docTransform,size:{width:_,height:P},angle:y},{x:q,y:A}=d.getViewportScrollXY(g),D=this._getTransformCoordForDocumentOffset(u,g,S-q,C-A);if(D==null)return;const E=o==null?void 0:o.findNodeByCoord(D,f,h,p);if(E){const{node:oe,segmentPage:De}=E;M=oe,k=De}if(M==null)return;const O=(Y=M.parent)==null?void 0:Y.parent,L=O==null?void 0:O.parent,G=(le=L==null?void 0:L.lines.find(oe=>oe.paragraphIndex===(O==null?void 0:O.paragraphIndex)&&oe.paragraphStart))!=null?le:L==null?void 0:L.lines[0],H=(de=L==null?void 0:L.parent)==null?void 0:de.parent;this._liquid.reset();for(const oe of c){if(this._liquid.translatePagePadding(oe),oe===H)break;this._liquid.restorePagePadding(oe),this._liquid.translatePage(oe,f,h,p)}if(O==null\|\|L==null\|\|G==null\|\|H==null)return;switch(N.relativeFrom===r.ObjectRelativeFromV.LINE?M=O.divides[0].glyphGroup[0]:M=G.divides[0].glyphGroup[0],V.positionH={relativeFrom:T.relativeFrom,posOffset:S-this._liquid.x-I},T.relativeFrom){case r.ObjectRelativeFromH.MARGIN:{V.positionH.posOffset=S-this._liquid.x-I-H.marginLeft;break}case r.ObjectRelativeFromH.COLUMN:{V.positionH.posOffset=S-this._liquid.x-I-L.left;break}}switch(V.positionV={relativeFrom:N.relativeFrom,posOffset:C-this._liquid.y-w},N.relativeFrom){case r.ObjectRelativeFromV.PAGE:{V.positionV.posOffset=C-this._liquid.y-w-H.marginTop;break}case r.ObjectRelativeFromV.LINE:{V.positionV.posOffset=C-this._liquid.y-w-O.top;break}case r.ObjectRelativeFromV.PARAGRAPH:{V.positionV.posOffset=C-this._liquid.y-w-G.top;break}}if(M==null)return;const z=o==null?void 0:o.findPositionByGlyph(M,k),K=this._getDocObject();if(z==null\|\|o==null\|\|K==null)return;const ae={...z,isBack:B},ie=K.document.getOffsetConfig(),ce=new x.NodePositionConvertToCursor(ie,o),{cursorList:ee}=ce.getRangePointData(ae,ae),{startOffset:J}=(Z=x.getOneTextSelectionRange(ee))!=null?Z:{};if(J!=null)return{offset:J,docTransform:V}}_updateDrawingSize(e,n){const t=[],{drawing:o,width:a,height:s,angle:c}=e,{unitId:m,subUnitId:d}=o;let{width:u,height:g,angle:f}=n;const{width:h,height:p}=this._getPageContentSize(o);u=Math.min(h,u),g=Math.min(p,g),(u!==a\|\|g!==s)&&t.push({drawingId:o.drawingId,key:"size",value:{width:u,height:g}}),f!==c&&t.push({drawingId:o.drawingId,key:"angle",value:f}),t.length>0&&m&&d&&this._commandService.executeCommand(Ie.id,{unitId:m,subUnitId:d,drawings:t})}_moveInlineDrawing(e,n,t){const o=this._getInlineDrawingAnchor(e,n,t),{offset:a}=o!=null?o:{};if(a!=null)return this._commandService.executeCommand(ln.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:o,top:a,width:s,height:c,angle:m}=n,d=t==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton(),u=d==null?void 0:d.getSkeletonData(),{pages:g}=u!=null?u:{};if(u==null\|\|t==null\|\|g==null)return{left:o,top:a,width:s,height:c,angle:m};const{mainComponent:f}=t,h=f,{top:p,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:S}=h;let C=a;this._liquid.reset();for(const y of g){const{marginBottom:_,pageHeight:P}=y,N=g.indexOf(y),T=g[N+1];if(T==null)continue;if(r.Tools.hasIntersectionBetweenTwoRanges(a,a+c,this._liquid.y+p+P-_,this._liquid.y+p+P+S+T.marginTop)){const R=a+c/2,M=this._liquid.y+p+P+S/2;R<M?C=Math.min(a,this._liquid.y+p+P-_-c):C=Math.max(a,this._liquid.y+p+P+S+T.marginTop)}this._liquid.translatePage(y,I,w,S)}return{left:o,top:C,width:s,height:c,angle:m}}_nonInlineDrawingTransform(e,n,t=!1){const o=this._limitDrawingInPage(e,n);if(t&&o.top!==n.top)return;const a=this._getDrawingAnchor(e,o),{offset:s,docTransform:c}=a!=null?a:{};return s==null\|\|c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(dn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform: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 o=t.getTransformerByCreate();return{scene:t,transformer:o}}_getTransformCoordForDocumentOffset(e,n,t,o){const{documentTransform:a}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(x.Vector2.FromArray([t,o]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:o,scene:a}=t,s=o,{docsLeft:c,docsTop:m}=s.getOffsetConfig(),d=x.getAnchorBounding(n),{left:u,top:g,height:f}=d,h=u+c,p=g+m;if(this._anchorShape){this._anchorShape.transformByState({left:h,top:p,height:f}),this._anchorShape.show();return}const I=6,w=new x.Rect(It+r.Tools.generateRandomId(I),{left:h,top:p,height:f,strokeWidth:2,stroke:x.getColor(r.COLORS.darkGray,1),evented:!1});this._anchorShape=w,a.addObject(w,x.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return U.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(U.DocSkeletonManagerService).getSkeleton(),o=500,a=500,s=t==null?void 0:t.getSkeletonData();if(s==null\|\|n==null)return{width:o,height:a};const{pages:c}=s;let m=null;for(const d of c){const{skeDrawings:u}=d;if(u.has(e.drawingId)){m=d;break}}if(m){const{pageWidth:d,pageHeight:u,marginLeft:g,marginBottom:f,marginRight:h,marginTop:p}=m;return{width:Math.max(o,d-g-h),height:Math.max(a,u-p-f)}}else return{width:o,height:a}}};be=vt([r.OnLifecycle(r.LifecycleStages.Rendered,be),Oe(0,r.ICommandService),Oe(1,r.IUniverInstanceService),Oe(2,F.IDrawingManagerService),Oe(3,x.IRenderManagerService)],be);var mn=Object.defineProperty,wt=Object.getOwnPropertyDescriptor,St=(i,e,n)=>e in i?mn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,Dt=(i,e,n,t)=>{for(var o=t>1?void 0:t?wt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&mn(e,n,o),o},Ye=(i,e)=>(n,t)=>e(n,t,i),un=(i,e,n)=>St(i,typeof e!="symbol"?e+"":e,n);const Ct="DOCS_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends r.Plugin{constructor(e,n,t){super(),this._injector=n,this._renderManagerSrv=t}onStarting(e){[[Ee],[Me],[be],[Re]].forEach(t=>e.add(t))}onReady(){[[xe],[Ue]].forEach(e=>this._renderManagerSrv.registerRenderModule(r.UniverInstanceType.UNIVER_DOC,e))}};un(exports.UniverDocsDrawingUIPlugin,"type",r.UniverInstanceType.UNIVER_DOC);un(exports.UniverDocsDrawingUIPlugin,"pluginName",Ct);exports.UniverDocsDrawingUIPlugin=Dt([r.DependentOn(ge.UniverDrawingUIPlugin,F.UniverDrawingPlugin,j.UniverDocsDrawingPlugin),Ye(1,se.Inject(se.Injector)),Ye(2,x.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=me;exports.DeleteDocDrawingsCommand=je;exports.EditDocDrawingOperation=Fe;exports.GroupDocDrawingCommand=He;exports.InsertDocDrawingCommand=We;exports.InsertDocImageOperation=we;exports.MoveDocDrawingsCommand=pe;exports.RemoveDocDrawingCommand=Ae;exports.SetDocDrawingArrangeCommand=Be;exports.SetDocDrawingCommand=Ge;exports.SidebarDocDrawingOperation=Le;exports.UngroupDocDrawingCommand=Ve;
1	+ "use strict";var mn=Object.defineProperty;var un=(o,e,n)=>e in o?mn(o,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[e]=n;var de=(o,e,n)=>un(o,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@univerjs/core"),me=require("@univerjs/drawing-ui"),F=require("@univerjs/drawing"),j=require("@univerjs/docs-drawing"),x=require("@univerjs/engine-render"),Re=require("rxjs"),ye=require("@univerjs/docs-ui"),U=require("@univerjs/docs"),$=require("@univerjs/ui"),l=require("react"),X=require("clsx"),W=require("@univerjs/design"),be={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var _,P,N,T;const n=o.get(i.ICommandService),t=o.get(i.IUniverInstanceService),r=o.get(x.ITextSelectionRenderManager),a=t.getCurrentUniverDocInstance();if(e==null\|\|a==null)return!1;const{drawings:s}=e,c=(_=r.getSegment())!=null?_:"",m=new i.TextX,d=i.JSONX.getInstance(),u=(N=(P=a.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:P.customBlocks)!=null?N:[],g=s.map(b=>u.find(R=>R.blockId===b.drawingId)).filter(b=>!!b).sort((b,R)=>b.startIndex>R.startIndex?1:-1),f=s[0].unitId,h=new i.MemoryCursor;h.reset();const p=g[0].startIndex,I=[{startOffset:p,endOffset:p}],w={id:U.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:I}},S=[];for(const b of g){const{startIndex:R}=b;R>h.cursor&&m.push({t:i.TextXActionType.RETAIN,len:R-h.cursor,segmentId:""}),m.push({t:i.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h.moveCursorTo(R+1)}const C=U.getRichTextEditPath(a,c);S.push(d.editOp(m.serialize(),C));for(const b of g){const{blockId:R}=b,M=((T=a.getDrawings())!=null?T:{})[R],B=a.getDrawingsOrder().indexOf(R),V=d.removeOp(["drawings",R],M),q=d.removeOp(["drawingsOrder",B],R);S.push(V),S.push(q)}return w.params.actions=S.reduce((b,R)=>i.JSONX.compose(b,R),null),!!n.syncExecuteCommand(w.id,w.params)}},Ke="COMPONENT_DOC_DRAWING_PANEL",xe={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(o,e)=>{const n=o.get($.ISidebarService),t=o.get(i.LocaleService),r=o.get(F.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:Ke},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Ue={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(o,e)=>{const n=o.get(F.IDrawingManagerService),t=o.get(i.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(xe.id,{value:"open"}),!0)}};var gn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,fn=(o,e,n,t)=>{for(var r=t>1?void 0:t?pn(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&gn(e,n,r),r},ge=(o,e)=>(n,t)=>e(n,t,o);let Oe=class extends i.RxDisposable{constructor(e,n,t,r,a){super();de(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(Re.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(Re.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 me.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 s=t.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const m=c.oKey,d=this._drawingManagerService.getDrawingOKey(m);if(!d)return;const{unitId:u,subUnitId:g,drawingId:f}=d;r.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:me.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,g,f)}}))),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===u&&I.subUnitId===g&&I.drawingId===f)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:g,drawingId:f}])}))),this.disposeWithMe(i.toDisposable(t.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Ue.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!1},{label:"image-popup.delete",index:1,commandId:be.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:me.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:me.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Oe=fn([i.OnLifecycle(i.LifecycleStages.Rendered,Oe),ge(0,F.IDrawingManagerService),ge(1,i.Inject(ye.DocCanvasPopManagerService)),ge(2,x.IRenderManagerService),ge(3,i.IUniverInstanceService),ge(4,i.IContextService)],Oe);var ne=function(){return ne=Object.assign\|\|function(o){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)&&(o[r]=e[r])}return o},ne.apply(this,arguments)},hn=function(o,e){var n={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&e.indexOf(t)<0&&(n[t]=o[t]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(o);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(o,t[r])&&(n[t[r]]=o[t[r]]);return n},Ye=l.forwardRef(function(o,e){var n=o.icon,t=o.id,r=o.className,a=o.extend,s=hn(o,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(r\|\|"").trim(),m=l.useRef("_".concat(wn()));return Ze(n,"".concat(t),{defIds:n.defIds,idSuffix:m.current},ne({ref:e,className:c},s),a)});function Ze(o,e,n,t,r){return l.createElement(o.tag,ne(ne({key:e},vn(o,n,r)),t),(In(o,n).children\|\|[]).map(function(a,s){return Ze(a,"".concat(e,"-").concat(o.tag,"-").concat(s),n,void 0,r)}))}function vn(o,e,n){var t=ne({},o.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var r=e.defIds;return!r\|\|r.length===0\|\|(o.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(t[s]=c.replace(/url$#(.)$/,"url(#$1".concat(e.idSuffix,")")))})),t}function In(o,e){var n,t=e.defIds;return!t\|\|t.length===0?o:o.tag==="defs"&&(!((n=o.children)===null\|\|n===void 0)&&n.length)?ne(ne({},o),{children:o.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})}):o}function wn(){return Math.random().toString(36).substring(2,8)}Ye.displayName="UniverIcon";var Sn={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"}}]},Qe=l.forwardRef(function(o,e){return l.createElement(Ye,Object.assign({},o,{id:"add-image-single",ref:e,icon:Sn}))});Qe.displayName="AddImageSingle";const ve={id:"doc.operation.insert-float-image",type:i.CommandType.OPERATION,handler:()=>!0},Dn="univer-upload-file-menu",Cn="univer-upload-file-menu-input",$e={uploadFileMenu:Dn,uploadFileMenuInput:Cn},_n=()=>{const o=i.useDependency(i.ICommandService),e=l.useRef(null),n=()=>{var a;(a=e.current)==null\|\|a.click()},t=F.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(a=>`.${a.replace("image/","")}`).join(","),r=a=>{const s=a.target.files;if(s==null)return;const c=Array.from(s);o.executeCommand(ve.id,{files:c}),e.current&&(e.current.value="")};return l.createElement("div",{onClick:n,className:$e.uploadFileMenu},l.createElement("input",{type:"file",className:$e.uploadFileMenuInput,ref:e,onChange:r,accept:t,multiple:!0}))},en="COMPONENT_DOC_UPLOAD_FILE_MENU",nn="addition-and-subtraction-single",tn="doc.menu.image";function Tn(o){const e=o.get(i.IUniverInstanceService),n=o.get(x.IRenderManagerService);return new Re.Observable(t=>{const r=e.focused$.subscribe(c=>{if(c==null)return t.next(!0);const m=n.getRenderById(c);if(m==null)return t.next(!0);m.with(U.DocSkeletonManagerService).getViewModel().editAreaChange$.subscribe(u=>{t.next(u===x.DocumentEditArea.HEADER\|\|u===x.DocumentEditArea.FOOTER)})}),a=n.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC);if(a==null)return t.next(!0);const s=a.with(U.DocSkeletonManagerService).getViewModel();return t.next(s.getEditArea()!==x.DocumentEditArea.BODY),()=>r.unsubscribe()})}function yn(o){return{id:tn,type:$.MenuItemType.SUBITEMS,positions:[$.MenuPosition.TOOLBAR_START],group:$.MenuGroup.TOOLBAR_LAYOUT,icon:nn,tooltip:"docImage.title",hidden$:Re.combineLatest($.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC),Tn(o),(e,n)=>e\|\|n)}}function On(o){return{id:ve.id,title:"docImage.upload.float",type:$.MenuItemType.SELECTOR,label:{name:en},positions:[tn],hidden$:$.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC)}}const Pn="univer-image-common-panel",Mn="univer-image-common-panel-grid",En="univer-image-common-panel-border",Rn="univer-image-common-panel-title",bn="univer-image-common-panel-subtitle",Nn="univer-image-common-panel-row",An="univer-image-common-panel-row-vertical",xn="univer-image-common-panel-column",Un="univer-image-common-panel-column-center",Ln="univer-image-common-panel-inline",Fn="univer-image-common-panel-span2",jn="univer-image-common-panel-span3",Bn="univer-image-common-panel-input",Gn="univer-sheet-image-menu",Vn="univer-sheet-image-menu-input",v={imageCommonPanel:Pn,imageCommonPanelGrid:Mn,imageCommonPanelBorder:En,imageCommonPanelTitle:Rn,imageCommonPanelSubtitle:bn,imageCommonPanelRow:Nn,imageCommonPanelRowVertical:An,imageCommonPanelColumn:xn,imageCommonPanelColumnCenter:Un,imageCommonPanelInline:Ln,imageCommonPanelSpan2:Fn,imageCommonPanelSpan3:jn,imageCommonPanelInput:Bn,sheetImageMenu:Gn,sheetImageMenuInput:Vn};var ee=(o=>(o.INLINE="inline",o.BEHIND_TEXT="behindText",o.IN_FRONT_OF_TEXT="inFrontOfText",o.WRAP_SQUARE="wrapSquare",o.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",o))(ee\|\|{});const Hn={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},on={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:r}=e,a=o.get(i.ICommandService),s=o.get(i.IUniverInstanceService),m=o.get(x.IRenderManagerService).getRenderById(r),d=m==null?void 0:m.with(U.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=m==null?void 0:m.scene,g=s.getCurrentUniverDocInstance();if(g==null\|\|d==null\|\|u==null)return!1;const f=u.getTransformerByCreate(),{pages:h}=d,p=i.JSONX.getInstance(),I=[],{drawings:w={}}=g.getSnapshot();for(const y of n){const{drawingId:_}=y,P=w[_].layoutType,N=Hn[t];if(P!==N){const M=p.replaceOp(["drawings",_,"layoutType"],P,N);I.push(M)}if(t==="behindText"\|\|t==="inFrontOfText"){const M=w[_].behindDoc,k=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(M!==k){const B=p.replaceOp(["drawings",_,"behindDoc"],M,k);I.push(B)}}if(t==="inline")continue;let T=null,b=0,R=0;for(const M of h)if(M.skeDrawings.has(_)){T=M.skeDrawings.get(_),b=M.marginTop,R=M.marginLeft;break}if(T!=null){const{aTop:M,aLeft:k}=T,B=w[_].docTransform.positionH;let V=k;B.relativeFrom===i.ObjectRelativeFromH.MARGIN?V-=R:B.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(V-=T.columnLeft);const q={relativeFrom:B.relativeFrom,posOffset:V};if(B.posOffset!==q.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionH"],B,q);I.push(O)}const A=w[_].docTransform.positionV;let D=M;A.relativeFrom===i.ObjectRelativeFromV.PAGE?D+=b:A.relativeFrom===i.ObjectRelativeFromV.LINE?D-=T.lineTop:A.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(D-=T.blockAnchorTop);const E={relativeFrom:A.relativeFrom,posOffset:D};if(A.posOffset!==E.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionV"],A,E);I.push(O)}}}const S={id:U.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};S.params.actions=I.reduce((y,_)=>i.JSONX.compose(y,_),null);const C=a.syncExecuteCommand(S.id,S.params);return f.refreshControls(),!!C}},rn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const n=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,dist:s,unitId:c}=e,m=i.JSONX.getInstance(),d=[],{drawings:u={}}=r.getSnapshot();for(const h of a){const{drawingId:p}=h;for(const[I,w]of Object.entries(s)){const S=u[p][I];if(S!==w){const C=m.replaceOp(["drawings",p,I],S,w);d.push(C)}}}const g={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((h,p)=>i.JSONX.compose(h,p),null),!!n.syncExecuteCommand(g.id,g.params)}},an={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const n=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,wrapText:s,unitId:c}=e,m=i.JSONX.getInstance(),d=[],{drawings:u={}}=r.getSnapshot();for(const h of a){const{drawingId:p}=h,I=u[p].wrapText;if(I!==s){const w=m.replaceOp(["drawings",p,"wrapText"],I,s);d.push(w)}}const g={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((h,p)=>i.JSONX.compose(h,p),null),!!n.syncExecuteCommand(g.id,g.params)}},he={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const n=o.get(i.ICommandService),t=o.get(i.IUniverInstanceService),a=o.get(x.IRenderManagerService).getRenderById(e.unitId),s=a==null?void 0:a.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),m=t.getCurrentUniverDocInstance();if(m==null)return!1;const{drawings:d,unitId:u}=e,g=i.JSONX.getInstance(),f=[],{drawings:h={}}=m.getSnapshot();for(const w of d){const{drawingId:S,key:C,value:y}=w,_=h[S].docTransform[C];if(!i.Tools.diffValue(_,y)){const P=g.replaceOp(["drawings",S,"docTransform",C],_,y);f.push(P)}}const p={id:U.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};p.params.actions=f.reduce((w,S)=>i.JSONX.compose(w,S),null);const I=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!I}},sn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var T,b,R,M;if(e==null)return!1;const n=o.get(x.IRenderManagerService),t=o.get(x.ITextSelectionRenderManager),r=n.getRenderById(e.unitId),a=r==null?void 0:r.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=o.get(i.ICommandService),d=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:f}=e,h=new i.TextX,p=i.JSONX.getInstance(),I=[],{drawingId:w}=u,S=(T=t.getSegment())!=null?T:"",C=(M=(R=(b=d.getSelfOrHeaderFooterModel(S).getBody())==null?void 0:b.customBlocks)==null?void 0:R.find(k=>k.blockId===w))==null?void 0:M.startIndex;if(C==null)return!1;f<C?(f>0&&h.push({t:i.TextXActionType.RETAIN,len:f,segmentId:S}),h.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}),h.push({t:i.TextXActionType.RETAIN,len:C-f,segmentId:S}),h.push({t:i.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(C>0&&h.push({t:i.TextXActionType.RETAIN,len:C,segmentId:S}),h.push({t:i.TextXActionType.DELETE,len:1,line:0,segmentId:""}),f-C-1>0&&h.push({t:i.TextXActionType.RETAIN,len:f-C-1,segmentId:S}),h.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}));const y=U.getRichTextEditPath(d,S),_=p.editOp(h.serialize(),y);I.push(_);const P={id:U.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null}};P.params.actions=I.reduce((k,B)=>i.JSONX.compose(k,B),null);const N=c.syncExecuteCommand(P.id,P.params);return s.refreshControls(),!!N}},cn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var B,V,q,A;if(e==null)return!1;const n=o.get(x.ITextSelectionRenderManager),r=o.get(x.IRenderManagerService).getRenderById(e.unitId),a=r==null?void 0:r.scene;if(a==null)return!1;const s=a.getTransformerByCreate(),c=o.get(i.ICommandService),d=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:f,docTransform:h}=e,p=new i.TextX,I=i.JSONX.getInstance(),w=[],{drawingId:S}=u,C=(B=n.getSegment())!=null?B:"",y=(A=(q=(V=d.getSelfOrHeaderFooterModel(C).getBody())==null?void 0:V.customBlocks)==null?void 0:q.find(D=>D.blockId===S))==null?void 0:A.startIndex;if(y==null)return!1;if(f<y?(f>0&&p.push({t:i.TextXActionType.RETAIN,len:f,segmentId:C}),p.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:C}),p.push({t:i.TextXActionType.RETAIN,len:y-f,segmentId:C}),p.push({t:i.TextXActionType.DELETE,len:1,line:0,segmentId:""})):f>y&&(y>0&&p.push({t:i.TextXActionType.RETAIN,len:y,segmentId:C}),p.push({t:i.TextXActionType.DELETE,len:1,line:0,segmentId:""}),f-y-1>0&&p.push({t:i.TextXActionType.RETAIN,len:f-y-1,segmentId:C}),p.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:C})),f!==y){const D=U.getRichTextEditPath(d,C),E=I.editOp(p.serialize(),D);w.push(E)}const{drawings:_={}}=d.getSnapshot(),P=_[S].docTransform,{positionH:N,positionV:T,size:b,angle:R}=P;if(!i.Tools.diffValue(N,h.positionH)){const D=I.replaceOp(["drawings",S,"docTransform","positionH"],N,h.positionH);w.push(D)}if(!i.Tools.diffValue(T,h.positionV)){const D=I.replaceOp(["drawings",S,"docTransform","positionV"],T,h.positionV);w.push(D)}if(!i.Tools.diffValue(b,h.size)){const D=I.replaceOp(["drawings",S,"docTransform","size"],b,h.size);w.push(D)}if(!i.Tools.diffValue(R,h.angle)){const D=I.replaceOp(["drawings",S,"docTransform","angle"],R,h.angle);w.push(D)}const M={id:U.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};M.params.actions=w.reduce((D,E)=>i.JSONX.compose(D,E),null);const k=c.syncExecuteCommand(M.id,M.params);return s.refreshControls(),!!k}},De=0,Ce=100,Wn=o=>{const e=i.useDependency(i.ICommandService),n=i.useDependency(i.LocaleService),t=i.useDependency(F.IDrawingManagerService),r=i.useDependency(x.IRenderManagerService),a=i.useDependency(i.IUniverInstanceService),{drawings:s}=o,c=s[0];if(c==null)return null;const{unitId:m}=c,d=a.getUniverDocInstance(m),u=r.getRenderById(m);if((u==null?void 0:u.scene)==null)return null;const[f,h]=l.useState(!0),[p,I]=l.useState(!0),[w,S]=l.useState(!0),[C,y]=l.useState(ee.INLINE),[_,P]=l.useState(""),[N,T]=l.useState({distT:0,distL:0,distB:0,distR:0}),[b,R]=l.useState(!0);function M(A){y(A);const D=t.getFocusDrawings();if(D.length===0)return;const{unitId:E,subUnitId:O}=D[0],L=D.map(({unitId:G,subUnitId:H,drawingId:z})=>({unitId:G,subUnitId:H,drawingId:z}));e.executeCommand(on.id,{unitId:E,subUnitId:O,drawings:L,wrappingStyle:A})}function k(A){P(A);const D=t.getFocusDrawings();if(D.length===0)return;const E=D.map(O=>({unitId:O.unitId,subUnitId:O.subUnitId,drawingId:O.drawingId}));e.executeCommand(an.id,{unitId:D[0].unitId,subUnitId:D[0].unitId,drawings:E,wrapText:A})}function B(A,D){if(A==null)return;const E={...N,[D]:A};T(E);const O=t.getFocusDrawings();if(O.length===0)return;const L=O.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(rn.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:L,dist:{[D]:A}})}function V(){const A=t.getFocusDrawings();A.length!==0&&q(A[0])}function q(A){var te,ae;const D=(ae=(te=d==null?void 0:d.getSnapshot())==null?void 0:te.drawings)==null?void 0:ae[A.drawingId];if(D==null)return;const{distT:E=0,distL:O=0,distB:L=0,distR:G=0,layoutType:H=i.PositionedObjectLayoutType.INLINE,behindDoc:z=i.BooleanNumber.FALSE,wrapText:K=i.WrapTextType.BOTH_SIDES}=D;if(T({distT:E,distL:O,distB:L,distR:G}),P(K),h(H!==i.PositionedObjectLayoutType.WRAP_SQUARE),H===i.PositionedObjectLayoutType.WRAP_NONE\|\|H===i.PositionedObjectLayoutType.INLINE?I(!0):I(!1),H===i.PositionedObjectLayoutType.WRAP_NONE\|\|H===i.PositionedObjectLayoutType.INLINE\|\|H===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?S(!0):S(!1),H===i.PositionedObjectLayoutType.WRAP_NONE)z===i.BooleanNumber.TRUE?y(ee.BEHIND_TEXT):y(ee.IN_FRONT_OF_TEXT);else switch(H){case i.PositionedObjectLayoutType.INLINE:y(ee.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(ee.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ee.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${H}`)}}return l.useEffect(()=>{V();const A=t.focus$.subscribe(E=>{if(E.length===0){R(!1);return}R(!0),q(E[0])}),D=e.onCommandExecuted(async E=>{E.id===U.RichTextEditingMutation.id&&V()});return()=>{A.unsubscribe(),D.dispose()}},[]),l.createElement("div",{className:X(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:b?"block":"none"}},l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-text-wrap.title")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrappingStyle")))),l.createElement("div",{className:X(v.imageCommonPanelRow)},l.createElement("div",{className:X(v.imageCommonPanelColumn)},l.createElement(W.RadioGroup,{value:C,onChange:M,direction:"vertical"},l.createElement(W.Radio,{value:ee.INLINE},n.t("image-text-wrap.inline")),l.createElement(W.Radio,{value:ee.WRAP_SQUARE},n.t("image-text-wrap.square")),l.createElement(W.Radio,{value:ee.WRAP_TOP_AND_BOTTOM},n.t("image-text-wrap.topAndBottom")),l.createElement(W.Radio,{value:ee.BEHIND_TEXT},n.t("image-text-wrap.behindText")),l.createElement(W.Radio,{value:ee.IN_FRONT_OF_TEXT},n.t("image-text-wrap.inFrontText"))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrapText")))),l.createElement("div",{className:X(v.imageCommonPanelRow)},l.createElement("div",{className:X(v.imageCommonPanelColumn)},l.createElement(W.RadioGroup,{disabled:f,value:_,onChange:k,direction:"horizontal"},l.createElement(W.Radio,{value:i.WrapTextType.BOTH_SIDES},n.t("image-text-wrap.bothSide")),l.createElement(W.Radio,{value:i.WrapTextType.LEFT},n.t("image-text-wrap.leftOnly")),l.createElement(W.Radio,{value:i.WrapTextType.RIGHT},n.t("image-text-wrap.rightOnly"))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.distanceFromText")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.top"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:De,max:Ce,disabled:p,precision:1,value:N.distT,onChange:A=>{B(A,"distT")},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.left"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:De,max:Ce,disabled:w,precision:1,value:N.distL,onChange:A=>{B(A,"distL")},className:v.imageCommonPanelInput})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.bottom"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:De,max:Ce,disabled:p,precision:1,value:N.distB,onChange:A=>{B(A,"distB")},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-text-wrap.right"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:De,max:Ce,disabled:w,precision:1,value:N.distR,onChange:A=>{B(A,"distR")},className:v.imageCommonPanelInput})))))))},qe=-1e3,ze=1e3,Xn=o=>{const e=i.useDependency(i.ICommandService),n=i.useDependency(i.LocaleService),t=i.useDependency(F.IDrawingManagerService),r=i.useDependency(x.IRenderManagerService),a=i.useDependency(i.IUniverInstanceService),s=i.useDependency(x.ITextSelectionRenderManager),{drawings:c}=o,m=c[0];if(m==null)return;const{unitId:d}=m,u=a.getUniverDocInstance(d),g=r.getRenderById(d),f=g==null?void 0:g.scene;if(f==null)return;const h=f.getTransformerByCreate(),p=[{label:n.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE)},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE)},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN)},{label:n.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[w,S]=l.useState(!0),[C,y]=l.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[_,P]=l.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[N,T]=l.useState(!0),[b,R]=l.useState(!0);function M(D,E){D==="positionH"?y(E):P(E);const O=t.getFocusDrawings();if(O.length===0)return;const L=O.map(G=>({unitId:G.unitId,subUnitId:G.subUnitId,drawingId:G.drawingId}));e.executeCommand(he.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:L.map(G=>({drawingId:G.drawingId,key:D,value:E}))}),s.blur(),h.refreshControls()}function k(D){var Y;const E=C.relativeFrom,O=C.posOffset,L=Number(D);if(E===L)return;const G=t.getFocusDrawings();if(G.length===0)return;const H=G[0].drawingId,z=G[0].unitId;let K=null,re=0;const te=(Y=r.getRenderById(z))==null?void 0:Y.with(U.DocSkeletonManagerService).getSkeleton(),ae=te==null?void 0:te.getSkeletonData();if(ae==null)return;for(const se of ae.pages){const{marginLeft:ce,skeDrawings:Z}=se;if(Z.has(H)){K=Z.get(H),re=ce;break}}if(K==null)return;let Q=0;E===i.ObjectRelativeFromH.COLUMN?Q-=K.columnLeft:E===i.ObjectRelativeFromH.MARGIN&&(Q-=re),L===i.ObjectRelativeFromH.COLUMN?Q+=K.columnLeft:L===i.ObjectRelativeFromH.MARGIN?Q+=re:i.ObjectRelativeFromH.PAGE;const J={relativeFrom:L,posOffset:(O!=null?O:0)-Q};M("positionH",J)}function B(D){var we,He,We,Xe,ke;const E=_.relativeFrom,O=_.posOffset,L=Number(D);if(E===L)return;const G=t.getFocusDrawings();if(G.length===0)return;const{drawingId:H,unitId:z}=G[0],K=a.getUniverDocInstance(z),re=(we=r.getRenderById(z))==null?void 0:we.with(U.DocSkeletonManagerService).getSkeleton(),te=(We=(He=K==null?void 0:K.getBody())==null?void 0:He.customBlocks)==null?void 0:We.find(Se=>Se.blockId===H);if(te==null\|\|re==null)return;const{startIndex:ae}=te,Q=re.findNodeByCharIndex(ae),J=(Xe=Q==null?void 0:Q.parent)==null?void 0:Xe.parent,Y=J==null?void 0:J.parent,se=Y==null?void 0:Y.lines.find(Se=>Se.paragraphIndex===(J==null?void 0:J.paragraphIndex)&&Se.paragraphStart),ce=(ke=Y==null?void 0:Y.parent)==null?void 0:ke.parent;if(Q==null\|\|J==null\|\|se==null\|\|Y==null\|\|ce==null)return;let Z=0;E===i.ObjectRelativeFromV.PARAGRAPH?Z-=se.top:E===i.ObjectRelativeFromV.LINE?Z-=J.top:E===i.ObjectRelativeFromV.PAGE&&(Z+=ce.marginTop),L===i.ObjectRelativeFromV.PARAGRAPH?Z+=se.top:L===i.ObjectRelativeFromV.LINE?Z+=J.top:L===i.ObjectRelativeFromV.PAGE&&(Z-=ce.marginTop);const ie={relativeFrom:L,posOffset:(O!=null?O:0)-Z};M("positionV",ie)}function V(D){var z;const E=u==null?void 0:u.getSnapshot(),O=(z=E==null?void 0:E.drawings)==null?void 0:z[D.drawingId];if(O==null)return;const{layoutType:L}=O,{positionH:G,positionV:H}=O.docTransform;y(G),P(H),S(L===i.PositionedObjectLayoutType.INLINE),T(H.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH\|\|H.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const D=t.getFocusDrawings();D.length!==0&&V(D[0])}function A(D){T(D),B(String(D?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return l.useEffect(()=>{q();const D=t.focus$.subscribe(O=>{if(O.length===0){R(!1);return}R(!0),V(O[0])}),E=e.onCommandExecuted(async O=>{O.id===U.RichTextEditingMutation.id&&q()});return()=>{D.unsubscribe(),E.dispose()}},[]),l.createElement("div",{className:X(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:b?"block":"none"}},l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-position.title")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.horizontal")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:qe,max:ze,precision:1,disabled:w,value:C.posOffset,onChange:D=>{M("positionH",{relativeFrom:C.relativeFrom,posOffset:D})},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.toTheRightOf"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Select,{value:String(C.relativeFrom),disabled:w,options:p,onChange:k})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.vertical")))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.InputNumber,{min:qe,max:ze,precision:1,disabled:w,value:_.posOffset,onChange:D=>{M("positionV",{relativeFrom:_.relativeFrom,posOffset:D})},className:v.imageCommonPanelInput}))))),l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},n.t("image-position.bellow"))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Select,{disabled:w,value:String(_.relativeFrom),options:I,onChange:B})))))),l.createElement("div",{className:v.imageCommonPanelRow},l.createElement("div",{className:X(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.options")))),l.createElement("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"}},l.createElement("div",{className:v.imageCommonPanelColumn},l.createElement(W.Checkbox,{disabled:w,checked:N,onChange:A},n.t("image-position.moveObjectWithText")))))},kn=()=>{const o=i.useDependency(F.IDrawingManagerService),e=o.getFocusDrawings(),[n,t]=l.useState(e);return l.useEffect(()=>{const r=o.focus$.subscribe(a=>{t(a)});return()=>{r.unsubscribe()}},[]),!!(n!=null&&n.length)&&l.createElement("div",{className:v.imageCommonPanel},l.createElement(me.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),l.createElement(Wn,{drawings:n}),l.createElement(Xn,{drawings:n}))},le={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(o,e)=>{const n=o.get(x.IRenderManagerService);return e.forEach(t=>{var r,a;(a=(r=n.getRenderById(t))==null?void 0:r.scene.getTransformer())==null\|\|a.debounceRefreshControls()}),!0}},ue={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(i.ICommandService),t=o.get(j.IDocDrawingService),r=o.get(i.IUniverInstanceService),a=o.get(x.IRenderManagerService),{direction:s}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const m=c[0].unitId,d=a.getRenderById(m),u=d==null?void 0:d.scene;if(u==null)return!1;const g=u.getTransformerByCreate(),f=r.getUniverDocInstance(m),h=c.map(I=>{var N,T,b,R,M;const{drawingId:w}=I,S=(N=f==null?void 0:f.getSnapshot().drawings)==null?void 0:N[w];if(S==null\|\|S.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:C,positionV:y}=S.docTransform,_={...C},P={...y};return s===i.Direction.UP?P.posOffset=((T=P.posOffset)!=null?T:0)-2:s===i.Direction.DOWN?P.posOffset=((b=P.posOffset)!=null?b:0)+2:s===i.Direction.LEFT?_.posOffset=((R=_.posOffset)!=null?R:0)-2:s===i.Direction.RIGHT&&(_.posOffset=((M=_.posOffset)!=null?M:0)+2),{drawingId:w,key:s===i.Direction.UP\|\|s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP\|\|s===i.Direction.DOWN?P:_}}).filter(I=>I!=null);if(h.length===0)return!1;const p=n.syncExecuteCommand(he.id,{unitId:m,subUnitId:m,drawings:h});return g.refreshControls(),!!p}},Le={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:o=>{const e=o.get(i.ICommandService),t=o.get(j.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:r}=t[0],a=t.map(s=>{const{unitId:c,subUnitId:m,drawingId:d,drawingType:u}=s;return{unitId:c,subUnitId:m,drawingId:d,drawingType:u}});return e.executeCommand(be.id,{unitId:r,drawings:a})}},Fe={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(i.ICommandService),t=o.get(j.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:a,drawingIds:s,arrangeType:c}=e,m={unitId:r,subUnitId:a,drawingIds:s};let d;if(c===F.ArrangeTypeEnum.forward?d=t.getForwardDrawingsOp(m):c===F.ArrangeTypeEnum.backward?d=t.getBackwardDrawingOp(m):c===F.ArrangeTypeEnum.front?d=t.getFrontDrawingsOp(m):c===F.ArrangeTypeEnum.back&&(d=t.getBackDrawingsOp(m)),d==null)return!1;const{redo:u}=d;if(u==null)return!1;const g=[];let f=i.Tools.deepClone(u);f=f.slice(3),f.unshift("drawingsOrder"),g.push(f);const h={id:U.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return h.params.actions=g.reduce((I,w)=>i.JSONX.compose(I,w),null),!!n.syncExecuteCommand(h.id,h.params)}},je={id:"doc.command.set-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(i.ICommandService),t=o.get(i.IUndoRedoService),r=o.get(j.IDocDrawingService);if(!e)return!1;const{drawings:a}=e,s=r.getBatchUpdateOp(a),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:m,op:u,objects:g,type:j.DocDrawingApplyType.UPDATE})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:d,objects:g,type:j.DocDrawingApplyType.UPDATE}},{id:le.id,params:[c]}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:u,objects:g,type:j.DocDrawingApplyType.UPDATE}},{id:le.id,params:[c]}]}),!0):!1}};function $n(o){const e=[];return o.forEach(n=>{const{parent:t,children:r}=n,{unitId:a,subUnitId:s,drawingId:c}=t,m=x.getGroupState(0,0,r.map(g=>g.transform\|\|{})),d=r.map(g=>{const f=g.transform\|\|{left:0,top:0},{unitId:h,subUnitId:p,drawingId:I}=g;return{unitId:h,subUnitId:p,drawingId:I,transform:{...f,left:f.left-m.left,top:f.top-m.top},groupId:c}}),u={unitId:a,subUnitId:s,drawingId:c,drawingType:F.DrawingTypeEnum.DRAWING_GROUP,transform:m};e.push({parent:u,children:d})}),e}function qn(o){const e=[];return o.forEach(n=>{const{parent:t,children:r}=n,{unitId:a,subUnitId:s,drawingId:c,transform:m={width:0,height:0}}=t;if(m==null)return;const d=r.map(g=>{const{transform:f}=g,{unitId:h,subUnitId:p,drawingId:I}=g,w=x.transformObjectOutOfGroup(f\|\|{},m,m.width\|\|0,m.height\|\|0);return{unitId:h,subUnitId:p,drawingId:I,transform:w,groupId:void 0}}),u={unitId:a,subUnitId:s,drawingId:c,drawingType:F.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};e.push({parent:u,children:d})}),e}const Be={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(i.ICommandService),t=o.get(i.IUndoRedoService),r=o.get(j.IDocDrawingService);if(!e)return!1;const a=[];e.forEach(({parent:h,children:p})=>{a.push(h.unitId),p.forEach(I=>{a.push(I.unitId)})});const s=r.getUngroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.UNGROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:$n(g),type:j.DocDrawingApplyType.GROUP}},{id:le.id,params:a}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.UNGROUP}},{id:le.id,params:a}]}),!0):!1}},Ge={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(i.ICommandService),t=o.get(i.IUndoRedoService),r=o.get(j.IDocDrawingService);if(!e)return!1;const a=[];e.forEach(({parent:h,children:p})=>{a.push(h.unitId),p.forEach(I=>{a.push(I.unitId)})});const s=r.getGroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(j.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.GROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:qn(g),type:j.DocDrawingApplyType.UNGROUP}},{id:le.id,params:a}],redoMutations:[{id:j.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:j.DocDrawingApplyType.GROUP}},{id:le.id,params:a}]}),!0):!1}},Ve={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var P,N;if(e==null)return!1;const n=o.get(i.ICommandService),t=o.get(U.TextSelectionManagerService),r=o.get(i.IUniverInstanceService),a=t.getActiveRange(),s=r.getCurrentUniverDocInstance();if(a==null\|\|s==null)return!1;const c=s.getUnitId(),{drawings:m}=e,{collapsed:d,startOffset:u,segmentId:g}=a,f=s.getSelfOrHeaderFooterModel(g).getBody();if(f==null)return!1;const h=new i.TextX,p=i.JSONX.getInstance(),I=[],w=(N=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?N:0;if(d)u>0&&h.push({t:i.TextXActionType.RETAIN,len:u,segmentId:g});else{const{dos:T}=U.getRetainAndDeleteFromReplace(a,g,0,f);h.push(...T)}h.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(m.length),customBlocks:m.map((T,b)=>({startIndex:b,blockId:T.drawingId}))},len:m.length,line:0,segmentId:g});const S=U.getRichTextEditPath(s,g),C=p.editOp(h.serialize(),S);I.push(C);for(const T of m){const{drawingId:b}=T,R=p.insertOp(["drawings",b],T),M=p.insertOp(["drawingsOrder",w],b);I.push(R),I.push(M)}const y={id:U.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=I.reduce((T,b)=>i.JSONX.compose(T,b),null),!!n.syncExecuteCommand(y.id,y.params)}};function Ie(o){return o.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&o.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const zn={id:ue.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_DOWN,priority:100,preconditions:Ie,staticParameters:{direction:i.Direction.DOWN}},Jn={id:ue.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_UP,priority:100,preconditions:Ie,staticParameters:{direction:i.Direction.UP}},Kn={id:ue.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_LEFT,priority:100,preconditions:Ie,staticParameters:{direction:i.Direction.LEFT}},Yn={id:ue.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:$.KeyCode.ARROW_RIGHT,priority:100,preconditions:Ie,staticParameters:{direction:i.Direction.RIGHT}},Zn={id:Le.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Ie,binding:$.KeyCode.DELETE,mac:$.KeyCode.BACKSPACE};var Qn=Object.defineProperty,et=Object.getOwnPropertyDescriptor,nt=(o,e,n,t)=>{for(var r=t>1?void 0:t?et(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&Qn(e,n,r),r},pe=(o,e)=>(n,t)=>e(n,t,o);let Pe=class extends i.Disposable{constructor(o,e,n,t,r){super(),this._injector=o,this._componentManager=e,this._menuService=n,this._commandService=t,this._shortcutService=r,this._init()}_initCustomComponents(){const o=this._componentManager;this.disposeWithMe(o.register(nn,Qe)),this.disposeWithMe(o.register(en,_n)),this.disposeWithMe(o.register(Ke,kn))}_initMenus(){[yn,On].forEach(o=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(o),{}))})}_initCommands(){[ve,Ve,on,rn,an,he,sn,cn,be,je,xe,le,Ue,Ge,Be,ue,Le,Fe].forEach(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initShortcuts(){[zn,Jn,Kn,Yn,Zn].forEach(o=>{this.disposeWithMe(this._shortcutService.registerShortcut(o))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Pe=nt([i.OnLifecycle(i.LifecycleStages.Ready,Pe),pe(0,i.Inject(i.Injector)),pe(1,i.Inject($.ComponentManager)),pe(2,$.IMenuService),pe(3,i.ICommandService),pe(4,$.IShortcutService)],Pe);var tt=Object.defineProperty,it=Object.getOwnPropertyDescriptor,ot=(o,e,n,t)=>{for(var r=t>1?void 0:t?it(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&tt(e,n,r),r},oe=(o,e)=>(n,t)=>e(n,t,o);let Ne=class extends i.Disposable{constructor(o,e,n,t,r,a,s,c,m,d,u,g){super(),this._context=o,this._commandService=e,this._textSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=r,this._docDrawingService=a,this._drawingManagerService=s,this._contextService=c,this._messageService=m,this._localeService=d,this._textSelectionManager=u,this._textSelectionRenderManager=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async o=>{if(o.id===ve.id){const e=o.params;if(e.files==null)return;const n=e.files.length;if(n>F.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(F.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(n),await this._insertFloatImages(e.files)}}))}async _insertFloatImages(o){let e=[];try{e=await Promise.all(o.map(r=>this._imageIoService.saveImage(r)))}catch(r){const a=r.message;a===F.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(F.DRAWING_IMAGE_ALLOW_SIZE/(10241024)))}):a===F.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):a===F.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const r of e){if(r==null)continue;const{imageId:a,imageSourceType:s,source:c,base64Cache:m}=r,{width:d,height:u,image:g}=await F.getImageSize(m\|\|"");this._imageIoService.addImageSourceCache(a,s,g);let f=1;if(d>F.DRAWING_IMAGE_WIDTH_LIMIT\|\|u>F.DRAWING_IMAGE_HEIGHT_LIMIT){const I=F.DRAWING_IMAGE_WIDTH_LIMIT/d,w=F.DRAWING_IMAGE_HEIGHT_LIMIT/u;f=Math.min(I,w)}const h=this._getImagePosition(df,uf);if(h==null)return;const p={unitId:n,subUnitId:n,drawingId:a,drawingType:F.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:ye.docDrawingPositionToTransform(h),docTransform:h,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};t.push(p)}this._commandService.executeCommand(Ve.id,{unitId:n,drawings:t})}_getImagePosition(o,e){const n=this._textSelectionManagerService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())\|\|{left:0,top:0};return{size:{width:o,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:i.ObjectRelativeFromV.MARGIN,posOffset:t.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(o=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r}=o;this._commandService.executeCommand(Fe.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(o=>{if(o.length===0)return;const e=[];if(o.forEach(n=>{const{unitId:t,subUnitId:r,drawingId:a,transform:s}=n;if(s==null)return;const c=this._docDrawingService.getDrawingByParam({unitId:t,subUnitId:r,drawingId:a});if(c==null)return;const m=ye.transformToDocDrawingPosition({...c.transform,...s});if(m==null)return;const d={...n,transform:{...s,...ye.docDrawingPositionToTransform(m)},docTransform:{...m}};e.push(d)}),e.length>0){const n=o[0].unitId;this._commandService.syncExecuteCommand(je.id,{unitId:n,drawings:e}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){var t;const{mainComponent:o,unitId:e}=this._context,n=(t=this._renderManagerSrv.getRenderById(e))==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton();n==null\|\|n.calculate(),o==null\|\|o.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ge.id,o)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Be.id,o)})}_getCurrentSceneAndTransformer(){const{scene:o,mainComponent:e}=this._context;if(o==null\|\|e==null)return;const n=o.getTransformerByCreate(),{docsLeft:t,docsTop:r}=e.getOffsetConfig();return{scene:o,transformer:n,docsLeft:t,docsTop:r}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(o=>{var r;const{transformer:e,docsLeft:n,docsTop:t}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};o==null\|\|o.length===0?(this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0})):(this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(o),this._textSelectionManager.replaceTextRanges([]),e&&e.resetProps({zeroTop:t,zeroLeft:n}))}))}};Ne=ot([oe(1,i.ICommandService),oe(2,i.Inject(U.TextSelectionManagerService)),oe(3,x.IRenderManagerService),oe(4,F.IImageIoService),oe(5,j.IDocDrawingService),oe(6,F.IDrawingManagerService),oe(7,i.IContextService),oe(8,$.IMessageService),oe(9,i.Inject(i.LocaleService)),oe(10,i.Inject(U.TextSelectionManagerService)),oe(11,x.ITextSelectionRenderManager)],Ne);var rt=Object.defineProperty,at=Object.getOwnPropertyDescriptor,st=(o,e,n,t)=>{for(var r=t>1?void 0:t?at(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&rt(e,n,r),r},_e=(o,e)=>(n,t)=>e(n,t,o);let Ae=class extends i.Disposable{constructor(e,n,t,r,a){super();de(this,"_liquid",new x.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=r,this._drawingManagerService=a,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){const{mainComponent:e}=this._context;this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{if(n==null)return;e.changeSkeleton(n),this._refreshDrawing(n)})}_commandExecutedListener(){const e=[U.RichTextEditingMutation.id,U.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:r}=t,{unitId:a,mainComponent:s}=this._context;if(r!==a)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(a)){s==null\|\|s.makeDirty();return}this._refreshDrawing(c)}}))}_refreshDrawing(e){var I,w;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:r}=this._context,a=t;if(!n)return;const{left:s,top:c,pageLayoutType:m,pageMarginLeft:d,pageMarginTop:u}=a,{pages:g,skeHeaders:f,skeFooters:h}=n,p=[];this._liquid.reset();for(let S=0,C=g.length;S<C;S++){const y=g[S],{headerId:_,footerId:P,pageWidth:N}=y;if(_){const T=(I=f.get(_))==null?void 0:I.get(N);T&&this._calculateDrawingPosition(r,T,s,c,p)}if(P){const T=(w=h.get(P))==null?void 0:w.get(N);T&&this._calculateDrawingPosition(r,T,s,c,p)}this._calculateDrawingPosition(r,y,s,c,p),this._liquid.translatePage(y,m,d,u)}p.length>0&&this._drawingManagerService.refreshTransform(p)}_calculateDrawingPosition(e,n,t,r,a){const{skeDrawings:s}=n;this._liquid.translatePagePadding(n),s.forEach(c=>{const{aLeft:m,aTop:d,height:u,width:g,angle:f,drawingId:h,drawingOrigin:p}=c,I=p.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&p.behindDoc===i.BooleanNumber.TRUE;a.push({unitId:e,subUnitId:e,drawingId:h,behindText:I,transform:{left:m+t+this._liquid.x,top:d+r+this._liquid.y,width:g,height:u,angle:f}})}),this._liquid.restorePagePadding(n)}};Ae=st([_e(1,i.Inject(U.DocSkeletonManagerService)),_e(2,i.ICommandService),_e(3,$.IEditorService),_e(4,F.IDrawingManagerService)],Ae);var ct=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,dt=(o,e,n,t)=>{for(var r=t>1?void 0:t?lt(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&ct(e,n,r),r},fe=(o,e)=>(n,t)=>e(n,t,o);function mt(o){var t,r,a,s;if(i.JSONX.isNoop(o)\|\|!Array.isArray(o))return null;const e=o.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null\|\|!Array.isArray(e)\|\|e.length<3\|\|typeof e[1]=="string"&&typeof e[2]!="object"\|\|Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function ut(o){if(!Array.isArray(o)\|\|o.length<3\|\|o[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<o.length;n++){const t=o[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 Me=class extends i.Disposable{constructor(o,e,n,t,r){super(),this._univerInstanceService=o,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(o=>{if(o.id!==U.RichTextEditingMutation.id)return;const e=o.params,{unitId:n,actions:t}=e,r=mt(t);if(r!=null)for(const{type:a,drawingId:s,drawing:c}of r)a==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{if(o.id!==U.RichTextEditingMutation.id)return;const e=o.params,{unitId:n,actions:t}=e;ut(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{var s;if(o.id!==i.UndoCommand.id&&o.id!==i.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null\|\|n.length===0)return;const t=this._renderManagerService.getRenderById(e),r=t==null?void 0:t.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(o,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:s,objects:c}=r;n.applyJson1(o,a,s),t.applyJson1(o,a,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(o,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(m=>({unitId:o,subUnitId:o,drawingId:m}))),{subUnitId:a,redo:s,objects:c}=r;n.applyJson1(o,a,s),t.applyJson1(o,a,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(o){const e=this._univerInstanceService.getUniverDocInstance(o);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,r=this._docDrawingService;t.setDrawingOrder(o,o,n),r.setDrawingOrder(o,o,n);const a={unitId:o,subUnitId:o,drawingIds:n};t.orderNotification(a),r.orderNotification(a)}};Me=dt([i.OnLifecycle(i.LifecycleStages.Steady,Me),fe(0,i.IUniverInstanceService),fe(1,i.ICommandService),fe(2,F.IDrawingManagerService),fe(3,j.IDocDrawingService),fe(4,x.IRenderManagerService)],Me);var gt=Object.defineProperty,pt=Object.getOwnPropertyDescriptor,ft=(o,e,n,t)=>{for(var r=t>1?void 0:t?pt(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&gt(e,n,r),r},Te=(o,e)=>(n,t)=>e(n,t,o);const ht="__InlineDrawingAnchor__";let Ee=class extends i.Disposable{constructor(e,n,t,r){super();de(this,"_liquid",new x.Liquid);de(this,"_listenerOnImageMap",new Set);de(this,"_transformerCache",new Map);de(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=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 c;this._transformerCache.clear();const{objects:s}=a;for(const m of s.values()){const{oKey:d,width:u,height:g,left:f,top:h,angle:p}=m,I=this._drawingManagerService.getDrawingOKey(d);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),S=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[I.drawingId];(S==null?void 0:S.layoutType)===i.PositionedObjectLayoutType.INLINE&&m.setOpacity(.2),S!=null&&this._transformerCache.set(I.drawingId,{drawing:S,top:h,left:f,width:u,height:g,angle:p})}})));const t=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;if(s.size>1)t(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:f,top:h,left:p,angle:I}=u;if(g===d.width&&f===d.height&&h===d.top&&p===d.left&&I===d.angle)return;d&&(d.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&m!=null&&this._updateInlineDrawingAnchor(d.drawing,c,m)}}))),this.disposeWithMe(i.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:s,offsetX:c,offsetY:m}=a;for(const d of s.values()){const u=this._drawingManagerService.getDrawingOKey(d.oKey);if(u==null)continue;const g=this._transformerCache.get(u==null?void 0:u.drawingId);(g==null?void 0:g.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:f,top:h,left:p,angle:I}=u;if(g===d.width&&f===d.height&&h===d.top&&p===d.left&&I===d.angle)return;d&&d.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?g!==d.width\|\|f!==d.height\|\|I!==d.angle?this._updateDrawingSize(d,u):c!=null&&m!=null&&this._moveInlineDrawing(d.drawing,c,m):d&&this._nonInlineDrawingTransform(d.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:s,left:c,top:m,angle:d}=a;let{width:u,height:g}=a;const f=this._drawingManagerService.getDrawingOKey(s);if(f==null)continue;t==null&&(t=f.unitId),r==null&&(r=f.subUnitId);const h=this._transformerCache.get(f.drawingId);if(h==null)continue;const{drawing:p,top:I,left:w,width:S,height:C,angle:y}=h,{width:_,height:P}=this._getPageContentSize(p);if(u=Math.min(u,_),g=Math.min(g,P),(S!==u\|\|C!==g)&&n.push({drawingId:f.drawingId,key:"size",value:{width:u,height:g}}),y!==d&&n.push({drawingId:f.drawingId,key:"angle",value:d}),I!==m\|\|w!==c){const N=m-I,T=c-w;N!==0&&n.push({drawingId:f.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+N}}),T!==0&&n.push({drawingId:f.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+T}})}}n.length>0&&t&&r&&this._commandService.executeCommand(he.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 k;const r=this._renderManagerService.getRenderById(e.unitId),a=r==null?void 0:r.with(U.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:c}=r,m=s,d=c.getViewports()[0],{pageLayoutType:u=x.PageLayoutType.VERTICAL,pageMarginLeft:g,pageMarginTop:f}=m.getOffsetConfig();let h=null,p=!1,I=-1;const w=.5,S=this._getTransformCoordForDocumentOffset(m,d,n,t);if(S==null)return;const C=a==null?void 0:a.findNodeByCoord(S,u,g,f);if(C){const{node:B,ratioX:V,segmentPage:q}=C;p=V<w,h=B,I=q}if(h==null)return;const y=a==null?void 0:a.findPositionByGlyph(h,I),_=this._getDocObject();if(y==null\|\|a==null\|\|_==null)return;const P={...y,isBack:p},N=_.document.getOffsetConfig(),T=new x.NodePositionConvertToCursor(N,a),{cursorList:b,contentBoxPointGroup:R}=T.getRangePointData(P,P),{startOffset:M}=(k=x.getOneTextSelectionRange(b))!=null?k:{};if(M!=null)return{offset:M,contentBoxPointGroup:R}}_getDrawingAnchor(e,n){var Y,se,ce,Z;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton(),a=r==null?void 0:r.getViewModel(),s=r==null?void 0:r.getSkeletonData();if(s==null\|\|t==null\|\|a==null)return;const{pages:c}=s,{mainComponent:m,scene:d}=t,u=m,g=d.getViewports()[0],{pageLayoutType:f=x.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:p,docsLeft:I,docsTop:w}=u.getOffsetConfig(),{left:S,top:C,angle:y}=n;let{width:_,height:P}=n;const{positionV:N,positionH:T}=e.docTransform,{width:b,height:R}=this._getPageContentSize(e);_=Math.min(_,b),P=Math.min(P,R);let M=null,k=-1;const B=!1,V={...e.docTransform,size:{width:_,height:P},angle:y},{x:q,y:A}=d.getViewportScrollXY(g),D=this._getTransformCoordForDocumentOffset(u,g,S-q,C-A);if(D==null)return;const E=r==null?void 0:r.findNodeByCoord(D,f,h,p);if(E){const{node:ie,segmentPage:we}=E;M=ie,k=we}if(M==null)return;const O=(Y=M.parent)==null?void 0:Y.parent,L=O==null?void 0:O.parent,G=(se=L==null?void 0:L.lines.find(ie=>ie.paragraphIndex===(O==null?void 0:O.paragraphIndex)&&ie.paragraphStart))!=null?se:L==null?void 0:L.lines[0],H=(ce=L==null?void 0:L.parent)==null?void 0:ce.parent;this._liquid.reset();for(const ie of c){if(this._liquid.translatePagePadding(ie),ie===H)break;this._liquid.restorePagePadding(ie),this._liquid.translatePage(ie,f,h,p)}if(O==null\|\|L==null\|\|G==null\|\|H==null)return;switch(N.relativeFrom===i.ObjectRelativeFromV.LINE?M=O.divides[0].glyphGroup[0]:M=G.divides[0].glyphGroup[0],V.positionH={relativeFrom:T.relativeFrom,posOffset:S-this._liquid.x-I},T.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{V.positionH.posOffset=S-this._liquid.x-I-H.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{V.positionH.posOffset=S-this._liquid.x-I-L.left;break}}switch(V.positionV={relativeFrom:N.relativeFrom,posOffset:C-this._liquid.y-w},N.relativeFrom){case i.ObjectRelativeFromV.PAGE:{V.positionV.posOffset=C-this._liquid.y-w-H.marginTop;break}case i.ObjectRelativeFromV.LINE:{V.positionV.posOffset=C-this._liquid.y-w-O.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{V.positionV.posOffset=C-this._liquid.y-w-G.top;break}}if(M==null)return;const z=r==null?void 0:r.findPositionByGlyph(M,k),K=this._getDocObject();if(z==null\|\|r==null\|\|K==null)return;const re={...z,isBack:B},te=K.document.getOffsetConfig(),ae=new x.NodePositionConvertToCursor(te,r),{cursorList:Q}=ae.getRangePointData(re,re),{startOffset:J}=(Z=x.getOneTextSelectionRange(Q))!=null?Z:{};if(J!=null)return{offset:J,docTransform:V}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:a,height:s,angle:c}=e,{unitId:m,subUnitId:d}=r;let{width:u,height:g,angle:f}=n;const{width:h,height:p}=this._getPageContentSize(r);u=Math.min(h,u),g=Math.min(p,g),(u!==a\|\|g!==s)&&t.push({drawingId:r.drawingId,key:"size",value:{width:u,height:g}}),f!==c&&t.push({drawingId:r.drawingId,key:"angle",value:f}),t.length>0&&m&&d&&this._commandService.executeCommand(he.id,{unitId:m,subUnitId:d,drawings:t})}_moveInlineDrawing(e,n,t){const r=this._getInlineDrawingAnchor(e,n,t),{offset:a}=r!=null?r:{};if(a!=null)return this._commandService.executeCommand(sn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:r,top:a,width:s,height:c,angle:m}=n,d=t==null?void 0:t.with(U.DocSkeletonManagerService).getSkeleton(),u=d==null?void 0:d.getSkeletonData(),{pages:g}=u!=null?u:{};if(u==null\|\|t==null\|\|g==null)return{left:r,top:a,width:s,height:c,angle:m};const{mainComponent:f}=t,h=f,{top:p,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:S}=h;let C=a;this._liquid.reset();for(const y of g){const{marginBottom:_,pageHeight:P}=y,N=g.indexOf(y),T=g[N+1];if(T==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(a,a+c,this._liquid.y+p+P-_,this._liquid.y+p+P+S+T.marginTop)){const R=a+c/2,M=this._liquid.y+p+P+S/2;R<M?C=Math.min(a,this._liquid.y+p+P-_-c):C=Math.max(a,this._liquid.y+p+P+S+T.marginTop)}this._liquid.translatePage(y,I,w,S)}return{left:r,top:C,width:s,height:c,angle:m}}_nonInlineDrawingTransform(e,n,t=!1){const r=this._limitDrawingInPage(e,n);if(t&&r.top!==n.top)return;const a=this._getDrawingAnchor(e,r),{offset:s,docTransform:c}=a!=null?a:{};return s==null\|\|c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(cn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform: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(),s=n.transformVector2SceneCoord(x.Vector2.FromArray([t,r]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:r,scene:a}=t,s=r,{docsLeft:c,docsTop:m}=s.getOffsetConfig(),d=x.getAnchorBounding(n),{left:u,top:g,height:f}=d,h=u+c,p=g+m;if(this._anchorShape){this._anchorShape.transformByState({left:h,top:p,height:f}),this._anchorShape.show();return}const I=6,w=new x.Rect(ht+i.Tools.generateRandomId(I),{left:h,top:p,height:f,strokeWidth:2,stroke:x.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=w,a.addObject(w,x.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return U.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(U.DocSkeletonManagerService).getSkeleton(),r=500,a=500,s=t==null?void 0:t.getSkeletonData();if(s==null\|\|n==null)return{width:r,height:a};const{pages:c}=s;let m=null;for(const d of c){const{skeDrawings:u}=d;if(u.has(e.drawingId)){m=d;break}}if(m){const{pageWidth:d,pageHeight:u,marginLeft:g,marginBottom:f,marginRight:h,marginTop:p}=m;return{width:Math.max(r,d-g-h),height:Math.max(a,u-p-f)}}else return{width:r,height:a}}};Ee=ft([i.OnLifecycle(i.LifecycleStages.Rendered,Ee),Te(0,i.ICommandService),Te(1,i.IUniverInstanceService),Te(2,F.IDrawingManagerService),Te(3,x.IRenderManagerService)],Ee);var ln=Object.defineProperty,vt=Object.getOwnPropertyDescriptor,It=(o,e,n)=>e in o?ln(o,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[e]=n,wt=(o,e,n,t)=>{for(var r=t>1?void 0:t?vt(e,n):e,a=o.length-1,s;a>=0;a--)(s=o[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&ln(e,n,r),r},Je=(o,e)=>(n,t)=>e(n,t,o),dn=(o,e,n)=>It(o,typeof e!="symbol"?e+"":e,n);const St="DOCS_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e,n,t){super(),this._injector=n,this._renderManagerSrv=t}onStarting(e){[[Pe],[Oe],[Ee],[Me]].forEach(t=>e.add(t))}onReady(){[[Ne],[Ae]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e))}};dn(exports.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC);dn(exports.UniverDocsDrawingUIPlugin,"pluginName",St);exports.UniverDocsDrawingUIPlugin=wt([i.DependentOn(me.UniverDrawingUIPlugin,F.UniverDrawingPlugin,j.UniverDocsDrawingPlugin),Je(1,i.Inject(i.Injector)),Je(2,x.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=le;exports.DeleteDocDrawingsCommand=Le;exports.EditDocDrawingOperation=Ue;exports.GroupDocDrawingCommand=Ge;exports.InsertDocDrawingCommand=Ve;exports.InsertDocImageOperation=ve;exports.MoveDocDrawingsCommand=ue;exports.RemoveDocDrawingCommand=be;exports.SetDocDrawingArrangeCommand=Fe;exports.SetDocDrawingCommand=je;exports.SidebarDocDrawingOperation=xe;exports.UngroupDocDrawingCommand=Be;

package/lib/es/index.js CHANGED Viewed

@@ -1,8 +1,7 @@
 var dt = Object.defineProperty;
 var mt = (i, e, n) => e in i ? dt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
 var Pe = (i, e, n) => mt(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as $, ICommandService as W, IUniverInstanceService as X, TextX as Je, JSONX as k, MemoryCursor as ut, TextXActionType as j, LocaleService as en, RxDisposable as gt, UniverInstanceType as Ce, toDisposable as Ee, FOCUSING_COMMON_DRAWINGS as Ze, OnLifecycle as nn, LifecycleStages as tn, IContextService as xn, PositionedObjectLayoutType as B, BooleanNumber as Me, ObjectRelativeFromH as Y, ObjectRelativeFromV as G, Tools as _e, WrapTextType as Ae, Direction as ae, IUndoRedoService as mn, FOCUSING_UNIVER_EDITOR as pt, Disposable as Ue, UndoCommand as ft, RedoCommand as ht, throttle as In, COLORS as wt, Plugin as vt, DependentOn as It } from "@univerjs/core";
-import { Inject as Se, Injector as Un } from "@wendellhu/redi";
+import { CommandType as $, ICommandService as W, IUniverInstanceService as X, TextX as Je, JSONX as k, MemoryCursor as ut, TextXActionType as j, LocaleService as en, RxDisposable as gt, UniverInstanceType as Ce, toDisposable as Ee, FOCUSING_COMMON_DRAWINGS as Ze, OnLifecycle as nn, LifecycleStages as tn, Inject as Se, IContextService as xn, useDependency as ie, PositionedObjectLayoutType as B, BooleanNumber as Me, ObjectRelativeFromH as Y, ObjectRelativeFromV as G, Tools as _e, WrapTextType as Ae, Direction as ae, IUndoRedoService as mn, FOCUSING_UNIVER_EDITOR as pt, Disposable as Ue, Injector as Un, UndoCommand as ft, RedoCommand as ht, throttle as In, COLORS as wt, Plugin as vt, DependentOn as It } from "@univerjs/core";
 import { ImageCropperObject as _t, COMPONENT_IMAGE_POPUP_MENU as Ct, OpenImageCropOperation as St, ImageResetSizeOperation as Dt, DrawingCommonPanel as Pt, UniverDrawingUIPlugin as Et } from "@univerjs/drawing-ui";
 import { IDrawingManagerService as ge, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Ot, ArrangeTypeEnum as He, DrawingTypeEnum as un, DRAWING_IMAGE_COUNT_LIMIT as _n, ImageUploadStatusType as an, DRAWING_IMAGE_ALLOW_SIZE as Tt, getImageSize as Mt, DRAWING_IMAGE_WIDTH_LIMIT as Cn, DRAWING_IMAGE_HEIGHT_LIMIT as Sn, IImageIoService as yt, UniverDrawingPlugin as bt } from "@univerjs/drawing";
 import { IDocDrawingService as De, SetDocDrawingApplyMutation as fe, DocDrawingApplyType as he, UniverDocsDrawingPlugin as Rt } from "@univerjs/docs-drawing";
@@ -11,7 +10,6 @@ import { takeUntil as On, combineLatest as Gt, Observable as Wt } from "rxjs";
 import { DocCanvasPopManagerService as Ht, docDrawingPositionToTransform as Tn, transformToDocDrawingPosition as Vt } from "@univerjs/docs-ui";
 import { RichTextEditingMutation as Z, getRichTextEditPath as on, DocSkeletonManagerService as me, TextSelectionManagerService as cn, getRetainAndDeleteFromReplace as jt, SetDocZoomRatioOperation as kt, getDocObject as $t } from "@univerjs/docs";
 import { ISidebarService as zt, MenuItemType as Fn, MenuPosition as Xt, MenuGroup as qt, getMenuHiddenObservable as Bn, KeyCode as ye, ComponentManager as Kt, IMenuService as Yt, IShortcutService as Zt, IMessageService as Qt, IEditorService as Jt } from "@univerjs/ui";
-import { useDependency as ie } from "@wendellhu/redi/react-bindings";
 import d, { forwardRef as Gn, useRef as Wn, createElement as Hn, useState as te, useEffect as gn } from "react";
 import H from "clsx";
 import { RadioGroup as Mn, Radio as Ie, InputNumber as Te, Select as yn, Checkbox as ei, MessageType as Ve } from "@univerjs/design";

package/lib/types/controllers/doc-drawing.controller.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import { Disposable, ICommandService } from '@univerjs/core';
+import { Disposable, ICommandService, Injector } from '@univerjs/core';
 import { ComponentManager, IMenuService, IShortcutService } from '@univerjs/ui';
-import { Injector } from '@wendellhu/redi';
 export declare class DocDrawingUIController extends Disposable {
     private readonly _injector;

package/lib/types/plugin.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-import { Plugin, UniverInstanceType } from '@univerjs/core';
-import { Injector } from '@wendellhu/redi';
+import { Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 export declare class UniverDocsDrawingUIPlugin extends Plugin {

package/lib/types/views/menu/image.menu.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { IMenuItem } from '@univerjs/ui';
-import { IAccessor } from '@wendellhu/redi';
+import { IAccessor } from '@univerjs/core';
 export declare const ImageUploadIcon = "addition-and-subtraction-single";
 export declare function ImageMenuFactory(accessor: IAccessor): IMenuItem;

package/lib/umd/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(E,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/drawing-ui"),require("@univerjs/drawing"),require("@univerjs/docs-drawing"),require("@univerjs/engine-render"),require("rxjs"),require("@univerjs/docs-ui"),require("@univerjs/docs"),require("@univerjs/ui"),require("@wendellhu/redi/react-bindings"),require("react"),require("clsx"),require("@univerjs/design")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/drawing-ui","@univerjs/drawing","@univerjs/docs-drawing","@univerjs/engine-render","rxjs","@univerjs/docs-ui","@univerjs/docs","@univerjs/ui","@wendellhu/redi/react-bindings","react","clsx","@univerjs/design"],o):(E=typeof globalThis<"u"?globalThis:E\|\|self,o(E.UniverDocsDrawingUi={},E.UniverCore,E["@wendellhu/redi"],E.UniverDrawingUi,E.UniverDrawing,E.UniverDocsDrawing,E.UniverEngineRender,E.rxjs,E.UniverDocsUi,E.UniverDocs,E.UniverUi,E["@wendellhu/redi/react-bindings"],E.React,E.clsx,E.UniverDesign))})(this,function(E,o,J,pe,j,B,R,De,_e,L,q,Z,l,k,X){"use strict";var at=Object.defineProperty;var rt=(E,o,J)=>o in E?at(E,o,{enumerable:!0,configurable:!0,writable:!0,value:J}):E[o]=J;var ge=(E,o,J)=>rt(E,typeof o!="symbol"?o+"":o,J);const Te={id:"doc.command.remove-doc-image",type:o.CommandType.COMMAND,handler:(a,e)=>{var _,P,x,T;const n=a.get(o.ICommandService),t=a.get(o.IUniverInstanceService),i=a.get(R.ITextSelectionRenderManager),r=t.getCurrentUniverDocInstance();if(e==null\|\|r==null)return!1;const{drawings:s}=e,c=(_=i.getSegment())!=null?_:"",m=new o.TextX,d=o.JSONX.getInstance(),u=(x=(P=r.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:P.customBlocks)!=null?x:[],g=s.map(A=>u.find(N=>N.blockId===A.drawingId)).filter(A=>!!A).sort((A,N)=>A.startIndex>N.startIndex?1:-1),h=s[0].unitId,v=new o.MemoryCursor;v.reset();const p=g[0].startIndex,I=[{startOffset:p,endOffset:p}],w={id:L.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:I}},S=[];for(const A of g){const{startIndex:N}=A;N>v.cursor&&m.push({t:o.TextXActionType.RETAIN,len:N-v.cursor,segmentId:""}),m.push({t:o.TextXActionType.DELETE,len:1,line:0,segmentId:""}),v.moveCursorTo(N+1)}const D=L.getRichTextEditPath(r,c);S.push(d.editOp(m.serialize(),D));for(const A of g){const{blockId:N}=A,M=((T=r.getDrawings())!=null?T:{})[N],G=r.getDrawingsOrder().indexOf(N),H=d.removeOp(["drawings",N],M),z=d.removeOp(["drawingsOrder",G],N);S.push(H),S.push(z)}return w.params.actions=S.reduce((A,N)=>o.JSONX.compose(A,N),null),!!n.syncExecuteCommand(w.id,w.params)}},ke="COMPONENT_DOC_DRAWING_PANEL",Re={id:"sidebar.operation.doc-image",type:o.CommandType.COMMAND,handler:async(a,e)=>{const n=a.get(q.ISidebarService),t=a.get(o.LocaleService),i=a.get(j.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:ke},onClose:()=>{i.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Le={id:"doc.operation.edit-doc-image",type:o.CommandType.OPERATION,handler:(a,e)=>{const n=a.get(j.IDrawingManagerService),t=a.get(o.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Re.id,{value:"open"}),!0)}};var pn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,hn=(a,e,n,t)=>{for(var i=t>1?void 0:t?fn(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&pn(e,n,i),i},he=(a,e)=>(n,t)=>e(n,t,a);let ye=class extends o.RxDisposable{constructor(e,n,t,i,r){super();ge(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=i,this._contextService=r,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC).pipe(De.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(o.UniverInstanceType.UNIVER_DOC).pipe(De.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(o.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof pe.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var r;const n=(r=this._renderManagerService.getRenderById(e))==null?void 0:r.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const i=[];this.disposeWithMe(o.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(i.forEach(I=>I.dispose()),i.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const m=c.oKey,d=this._drawingManagerService.getDrawingOKey(m);if(!d)return;const{unitId:u,subUnitId:g,drawingId:h}=d;i.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:pe.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,g,h)}}))),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===u&&I.subUnitId===g&&I.drawingId===h)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:g,drawingId:h}])}))),this.disposeWithMe(o.toDisposable(t.clearControl$.subscribe(()=>{i.forEach(s=>s.dispose()),i.length=0,this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(o.toDisposable(t.changing$.subscribe(()=>{i.forEach(s=>s.dispose()),i.length=0}))),this.disposeWithMe(o.toDisposable(t.changeStart$.subscribe(()=>{i.forEach(s=>s.dispose()),i.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Le.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!1},{label:"image-popup.delete",index:1,commandId:Te.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:pe.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:pe.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};ye=hn([o.OnLifecycle(o.LifecycleStages.Rendered,ye),he(0,j.IDrawingManagerService),he(1,J.Inject(_e.DocCanvasPopManagerService)),he(2,R.IRenderManagerService),he(3,o.IUniverInstanceService),he(4,o.IContextService)],ye);var te=function(){return te=Object.assign\|\|function(a){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(a[i]=e[i])}return a},te.apply(this,arguments)},vn=function(a,e){var n={};for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&e.indexOf(t)<0&&(n[t]=a[t]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,t=Object.getOwnPropertySymbols(a);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(a,t[i])&&(n[t[i]]=a[t[i]]);return n},$e=l.forwardRef(function(a,e){var n=a.icon,t=a.id,i=a.className,r=a.extend,s=vn(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(i\|\|"").trim(),m=l.useRef("_".concat(Sn()));return qe(n,"".concat(t),{defIds:n.defIds,idSuffix:m.current},te({ref:e,className:c},s),r)});function qe(a,e,n,t,i){return l.createElement(a.tag,te(te({key:e},In(a,n,i)),t),(wn(a,n).children\|\|[]).map(function(r,s){return qe(r,"".concat(e,"-").concat(a.tag,"-").concat(s),n,void 0,i)}))}function In(a,e,n){var t=te({},a.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var i=e.defIds;return!i\|\|i.length===0\|\|(a.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(r){var s=r[0],c=r[1];typeof c=="string"&&(t[s]=c.replace(/url$#(.)$/,"url(#$1".concat(e.idSuffix,")")))})),t}function wn(a,e){var n,t=e.defIds;return!t\|\|t.length===0?a:a.tag==="defs"&&(!((n=a.children)===null\|\|n===void 0)&&n.length)?te(te({},a),{children:a.children.map(function(i){return typeof i.attrs.id=="string"&&t&&t.indexOf(i.attrs.id)>-1?te(te({},i),{attrs:te(te({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):a}function Sn(){return Math.random().toString(36).substring(2,8)}$e.displayName="UniverIcon";var Cn={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"}}]},ze=l.forwardRef(function(a,e){return l.createElement($e,Object.assign({},a,{id:"add-image-single",ref:e,icon:Cn}))});ze.displayName="AddImageSingle";const ve={id:"doc.operation.insert-float-image",type:o.CommandType.OPERATION,handler:()=>!0},Je={uploadFileMenu:"univer-upload-file-menu",uploadFileMenuInput:"univer-upload-file-menu-input"},Dn=()=>{const a=Z.useDependency(o.ICommandService),e=l.useRef(null),n=()=>{var r;(r=e.current)==null\|\|r.click()},t=j.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(r=>`.${r.replace("image/","")}`).join(","),i=r=>{const s=r.target.files;if(s==null)return;const c=Array.from(s);a.executeCommand(ve.id,{files:c}),e.current&&(e.current.value="")};return l.createElement("div",{onClick:n,className:Je.uploadFileMenu},l.createElement("input",{type:"file",className:Je.uploadFileMenuInput,ref:e,onChange:i,accept:t,multiple:!0}))},Ke="COMPONENT_DOC_UPLOAD_FILE_MENU",Ye="addition-and-subtraction-single",Ze="doc.menu.image";function _n(a){const e=a.get(o.IUniverInstanceService),n=a.get(R.IRenderManagerService);return new De.Observable(t=>{const i=e.focused$.subscribe(c=>{if(c==null)return t.next(!0);const m=n.getRenderById(c);if(m==null)return t.next(!0);m.with(L.DocSkeletonManagerService).getViewModel().editAreaChange$.subscribe(u=>{t.next(u===R.DocumentEditArea.HEADER\|\|u===R.DocumentEditArea.FOOTER)})}),r=n.getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_DOC);if(r==null)return t.next(!0);const s=r.with(L.DocSkeletonManagerService).getViewModel();return t.next(s.getEditArea()!==R.DocumentEditArea.BODY),()=>i.unsubscribe()})}function Tn(a){return{id:Ze,type:q.MenuItemType.SUBITEMS,positions:[q.MenuPosition.TOOLBAR_START],group:q.MenuGroup.TOOLBAR_LAYOUT,icon:Ye,tooltip:"docImage.title",hidden$:De.combineLatest(q.getMenuHiddenObservable(a,o.UniverInstanceType.UNIVER_DOC),_n(a),(e,n)=>e\|\|n)}}function yn(a){return{id:ve.id,title:"docImage.upload.float",type:q.MenuItemType.SELECTOR,label:{name:Ke},positions:[Ze],hidden$:q.getMenuHiddenObservable(a,o.UniverInstanceType.UNIVER_DOC)}}const f={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",sheetImageMenu:"univer-sheet-image-menu",sheetImageMenuInput:"univer-sheet-image-menu-input"};var ie=(a=>(a.INLINE="inline",a.BEHIND_TEXT="behindText",a.IN_FRONT_OF_TEXT="inFrontOfText",a.WRAP_SQUARE="wrapSquare",a.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",a))(ie\|\|{});const On={inline:o.PositionedObjectLayoutType.INLINE,wrapSquare:o.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:o.PositionedObjectLayoutType.WRAP_NONE,behindText:o.PositionedObjectLayoutType.WRAP_NONE},Qe={id:"doc.command.update-doc-drawing-wrapping-style",type:o.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:i}=e,r=a.get(o.ICommandService),s=a.get(o.IUniverInstanceService),m=a.get(R.IRenderManagerService).getRenderById(i),d=m==null?void 0:m.with(L.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=m==null?void 0:m.scene,g=s.getCurrentUniverDocInstance();if(g==null\|\|d==null\|\|u==null)return!1;const h=u.getTransformerByCreate(),{pages:v}=d,p=o.JSONX.getInstance(),I=[],{drawings:w={}}=g.getSnapshot();for(const y of n){const{drawingId:_}=y,P=w[_].layoutType,x=On[t];if(P!==x){const M=p.replaceOp(["drawings",_,"layoutType"],P,x);I.push(M)}if(t==="behindText"\|\|t==="inFrontOfText"){const M=w[_].behindDoc,$=t==="behindText"?o.BooleanNumber.TRUE:o.BooleanNumber.FALSE;if(M!==$){const G=p.replaceOp(["drawings",_,"behindDoc"],M,$);I.push(G)}}if(t==="inline")continue;let T=null,A=0,N=0;for(const M of v)if(M.skeDrawings.has(_)){T=M.skeDrawings.get(_),A=M.marginTop,N=M.marginLeft;break}if(T!=null){const{aTop:M,aLeft:$}=T,G=w[_].docTransform.positionH;let H=$;G.relativeFrom===o.ObjectRelativeFromH.MARGIN?H-=N:G.relativeFrom===o.ObjectRelativeFromH.COLUMN&&(H-=T.columnLeft);const z={relativeFrom:G.relativeFrom,posOffset:H};if(G.posOffset!==z.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionH"],G,z);I.push(O)}const U=w[_].docTransform.positionV;let C=M;U.relativeFrom===o.ObjectRelativeFromV.PAGE?C+=A:U.relativeFrom===o.ObjectRelativeFromV.LINE?C-=T.lineTop:U.relativeFrom===o.ObjectRelativeFromV.PARAGRAPH&&(C-=T.blockAnchorTop);const b={relativeFrom:U.relativeFrom,posOffset:C};if(U.posOffset!==b.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionV"],U,b);I.push(O)}}}const S={id:L.RichTextEditingMutation.id,params:{unitId:i,actions:[],textRanges:null}};S.params.actions=I.reduce((y,_)=>o.JSONX.compose(y,_),null);const D=r.syncExecuteCommand(S.id,S.params);return h.refreshControls(),!!D}},en={id:"doc.command.update-doc-drawing-distance",type:o.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(o.ICommandService),i=a.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(i==null)return!1;const{drawings:r,dist:s,unitId:c}=e,m=o.JSONX.getInstance(),d=[],{drawings:u={}}=i.getSnapshot();for(const v of r){const{drawingId:p}=v;for(const[I,w]of Object.entries(s)){const S=u[p][I];if(S!==w){const D=m.replaceOp(["drawings",p,I],S,w);d.push(D)}}}const g={id:L.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((v,p)=>o.JSONX.compose(v,p),null),!!n.syncExecuteCommand(g.id,g.params)}},nn={id:"doc.command.update-doc-drawing-wrap-text",type:o.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(o.ICommandService),i=a.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(i==null)return!1;const{drawings:r,wrapText:s,unitId:c}=e,m=o.JSONX.getInstance(),d=[],{drawings:u={}}=i.getSnapshot();for(const v of r){const{drawingId:p}=v,I=u[p].wrapText;if(I!==s){const w=m.replaceOp(["drawings",p,"wrapText"],I,s);d.push(w)}}const g={id:L.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((v,p)=>o.JSONX.compose(v,p),null),!!n.syncExecuteCommand(g.id,g.params)}},Ie={id:"doc.command.update-drawing-doc-transform",type:o.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(o.ICommandService),t=a.get(o.IUniverInstanceService),r=a.get(R.IRenderManagerService).getRenderById(e.unitId),s=r==null?void 0:r.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),m=t.getCurrentUniverDocInstance();if(m==null)return!1;const{drawings:d,unitId:u}=e,g=o.JSONX.getInstance(),h=[],{drawings:v={}}=m.getSnapshot();for(const w of d){const{drawingId:S,key:D,value:y}=w,_=v[S].docTransform[D];if(!o.Tools.diffValue(_,y)){const P=g.replaceOp(["drawings",S,"docTransform",D],_,y);h.push(P)}}const p={id:L.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};p.params.actions=h.reduce((w,S)=>o.JSONX.compose(w,S),null);const I=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!I}},tn={id:"doc.command.move-inline-drawing",type:o.CommandType.COMMAND,handler:(a,e)=>{var T,A,N,M;if(e==null)return!1;const n=a.get(R.IRenderManagerService),t=a.get(R.ITextSelectionRenderManager),i=n.getRenderById(e.unitId),r=i==null?void 0:i.scene;if(r==null)return!1;const s=r.getTransformerByCreate(),c=a.get(o.ICommandService),d=a.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:h}=e,v=new o.TextX,p=o.JSONX.getInstance(),I=[],{drawingId:w}=u,S=(T=t.getSegment())!=null?T:"",D=(M=(N=(A=d.getSelfOrHeaderFooterModel(S).getBody())==null?void 0:A.customBlocks)==null?void 0:N.find($=>$.blockId===w))==null?void 0:M.startIndex;if(D==null)return!1;h<D?(h>0&&v.push({t:o.TextXActionType.RETAIN,len:h,segmentId:S}),v.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}),v.push({t:o.TextXActionType.RETAIN,len:D-h,segmentId:S}),v.push({t:o.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(D>0&&v.push({t:o.TextXActionType.RETAIN,len:D,segmentId:S}),v.push({t:o.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h-D-1>0&&v.push({t:o.TextXActionType.RETAIN,len:h-D-1,segmentId:S}),v.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}));const y=L.getRichTextEditPath(d,S),_=p.editOp(v.serialize(),y);I.push(_);const P={id:L.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null}};P.params.actions=I.reduce(($,G)=>o.JSONX.compose($,G),null);const x=c.syncExecuteCommand(P.id,P.params);return s.refreshControls(),!!x}},on={id:"doc.command.transform-non-inline-drawing",type:o.CommandType.COMMAND,handler:(a,e)=>{var G,H,z,U;if(e==null)return!1;const n=a.get(R.ITextSelectionRenderManager),i=a.get(R.IRenderManagerService).getRenderById(e.unitId),r=i==null?void 0:i.scene;if(r==null)return!1;const s=r.getTransformerByCreate(),c=a.get(o.ICommandService),d=a.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:h,docTransform:v}=e,p=new o.TextX,I=o.JSONX.getInstance(),w=[],{drawingId:S}=u,D=(G=n.getSegment())!=null?G:"",y=(U=(z=(H=d.getSelfOrHeaderFooterModel(D).getBody())==null?void 0:H.customBlocks)==null?void 0:z.find(C=>C.blockId===S))==null?void 0:U.startIndex;if(y==null)return!1;if(h<y?(h>0&&p.push({t:o.TextXActionType.RETAIN,len:h,segmentId:D}),p.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:D}),p.push({t:o.TextXActionType.RETAIN,len:y-h,segmentId:D}),p.push({t:o.TextXActionType.DELETE,len:1,line:0,segmentId:""})):h>y&&(y>0&&p.push({t:o.TextXActionType.RETAIN,len:y,segmentId:D}),p.push({t:o.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h-y-1>0&&p.push({t:o.TextXActionType.RETAIN,len:h-y-1,segmentId:D}),p.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:D})),h!==y){const C=L.getRichTextEditPath(d,D),b=I.editOp(p.serialize(),C);w.push(b)}const{drawings:_={}}=d.getSnapshot(),P=_[S].docTransform,{positionH:x,positionV:T,size:A,angle:N}=P;if(!o.Tools.diffValue(x,v.positionH)){const C=I.replaceOp(["drawings",S,"docTransform","positionH"],x,v.positionH);w.push(C)}if(!o.Tools.diffValue(T,v.positionV)){const C=I.replaceOp(["drawings",S,"docTransform","positionV"],T,v.positionV);w.push(C)}if(!o.Tools.diffValue(A,v.size)){const C=I.replaceOp(["drawings",S,"docTransform","size"],A,v.size);w.push(C)}if(!o.Tools.diffValue(N,v.angle)){const C=I.replaceOp(["drawings",S,"docTransform","angle"],N,v.angle);w.push(C)}const M={id:L.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};M.params.actions=w.reduce((C,b)=>o.JSONX.compose(C,b),null);const $=c.syncExecuteCommand(M.id,M.params);return s.refreshControls(),!!$}},Oe=0,Pe=100,Pn=a=>{const e=Z.useDependency(o.ICommandService),n=Z.useDependency(o.LocaleService),t=Z.useDependency(j.IDrawingManagerService),i=Z.useDependency(R.IRenderManagerService),r=Z.useDependency(o.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return null;const{unitId:m}=c,d=r.getUniverDocInstance(m),u=i.getRenderById(m);if((u==null?void 0:u.scene)==null)return null;const[h,v]=l.useState(!0),[p,I]=l.useState(!0),[w,S]=l.useState(!0),[D,y]=l.useState(ie.INLINE),[_,P]=l.useState(""),[x,T]=l.useState({distT:0,distL:0,distB:0,distR:0}),[A,N]=l.useState(!0);function M(U){y(U);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:b,subUnitId:O}=C[0],F=C.map(({unitId:V,subUnitId:W,drawingId:K})=>({unitId:V,subUnitId:W,drawingId:K}));e.executeCommand(Qe.id,{unitId:b,subUnitId:O,drawings:F,wrappingStyle:U})}function $(U){P(U);const C=t.getFocusDrawings();if(C.length===0)return;const b=C.map(O=>({unitId:O.unitId,subUnitId:O.subUnitId,drawingId:O.drawingId}));e.executeCommand(nn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:b,wrapText:U})}function G(U,C){if(U==null)return;const b={...x,[C]:U};T(b);const O=t.getFocusDrawings();if(O.length===0)return;const F=O.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(en.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:F,dist:{[C]:U}})}function H(){const U=t.getFocusDrawings();U.length!==0&&z(U[0])}function z(U){var re,le;const C=(le=(re=d==null?void 0:d.getSnapshot())==null?void 0:re.drawings)==null?void 0:le[U.drawingId];if(C==null)return;const{distT:b=0,distL:O=0,distB:F=0,distR:V=0,layoutType:W=o.PositionedObjectLayoutType.INLINE,behindDoc:K=o.BooleanNumber.FALSE,wrapText:Q=o.WrapTextType.BOTH_SIDES}=C;if(T({distT:b,distL:O,distB:F,distR:V}),P(Q),v(W!==o.PositionedObjectLayoutType.WRAP_SQUARE),W===o.PositionedObjectLayoutType.WRAP_NONE\|\|W===o.PositionedObjectLayoutType.INLINE?I(!0):I(!1),W===o.PositionedObjectLayoutType.WRAP_NONE\|\|W===o.PositionedObjectLayoutType.INLINE\|\|W===o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?S(!0):S(!1),W===o.PositionedObjectLayoutType.WRAP_NONE)K===o.BooleanNumber.TRUE?y(ie.BEHIND_TEXT):y(ie.IN_FRONT_OF_TEXT);else switch(W){case o.PositionedObjectLayoutType.INLINE:y(ie.INLINE);break;case o.PositionedObjectLayoutType.WRAP_SQUARE:y(ie.WRAP_SQUARE);break;case o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ie.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${W}`)}}return l.useEffect(()=>{H();const U=t.focus$.subscribe(b=>{if(b.length===0){N(!1);return}N(!0),z(b[0])}),C=e.onCommandExecuted(async b=>{b.id===L.RichTextEditingMutation.id&&H()});return()=>{U.unsubscribe(),C.dispose()}},[]),l.createElement("div",{className:k(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:A?"block":"none"}},l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-text-wrap.title")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrappingStyle")))),l.createElement("div",{className:k(f.imageCommonPanelRow)},l.createElement("div",{className:k(f.imageCommonPanelColumn)},l.createElement(X.RadioGroup,{value:D,onChange:M,direction:"vertical"},l.createElement(X.Radio,{value:ie.INLINE},n.t("image-text-wrap.inline")),l.createElement(X.Radio,{value:ie.WRAP_SQUARE},n.t("image-text-wrap.square")),l.createElement(X.Radio,{value:ie.WRAP_TOP_AND_BOTTOM},n.t("image-text-wrap.topAndBottom")),l.createElement(X.Radio,{value:ie.BEHIND_TEXT},n.t("image-text-wrap.behindText")),l.createElement(X.Radio,{value:ie.IN_FRONT_OF_TEXT},n.t("image-text-wrap.inFrontText"))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrapText")))),l.createElement("div",{className:k(f.imageCommonPanelRow)},l.createElement("div",{className:k(f.imageCommonPanelColumn)},l.createElement(X.RadioGroup,{disabled:h,value:_,onChange:$,direction:"horizontal"},l.createElement(X.Radio,{value:o.WrapTextType.BOTH_SIDES},n.t("image-text-wrap.bothSide")),l.createElement(X.Radio,{value:o.WrapTextType.LEFT},n.t("image-text-wrap.leftOnly")),l.createElement(X.Radio,{value:o.WrapTextType.RIGHT},n.t("image-text-wrap.rightOnly"))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.distanceFromText")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.top"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Oe,max:Pe,disabled:p,precision:1,value:x.distT,onChange:U=>{G(U,"distT")},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.left"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Oe,max:Pe,disabled:w,precision:1,value:x.distL,onChange:U=>{G(U,"distL")},className:f.imageCommonPanelInput})))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.bottom"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Oe,max:Pe,disabled:p,precision:1,value:x.distB,onChange:U=>{G(U,"distB")},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.right"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Oe,max:Pe,disabled:w,precision:1,value:x.distR,onChange:U=>{G(U,"distR")},className:f.imageCommonPanelInput})))))))},an=-1e3,rn=1e3,Mn=a=>{const e=Z.useDependency(o.ICommandService),n=Z.useDependency(o.LocaleService),t=Z.useDependency(j.IDrawingManagerService),i=Z.useDependency(R.IRenderManagerService),r=Z.useDependency(o.IUniverInstanceService),s=Z.useDependency(R.ITextSelectionRenderManager),{drawings:c}=a,m=c[0];if(m==null)return;const{unitId:d}=m,u=r.getUniverDocInstance(d),g=i.getRenderById(d),h=g==null?void 0:g.scene;if(h==null)return;const v=h.getTransformerByCreate(),p=[{label:n.t("image-position.column"),value:String(o.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(o.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(o.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(o.ObjectRelativeFromV.LINE)},{label:n.t("image-position.page"),value:String(o.ObjectRelativeFromV.PAGE)},{label:n.t("image-position.margin"),value:String(o.ObjectRelativeFromV.MARGIN)},{label:n.t("image-position.paragraph"),value:String(o.ObjectRelativeFromV.PARAGRAPH)}],[w,S]=l.useState(!0),[D,y]=l.useState({relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:0}),[_,P]=l.useState({relativeFrom:o.ObjectRelativeFromV.PAGE,posOffset:0}),[x,T]=l.useState(!0),[A,N]=l.useState(!0);function M(C,b){C==="positionH"?y(b):P(b);const O=t.getFocusDrawings();if(O.length===0)return;const F=O.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(Ie.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:F.map(V=>({drawingId:V.drawingId,key:C,value:b}))}),s.blur(),v.refreshControls()}function $(C){var ee;const b=D.relativeFrom,O=D.posOffset,F=Number(C);if(b===F)return;const V=t.getFocusDrawings();if(V.length===0)return;const W=V[0].drawingId,K=V[0].unitId;let Q=null,ce=0;const re=(ee=i.getRenderById(K))==null?void 0:ee.with(L.DocSkeletonManagerService).getSkeleton(),le=re==null?void 0:re.getSkeletonData();if(le==null)return;for(const me of le.pages){const{marginLeft:ue,skeDrawings:ne}=me;if(ne.has(W)){Q=ne.get(W),ce=ue;break}}if(Q==null)return;let oe=0;b===o.ObjectRelativeFromH.COLUMN?oe-=Q.columnLeft:b===o.ObjectRelativeFromH.MARGIN&&(oe-=ce),F===o.ObjectRelativeFromH.COLUMN?oe+=Q.columnLeft:F===o.ObjectRelativeFromH.MARGIN?oe+=ce:o.ObjectRelativeFromH.PAGE;const Y={relativeFrom:F,posOffset:(O!=null?O:0)-oe};M("positionH",Y)}function G(C){var xe,dn,mn,un,gn;const b=_.relativeFrom,O=_.posOffset,F=Number(C);if(b===F)return;const V=t.getFocusDrawings();if(V.length===0)return;const{drawingId:W,unitId:K}=V[0],Q=r.getUniverDocInstance(K),ce=(xe=i.getRenderById(K))==null?void 0:xe.with(L.DocSkeletonManagerService).getSkeleton(),re=(mn=(dn=Q==null?void 0:Q.getBody())==null?void 0:dn.customBlocks)==null?void 0:mn.find(Ue=>Ue.blockId===W);if(re==null\|\|ce==null)return;const{startIndex:le}=re,oe=ce.findNodeByCharIndex(le),Y=(un=oe==null?void 0:oe.parent)==null?void 0:un.parent,ee=Y==null?void 0:Y.parent,me=ee==null?void 0:ee.lines.find(Ue=>Ue.paragraphIndex===(Y==null?void 0:Y.paragraphIndex)&&Ue.paragraphStart),ue=(gn=ee==null?void 0:ee.parent)==null?void 0:gn.parent;if(oe==null\|\|Y==null\|\|me==null\|\|ee==null\|\|ue==null)return;let ne=0;b===o.ObjectRelativeFromV.PARAGRAPH?ne-=me.top:b===o.ObjectRelativeFromV.LINE?ne-=Y.top:b===o.ObjectRelativeFromV.PAGE&&(ne+=ue.marginTop),F===o.ObjectRelativeFromV.PARAGRAPH?ne+=me.top:F===o.ObjectRelativeFromV.LINE?ne+=Y.top:F===o.ObjectRelativeFromV.PAGE&&(ne-=ue.marginTop);const se={relativeFrom:F,posOffset:(O!=null?O:0)-ne};M("positionV",se)}function H(C){var K;const b=u==null?void 0:u.getSnapshot(),O=(K=b==null?void 0:b.drawings)==null?void 0:K[C.drawingId];if(O==null)return;const{layoutType:F}=O,{positionH:V,positionV:W}=O.docTransform;y(V),P(W),S(F===o.PositionedObjectLayoutType.INLINE),T(W.relativeFrom===o.ObjectRelativeFromV.PARAGRAPH\|\|W.relativeFrom===o.ObjectRelativeFromV.LINE)}function z(){const C=t.getFocusDrawings();C.length!==0&&H(C[0])}function U(C){T(C),G(String(C?o.ObjectRelativeFromV.PARAGRAPH:o.ObjectRelativeFromV.PAGE))}return l.useEffect(()=>{z();const C=t.focus$.subscribe(O=>{if(O.length===0){N(!1);return}N(!0),H(O[0])}),b=e.onCommandExecuted(async O=>{O.id===L.RichTextEditingMutation.id&&z()});return()=>{C.unsubscribe(),b.dispose()}},[]),l.createElement("div",{className:k(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:A?"block":"none"}},l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-position.title")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.horizontal")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:an,max:rn,precision:1,disabled:w,value:D.posOffset,onChange:C=>{M("positionH",{relativeFrom:D.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.toTheRightOf"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.Select,{value:String(D.relativeFrom),disabled:w,options:p,onChange:$})))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.vertical")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:an,max:rn,precision:1,disabled:w,value:_.posOffset,onChange:C=>{M("positionV",{relativeFrom:_.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.bellow"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.Select,{disabled:w,value:String(_.relativeFrom),options:I,onChange:G})))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.options")))),l.createElement("div",{className:f.imageCommonPanelRow,style:{marginBottom:"50px"}},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.Checkbox,{disabled:w,checked:x,onChange:U},n.t("image-position.moveObjectWithText")))))},En=()=>{const a=Z.useDependency(j.IDrawingManagerService),e=a.getFocusDrawings(),[n,t]=l.useState(e);return l.useEffect(()=>{const i=a.focus$.subscribe(r=>{t(r)});return()=>{i.unsubscribe()}},[]),!!(n!=null&&n.length)&&l.createElement("div",{className:f.imageCommonPanel},l.createElement(pe.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),l.createElement(Pn,{drawings:n}),l.createElement(Mn,{drawings:n}))},de={id:"doc.operation.clear-drawing-transformer",type:o.CommandType.MUTATION,handler:(a,e)=>{const n=a.get(R.IRenderManagerService);return e.forEach(t=>{var i,r;(r=(i=n.getRenderById(t))==null?void 0:i.scene.getTransformer())==null\|\|r.debounceRefreshControls()}),!0}},fe={id:"doc.command.move-drawing",type:o.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(o.ICommandService),t=a.get(B.IDocDrawingService),i=a.get(o.IUniverInstanceService),r=a.get(R.IRenderManagerService),{direction:s}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const m=c[0].unitId,d=r.getRenderById(m),u=d==null?void 0:d.scene;if(u==null)return!1;const g=u.getTransformerByCreate(),h=i.getUniverDocInstance(m),v=c.map(I=>{var x,T,A,N,M;const{drawingId:w}=I,S=(x=h==null?void 0:h.getSnapshot().drawings)==null?void 0:x[w];if(S==null\|\|S.layoutType===o.PositionedObjectLayoutType.INLINE)return null;const{positionH:D,positionV:y}=S.docTransform,_={...D},P={...y};return s===o.Direction.UP?P.posOffset=((T=P.posOffset)!=null?T:0)-2:s===o.Direction.DOWN?P.posOffset=((A=P.posOffset)!=null?A:0)+2:s===o.Direction.LEFT?_.posOffset=((N=_.posOffset)!=null?N:0)-2:s===o.Direction.RIGHT&&(_.posOffset=((M=_.posOffset)!=null?M:0)+2),{drawingId:w,key:s===o.Direction.UP\|\|s===o.Direction.DOWN?"positionV":"positionH",value:s===o.Direction.UP\|\|s===o.Direction.DOWN?P:_}}).filter(I=>I!=null);if(v.length===0)return!1;const p=n.syncExecuteCommand(Ie.id,{unitId:m,subUnitId:m,drawings:v});return g.refreshControls(),!!p}},Fe={id:"doc.command.delete-drawing",type:o.CommandType.COMMAND,handler:a=>{const e=a.get(o.ICommandService),t=a.get(B.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:i}=t[0],r=t.map(s=>{const{unitId:c,subUnitId:m,drawingId:d,drawingType:u}=s;return{unitId:c,subUnitId:m,drawingId:d,drawingType:u}});return e.executeCommand(Te.id,{unitId:i,drawings:r})}},je={id:"doc.command.set-drawing-arrange",type:o.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(o.ICommandService),t=a.get(B.IDocDrawingService);if(e==null)return!1;const{unitId:i,subUnitId:r,drawingIds:s,arrangeType:c}=e,m={unitId:i,subUnitId:r,drawingIds:s};let d;if(c===j.ArrangeTypeEnum.forward?d=t.getForwardDrawingsOp(m):c===j.ArrangeTypeEnum.backward?d=t.getBackwardDrawingOp(m):c===j.ArrangeTypeEnum.front?d=t.getFrontDrawingsOp(m):c===j.ArrangeTypeEnum.back&&(d=t.getBackDrawingsOp(m)),d==null)return!1;const{redo:u}=d;if(u==null)return!1;const g=[];let h=o.Tools.deepClone(u);h=h.slice(3),h.unshift("drawingsOrder"),g.push(h);const v={id:L.RichTextEditingMutation.id,params:{unitId:i,actions:[],textRanges:null}};return v.params.actions=g.reduce((I,w)=>o.JSONX.compose(I,w),null),!!n.syncExecuteCommand(v.id,v.params)}},Be={id:"doc.command.set-doc-image",type:o.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(o.ICommandService),t=a.get(o.IUndoRedoService),i=a.get(B.IDocDrawingService);if(!e)return!1;const{drawings:r}=e,s=i.getBatchUpdateOp(r),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(B.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:m,op:u,objects:g,type:B.DocDrawingApplyType.UPDATE})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:d,objects:g,type:B.DocDrawingApplyType.UPDATE}},{id:de.id,params:[c]}],redoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:u,objects:g,type:B.DocDrawingApplyType.UPDATE}},{id:de.id,params:[c]}]}),!0):!1}};function bn(a){const e=[];return a.forEach(n=>{const{parent:t,children:i}=n,{unitId:r,subUnitId:s,drawingId:c}=t,m=R.getGroupState(0,0,i.map(g=>g.transform\|\|{})),d=i.map(g=>{const h=g.transform\|\|{left:0,top:0},{unitId:v,subUnitId:p,drawingId:I}=g;return{unitId:v,subUnitId:p,drawingId:I,transform:{...h,left:h.left-m.left,top:h.top-m.top},groupId:c}}),u={unitId:r,subUnitId:s,drawingId:c,drawingType:j.DrawingTypeEnum.DRAWING_GROUP,transform:m};e.push({parent:u,children:d})}),e}function Nn(a){const e=[];return a.forEach(n=>{const{parent:t,children:i}=n,{unitId:r,subUnitId:s,drawingId:c,transform:m={width:0,height:0}}=t;if(m==null)return;const d=i.map(g=>{const{transform:h}=g,{unitId:v,subUnitId:p,drawingId:I}=g,w=R.transformObjectOutOfGroup(h\|\|{},m,m.width\|\|0,m.height\|\|0);return{unitId:v,subUnitId:p,drawingId:I,transform:w,groupId:void 0}}),u={unitId:r,subUnitId:s,drawingId:c,drawingType:j.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};e.push({parent:u,children:d})}),e}const Ge={id:"doc.command.ungroup-doc-image",type:o.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(o.ICommandService),t=a.get(o.IUndoRedoService),i=a.get(B.IDocDrawingService);if(!e)return!1;const r=[];e.forEach(({parent:v,children:p})=>{r.push(v.unitId),p.forEach(I=>{r.push(I.unitId)})});const s=i.getUngroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(B.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.UNGROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:bn(g),type:B.DocDrawingApplyType.GROUP}},{id:de.id,params:r}],redoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.UNGROUP}},{id:de.id,params:r}]}),!0):!1}},Ve={id:"doc.command.group-doc-image",type:o.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(o.ICommandService),t=a.get(o.IUndoRedoService),i=a.get(B.IDocDrawingService);if(!e)return!1;const r=[];e.forEach(({parent:v,children:p})=>{r.push(v.unitId),p.forEach(I=>{r.push(I.unitId)})});const s=i.getGroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(B.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.GROUP})?(t.pushUndoRedo({unitID:c,undoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:Nn(g),type:B.DocDrawingApplyType.UNGROUP}},{id:de.id,params:r}],redoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.GROUP}},{id:de.id,params:r}]}),!0):!1}},He={id:"doc.command.insert-doc-image",type:o.CommandType.COMMAND,handler:(a,e)=>{var P,x;if(e==null)return!1;const n=a.get(o.ICommandService),t=a.get(L.TextSelectionManagerService),i=a.get(o.IUniverInstanceService),r=t.getActiveRange(),s=i.getCurrentUniverDocInstance();if(r==null\|\|s==null)return!1;const c=s.getUnitId(),{drawings:m}=e,{collapsed:d,startOffset:u,segmentId:g}=r,h=s.getSelfOrHeaderFooterModel(g).getBody();if(h==null)return!1;const v=new o.TextX,p=o.JSONX.getInstance(),I=[],w=(x=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?x:0;if(d)u>0&&v.push({t:o.TextXActionType.RETAIN,len:u,segmentId:g});else{const{dos:T}=L.getRetainAndDeleteFromReplace(r,g,0,h);v.push(...T)}v.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b".repeat(m.length),customBlocks:m.map((T,A)=>({startIndex:A,blockId:T.drawingId}))},len:m.length,line:0,segmentId:g});const S=L.getRichTextEditPath(s,g),D=p.editOp(v.serialize(),S);I.push(D);for(const T of m){const{drawingId:A}=T,N=p.insertOp(["drawings",A],T),M=p.insertOp(["drawingsOrder",w],A);I.push(N),I.push(M)}const y={id:L.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=I.reduce((T,A)=>o.JSONX.compose(T,A),null),!!n.syncExecuteCommand(y.id,y.params)}};function we(a){return a.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&a.getContextValue(o.FOCUSING_COMMON_DRAWINGS)}const An={id:fe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_DOWN,priority:100,preconditions:we,staticParameters:{direction:o.Direction.DOWN}},xn={id:fe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_UP,priority:100,preconditions:we,staticParameters:{direction:o.Direction.UP}},Un={id:fe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_LEFT,priority:100,preconditions:we,staticParameters:{direction:o.Direction.LEFT}},Rn={id:fe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_RIGHT,priority:100,preconditions:we,staticParameters:{direction:o.Direction.RIGHT}},Ln={id:Fe.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:we,binding:q.KeyCode.DELETE,mac:q.KeyCode.BACKSPACE};var Fn=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Bn=(a,e,n,t)=>{for(var i=t>1?void 0:t?jn(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&Fn(e,n,i),i},Se=(a,e)=>(n,t)=>e(n,t,a);let Me=class extends o.Disposable{constructor(a,e,n,t,i){super(),this._injector=a,this._componentManager=e,this._menuService=n,this._commandService=t,this._shortcutService=i,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(Ye,ze)),this.disposeWithMe(a.register(Ke,Dn)),this.disposeWithMe(a.register(ke,En))}_initMenus(){[Tn,yn].forEach(a=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(a),{}))})}_initCommands(){[ve,He,Qe,en,nn,Ie,tn,on,Te,Be,Re,de,Le,Ve,Ge,fe,Fe,je].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initShortcuts(){[An,xn,Un,Rn,Ln].forEach(a=>{this.disposeWithMe(this._shortcutService.registerShortcut(a))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Me=Bn([o.OnLifecycle(o.LifecycleStages.Ready,Me),Se(0,J.Inject(J.Injector)),Se(1,J.Inject(q.ComponentManager)),Se(2,q.IMenuService),Se(3,o.ICommandService),Se(4,q.IShortcutService)],Me);var Gn=Object.defineProperty,Vn=Object.getOwnPropertyDescriptor,Hn=(a,e,n,t)=>{for(var i=t>1?void 0:t?Vn(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&Gn(e,n,i),i},ae=(a,e)=>(n,t)=>e(n,t,a);let We=class extends o.Disposable{constructor(a,e,n,t,i,r,s,c,m,d,u,g){super(),this._context=a,this._commandService=e,this._textSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=i,this._docDrawingService=r,this._drawingManagerService=s,this._contextService=c,this._messageService=m,this._localeService=d,this._textSelectionManager=u,this._textSelectionRenderManager=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async a=>{if(a.id===ve.id){const e=a.params;if(e.files==null)return;const n=e.files.length;if(n>j.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(j.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(n),await this._insertFloatImages(e.files)}}))}async _insertFloatImages(a){let e=[];try{e=await Promise.all(a.map(i=>this._imageIoService.saveImage(i)))}catch(i){const r=i.message;r===j.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(j.DRAWING_IMAGE_ALLOW_SIZE/(10241024)))}):r===j.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):r===j.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const i of e){if(i==null)continue;const{imageId:r,imageSourceType:s,source:c,base64Cache:m}=i,{width:d,height:u,image:g}=await j.getImageSize(m\|\|"");this._imageIoService.addImageSourceCache(r,s,g);let h=1;if(d>j.DRAWING_IMAGE_WIDTH_LIMIT\|\|u>j.DRAWING_IMAGE_HEIGHT_LIMIT){const I=j.DRAWING_IMAGE_WIDTH_LIMIT/d,w=j.DRAWING_IMAGE_HEIGHT_LIMIT/u;h=Math.min(I,w)}const v=this._getImagePosition(dh,uh);if(v==null)return;const p={unitId:n,subUnitId:n,drawingId:r,drawingType:j.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:_e.docDrawingPositionToTransform(v),docTransform:v,behindDoc:o.BooleanNumber.FALSE,title:"",description:"",layoutType:o.PositionedObjectLayoutType.INLINE,wrapText:o.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};t.push(p)}this._commandService.executeCommand(He.id,{unitId:n,drawings:t})}_getImagePosition(a,e){const n=this._textSelectionManagerService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())\|\|{left:0,top:0};return{size:{width:a,height:e},positionH:{relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:o.ObjectRelativeFromV.MARGIN,posOffset:t.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(a=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:i}=a;this._commandService.executeCommand(je.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:i})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(a=>{if(a.length===0)return;const e=[];if(a.forEach(n=>{const{unitId:t,subUnitId:i,drawingId:r,transform:s}=n;if(s==null)return;const c=this._docDrawingService.getDrawingByParam({unitId:t,subUnitId:i,drawingId:r});if(c==null)return;const m=_e.transformToDocDrawingPosition({...c.transform,...s});if(m==null)return;const d={...n,transform:{...s,..._e.docDrawingPositionToTransform(m)},docTransform:{...m}};e.push(d)}),e.length>0){const n=a[0].unitId;this._commandService.syncExecuteCommand(Be.id,{unitId:n,drawings:e}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){var t;const{mainComponent:a,unitId:e}=this._context,n=(t=this._renderManagerSrv.getRenderById(e))==null?void 0:t.with(L.DocSkeletonManagerService).getSkeleton();n==null\|\|n.calculate(),a==null\|\|a.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(a=>{this._commandService.executeCommand(Ve.id,a)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(a=>{this._commandService.executeCommand(Ge.id,a)})}_getCurrentSceneAndTransformer(){const{scene:a,mainComponent:e}=this._context;if(a==null\|\|e==null)return;const n=a.getTransformerByCreate(),{docsLeft:t,docsTop:i}=e.getOffsetConfig();return{scene:a,transformer:n,docsLeft:t,docsTop:i}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(a=>{var i;const{transformer:e,docsLeft:n,docsTop:t}=(i=this._getCurrentSceneAndTransformer())!=null?i:{};a==null\|\|a.length===0?(this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0})):(this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(a),this._textSelectionManager.replaceTextRanges([]),e&&e.resetProps({zeroTop:t,zeroLeft:n}))}))}};We=Hn([ae(1,o.ICommandService),ae(2,J.Inject(L.TextSelectionManagerService)),ae(3,R.IRenderManagerService),ae(4,j.IImageIoService),ae(5,B.IDocDrawingService),ae(6,j.IDrawingManagerService),ae(7,o.IContextService),ae(8,q.IMessageService),ae(9,J.Inject(o.LocaleService)),ae(10,J.Inject(L.TextSelectionManagerService)),ae(11,R.ITextSelectionRenderManager)],We);var Wn=Object.defineProperty,Xn=Object.getOwnPropertyDescriptor,kn=(a,e,n,t)=>{for(var i=t>1?void 0:t?Xn(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&Wn(e,n,i),i},Ee=(a,e)=>(n,t)=>e(n,t,a);let Xe=class extends o.Disposable{constructor(e,n,t,i,r){super();ge(this,"_liquid",new R.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=i,this._drawingManagerService=r,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){const{mainComponent:e}=this._context;this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{if(n==null)return;e.changeSkeleton(n),this._refreshDrawing(n)})}_commandExecutedListener(){const e=[L.RichTextEditingMutation.id,L.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:i}=t,{unitId:r,mainComponent:s}=this._context;if(i!==r)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(r)){s==null\|\|s.makeDirty();return}this._refreshDrawing(c)}}))}_refreshDrawing(e){var I,w;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:i}=this._context,r=t;if(!n)return;const{left:s,top:c,pageLayoutType:m,pageMarginLeft:d,pageMarginTop:u}=r,{pages:g,skeHeaders:h,skeFooters:v}=n,p=[];this._liquid.reset();for(let S=0,D=g.length;S<D;S++){const y=g[S],{headerId:_,footerId:P,pageWidth:x}=y;if(_){const T=(I=h.get(_))==null?void 0:I.get(x);T&&this._calculateDrawingPosition(i,T,s,c,p)}if(P){const T=(w=v.get(P))==null?void 0:w.get(x);T&&this._calculateDrawingPosition(i,T,s,c,p)}this._calculateDrawingPosition(i,y,s,c,p),this._liquid.translatePage(y,m,d,u)}p.length>0&&this._drawingManagerService.refreshTransform(p)}_calculateDrawingPosition(e,n,t,i,r){const{skeDrawings:s}=n;this._liquid.translatePagePadding(n),s.forEach(c=>{const{aLeft:m,aTop:d,height:u,width:g,angle:h,drawingId:v,drawingOrigin:p}=c,I=p.layoutType===o.PositionedObjectLayoutType.WRAP_NONE&&p.behindDoc===o.BooleanNumber.TRUE;r.push({unitId:e,subUnitId:e,drawingId:v,behindText:I,transform:{left:m+t+this._liquid.x,top:d+i+this._liquid.y,width:g,height:u,angle:h}})}),this._liquid.restorePagePadding(n)}};Xe=kn([Ee(1,J.Inject(L.DocSkeletonManagerService)),Ee(2,o.ICommandService),Ee(3,q.IEditorService),Ee(4,j.IDrawingManagerService)],Xe);var $n=Object.defineProperty,qn=Object.getOwnPropertyDescriptor,zn=(a,e,n,t)=>{for(var i=t>1?void 0:t?qn(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&$n(e,n,i),i},Ce=(a,e)=>(n,t)=>e(n,t,a);function Jn(a){var t,i,r,s;if(o.JSONX.isNoop(a)\|\|!Array.isArray(a))return null;const e=a.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null\|\|!Array.isArray(e)\|\|e.length<3\|\|typeof e[1]=="string"&&typeof e[2]!="object"\|\|Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(i=c==null?void 0:c[1])==null?void 0:i.i});else n.push({type:(r=e[2])!=null&&r.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function Kn(a){if(!Array.isArray(a)\|\|a.length<3\|\|a[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<a.length;n++){const t=a[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 be=class extends o.Disposable{constructor(a,e,n,t,i){super(),this._univerInstanceService=a,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=i,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(a=>{if(a.id!==L.RichTextEditingMutation.id)return;const e=a.params,{unitId:n,actions:t}=e,i=Jn(t);if(i!=null)for(const{type:r,drawingId:s,drawing:c}of i)r==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id!==L.RichTextEditingMutation.id)return;const e=a.params,{unitId:n,actions:t}=e;Kn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{var s;if(a.id!==o.UndoCommand.id&&a.id!==o.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null\|\|n.length===0)return;const t=this._renderManagerService.getRenderById(e),i=t==null?void 0:t.scene;if(i==null)return!1;i.getTransformerByCreate().refreshControls()}))}_addDrawings(a,e){const n=this._drawingManagerService,t=this._docDrawingService,i=this._docDrawingService.getBatchAddOp(e),{subUnitId:r,redo:s,objects:c}=i;n.applyJson1(a,r,s),t.applyJson1(a,r,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(a,e){const n=this._drawingManagerService,t=this._docDrawingService,i=this._docDrawingService.getBatchRemoveOp(e.map(m=>({unitId:a,subUnitId:a,drawingId:m}))),{subUnitId:r,redo:s,objects:c}=i;n.applyJson1(a,r,s),t.applyJson1(a,r,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(a){const e=this._univerInstanceService.getUniverDocInstance(a);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,i=this._docDrawingService;t.setDrawingOrder(a,a,n),i.setDrawingOrder(a,a,n);const r={unitId:a,subUnitId:a,drawingIds:n};t.orderNotification(r),i.orderNotification(r)}};be=zn([o.OnLifecycle(o.LifecycleStages.Steady,be),Ce(0,o.IUniverInstanceService),Ce(1,o.ICommandService),Ce(2,j.IDrawingManagerService),Ce(3,B.IDocDrawingService),Ce(4,R.IRenderManagerService)],be);var Yn=Object.defineProperty,Zn=Object.getOwnPropertyDescriptor,Qn=(a,e,n,t)=>{for(var i=t>1?void 0:t?Zn(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&Yn(e,n,i),i},Ne=(a,e)=>(n,t)=>e(n,t,a);const et="__InlineDrawingAnchor__";let Ae=class extends o.Disposable{constructor(e,n,t,i){super();ge(this,"_liquid",new R.Liquid);ge(this,"_listenerOnImageMap",new Set);ge(this,"_transformerCache",new Map);ge(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=i,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)\|\|(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var i;const n=(i=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:i.transformer;if(n==null)return;this.disposeWithMe(o.toDisposable(n.changeStart$.subscribe(r=>{var c;this._transformerCache.clear();const{objects:s}=r;for(const m of s.values()){const{oKey:d,width:u,height:g,left:h,top:v,angle:p}=m,I=this._drawingManagerService.getDrawingOKey(d);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),S=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[I.drawingId];(S==null?void 0:S.layoutType)===o.PositionedObjectLayoutType.INLINE&&m.setOpacity(.2),S!=null&&this._transformerCache.set(I.drawingId,{drawing:S,top:v,left:h,width:u,height:g,angle:p})}})));const t=o.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);o.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(o.toDisposable(n.changing$.subscribe(r=>{const{objects:s,offsetX:c,offsetY:m}=r;if(s.size>1)t(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:h,top:v,left:p,angle:I}=u;if(g===d.width&&h===d.height&&v===d.top&&p===d.left&&I===d.angle)return;d&&(d.drawing.layoutType,o.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===o.PositionedObjectLayoutType.INLINE&&c!=null&&m!=null&&this._updateInlineDrawingAnchor(d.drawing,c,m)}}))),this.disposeWithMe(o.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s,offsetX:c,offsetY:m}=r;for(const d of s.values()){const u=this._drawingManagerService.getDrawingOKey(d.oKey);if(u==null)continue;const g=this._transformerCache.get(u==null?void 0:u.drawingId);(g==null?void 0:g.drawing.layoutType)===o.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:h,top:v,left:p,angle:I}=u;if(g===d.width&&h===d.height&&v===d.top&&p===d.left&&I===d.angle)return;d&&d.drawing.layoutType===o.PositionedObjectLayoutType.INLINE?g!==d.width\|\|h!==d.height\|\|I!==d.angle?this._updateDrawingSize(d,u):c!=null&&m!=null&&this._moveInlineDrawing(d.drawing,c,m):d&&this._nonInlineDrawingTransform(d.drawing,u)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,i;for(const r of e.values()){const{oKey:s,left:c,top:m,angle:d}=r;let{width:u,height:g}=r;const h=this._drawingManagerService.getDrawingOKey(s);if(h==null)continue;t==null&&(t=h.unitId),i==null&&(i=h.subUnitId);const v=this._transformerCache.get(h.drawingId);if(v==null)continue;const{drawing:p,top:I,left:w,width:S,height:D,angle:y}=v,{width:_,height:P}=this._getPageContentSize(p);if(u=Math.min(u,_),g=Math.min(g,P),(S!==u\|\|D!==g)&&n.push({drawingId:h.drawingId,key:"size",value:{width:u,height:g}}),y!==d&&n.push({drawingId:h.drawingId,key:"angle",value:d}),I!==m\|\|w!==c){const x=m-I,T=c-w;x!==0&&n.push({drawingId:h.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+x}}),T!==0&&n.push({drawingId:h.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+T}})}}n.length>0&&t&&i&&this._commandService.executeCommand(Ie.id,{unitId:t,subUnitId:i,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var r;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:i}=(r=this._getInlineDrawingAnchor(e,n,t))!=null?r:{};i!=null&&this._createOrUpdateInlineAnchor(e.unitId,i)}_getInlineDrawingAnchor(e,n,t){var $;const i=this._renderManagerService.getRenderById(e.unitId),r=i==null?void 0:i.with(L.DocSkeletonManagerService).getSkeleton();if(i==null)return;const{mainComponent:s,scene:c}=i,m=s,d=c.getViewports()[0],{pageLayoutType:u=R.PageLayoutType.VERTICAL,pageMarginLeft:g,pageMarginTop:h}=m.getOffsetConfig();let v=null,p=!1,I=-1;const w=.5,S=this._getTransformCoordForDocumentOffset(m,d,n,t);if(S==null)return;const D=r==null?void 0:r.findNodeByCoord(S,u,g,h);if(D){const{node:G,ratioX:H,segmentPage:z}=D;p=H<w,v=G,I=z}if(v==null)return;const y=r==null?void 0:r.findPositionByGlyph(v,I),_=this._getDocObject();if(y==null\|\|r==null\|\|_==null)return;const P={...y,isBack:p},x=_.document.getOffsetConfig(),T=new R.NodePositionConvertToCursor(x,r),{cursorList:A,contentBoxPointGroup:N}=T.getRangePointData(P,P),{startOffset:M}=($=R.getOneTextSelectionRange(A))!=null?$:{};if(M!=null)return{offset:M,contentBoxPointGroup:N}}_getDrawingAnchor(e,n){var ee,me,ue,ne;const t=this._renderManagerService.getRenderById(e.unitId),i=t==null?void 0:t.with(L.DocSkeletonManagerService).getSkeleton(),r=i==null?void 0:i.getViewModel(),s=i==null?void 0:i.getSkeletonData();if(s==null\|\|t==null\|\|r==null)return;const{pages:c}=s,{mainComponent:m,scene:d}=t,u=m,g=d.getViewports()[0],{pageLayoutType:h=R.PageLayoutType.VERTICAL,pageMarginLeft:v,pageMarginTop:p,docsLeft:I,docsTop:w}=u.getOffsetConfig(),{left:S,top:D,angle:y}=n;let{width:_,height:P}=n;const{positionV:x,positionH:T}=e.docTransform,{width:A,height:N}=this._getPageContentSize(e);_=Math.min(_,A),P=Math.min(P,N);let M=null,$=-1;const G=!1,H={...e.docTransform,size:{width:_,height:P},angle:y},{x:z,y:U}=d.getViewportScrollXY(g),C=this._getTransformCoordForDocumentOffset(u,g,S-z,D-U);if(C==null)return;const b=i==null?void 0:i.findNodeByCoord(C,h,v,p);if(b){const{node:se,segmentPage:xe}=b;M=se,$=xe}if(M==null)return;const O=(ee=M.parent)==null?void 0:ee.parent,F=O==null?void 0:O.parent,V=(me=F==null?void 0:F.lines.find(se=>se.paragraphIndex===(O==null?void 0:O.paragraphIndex)&&se.paragraphStart))!=null?me:F==null?void 0:F.lines[0],W=(ue=F==null?void 0:F.parent)==null?void 0:ue.parent;this._liquid.reset();for(const se of c){if(this._liquid.translatePagePadding(se),se===W)break;this._liquid.restorePagePadding(se),this._liquid.translatePage(se,h,v,p)}if(O==null\|\|F==null\|\|V==null\|\|W==null)return;switch(x.relativeFrom===o.ObjectRelativeFromV.LINE?M=O.divides[0].glyphGroup[0]:M=V.divides[0].glyphGroup[0],H.positionH={relativeFrom:T.relativeFrom,posOffset:S-this._liquid.x-I},T.relativeFrom){case o.ObjectRelativeFromH.MARGIN:{H.positionH.posOffset=S-this._liquid.x-I-W.marginLeft;break}case o.ObjectRelativeFromH.COLUMN:{H.positionH.posOffset=S-this._liquid.x-I-F.left;break}}switch(H.positionV={relativeFrom:x.relativeFrom,posOffset:D-this._liquid.y-w},x.relativeFrom){case o.ObjectRelativeFromV.PAGE:{H.positionV.posOffset=D-this._liquid.y-w-W.marginTop;break}case o.ObjectRelativeFromV.LINE:{H.positionV.posOffset=D-this._liquid.y-w-O.top;break}case o.ObjectRelativeFromV.PARAGRAPH:{H.positionV.posOffset=D-this._liquid.y-w-V.top;break}}if(M==null)return;const K=i==null?void 0:i.findPositionByGlyph(M,$),Q=this._getDocObject();if(K==null\|\|i==null\|\|Q==null)return;const ce={...K,isBack:G},re=Q.document.getOffsetConfig(),le=new R.NodePositionConvertToCursor(re,i),{cursorList:oe}=le.getRangePointData(ce,ce),{startOffset:Y}=(ne=R.getOneTextSelectionRange(oe))!=null?ne:{};if(Y!=null)return{offset:Y,docTransform:H}}_updateDrawingSize(e,n){const t=[],{drawing:i,width:r,height:s,angle:c}=e,{unitId:m,subUnitId:d}=i;let{width:u,height:g,angle:h}=n;const{width:v,height:p}=this._getPageContentSize(i);u=Math.min(v,u),g=Math.min(p,g),(u!==r\|\|g!==s)&&t.push({drawingId:i.drawingId,key:"size",value:{width:u,height:g}}),h!==c&&t.push({drawingId:i.drawingId,key:"angle",value:h}),t.length>0&&m&&d&&this._commandService.executeCommand(Ie.id,{unitId:m,subUnitId:d,drawings:t})}_moveInlineDrawing(e,n,t){const i=this._getInlineDrawingAnchor(e,n,t),{offset:r}=i!=null?i:{};if(r!=null)return this._commandService.executeCommand(tn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:r})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:i,top:r,width:s,height:c,angle:m}=n,d=t==null?void 0:t.with(L.DocSkeletonManagerService).getSkeleton(),u=d==null?void 0:d.getSkeletonData(),{pages:g}=u!=null?u:{};if(u==null\|\|t==null\|\|g==null)return{left:i,top:r,width:s,height:c,angle:m};const{mainComponent:h}=t,v=h,{top:p,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:S}=v;let D=r;this._liquid.reset();for(const y of g){const{marginBottom:_,pageHeight:P}=y,x=g.indexOf(y),T=g[x+1];if(T==null)continue;if(o.Tools.hasIntersectionBetweenTwoRanges(r,r+c,this._liquid.y+p+P-_,this._liquid.y+p+P+S+T.marginTop)){const N=r+c/2,M=this._liquid.y+p+P+S/2;N<M?D=Math.min(r,this._liquid.y+p+P-_-c):D=Math.max(r,this._liquid.y+p+P+S+T.marginTop)}this._liquid.translatePage(y,I,w,S)}return{left:i,top:D,width:s,height:c,angle:m}}_nonInlineDrawingTransform(e,n,t=!1){const i=this._limitDrawingInPage(e,n);if(t&&i.top!==n.top)return;const r=this._getDrawingAnchor(e,i),{offset:s,docTransform:c}=r!=null?r:{};return s==null\|\|c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(on.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const i=t.getTransformerByCreate();return{scene:t,transformer:i}}_getTransformCoordForDocumentOffset(e,n,t,i){const{documentTransform:r}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(R.Vector2.FromArray([t,i]));if(s)return r.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:i,scene:r}=t,s=i,{docsLeft:c,docsTop:m}=s.getOffsetConfig(),d=R.getAnchorBounding(n),{left:u,top:g,height:h}=d,v=u+c,p=g+m;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:p,height:h}),this._anchorShape.show();return}const I=6,w=new R.Rect(et+o.Tools.generateRandomId(I),{left:v,top:p,height:h,strokeWidth:2,stroke:R.getColor(o.COLORS.darkGray,1),evented:!1});this._anchorShape=w,r.addObject(w,R.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return L.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(L.DocSkeletonManagerService).getSkeleton(),i=500,r=500,s=t==null?void 0:t.getSkeletonData();if(s==null\|\|n==null)return{width:i,height:r};const{pages:c}=s;let m=null;for(const d of c){const{skeDrawings:u}=d;if(u.has(e.drawingId)){m=d;break}}if(m){const{pageWidth:d,pageHeight:u,marginLeft:g,marginBottom:h,marginRight:v,marginTop:p}=m;return{width:Math.max(i,d-g-v),height:Math.max(r,u-p-h)}}else return{width:i,height:r}}};Ae=Qn([o.OnLifecycle(o.LifecycleStages.Rendered,Ae),Ne(0,o.ICommandService),Ne(1,o.IUniverInstanceService),Ne(2,j.IDrawingManagerService),Ne(3,R.IRenderManagerService)],Ae);var sn=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,tt=(a,e,n)=>e in a?sn(a,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[e]=n,it=(a,e,n,t)=>{for(var i=t>1?void 0:t?nt(e,n):e,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(e,n,i):s(i))\|\|i);return t&&i&&sn(e,n,i),i},cn=(a,e)=>(n,t)=>e(n,t,a),ln=(a,e,n)=>tt(a,typeof e!="symbol"?e+"":e,n);const ot="DOCS_DRAWING_UI_PLUGIN";E.UniverDocsDrawingUIPlugin=class extends o.Plugin{constructor(e,n,t){super(),this._injector=n,this._renderManagerSrv=t}onStarting(e){[[Me],[ye],[Ae],[be]].forEach(t=>e.add(t))}onReady(){[[We],[Xe]].forEach(e=>this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,e))}},ln(E.UniverDocsDrawingUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC),ln(E.UniverDocsDrawingUIPlugin,"pluginName",ot),E.UniverDocsDrawingUIPlugin=it([o.DependentOn(pe.UniverDrawingUIPlugin,j.UniverDrawingPlugin,B.UniverDocsDrawingPlugin),cn(1,J.Inject(J.Injector)),cn(2,R.IRenderManagerService)],E.UniverDocsDrawingUIPlugin),E.ClearDocDrawingTransformerOperation=de,E.DeleteDocDrawingsCommand=Fe,E.EditDocDrawingOperation=Le,E.GroupDocDrawingCommand=Ve,E.InsertDocDrawingCommand=He,E.InsertDocImageOperation=ve,E.MoveDocDrawingsCommand=fe,E.RemoveDocDrawingCommand=Te,E.SetDocDrawingArrangeCommand=je,E.SetDocDrawingCommand=Be,E.SidebarDocDrawingOperation=Re,E.UngroupDocDrawingCommand=Ge,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
1	+ (function(b,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@univerjs/core"),require("@univerjs/drawing-ui"),require("@univerjs/drawing"),require("@univerjs/docs-drawing"),require("@univerjs/engine-render"),require("rxjs"),require("@univerjs/docs-ui"),require("@univerjs/docs"),require("@univerjs/ui"),require("react"),require("clsx"),require("@univerjs/design")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing-ui","@univerjs/drawing","@univerjs/docs-drawing","@univerjs/engine-render","rxjs","@univerjs/docs-ui","@univerjs/docs","@univerjs/ui","react","clsx","@univerjs/design"],t):(b=typeof globalThis<"u"?globalThis:b\|\|self,t(b.UniverDocsDrawingUi={},b.UniverCore,b.UniverDrawingUi,b.UniverDrawing,b.UniverDocsDrawing,b.UniverEngineRender,b.rxjs,b.UniverDocsUi,b.UniverDocs,b.UniverUi,b.React,b.clsx,b.UniverDesign))})(this,function(b,t,ie,j,B,R,Se,Ce,L,q,l,k,X){"use strict";var it=Object.defineProperty;var at=(b,t,ie)=>t in b?it(b,t,{enumerable:!0,configurable:!0,writable:!0,value:ie}):b[t]=ie;var ue=(b,t,ie)=>at(b,typeof t!="symbol"?t+"":t,ie);const De={id:"doc.command.remove-doc-image",type:t.CommandType.COMMAND,handler:(o,e)=>{var _,P,x,T;const n=o.get(t.ICommandService),i=o.get(t.IUniverInstanceService),a=o.get(R.ITextSelectionRenderManager),r=i.getCurrentUniverDocInstance();if(e==null\|\|r==null)return!1;const{drawings:s}=e,c=(_=a.getSegment())!=null?_:"",m=new t.TextX,d=t.JSONX.getInstance(),u=(x=(P=r.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:P.customBlocks)!=null?x:[],g=s.map(A=>u.find(N=>N.blockId===A.drawingId)).filter(A=>!!A).sort((A,N)=>A.startIndex>N.startIndex?1:-1),h=s[0].unitId,v=new t.MemoryCursor;v.reset();const p=g[0].startIndex,I=[{startOffset:p,endOffset:p}],w={id:L.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:I}},S=[];for(const A of g){const{startIndex:N}=A;N>v.cursor&&m.push({t:t.TextXActionType.RETAIN,len:N-v.cursor,segmentId:""}),m.push({t:t.TextXActionType.DELETE,len:1,line:0,segmentId:""}),v.moveCursorTo(N+1)}const D=L.getRichTextEditPath(r,c);S.push(d.editOp(m.serialize(),D));for(const A of g){const{blockId:N}=A,M=((T=r.getDrawings())!=null?T:{})[N],G=r.getDrawingsOrder().indexOf(N),H=d.removeOp(["drawings",N],M),z=d.removeOp(["drawingsOrder",G],N);S.push(H),S.push(z)}return w.params.actions=S.reduce((A,N)=>t.JSONX.compose(A,N),null),!!n.syncExecuteCommand(w.id,w.params)}},We="COMPONENT_DOC_DRAWING_PANEL",xe={id:"sidebar.operation.doc-image",type:t.CommandType.COMMAND,handler:async(o,e)=>{const n=o.get(q.ISidebarService),i=o.get(t.LocaleService),a=o.get(j.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:i.t("docImage.panel.title")},children:{label:We},onClose:()=>{a.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Ue={id:"doc.operation.edit-doc-image",type:t.CommandType.OPERATION,handler:(o,e)=>{const n=o.get(j.IDrawingManagerService),i=o.get(t.ICommandService);return e==null?!1:(n.focusDrawing([e]),i.executeCommand(xe.id,{value:"open"}),!0)}};var un=Object.defineProperty,gn=Object.getOwnPropertyDescriptor,pn=(o,e,n,i)=>{for(var a=i>1?void 0:i?gn(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&un(e,n,a),a},pe=(o,e)=>(n,i)=>e(n,i,o);let _e=class extends t.RxDisposable{constructor(e,n,i,a,r){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=i,this._univerInstanceService=a,this._contextService=r,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_DOC).pipe(Se.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(t.UniverInstanceType.UNIVER_DOC).pipe(Se.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(t.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 i of n)if(i instanceof ie.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var r;const n=(r=this._renderManagerService.getRenderById(e))==null?void 0:r.scene;if(!n)return;const i=n.getTransformerByCreate();if(!i)return;const a=[];this.disposeWithMe(t.toDisposable(i.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=i.getSelectedObjectMap();if(a.forEach(I=>I.dispose()),a.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const m=c.oKey,d=this._drawingManagerService.getDrawingOKey(m);if(!d)return;const{unitId:u,subUnitId:g,drawingId:h}=d;a.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:ie.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(u,g,h)}}))),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===u&&I.subUnitId===g&&I.drawingId===h)&&this._drawingManagerService.focusDrawing([{unitId:u,subUnitId:g,drawingId:h}])}))),this.disposeWithMe(t.toDisposable(i.clearControl$.subscribe(()=>{a.forEach(s=>s.dispose()),a.length=0,this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(t.toDisposable(i.changing$.subscribe(()=>{a.forEach(s=>s.dispose()),a.length=0}))),this.disposeWithMe(t.toDisposable(i.changeStart$.subscribe(()=>{a.forEach(s=>s.dispose()),a.length=0})))}_getImageMenuItems(e,n,i){return[{label:"image-popup.edit",index:0,commandId:Ue.id,commandParams:{unitId:e,subUnitId:n,drawingId:i},disable:!1},{label:"image-popup.delete",index:1,commandId:De.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:i}]},disable:!1},{label:"image-popup.crop",index:2,commandId:ie.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:i},disable:!0},{label:"image-popup.reset",index:3,commandId:ie.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:i}],disable:!0}]}};_e=pn([t.OnLifecycle(t.LifecycleStages.Rendered,_e),pe(0,j.IDrawingManagerService),pe(1,t.Inject(Ce.DocCanvasPopManagerService)),pe(2,R.IRenderManagerService),pe(3,t.IUniverInstanceService),pe(4,t.IContextService)],_e);var ee=function(){return ee=Object.assign\|\|function(o){for(var e,n=1,i=arguments.length;n<i;n++){e=arguments[n];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(o[a]=e[a])}return o},ee.apply(this,arguments)},fn=function(o,e){var n={};for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&e.indexOf(i)<0&&(n[i]=o[i]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,i=Object.getOwnPropertySymbols(o);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(o,i[a])&&(n[i[a]]=o[i[a]]);return n},Xe=l.forwardRef(function(o,e){var n=o.icon,i=o.id,a=o.className,r=o.extend,s=fn(o,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(i," ").concat(a\|\|"").trim(),m=l.useRef("_".concat(In()));return ke(n,"".concat(i),{defIds:n.defIds,idSuffix:m.current},ee({ref:e,className:c},s),r)});function ke(o,e,n,i,a){return l.createElement(o.tag,ee(ee({key:e},hn(o,n,a)),i),(vn(o,n).children\|\|[]).map(function(r,s){return ke(r,"".concat(e,"-").concat(o.tag,"-").concat(s),n,void 0,a)}))}function hn(o,e,n){var i=ee({},o.attrs);n!=null&&n.colorChannel1&&i.fill==="colorChannel1"&&(i.fill=n.colorChannel1);var a=e.defIds;return!a\|\|a.length===0\|\|(o.tag==="use"&&i["xlink:href"]&&(i["xlink:href"]=i["xlink:href"]+e.idSuffix),Object.entries(i).forEach(function(r){var s=r[0],c=r[1];typeof c=="string"&&(i[s]=c.replace(/url$#(.)$/,"url(#$1".concat(e.idSuffix,")")))})),i}function vn(o,e){var n,i=e.defIds;return!i\|\|i.length===0?o:o.tag==="defs"&&(!((n=o.children)===null\|\|n===void 0)&&n.length)?ee(ee({},o),{children:o.children.map(function(a){return typeof a.attrs.id=="string"&&i&&i.indexOf(a.attrs.id)>-1?ee(ee({},a),{attrs:ee(ee({},a.attrs),{id:a.attrs.id+e.idSuffix})}):a})}):o}function In(){return Math.random().toString(36).substring(2,8)}Xe.displayName="UniverIcon";var wn={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"}}]},$e=l.forwardRef(function(o,e){return l.createElement(Xe,Object.assign({},o,{id:"add-image-single",ref:e,icon:wn}))});$e.displayName="AddImageSingle";const fe={id:"doc.operation.insert-float-image",type:t.CommandType.OPERATION,handler:()=>!0},qe={uploadFileMenu:"univer-upload-file-menu",uploadFileMenuInput:"univer-upload-file-menu-input"},Sn=()=>{const o=t.useDependency(t.ICommandService),e=l.useRef(null),n=()=>{var r;(r=e.current)==null\|\|r.click()},i=j.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(r=>`.${r.replace("image/","")}`).join(","),a=r=>{const s=r.target.files;if(s==null)return;const c=Array.from(s);o.executeCommand(fe.id,{files:c}),e.current&&(e.current.value="")};return l.createElement("div",{onClick:n,className:qe.uploadFileMenu},l.createElement("input",{type:"file",className:qe.uploadFileMenuInput,ref:e,onChange:a,accept:i,multiple:!0}))},ze="COMPONENT_DOC_UPLOAD_FILE_MENU",Je="addition-and-subtraction-single",Ke="doc.menu.image";function Cn(o){const e=o.get(t.IUniverInstanceService),n=o.get(R.IRenderManagerService);return new Se.Observable(i=>{const a=e.focused$.subscribe(c=>{if(c==null)return i.next(!0);const m=n.getRenderById(c);if(m==null)return i.next(!0);m.with(L.DocSkeletonManagerService).getViewModel().editAreaChange$.subscribe(u=>{i.next(u===R.DocumentEditArea.HEADER\|\|u===R.DocumentEditArea.FOOTER)})}),r=n.getCurrentTypeOfRenderer(t.UniverInstanceType.UNIVER_DOC);if(r==null)return i.next(!0);const s=r.with(L.DocSkeletonManagerService).getViewModel();return i.next(s.getEditArea()!==R.DocumentEditArea.BODY),()=>a.unsubscribe()})}function Dn(o){return{id:Ke,type:q.MenuItemType.SUBITEMS,positions:[q.MenuPosition.TOOLBAR_START],group:q.MenuGroup.TOOLBAR_LAYOUT,icon:Je,tooltip:"docImage.title",hidden$:Se.combineLatest(q.getMenuHiddenObservable(o,t.UniverInstanceType.UNIVER_DOC),Cn(o),(e,n)=>e\|\|n)}}function _n(o){return{id:fe.id,title:"docImage.upload.float",type:q.MenuItemType.SELECTOR,label:{name:ze},positions:[Ke],hidden$:q.getMenuHiddenObservable(o,t.UniverInstanceType.UNIVER_DOC)}}const f={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",sheetImageMenu:"univer-sheet-image-menu",sheetImageMenuInput:"univer-sheet-image-menu-input"};var ne=(o=>(o.INLINE="inline",o.BEHIND_TEXT="behindText",o.IN_FRONT_OF_TEXT="inFrontOfText",o.WRAP_SQUARE="wrapSquare",o.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",o))(ne\|\|{});const Tn={inline:t.PositionedObjectLayoutType.INLINE,wrapSquare:t.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:t.PositionedObjectLayoutType.WRAP_NONE,behindText:t.PositionedObjectLayoutType.WRAP_NONE},Ye={id:"doc.command.update-doc-drawing-wrapping-style",type:t.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const{drawings:n,wrappingStyle:i,unitId:a}=e,r=o.get(t.ICommandService),s=o.get(t.IUniverInstanceService),m=o.get(R.IRenderManagerService).getRenderById(a),d=m==null?void 0:m.with(L.DocSkeletonManagerService).getSkeleton().getSkeletonData(),u=m==null?void 0:m.scene,g=s.getCurrentUniverDocInstance();if(g==null\|\|d==null\|\|u==null)return!1;const h=u.getTransformerByCreate(),{pages:v}=d,p=t.JSONX.getInstance(),I=[],{drawings:w={}}=g.getSnapshot();for(const y of n){const{drawingId:_}=y,P=w[_].layoutType,x=Tn[i];if(P!==x){const M=p.replaceOp(["drawings",_,"layoutType"],P,x);I.push(M)}if(i==="behindText"\|\|i==="inFrontOfText"){const M=w[_].behindDoc,$=i==="behindText"?t.BooleanNumber.TRUE:t.BooleanNumber.FALSE;if(M!==$){const G=p.replaceOp(["drawings",_,"behindDoc"],M,$);I.push(G)}}if(i==="inline")continue;let T=null,A=0,N=0;for(const M of v)if(M.skeDrawings.has(_)){T=M.skeDrawings.get(_),A=M.marginTop,N=M.marginLeft;break}if(T!=null){const{aTop:M,aLeft:$}=T,G=w[_].docTransform.positionH;let H=$;G.relativeFrom===t.ObjectRelativeFromH.MARGIN?H-=N:G.relativeFrom===t.ObjectRelativeFromH.COLUMN&&(H-=T.columnLeft);const z={relativeFrom:G.relativeFrom,posOffset:H};if(G.posOffset!==z.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionH"],G,z);I.push(O)}const U=w[_].docTransform.positionV;let C=M;U.relativeFrom===t.ObjectRelativeFromV.PAGE?C+=A:U.relativeFrom===t.ObjectRelativeFromV.LINE?C-=T.lineTop:U.relativeFrom===t.ObjectRelativeFromV.PARAGRAPH&&(C-=T.blockAnchorTop);const E={relativeFrom:U.relativeFrom,posOffset:C};if(U.posOffset!==E.posOffset){const O=p.replaceOp(["drawings",_,"docTransform","positionV"],U,E);I.push(O)}}}const S={id:L.RichTextEditingMutation.id,params:{unitId:a,actions:[],textRanges:null}};S.params.actions=I.reduce((y,_)=>t.JSONX.compose(y,_),null);const D=r.syncExecuteCommand(S.id,S.params);return h.refreshControls(),!!D}},Ze={id:"doc.command.update-doc-drawing-distance",type:t.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const n=o.get(t.ICommandService),a=o.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;const{drawings:r,dist:s,unitId:c}=e,m=t.JSONX.getInstance(),d=[],{drawings:u={}}=a.getSnapshot();for(const v of r){const{drawingId:p}=v;for(const[I,w]of Object.entries(s)){const S=u[p][I];if(S!==w){const D=m.replaceOp(["drawings",p,I],S,w);d.push(D)}}}const g={id:L.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((v,p)=>t.JSONX.compose(v,p),null),!!n.syncExecuteCommand(g.id,g.params)}},Qe={id:"doc.command.update-doc-drawing-wrap-text",type:t.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const n=o.get(t.ICommandService),a=o.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(a==null)return!1;const{drawings:r,wrapText:s,unitId:c}=e,m=t.JSONX.getInstance(),d=[],{drawings:u={}}=a.getSnapshot();for(const v of r){const{drawingId:p}=v,I=u[p].wrapText;if(I!==s){const w=m.replaceOp(["drawings",p,"wrapText"],I,s);d.push(w)}}const g={id:L.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return g.params.actions=d.reduce((v,p)=>t.JSONX.compose(v,p),null),!!n.syncExecuteCommand(g.id,g.params)}},he={id:"doc.command.update-drawing-doc-transform",type:t.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const n=o.get(t.ICommandService),i=o.get(t.IUniverInstanceService),r=o.get(R.IRenderManagerService).getRenderById(e.unitId),s=r==null?void 0:r.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),m=i.getCurrentUniverDocInstance();if(m==null)return!1;const{drawings:d,unitId:u}=e,g=t.JSONX.getInstance(),h=[],{drawings:v={}}=m.getSnapshot();for(const w of d){const{drawingId:S,key:D,value:y}=w,_=v[S].docTransform[D];if(!t.Tools.diffValue(_,y)){const P=g.replaceOp(["drawings",S,"docTransform",D],_,y);h.push(P)}}const p={id:L.RichTextEditingMutation.id,params:{unitId:u,actions:[],textRanges:null,debounce:!0}};p.params.actions=h.reduce((w,S)=>t.JSONX.compose(w,S),null);const I=n.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!I}},en={id:"doc.command.move-inline-drawing",type:t.CommandType.COMMAND,handler:(o,e)=>{var T,A,N,M;if(e==null)return!1;const n=o.get(R.IRenderManagerService),i=o.get(R.ITextSelectionRenderManager),a=n.getRenderById(e.unitId),r=a==null?void 0:a.scene;if(r==null)return!1;const s=r.getTransformerByCreate(),c=o.get(t.ICommandService),d=o.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:h}=e,v=new t.TextX,p=t.JSONX.getInstance(),I=[],{drawingId:w}=u,S=(T=i.getSegment())!=null?T:"",D=(M=(N=(A=d.getSelfOrHeaderFooterModel(S).getBody())==null?void 0:A.customBlocks)==null?void 0:N.find($=>$.blockId===w))==null?void 0:M.startIndex;if(D==null)return!1;h<D?(h>0&&v.push({t:t.TextXActionType.RETAIN,len:h,segmentId:S}),v.push({t:t.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}),v.push({t:t.TextXActionType.RETAIN,len:D-h,segmentId:S}),v.push({t:t.TextXActionType.DELETE,len:1,line:0,segmentId:""})):(D>0&&v.push({t:t.TextXActionType.RETAIN,len:D,segmentId:S}),v.push({t:t.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h-D-1>0&&v.push({t:t.TextXActionType.RETAIN,len:h-D-1,segmentId:S}),v.push({t:t.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:S}));const y=L.getRichTextEditPath(d,S),_=p.editOp(v.serialize(),y);I.push(_);const P={id:L.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null}};P.params.actions=I.reduce(($,G)=>t.JSONX.compose($,G),null);const x=c.syncExecuteCommand(P.id,P.params);return s.refreshControls(),!!x}},nn={id:"doc.command.transform-non-inline-drawing",type:t.CommandType.COMMAND,handler:(o,e)=>{var G,H,z,U;if(e==null)return!1;const n=o.get(R.ITextSelectionRenderManager),a=o.get(R.IRenderManagerService).getRenderById(e.unitId),r=a==null?void 0:a.scene;if(r==null)return!1;const s=r.getTransformerByCreate(),c=o.get(t.ICommandService),d=o.get(t.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:u,unitId:g,offset:h,docTransform:v}=e,p=new t.TextX,I=t.JSONX.getInstance(),w=[],{drawingId:S}=u,D=(G=n.getSegment())!=null?G:"",y=(U=(z=(H=d.getSelfOrHeaderFooterModel(D).getBody())==null?void 0:H.customBlocks)==null?void 0:z.find(C=>C.blockId===S))==null?void 0:U.startIndex;if(y==null)return!1;if(h<y?(h>0&&p.push({t:t.TextXActionType.RETAIN,len:h,segmentId:D}),p.push({t:t.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:D}),p.push({t:t.TextXActionType.RETAIN,len:y-h,segmentId:D}),p.push({t:t.TextXActionType.DELETE,len:1,line:0,segmentId:""})):h>y&&(y>0&&p.push({t:t.TextXActionType.RETAIN,len:y,segmentId:D}),p.push({t:t.TextXActionType.DELETE,len:1,line:0,segmentId:""}),h-y-1>0&&p.push({t:t.TextXActionType.RETAIN,len:h-y-1,segmentId:D}),p.push({t:t.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:u.drawingId}]},len:1,line:0,segmentId:D})),h!==y){const C=L.getRichTextEditPath(d,D),E=I.editOp(p.serialize(),C);w.push(E)}const{drawings:_={}}=d.getSnapshot(),P=_[S].docTransform,{positionH:x,positionV:T,size:A,angle:N}=P;if(!t.Tools.diffValue(x,v.positionH)){const C=I.replaceOp(["drawings",S,"docTransform","positionH"],x,v.positionH);w.push(C)}if(!t.Tools.diffValue(T,v.positionV)){const C=I.replaceOp(["drawings",S,"docTransform","positionV"],T,v.positionV);w.push(C)}if(!t.Tools.diffValue(A,v.size)){const C=I.replaceOp(["drawings",S,"docTransform","size"],A,v.size);w.push(C)}if(!t.Tools.diffValue(N,v.angle)){const C=I.replaceOp(["drawings",S,"docTransform","angle"],N,v.angle);w.push(C)}const M={id:L.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};M.params.actions=w.reduce((C,E)=>t.JSONX.compose(C,E),null);const $=c.syncExecuteCommand(M.id,M.params);return s.refreshControls(),!!$}},Te=0,ye=100,yn=o=>{const e=t.useDependency(t.ICommandService),n=t.useDependency(t.LocaleService),i=t.useDependency(j.IDrawingManagerService),a=t.useDependency(R.IRenderManagerService),r=t.useDependency(t.IUniverInstanceService),{drawings:s}=o,c=s[0];if(c==null)return null;const{unitId:m}=c,d=r.getUniverDocInstance(m),u=a.getRenderById(m);if((u==null?void 0:u.scene)==null)return null;const[h,v]=l.useState(!0),[p,I]=l.useState(!0),[w,S]=l.useState(!0),[D,y]=l.useState(ne.INLINE),[_,P]=l.useState(""),[x,T]=l.useState({distT:0,distL:0,distB:0,distR:0}),[A,N]=l.useState(!0);function M(U){y(U);const C=i.getFocusDrawings();if(C.length===0)return;const{unitId:E,subUnitId:O}=C[0],F=C.map(({unitId:V,subUnitId:W,drawingId:J})=>({unitId:V,subUnitId:W,drawingId:J}));e.executeCommand(Ye.id,{unitId:E,subUnitId:O,drawings:F,wrappingStyle:U})}function $(U){P(U);const C=i.getFocusDrawings();if(C.length===0)return;const E=C.map(O=>({unitId:O.unitId,subUnitId:O.subUnitId,drawingId:O.drawingId}));e.executeCommand(Qe.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:E,wrapText:U})}function G(U,C){if(U==null)return;const E={...x,[C]:U};T(E);const O=i.getFocusDrawings();if(O.length===0)return;const F=O.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(Ze.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:F,dist:{[C]:U}})}function H(){const U=i.getFocusDrawings();U.length!==0&&z(U[0])}function z(U){var oe,ce;const C=(ce=(oe=d==null?void 0:d.getSnapshot())==null?void 0:oe.drawings)==null?void 0:ce[U.drawingId];if(C==null)return;const{distT:E=0,distL:O=0,distB:F=0,distR:V=0,layoutType:W=t.PositionedObjectLayoutType.INLINE,behindDoc:J=t.BooleanNumber.FALSE,wrapText:Y=t.WrapTextType.BOTH_SIDES}=C;if(T({distT:E,distL:O,distB:F,distR:V}),P(Y),v(W!==t.PositionedObjectLayoutType.WRAP_SQUARE),W===t.PositionedObjectLayoutType.WRAP_NONE\|\|W===t.PositionedObjectLayoutType.INLINE?I(!0):I(!1),W===t.PositionedObjectLayoutType.WRAP_NONE\|\|W===t.PositionedObjectLayoutType.INLINE\|\|W===t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?S(!0):S(!1),W===t.PositionedObjectLayoutType.WRAP_NONE)J===t.BooleanNumber.TRUE?y(ne.BEHIND_TEXT):y(ne.IN_FRONT_OF_TEXT);else switch(W){case t.PositionedObjectLayoutType.INLINE:y(ne.INLINE);break;case t.PositionedObjectLayoutType.WRAP_SQUARE:y(ne.WRAP_SQUARE);break;case t.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ne.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${W}`)}}return l.useEffect(()=>{H();const U=i.focus$.subscribe(E=>{if(E.length===0){N(!1);return}N(!0),z(E[0])}),C=e.onCommandExecuted(async E=>{E.id===L.RichTextEditingMutation.id&&H()});return()=>{U.unsubscribe(),C.dispose()}},[]),l.createElement("div",{className:k(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:A?"block":"none"}},l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-text-wrap.title")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrappingStyle")))),l.createElement("div",{className:k(f.imageCommonPanelRow)},l.createElement("div",{className:k(f.imageCommonPanelColumn)},l.createElement(X.RadioGroup,{value:D,onChange:M,direction:"vertical"},l.createElement(X.Radio,{value:ne.INLINE},n.t("image-text-wrap.inline")),l.createElement(X.Radio,{value:ne.WRAP_SQUARE},n.t("image-text-wrap.square")),l.createElement(X.Radio,{value:ne.WRAP_TOP_AND_BOTTOM},n.t("image-text-wrap.topAndBottom")),l.createElement(X.Radio,{value:ne.BEHIND_TEXT},n.t("image-text-wrap.behindText")),l.createElement(X.Radio,{value:ne.IN_FRONT_OF_TEXT},n.t("image-text-wrap.inFrontText"))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.wrapText")))),l.createElement("div",{className:k(f.imageCommonPanelRow)},l.createElement("div",{className:k(f.imageCommonPanelColumn)},l.createElement(X.RadioGroup,{disabled:h,value:_,onChange:$,direction:"horizontal"},l.createElement(X.Radio,{value:t.WrapTextType.BOTH_SIDES},n.t("image-text-wrap.bothSide")),l.createElement(X.Radio,{value:t.WrapTextType.LEFT},n.t("image-text-wrap.leftOnly")),l.createElement(X.Radio,{value:t.WrapTextType.RIGHT},n.t("image-text-wrap.rightOnly"))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-text-wrap.distanceFromText")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.top"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Te,max:ye,disabled:p,precision:1,value:x.distT,onChange:U=>{G(U,"distT")},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.left"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Te,max:ye,disabled:w,precision:1,value:x.distL,onChange:U=>{G(U,"distL")},className:f.imageCommonPanelInput})))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.bottom"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Te,max:ye,disabled:p,precision:1,value:x.distB,onChange:U=>{G(U,"distB")},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-text-wrap.right"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:Te,max:ye,disabled:w,precision:1,value:x.distR,onChange:U=>{G(U,"distR")},className:f.imageCommonPanelInput})))))))},tn=-1e3,an=1e3,On=o=>{const e=t.useDependency(t.ICommandService),n=t.useDependency(t.LocaleService),i=t.useDependency(j.IDrawingManagerService),a=t.useDependency(R.IRenderManagerService),r=t.useDependency(t.IUniverInstanceService),s=t.useDependency(R.ITextSelectionRenderManager),{drawings:c}=o,m=c[0];if(m==null)return;const{unitId:d}=m,u=r.getUniverDocInstance(d),g=a.getRenderById(d),h=g==null?void 0:g.scene;if(h==null)return;const v=h.getTransformerByCreate(),p=[{label:n.t("image-position.column"),value:String(t.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(t.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(t.ObjectRelativeFromH.MARGIN)}],I=[{label:n.t("image-position.line"),value:String(t.ObjectRelativeFromV.LINE)},{label:n.t("image-position.page"),value:String(t.ObjectRelativeFromV.PAGE)},{label:n.t("image-position.margin"),value:String(t.ObjectRelativeFromV.MARGIN)},{label:n.t("image-position.paragraph"),value:String(t.ObjectRelativeFromV.PARAGRAPH)}],[w,S]=l.useState(!0),[D,y]=l.useState({relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:0}),[_,P]=l.useState({relativeFrom:t.ObjectRelativeFromV.PAGE,posOffset:0}),[x,T]=l.useState(!0),[A,N]=l.useState(!0);function M(C,E){C==="positionH"?y(E):P(E);const O=i.getFocusDrawings();if(O.length===0)return;const F=O.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(he.id,{unitId:O[0].unitId,subUnitId:O[0].unitId,drawings:F.map(V=>({drawingId:V.drawingId,key:C,value:E}))}),s.blur(),v.refreshControls()}function $(C){var Z;const E=D.relativeFrom,O=D.posOffset,F=Number(C);if(E===F)return;const V=i.getFocusDrawings();if(V.length===0)return;const W=V[0].drawingId,J=V[0].unitId;let Y=null,se=0;const oe=(Z=a.getRenderById(J))==null?void 0:Z.with(L.DocSkeletonManagerService).getSkeleton(),ce=oe==null?void 0:oe.getSkeletonData();if(ce==null)return;for(const de of ce.pages){const{marginLeft:me,skeDrawings:Q}=de;if(Q.has(W)){Y=Q.get(W),se=me;break}}if(Y==null)return;let te=0;E===t.ObjectRelativeFromH.COLUMN?te-=Y.columnLeft:E===t.ObjectRelativeFromH.MARGIN&&(te-=se),F===t.ObjectRelativeFromH.COLUMN?te+=Y.columnLeft:F===t.ObjectRelativeFromH.MARGIN?te+=se:t.ObjectRelativeFromH.PAGE;const K={relativeFrom:F,posOffset:(O!=null?O:0)-te};M("positionH",K)}function G(C){var Ne,cn,ln,dn,mn;const E=_.relativeFrom,O=_.posOffset,F=Number(C);if(E===F)return;const V=i.getFocusDrawings();if(V.length===0)return;const{drawingId:W,unitId:J}=V[0],Y=r.getUniverDocInstance(J),se=(Ne=a.getRenderById(J))==null?void 0:Ne.with(L.DocSkeletonManagerService).getSkeleton(),oe=(ln=(cn=Y==null?void 0:Y.getBody())==null?void 0:cn.customBlocks)==null?void 0:ln.find(Ae=>Ae.blockId===W);if(oe==null\|\|se==null)return;const{startIndex:ce}=oe,te=se.findNodeByCharIndex(ce),K=(dn=te==null?void 0:te.parent)==null?void 0:dn.parent,Z=K==null?void 0:K.parent,de=Z==null?void 0:Z.lines.find(Ae=>Ae.paragraphIndex===(K==null?void 0:K.paragraphIndex)&&Ae.paragraphStart),me=(mn=Z==null?void 0:Z.parent)==null?void 0:mn.parent;if(te==null\|\|K==null\|\|de==null\|\|Z==null\|\|me==null)return;let Q=0;E===t.ObjectRelativeFromV.PARAGRAPH?Q-=de.top:E===t.ObjectRelativeFromV.LINE?Q-=K.top:E===t.ObjectRelativeFromV.PAGE&&(Q+=me.marginTop),F===t.ObjectRelativeFromV.PARAGRAPH?Q+=de.top:F===t.ObjectRelativeFromV.LINE?Q+=K.top:F===t.ObjectRelativeFromV.PAGE&&(Q-=me.marginTop);const re={relativeFrom:F,posOffset:(O!=null?O:0)-Q};M("positionV",re)}function H(C){var J;const E=u==null?void 0:u.getSnapshot(),O=(J=E==null?void 0:E.drawings)==null?void 0:J[C.drawingId];if(O==null)return;const{layoutType:F}=O,{positionH:V,positionV:W}=O.docTransform;y(V),P(W),S(F===t.PositionedObjectLayoutType.INLINE),T(W.relativeFrom===t.ObjectRelativeFromV.PARAGRAPH\|\|W.relativeFrom===t.ObjectRelativeFromV.LINE)}function z(){const C=i.getFocusDrawings();C.length!==0&&H(C[0])}function U(C){T(C),G(String(C?t.ObjectRelativeFromV.PARAGRAPH:t.ObjectRelativeFromV.PAGE))}return l.useEffect(()=>{z();const C=i.focus$.subscribe(O=>{if(O.length===0){N(!1);return}N(!0),H(O[0])}),E=e.onCommandExecuted(async O=>{O.id===L.RichTextEditingMutation.id&&z()});return()=>{C.unsubscribe(),E.dispose()}},[]),l.createElement("div",{className:k(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:A?"block":"none"}},l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelTitle)},l.createElement("div",null,n.t("image-position.title")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.horizontal")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:tn,max:an,precision:1,disabled:w,value:D.posOffset,onChange:C=>{M("positionH",{relativeFrom:D.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.toTheRightOf"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.Select,{value:String(D.relativeFrom),disabled:w,options:p,onChange:$})))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.vertical")))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.absolutePosition"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.InputNumber,{min:tn,max:an,precision:1,disabled:w,value:_.posOffset,onChange:C=>{M("positionV",{relativeFrom:_.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput}))))),l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSpan2)},l.createElement("label",null,l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},n.t("image-position.bellow"))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.Select,{disabled:w,value:String(_.relativeFrom),options:I,onChange:G})))))),l.createElement("div",{className:f.imageCommonPanelRow},l.createElement("div",{className:k(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle)},l.createElement("div",null,n.t("image-position.options")))),l.createElement("div",{className:f.imageCommonPanelRow,style:{marginBottom:"50px"}},l.createElement("div",{className:f.imageCommonPanelColumn},l.createElement(X.Checkbox,{disabled:w,checked:x,onChange:U},n.t("image-position.moveObjectWithText")))))},Pn=()=>{const o=t.useDependency(j.IDrawingManagerService),e=o.getFocusDrawings(),[n,i]=l.useState(e);return l.useEffect(()=>{const a=o.focus$.subscribe(r=>{i(r)});return()=>{a.unsubscribe()}},[]),!!(n!=null&&n.length)&&l.createElement("div",{className:f.imageCommonPanel},l.createElement(ie.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),l.createElement(yn,{drawings:n}),l.createElement(On,{drawings:n}))},le={id:"doc.operation.clear-drawing-transformer",type:t.CommandType.MUTATION,handler:(o,e)=>{const n=o.get(R.IRenderManagerService);return e.forEach(i=>{var a,r;(r=(a=n.getRenderById(i))==null?void 0:a.scene.getTransformer())==null\|\|r.debounceRefreshControls()}),!0}},ge={id:"doc.command.move-drawing",type:t.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(t.ICommandService),i=o.get(B.IDocDrawingService),a=o.get(t.IUniverInstanceService),r=o.get(R.IRenderManagerService),{direction:s}=e,c=i.getFocusDrawings();if(c.length===0)return!1;const m=c[0].unitId,d=r.getRenderById(m),u=d==null?void 0:d.scene;if(u==null)return!1;const g=u.getTransformerByCreate(),h=a.getUniverDocInstance(m),v=c.map(I=>{var x,T,A,N,M;const{drawingId:w}=I,S=(x=h==null?void 0:h.getSnapshot().drawings)==null?void 0:x[w];if(S==null\|\|S.layoutType===t.PositionedObjectLayoutType.INLINE)return null;const{positionH:D,positionV:y}=S.docTransform,_={...D},P={...y};return s===t.Direction.UP?P.posOffset=((T=P.posOffset)!=null?T:0)-2:s===t.Direction.DOWN?P.posOffset=((A=P.posOffset)!=null?A:0)+2:s===t.Direction.LEFT?_.posOffset=((N=_.posOffset)!=null?N:0)-2:s===t.Direction.RIGHT&&(_.posOffset=((M=_.posOffset)!=null?M:0)+2),{drawingId:w,key:s===t.Direction.UP\|\|s===t.Direction.DOWN?"positionV":"positionH",value:s===t.Direction.UP\|\|s===t.Direction.DOWN?P:_}}).filter(I=>I!=null);if(v.length===0)return!1;const p=n.syncExecuteCommand(he.id,{unitId:m,subUnitId:m,drawings:v});return g.refreshControls(),!!p}},Re={id:"doc.command.delete-drawing",type:t.CommandType.COMMAND,handler:o=>{const e=o.get(t.ICommandService),i=o.get(B.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;const{unitId:a}=i[0],r=i.map(s=>{const{unitId:c,subUnitId:m,drawingId:d,drawingType:u}=s;return{unitId:c,subUnitId:m,drawingId:d,drawingType:u}});return e.executeCommand(De.id,{unitId:a,drawings:r})}},Le={id:"doc.command.set-drawing-arrange",type:t.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(t.ICommandService),i=o.get(B.IDocDrawingService);if(e==null)return!1;const{unitId:a,subUnitId:r,drawingIds:s,arrangeType:c}=e,m={unitId:a,subUnitId:r,drawingIds:s};let d;if(c===j.ArrangeTypeEnum.forward?d=i.getForwardDrawingsOp(m):c===j.ArrangeTypeEnum.backward?d=i.getBackwardDrawingOp(m):c===j.ArrangeTypeEnum.front?d=i.getFrontDrawingsOp(m):c===j.ArrangeTypeEnum.back&&(d=i.getBackDrawingsOp(m)),d==null)return!1;const{redo:u}=d;if(u==null)return!1;const g=[];let h=t.Tools.deepClone(u);h=h.slice(3),h.unshift("drawingsOrder"),g.push(h);const v={id:L.RichTextEditingMutation.id,params:{unitId:a,actions:[],textRanges:null}};return v.params.actions=g.reduce((I,w)=>t.JSONX.compose(I,w),null),!!n.syncExecuteCommand(v.id,v.params)}},Fe={id:"doc.command.set-doc-image",type:t.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(t.ICommandService),i=o.get(t.IUndoRedoService),a=o.get(B.IDocDrawingService);if(!e)return!1;const{drawings:r}=e,s=a.getBatchUpdateOp(r),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(B.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:m,op:u,objects:g,type:B.DocDrawingApplyType.UPDATE})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:d,objects:g,type:B.DocDrawingApplyType.UPDATE}},{id:le.id,params:[c]}],redoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:m,op:u,objects:g,type:B.DocDrawingApplyType.UPDATE}},{id:le.id,params:[c]}]}),!0):!1}};function Mn(o){const e=[];return o.forEach(n=>{const{parent:i,children:a}=n,{unitId:r,subUnitId:s,drawingId:c}=i,m=R.getGroupState(0,0,a.map(g=>g.transform\|\|{})),d=a.map(g=>{const h=g.transform\|\|{left:0,top:0},{unitId:v,subUnitId:p,drawingId:I}=g;return{unitId:v,subUnitId:p,drawingId:I,transform:{...h,left:h.left-m.left,top:h.top-m.top},groupId:c}}),u={unitId:r,subUnitId:s,drawingId:c,drawingType:j.DrawingTypeEnum.DRAWING_GROUP,transform:m};e.push({parent:u,children:d})}),e}function En(o){const e=[];return o.forEach(n=>{const{parent:i,children:a}=n,{unitId:r,subUnitId:s,drawingId:c,transform:m={width:0,height:0}}=i;if(m==null)return;const d=a.map(g=>{const{transform:h}=g,{unitId:v,subUnitId:p,drawingId:I}=g,w=R.transformObjectOutOfGroup(h\|\|{},m,m.width\|\|0,m.height\|\|0);return{unitId:v,subUnitId:p,drawingId:I,transform:w,groupId:void 0}}),u={unitId:r,subUnitId:s,drawingId:c,drawingType:j.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};e.push({parent:u,children:d})}),e}const je={id:"doc.command.ungroup-doc-image",type:t.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(t.ICommandService),i=o.get(t.IUndoRedoService),a=o.get(B.IDocDrawingService);if(!e)return!1;const r=[];e.forEach(({parent:v,children:p})=>{r.push(v.unitId),p.forEach(I=>{r.push(I.unitId)})});const s=a.getUngroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(B.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.UNGROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:Mn(g),type:B.DocDrawingApplyType.GROUP}},{id:le.id,params:r}],redoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.UNGROUP}},{id:le.id,params:r}]}),!0):!1}},Be={id:"doc.command.group-doc-image",type:t.CommandType.COMMAND,handler:(o,e)=>{const n=o.get(t.ICommandService),i=o.get(t.IUndoRedoService),a=o.get(B.IDocDrawingService);if(!e)return!1;const r=[];e.forEach(({parent:v,children:p})=>{r.push(v.unitId),p.forEach(I=>{r.push(I.unitId)})});const s=a.getGroupDrawingOp(e),{unitId:c,subUnitId:m,undo:d,redo:u,objects:g}=s;return n.syncExecuteCommand(B.SetDocDrawingApplyMutation.id,{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.GROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:d,unitId:c,subUnitId:m,objects:En(g),type:B.DocDrawingApplyType.UNGROUP}},{id:le.id,params:r}],redoMutations:[{id:B.SetDocDrawingApplyMutation.id,params:{op:u,unitId:c,subUnitId:m,objects:g,type:B.DocDrawingApplyType.GROUP}},{id:le.id,params:r}]}),!0):!1}},Ge={id:"doc.command.insert-doc-image",type:t.CommandType.COMMAND,handler:(o,e)=>{var P,x;if(e==null)return!1;const n=o.get(t.ICommandService),i=o.get(L.TextSelectionManagerService),a=o.get(t.IUniverInstanceService),r=i.getActiveRange(),s=a.getCurrentUniverDocInstance();if(r==null\|\|s==null)return!1;const c=s.getUnitId(),{drawings:m}=e,{collapsed:d,startOffset:u,segmentId:g}=r,h=s.getSelfOrHeaderFooterModel(g).getBody();if(h==null)return!1;const v=new t.TextX,p=t.JSONX.getInstance(),I=[],w=(x=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?x:0;if(d)u>0&&v.push({t:t.TextXActionType.RETAIN,len:u,segmentId:g});else{const{dos:T}=L.getRetainAndDeleteFromReplace(r,g,0,h);v.push(...T)}v.push({t:t.TextXActionType.INSERT,body:{dataStream:"\b".repeat(m.length),customBlocks:m.map((T,A)=>({startIndex:A,blockId:T.drawingId}))},len:m.length,line:0,segmentId:g});const S=L.getRichTextEditPath(s,g),D=p.editOp(v.serialize(),S);I.push(D);for(const T of m){const{drawingId:A}=T,N=p.insertOp(["drawings",A],T),M=p.insertOp(["drawingsOrder",w],A);I.push(N),I.push(M)}const y={id:L.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=I.reduce((T,A)=>t.JSONX.compose(T,A),null),!!n.syncExecuteCommand(y.id,y.params)}};function ve(o){return o.getContextValue(t.FOCUSING_UNIVER_EDITOR)&&o.getContextValue(t.FOCUSING_COMMON_DRAWINGS)}const bn={id:ge.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_DOWN,priority:100,preconditions:ve,staticParameters:{direction:t.Direction.DOWN}},Nn={id:ge.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_UP,priority:100,preconditions:ve,staticParameters:{direction:t.Direction.UP}},An={id:ge.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_LEFT,priority:100,preconditions:ve,staticParameters:{direction:t.Direction.LEFT}},xn={id:ge.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:q.KeyCode.ARROW_RIGHT,priority:100,preconditions:ve,staticParameters:{direction:t.Direction.RIGHT}},Un={id:Re.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:ve,binding:q.KeyCode.DELETE,mac:q.KeyCode.BACKSPACE};var Rn=Object.defineProperty,Ln=Object.getOwnPropertyDescriptor,Fn=(o,e,n,i)=>{for(var a=i>1?void 0:i?Ln(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&Rn(e,n,a),a},Ie=(o,e)=>(n,i)=>e(n,i,o);let Oe=class extends t.Disposable{constructor(o,e,n,i,a){super(),this._injector=o,this._componentManager=e,this._menuService=n,this._commandService=i,this._shortcutService=a,this._init()}_initCustomComponents(){const o=this._componentManager;this.disposeWithMe(o.register(Je,$e)),this.disposeWithMe(o.register(ze,Sn)),this.disposeWithMe(o.register(We,Pn))}_initMenus(){[Dn,_n].forEach(o=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(o),{}))})}_initCommands(){[fe,Ge,Ye,Ze,Qe,he,en,nn,De,Fe,xe,le,Ue,Be,je,ge,Re,Le].forEach(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initShortcuts(){[bn,Nn,An,xn,Un].forEach(o=>{this.disposeWithMe(this._shortcutService.registerShortcut(o))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Oe=Fn([t.OnLifecycle(t.LifecycleStages.Ready,Oe),Ie(0,t.Inject(t.Injector)),Ie(1,t.Inject(q.ComponentManager)),Ie(2,q.IMenuService),Ie(3,t.ICommandService),Ie(4,q.IShortcutService)],Oe);var jn=Object.defineProperty,Bn=Object.getOwnPropertyDescriptor,Gn=(o,e,n,i)=>{for(var a=i>1?void 0:i?Bn(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&jn(e,n,a),a},ae=(o,e)=>(n,i)=>e(n,i,o);let Ve=class extends t.Disposable{constructor(o,e,n,i,a,r,s,c,m,d,u,g){super(),this._context=o,this._commandService=e,this._textSelectionManagerService=n,this._renderManagerSrv=i,this._imageIoService=a,this._docDrawingService=r,this._drawingManagerService=s,this._contextService=c,this._messageService=m,this._localeService=d,this._textSelectionManager=u,this._textSelectionRenderManager=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async o=>{if(o.id===fe.id){const e=o.params;if(e.files==null)return;const n=e.files.length;if(n>j.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(j.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(n),await this._insertFloatImages(e.files)}}))}async _insertFloatImages(o){let e=[];try{e=await Promise.all(o.map(a=>this._imageIoService.saveImage(a)))}catch(a){const r=a.message;r===j.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(j.DRAWING_IMAGE_ALLOW_SIZE/(10241024)))}):r===j.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):r===j.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:X.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(e.length===0)return;const{unitId:n}=this._context,i=[];for(const a of e){if(a==null)continue;const{imageId:r,imageSourceType:s,source:c,base64Cache:m}=a,{width:d,height:u,image:g}=await j.getImageSize(m\|\|"");this._imageIoService.addImageSourceCache(r,s,g);let h=1;if(d>j.DRAWING_IMAGE_WIDTH_LIMIT\|\|u>j.DRAWING_IMAGE_HEIGHT_LIMIT){const I=j.DRAWING_IMAGE_WIDTH_LIMIT/d,w=j.DRAWING_IMAGE_HEIGHT_LIMIT/u;h=Math.min(I,w)}const v=this._getImagePosition(dh,uh);if(v==null)return;const p={unitId:n,subUnitId:n,drawingId:r,drawingType:j.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:Ce.docDrawingPositionToTransform(v),docTransform:v,behindDoc:t.BooleanNumber.FALSE,title:"",description:"",layoutType:t.PositionedObjectLayoutType.INLINE,wrapText:t.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};i.push(p)}this._commandService.executeCommand(Ge.id,{unitId:n,drawings:i})}_getImagePosition(o,e){const n=this._textSelectionManagerService.getActiveTextRange(),i=(n==null?void 0:n.getAbsolutePosition())\|\|{left:0,top:0};return{size:{width:o,height:e},positionH:{relativeFrom:t.ObjectRelativeFromH.PAGE,posOffset:i.left},positionV:{relativeFrom:t.ObjectRelativeFromV.MARGIN,posOffset:i.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(o=>{const{unitId:e,subUnitId:n,drawingIds:i,arrangeType:a}=o;this._commandService.executeCommand(Le.id,{unitId:e,subUnitId:n,drawingIds:i,arrangeType:a})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(o=>{if(o.length===0)return;const e=[];if(o.forEach(n=>{const{unitId:i,subUnitId:a,drawingId:r,transform:s}=n;if(s==null)return;const c=this._docDrawingService.getDrawingByParam({unitId:i,subUnitId:a,drawingId:r});if(c==null)return;const m=Ce.transformToDocDrawingPosition({...c.transform,...s});if(m==null)return;const d={...n,transform:{...s,...Ce.docDrawingPositionToTransform(m)},docTransform:{...m}};e.push(d)}),e.length>0){const n=o[0].unitId;this._commandService.syncExecuteCommand(Fe.id,{unitId:n,drawings:e}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){var i;const{mainComponent:o,unitId:e}=this._context,n=(i=this._renderManagerSrv.getRenderById(e))==null?void 0:i.with(L.DocSkeletonManagerService).getSkeleton();n==null\|\|n.calculate(),o==null\|\|o.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Be.id,o)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(o=>{this._commandService.executeCommand(je.id,o)})}_getCurrentSceneAndTransformer(){const{scene:o,mainComponent:e}=this._context;if(o==null\|\|e==null)return;const n=o.getTransformerByCreate(),{docsLeft:i,docsTop:a}=e.getOffsetConfig();return{scene:o,transformer:n,docsLeft:i,docsTop:a}}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(o=>{var a;const{transformer:e,docsLeft:n,docsTop:i}=(a=this._getCurrentSceneAndTransformer())!=null?a:{};o==null\|\|o.length===0?(this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0})):(this._contextService.setContextValue(t.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(o),this._textSelectionManager.replaceTextRanges([]),e&&e.resetProps({zeroTop:i,zeroLeft:n}))}))}};Ve=Gn([ae(1,t.ICommandService),ae(2,t.Inject(L.TextSelectionManagerService)),ae(3,R.IRenderManagerService),ae(4,j.IImageIoService),ae(5,B.IDocDrawingService),ae(6,j.IDrawingManagerService),ae(7,t.IContextService),ae(8,q.IMessageService),ae(9,t.Inject(t.LocaleService)),ae(10,t.Inject(L.TextSelectionManagerService)),ae(11,R.ITextSelectionRenderManager)],Ve);var Vn=Object.defineProperty,Hn=Object.getOwnPropertyDescriptor,Wn=(o,e,n,i)=>{for(var a=i>1?void 0:i?Hn(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&Vn(e,n,a),a},Pe=(o,e)=>(n,i)=>e(n,i,o);let He=class extends t.Disposable{constructor(e,n,i,a,r){super();ue(this,"_liquid",new R.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=i,this._editorService=a,this._drawingManagerService=r,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh()}_initialRenderRefresh(){const{mainComponent:e}=this._context;this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{if(n==null)return;e.changeSkeleton(n),this._refreshDrawing(n)})}_commandExecutedListener(){const e=[L.RichTextEditingMutation.id,L.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const i=n.params,{unitId:a}=i,{unitId:r,mainComponent:s}=this._context;if(a!==r)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(r)){s==null\|\|s.makeDirty();return}this._refreshDrawing(c)}}))}_refreshDrawing(e){var I,w;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:i,unitId:a}=this._context,r=i;if(!n)return;const{left:s,top:c,pageLayoutType:m,pageMarginLeft:d,pageMarginTop:u}=r,{pages:g,skeHeaders:h,skeFooters:v}=n,p=[];this._liquid.reset();for(let S=0,D=g.length;S<D;S++){const y=g[S],{headerId:_,footerId:P,pageWidth:x}=y;if(_){const T=(I=h.get(_))==null?void 0:I.get(x);T&&this._calculateDrawingPosition(a,T,s,c,p)}if(P){const T=(w=v.get(P))==null?void 0:w.get(x);T&&this._calculateDrawingPosition(a,T,s,c,p)}this._calculateDrawingPosition(a,y,s,c,p),this._liquid.translatePage(y,m,d,u)}p.length>0&&this._drawingManagerService.refreshTransform(p)}_calculateDrawingPosition(e,n,i,a,r){const{skeDrawings:s}=n;this._liquid.translatePagePadding(n),s.forEach(c=>{const{aLeft:m,aTop:d,height:u,width:g,angle:h,drawingId:v,drawingOrigin:p}=c,I=p.layoutType===t.PositionedObjectLayoutType.WRAP_NONE&&p.behindDoc===t.BooleanNumber.TRUE;r.push({unitId:e,subUnitId:e,drawingId:v,behindText:I,transform:{left:m+i+this._liquid.x,top:d+a+this._liquid.y,width:g,height:u,angle:h}})}),this._liquid.restorePagePadding(n)}};He=Wn([Pe(1,t.Inject(L.DocSkeletonManagerService)),Pe(2,t.ICommandService),Pe(3,q.IEditorService),Pe(4,j.IDrawingManagerService)],He);var Xn=Object.defineProperty,kn=Object.getOwnPropertyDescriptor,$n=(o,e,n,i)=>{for(var a=i>1?void 0:i?kn(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&Xn(e,n,a),a},we=(o,e)=>(n,i)=>e(n,i,o);function qn(o){var i,a,r,s;if(t.JSONX.isNoop(o)\|\|!Array.isArray(o))return null;const e=o.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null\|\|!Array.isArray(e)\|\|e.length<3\|\|typeof e[1]=="string"&&typeof e[2]!="object"\|\|Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(i=c==null?void 0:c[1])!=null&&i.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(a=c==null?void 0:c[1])==null?void 0:a.i});else n.push({type:(r=e[2])!=null&&r.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function zn(o){if(!Array.isArray(o)\|\|o.length<3\|\|o[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<o.length;n++){const i=o[n];if(Array.isArray(i)&&typeof i[0]=="number"&&typeof i[1]=="object")e.push(i[0]);else{e.length=0;break}}return e}let Me=class extends t.Disposable{constructor(o,e,n,i,a){super(),this._univerInstanceService=o,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=i,this._renderManagerService=a,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(o=>{if(o.id!==L.RichTextEditingMutation.id)return;const e=o.params,{unitId:n,actions:i}=e,a=qn(i);if(a!=null)for(const{type:r,drawingId:s,drawing:c}of a)r==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{if(o.id!==L.RichTextEditingMutation.id)return;const e=o.params,{unitId:n,actions:i}=e;zn(i).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{var s;if(o.id!==t.UndoCommand.id&&o.id!==t.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null\|\|n.length===0)return;const i=this._renderManagerService.getRenderById(e),a=i==null?void 0:i.scene;if(a==null)return!1;a.getTransformerByCreate().refreshControls()}))}_addDrawings(o,e){const n=this._drawingManagerService,i=this._docDrawingService,a=this._docDrawingService.getBatchAddOp(e),{subUnitId:r,redo:s,objects:c}=a;n.applyJson1(o,r,s),i.applyJson1(o,r,s),n.addNotification(c),i.addNotification(c)}_removeDrawings(o,e){const n=this._drawingManagerService,i=this._docDrawingService,a=this._docDrawingService.getBatchRemoveOp(e.map(m=>({unitId:o,subUnitId:o,drawingId:m}))),{subUnitId:r,redo:s,objects:c}=a;n.applyJson1(o,r,s),i.applyJson1(o,r,s),n.removeNotification(c),i.removeNotification(c)}_updateDrawingsOrder(o){const e=this._univerInstanceService.getUniverDocInstance(o);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const i=this._drawingManagerService,a=this._docDrawingService;i.setDrawingOrder(o,o,n),a.setDrawingOrder(o,o,n);const r={unitId:o,subUnitId:o,drawingIds:n};i.orderNotification(r),a.orderNotification(r)}};Me=$n([t.OnLifecycle(t.LifecycleStages.Steady,Me),we(0,t.IUniverInstanceService),we(1,t.ICommandService),we(2,j.IDrawingManagerService),we(3,B.IDocDrawingService),we(4,R.IRenderManagerService)],Me);var Jn=Object.defineProperty,Kn=Object.getOwnPropertyDescriptor,Yn=(o,e,n,i)=>{for(var a=i>1?void 0:i?Kn(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&Jn(e,n,a),a},Ee=(o,e)=>(n,i)=>e(n,i,o);const Zn="__InlineDrawingAnchor__";let be=class extends t.Disposable{constructor(e,n,i,a){super();ue(this,"_liquid",new R.Liquid);ue(this,"_listenerOnImageMap",new Set);ue(this,"_transformerCache",new Map);ue(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=i,this._renderManagerService=a,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:i}=n;this._listenerOnImageMap.has(i)\|\|(this._listenTransformerChange(i),this._listenerOnImageMap.add(i))}}))}_listenTransformerChange(e){var a;const n=(a=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:a.transformer;if(n==null)return;this.disposeWithMe(t.toDisposable(n.changeStart$.subscribe(r=>{var c;this._transformerCache.clear();const{objects:s}=r;for(const m of s.values()){const{oKey:d,width:u,height:g,left:h,top:v,angle:p}=m,I=this._drawingManagerService.getDrawingOKey(d);if(I==null)continue;const w=this._univerInstanceService.getUniverDocInstance(I.unitId),S=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[I.drawingId];(S==null?void 0:S.layoutType)===t.PositionedObjectLayoutType.INLINE&&m.setOpacity(.2),S!=null&&this._transformerCache.set(I.drawingId,{drawing:S,top:v,left:h,width:u,height:g,angle:p})}})));const i=t.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);t.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(t.toDisposable(n.changing$.subscribe(r=>{const{objects:s,offsetX:c,offsetY:m}=r;if(s.size>1)i(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:h,top:v,left:p,angle:I}=u;if(g===d.width&&h===d.height&&v===d.top&&p===d.left&&I===d.angle)return;d&&(d.drawing.layoutType,t.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===t.PositionedObjectLayoutType.INLINE&&c!=null&&m!=null&&this._updateInlineDrawingAnchor(d.drawing,c,m)}}))),this.disposeWithMe(t.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s,offsetX:c,offsetY:m}=r;for(const d of s.values()){const u=this._drawingManagerService.getDrawingOKey(d.oKey);if(u==null)continue;const g=this._transformerCache.get(u==null?void 0:u.drawingId);(g==null?void 0:g.drawing.layoutType)===t.PositionedObjectLayoutType.INLINE&&d.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const d=this._transformerCache.values().next().value,u=s.values().next().value,{width:g,height:h,top:v,left:p,angle:I}=u;if(g===d.width&&h===d.height&&v===d.top&&p===d.left&&I===d.angle)return;d&&d.drawing.layoutType===t.PositionedObjectLayoutType.INLINE?g!==d.width\|\|h!==d.height\|\|I!==d.angle?this._updateDrawingSize(d,u):c!=null&&m!=null&&this._moveInlineDrawing(d.drawing,c,m):d&&this._nonInlineDrawingTransform(d.drawing,u)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let i,a;for(const r of e.values()){const{oKey:s,left:c,top:m,angle:d}=r;let{width:u,height:g}=r;const h=this._drawingManagerService.getDrawingOKey(s);if(h==null)continue;i==null&&(i=h.unitId),a==null&&(a=h.subUnitId);const v=this._transformerCache.get(h.drawingId);if(v==null)continue;const{drawing:p,top:I,left:w,width:S,height:D,angle:y}=v,{width:_,height:P}=this._getPageContentSize(p);if(u=Math.min(u,_),g=Math.min(g,P),(S!==u\|\|D!==g)&&n.push({drawingId:h.drawingId,key:"size",value:{width:u,height:g}}),y!==d&&n.push({drawingId:h.drawingId,key:"angle",value:d}),I!==m\|\|w!==c){const x=m-I,T=c-w;x!==0&&n.push({drawingId:h.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+x}}),T!==0&&n.push({drawingId:h.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+T}})}}n.length>0&&i&&a&&this._commandService.executeCommand(he.id,{unitId:i,subUnitId:a,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,i=e.values().next().value;this._getDrawingAnchor(n.drawing,i)}_updateInlineDrawingAnchor(e,n,i){var r;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:a}=(r=this._getInlineDrawingAnchor(e,n,i))!=null?r:{};a!=null&&this._createOrUpdateInlineAnchor(e.unitId,a)}_getInlineDrawingAnchor(e,n,i){var $;const a=this._renderManagerService.getRenderById(e.unitId),r=a==null?void 0:a.with(L.DocSkeletonManagerService).getSkeleton();if(a==null)return;const{mainComponent:s,scene:c}=a,m=s,d=c.getViewports()[0],{pageLayoutType:u=R.PageLayoutType.VERTICAL,pageMarginLeft:g,pageMarginTop:h}=m.getOffsetConfig();let v=null,p=!1,I=-1;const w=.5,S=this._getTransformCoordForDocumentOffset(m,d,n,i);if(S==null)return;const D=r==null?void 0:r.findNodeByCoord(S,u,g,h);if(D){const{node:G,ratioX:H,segmentPage:z}=D;p=H<w,v=G,I=z}if(v==null)return;const y=r==null?void 0:r.findPositionByGlyph(v,I),_=this._getDocObject();if(y==null\|\|r==null\|\|_==null)return;const P={...y,isBack:p},x=_.document.getOffsetConfig(),T=new R.NodePositionConvertToCursor(x,r),{cursorList:A,contentBoxPointGroup:N}=T.getRangePointData(P,P),{startOffset:M}=($=R.getOneTextSelectionRange(A))!=null?$:{};if(M!=null)return{offset:M,contentBoxPointGroup:N}}_getDrawingAnchor(e,n){var Z,de,me,Q;const i=this._renderManagerService.getRenderById(e.unitId),a=i==null?void 0:i.with(L.DocSkeletonManagerService).getSkeleton(),r=a==null?void 0:a.getViewModel(),s=a==null?void 0:a.getSkeletonData();if(s==null\|\|i==null\|\|r==null)return;const{pages:c}=s,{mainComponent:m,scene:d}=i,u=m,g=d.getViewports()[0],{pageLayoutType:h=R.PageLayoutType.VERTICAL,pageMarginLeft:v,pageMarginTop:p,docsLeft:I,docsTop:w}=u.getOffsetConfig(),{left:S,top:D,angle:y}=n;let{width:_,height:P}=n;const{positionV:x,positionH:T}=e.docTransform,{width:A,height:N}=this._getPageContentSize(e);_=Math.min(_,A),P=Math.min(P,N);let M=null,$=-1;const G=!1,H={...e.docTransform,size:{width:_,height:P},angle:y},{x:z,y:U}=d.getViewportScrollXY(g),C=this._getTransformCoordForDocumentOffset(u,g,S-z,D-U);if(C==null)return;const E=a==null?void 0:a.findNodeByCoord(C,h,v,p);if(E){const{node:re,segmentPage:Ne}=E;M=re,$=Ne}if(M==null)return;const O=(Z=M.parent)==null?void 0:Z.parent,F=O==null?void 0:O.parent,V=(de=F==null?void 0:F.lines.find(re=>re.paragraphIndex===(O==null?void 0:O.paragraphIndex)&&re.paragraphStart))!=null?de:F==null?void 0:F.lines[0],W=(me=F==null?void 0:F.parent)==null?void 0:me.parent;this._liquid.reset();for(const re of c){if(this._liquid.translatePagePadding(re),re===W)break;this._liquid.restorePagePadding(re),this._liquid.translatePage(re,h,v,p)}if(O==null\|\|F==null\|\|V==null\|\|W==null)return;switch(x.relativeFrom===t.ObjectRelativeFromV.LINE?M=O.divides[0].glyphGroup[0]:M=V.divides[0].glyphGroup[0],H.positionH={relativeFrom:T.relativeFrom,posOffset:S-this._liquid.x-I},T.relativeFrom){case t.ObjectRelativeFromH.MARGIN:{H.positionH.posOffset=S-this._liquid.x-I-W.marginLeft;break}case t.ObjectRelativeFromH.COLUMN:{H.positionH.posOffset=S-this._liquid.x-I-F.left;break}}switch(H.positionV={relativeFrom:x.relativeFrom,posOffset:D-this._liquid.y-w},x.relativeFrom){case t.ObjectRelativeFromV.PAGE:{H.positionV.posOffset=D-this._liquid.y-w-W.marginTop;break}case t.ObjectRelativeFromV.LINE:{H.positionV.posOffset=D-this._liquid.y-w-O.top;break}case t.ObjectRelativeFromV.PARAGRAPH:{H.positionV.posOffset=D-this._liquid.y-w-V.top;break}}if(M==null)return;const J=a==null?void 0:a.findPositionByGlyph(M,$),Y=this._getDocObject();if(J==null\|\|a==null\|\|Y==null)return;const se={...J,isBack:G},oe=Y.document.getOffsetConfig(),ce=new R.NodePositionConvertToCursor(oe,a),{cursorList:te}=ce.getRangePointData(se,se),{startOffset:K}=(Q=R.getOneTextSelectionRange(te))!=null?Q:{};if(K!=null)return{offset:K,docTransform:H}}_updateDrawingSize(e,n){const i=[],{drawing:a,width:r,height:s,angle:c}=e,{unitId:m,subUnitId:d}=a;let{width:u,height:g,angle:h}=n;const{width:v,height:p}=this._getPageContentSize(a);u=Math.min(v,u),g=Math.min(p,g),(u!==r\|\|g!==s)&&i.push({drawingId:a.drawingId,key:"size",value:{width:u,height:g}}),h!==c&&i.push({drawingId:a.drawingId,key:"angle",value:h}),i.length>0&&m&&d&&this._commandService.executeCommand(he.id,{unitId:m,subUnitId:d,drawings:i})}_moveInlineDrawing(e,n,i){const a=this._getInlineDrawingAnchor(e,n,i),{offset:r}=a!=null?a:{};if(r!=null)return this._commandService.executeCommand(en.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:r})}_limitDrawingInPage(e,n){const i=this._renderManagerService.getRenderById(e.unitId),{left:a,top:r,width:s,height:c,angle:m}=n,d=i==null?void 0:i.with(L.DocSkeletonManagerService).getSkeleton(),u=d==null?void 0:d.getSkeletonData(),{pages:g}=u!=null?u:{};if(u==null\|\|i==null\|\|g==null)return{left:a,top:r,width:s,height:c,angle:m};const{mainComponent:h}=i,v=h,{top:p,pageLayoutType:I,pageMarginLeft:w,pageMarginTop:S}=v;let D=r;this._liquid.reset();for(const y of g){const{marginBottom:_,pageHeight:P}=y,x=g.indexOf(y),T=g[x+1];if(T==null)continue;if(t.Tools.hasIntersectionBetweenTwoRanges(r,r+c,this._liquid.y+p+P-_,this._liquid.y+p+P+S+T.marginTop)){const N=r+c/2,M=this._liquid.y+p+P+S/2;N<M?D=Math.min(r,this._liquid.y+p+P-_-c):D=Math.max(r,this._liquid.y+p+P+S+T.marginTop)}this._liquid.translatePage(y,I,w,S)}return{left:a,top:D,width:s,height:c,angle:m}}_nonInlineDrawingTransform(e,n,i=!1){const a=this._limitDrawingInPage(e,n);if(i&&a.top!==n.top)return;const r=this._getDrawingAnchor(e,a),{offset:s,docTransform:c}=r!=null?r:{};return s==null\|\|c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(nn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),i=n==null?void 0:n.scene;if(i==null)return;const a=i.getTransformerByCreate();return{scene:i,transformer:a}}_getTransformCoordForDocumentOffset(e,n,i,a){const{documentTransform:r}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(R.Vector2.FromArray([i,a]));if(s)return r.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const i=this._renderManagerService.getRenderById(e);if(i==null)return;const{mainComponent:a,scene:r}=i,s=a,{docsLeft:c,docsTop:m}=s.getOffsetConfig(),d=R.getAnchorBounding(n),{left:u,top:g,height:h}=d,v=u+c,p=g+m;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:p,height:h}),this._anchorShape.show();return}const I=6,w=new R.Rect(Zn+t.Tools.generateRandomId(I),{left:v,top:p,height:h,strokeWidth:2,stroke:R.getColor(t.COLORS.darkGray,1),evented:!1});this._anchorShape=w,r.addObject(w,R.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return L.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),i=n==null?void 0:n.with(L.DocSkeletonManagerService).getSkeleton(),a=500,r=500,s=i==null?void 0:i.getSkeletonData();if(s==null\|\|n==null)return{width:a,height:r};const{pages:c}=s;let m=null;for(const d of c){const{skeDrawings:u}=d;if(u.has(e.drawingId)){m=d;break}}if(m){const{pageWidth:d,pageHeight:u,marginLeft:g,marginBottom:h,marginRight:v,marginTop:p}=m;return{width:Math.max(a,d-g-v),height:Math.max(r,u-p-h)}}else return{width:a,height:r}}};be=Yn([t.OnLifecycle(t.LifecycleStages.Rendered,be),Ee(0,t.ICommandService),Ee(1,t.IUniverInstanceService),Ee(2,j.IDrawingManagerService),Ee(3,R.IRenderManagerService)],be);var on=Object.defineProperty,Qn=Object.getOwnPropertyDescriptor,et=(o,e,n)=>e in o?on(o,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[e]=n,nt=(o,e,n,i)=>{for(var a=i>1?void 0:i?Qn(e,n):e,r=o.length-1,s;r>=0;r--)(s=o[r])&&(a=(i?s(e,n,a):s(a))\|\|a);return i&&a&&on(e,n,a),a},rn=(o,e)=>(n,i)=>e(n,i,o),sn=(o,e,n)=>et(o,typeof e!="symbol"?e+"":e,n);const tt="DOCS_DRAWING_UI_PLUGIN";b.UniverDocsDrawingUIPlugin=class extends t.Plugin{constructor(e,n,i){super(),this._injector=n,this._renderManagerSrv=i}onStarting(e){[[Oe],[_e],[be],[Me]].forEach(i=>e.add(i))}onReady(){[[Ve],[He]].forEach(e=>this._renderManagerSrv.registerRenderModule(t.UniverInstanceType.UNIVER_DOC,e))}},sn(b.UniverDocsDrawingUIPlugin,"type",t.UniverInstanceType.UNIVER_DOC),sn(b.UniverDocsDrawingUIPlugin,"pluginName",tt),b.UniverDocsDrawingUIPlugin=nt([t.DependentOn(ie.UniverDrawingUIPlugin,j.UniverDrawingPlugin,B.UniverDocsDrawingPlugin),rn(1,t.Inject(t.Injector)),rn(2,R.IRenderManagerService)],b.UniverDocsDrawingUIPlugin),b.ClearDocDrawingTransformerOperation=le,b.DeleteDocDrawingsCommand=Re,b.EditDocDrawingOperation=Ue,b.GroupDocDrawingCommand=Be,b.InsertDocDrawingCommand=Ge,b.InsertDocImageOperation=fe,b.MoveDocDrawingsCommand=ge,b.RemoveDocDrawingCommand=De,b.SetDocDrawingArrangeCommand=Le,b.SetDocDrawingCommand=Fe,b.SidebarDocDrawingOperation=xe,b.UngroupDocDrawingCommand=je,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/docs-drawing-ui",
-  "version": "0.2.3",
+  "version": "0.2.4-alpha.0",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -48,43 +48,41 @@
     "lib"
   ],
   "peerDependencies": {
-    "@wendellhu/redi": "0.15.5",
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/core": "0.2.3",
-    "@univerjs/design": "0.2.3",
-    "@univerjs/docs": "0.2.3",
-    "@univerjs/docs-drawing": "0.2.3",
-    "@univerjs/drawing": "0.2.3",
-    "@univerjs/engine-render": "0.2.3",
-    "@univerjs/drawing-ui": "0.2.3",
-    "@univerjs/docs-ui": "0.2.3",
-    "@univerjs/ui": "0.2.3"
+    "@univerjs/core": "0.2.4-alpha.0",
+    "@univerjs/design": "0.2.4-alpha.0",
+    "@univerjs/docs-drawing": "0.2.4-alpha.0",
+    "@univerjs/docs": "0.2.4-alpha.0",
+    "@univerjs/docs-ui": "0.2.4-alpha.0",
+    "@univerjs/drawing": "0.2.4-alpha.0",
+    "@univerjs/drawing-ui": "0.2.4-alpha.0",
+    "@univerjs/engine-render": "0.2.4-alpha.0",
+    "@univerjs/ui": "0.2.4-alpha.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.1.58"
+    "@univerjs/icons": "^0.1.64"
   },
   "devDependencies": {
-    "@wendellhu/redi": "0.15.5",
     "clsx": "^2.1.1",
     "less": "^4.2.0",
     "ot-json1": "^1.0.2",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
     "typescript": "^5.5.3",
-    "vite": "^5.3.3",
-    "vitest": "^1.6.0",
-    "@univerjs/core": "0.2.3",
-    "@univerjs/design": "0.2.3",
-    "@univerjs/docs-drawing": "0.2.3",
-    "@univerjs/docs-ui": "0.2.3",
-    "@univerjs/drawing": "0.2.3",
-    "@univerjs/shared": "0.2.3",
-    "@univerjs/engine-render": "0.2.3",
-    "@univerjs/drawing-ui": "0.2.3",
-    "@univerjs/ui": "0.2.3",
-    "@univerjs/docs": "0.2.3"
+    "vite": "^5.3.4",
+    "vitest": "^2.0.3",
+    "@univerjs/core": "0.2.4-alpha.0",
+    "@univerjs/docs": "0.2.4-alpha.0",
+    "@univerjs/design": "0.2.4-alpha.0",
+    "@univerjs/docs-drawing": "0.2.4-alpha.0",
+    "@univerjs/docs-ui": "0.2.4-alpha.0",
+    "@univerjs/drawing": "0.2.4-alpha.0",
+    "@univerjs/drawing-ui": "0.2.4-alpha.0",
+    "@univerjs/engine-render": "0.2.4-alpha.0",
+    "@univerjs/shared": "0.2.4-alpha.0",
+    "@univerjs/ui": "0.2.4-alpha.0"
   },
   "univerSpace": {
     ".": {