npm - @univerjs/docs-drawing-ui - Versions diffs - 0.2.4 → 0.2.5 - Mend

@univerjs/docs-drawing-ui 0.2.4 → 0.2.5

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 +529 -531
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 +20 -22

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/docs-drawing-ui",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -48,25 +48,23 @@
     "lib"
   ],
   "peerDependencies": {
-    "@wendellhu/redi": "0.16.0",
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/design": "0.2.4",
-    "@univerjs/core": "0.2.4",
-    "@univerjs/docs": "0.2.4",
-    "@univerjs/docs-drawing": "0.2.4",
-    "@univerjs/docs-ui": "0.2.4",
-    "@univerjs/drawing": "0.2.4",
-    "@univerjs/ui": "0.2.4",
-    "@univerjs/drawing-ui": "0.2.4",
-    "@univerjs/engine-render": "0.2.4"
+    "@univerjs/design": "0.2.5",
+    "@univerjs/docs": "0.2.5",
+    "@univerjs/docs-ui": "0.2.5",
+    "@univerjs/core": "0.2.5",
+    "@univerjs/docs-drawing": "0.2.5",
+    "@univerjs/drawing": "0.2.5",
+    "@univerjs/engine-render": "0.2.5",
+    "@univerjs/ui": "0.2.5",
+    "@univerjs/drawing-ui": "0.2.5"
   },
   "dependencies": {
     "@univerjs/icons": "^0.1.65"
   },
   "devDependencies": {
-    "@wendellhu/redi": "0.16.0",
     "clsx": "^2.1.1",
     "less": "^4.2.0",
     "ot-json1": "^1.0.2",
@@ -75,16 +73,16 @@
     "typescript": "^5.5.3",
     "vite": "^5.3.4",
     "vitest": "^2.0.3",
-    "@univerjs/core": "0.2.4",
-    "@univerjs/docs-drawing": "0.2.4",
-    "@univerjs/docs": "0.2.4",
-    "@univerjs/docs-ui": "0.2.4",
-    "@univerjs/drawing": "0.2.4",
-    "@univerjs/drawing-ui": "0.2.4",
-    "@univerjs/engine-render": "0.2.4",
-    "@univerjs/design": "0.2.4",
-    "@univerjs/shared": "0.2.4",
-    "@univerjs/ui": "0.2.4"
+    "@univerjs/core": "0.2.5",
+    "@univerjs/design": "0.2.5",
+    "@univerjs/docs": "0.2.5",
+    "@univerjs/docs-ui": "0.2.5",
+    "@univerjs/drawing": "0.2.5",
+    "@univerjs/docs-drawing": "0.2.5",
+    "@univerjs/engine-render": "0.2.5",
+    "@univerjs/drawing-ui": "0.2.5",
+    "@univerjs/shared": "0.2.5",
+    "@univerjs/ui": "0.2.5"
   },
   "univerSpace": {
     ".": {