@univerjs/docs-drawing-ui 0.1.17 → 0.2.0

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var ue=Object.defineProperty;var me=(e,n,t)=>n in e?ue(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var V=(e,n,t)=>me(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@univerjs/core"),C=require("@wendellhu/redi"),O=require("@univerjs/drawing-ui"),I=require("@univerjs/drawing"),u=require("@univerjs/docs-drawing"),E=require("@univerjs/engine-render"),B=require("rxjs"),A=require("@univerjs/docs-ui"),v=require("@univerjs/ui"),P=require("@wendellhu/redi/react-bindings"),f=require("react"),N=require("clsx"),G=require("@univerjs/design"),H=require("@univerjs/docs"),_={id:"sheet.operation.clear-drawing-transformer",type:s.CommandType.MUTATION,handler:(e,n)=>{const t=e.get(E.IRenderManagerService);return n.forEach(i=>{var r,o;(o=(r=t.getRenderById(i))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},F={id:"doc.command.remove-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const{drawings:o}=n,a=[];o.forEach(h=>{const{unitId:w}=h;a.push(w)});const c=r.getBatchRemoveOp(o),{unitId:d,subUnitId:g,undo:l,redo:m,objects:p}=c;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{unitId:d,subUnitId:g,op:m,objects:p,type:u.DocDrawingApplyType.REMOVE})?(i.pushUndoRedo({unitID:d,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:d,subUnitId:g,op:l,objects:p,type:u.DocDrawingApplyType.INSERT}},{id:_.id,params:a}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:d,subUnitId:g,op:m,objects:p,type:u.DocDrawingApplyType.REMOVE}},{id:_.id,params:a}]}),!0):!1}},z="COMPONENT_DOC_DRAWING_PANEL",Z={id:"sidebar.operation.doc-image",type:s.CommandType.COMMAND,handler:async(e,n)=>{const t=e.get(v.ISidebarService),i=e.get(s.LocaleService),r=e.get(I.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:i.t("docImage.panel.title")},children:{label:z},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},k={id:"sheet.operation.edit-sheet-image",type:s.CommandType.OPERATION,handler:(e,n)=>{const t=e.get(I.IDrawingManagerService),i=e.get(s.ICommandService);return n==null?!1:(t.focusDrawing([n]),i.executeCommand(Z.id,{value:"open"}),!0)}};var ge=Object.defineProperty,le=Object.getOwnPropertyDescriptor,pe=(e,n,t,i)=>{for(var r=i>1?void 0:i?le(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&ge(n,t,r),r},T=(e,n)=>(t,i)=>n(t,i,e);let x=class extends s.RxDisposable{constructor(n,t,i,r,o){super();V(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=i,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(s.UniverInstanceType.UNIVER_DOC).pipe(B.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(s.UniverInstanceType.UNIVER_DOC).pipe(B.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(s.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const i of t)if(i instanceof O.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var o;const t=(o=this._renderManagerService.getRenderById(n))==null?void 0:o.scene;if(!t)return;const i=t.getTransformerByCreate();if(!i)return;const r=[];this.disposeWithMe(s.toDisposable(i.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const a=i.getSelectedObjectMap();if(a.size>1){r.forEach(D=>D.dispose());return}const c=a.values().next().value;if(!c)return;const d=c.oKey,g=this._drawingManagerService.getDrawingOKey(d);if(!g)return;const{unitId:l,subUnitId:m,drawingId:p}=g;r.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:O.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(l,m,p)}}))),this._drawingManagerService.focusDrawing([{unitId:l,subUnitId:m,drawingId:p}])}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{r.forEach(a=>a.dispose()),this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(i.changing$.subscribe(()=>{r.forEach(a=>a.dispose())}))}_getImageMenuItems(n,t,i){return[{label:"image-popup.edit",index:0,commandId:k.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.delete",index:1,commandId:F.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:i}]},disable:!1},{label:"image-popup.crop",index:2,commandId:O.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.reset",index:3,commandId:O.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:i}],disable:!1}]}};x=pe([s.OnLifecycle(s.LifecycleStages.Rendered,x),T(0,I.IDrawingManagerService),T(1,C.Inject(A.DocCanvasPopManagerService)),T(2,E.IRenderManagerService),T(3,s.IUniverInstanceService),T(4,s.IContextService)],x);var S=function(){return S=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},S.apply(this,arguments)},Ie=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(t[i[r]]=e[i[r]]);return t},Y=f.forwardRef(function(e,n){var t=e.icon,i=e.id,r=e.className,o=e.extend,a=Ie(e,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(i," ").concat(r||"").trim(),d=f.useRef("_".concat(ve()));return Q(t,"".concat(i),{defIds:t.defIds,idSuffix:d.current},S({ref:n,className:c},a),o)});function Q(e,n,t,i,r){return f.createElement(e.tag,S(S({key:n},fe(e,t,r)),i),(De(e,t).children||[]).map(function(o,a){return Q(o,"".concat(n,"-").concat(e.tag,"-").concat(a),t,void 0,r)}))}function fe(e,n,t){var i=S({},e.attrs);t!=null&&t.colorChannel1&&i.fill==="colorChannel1"&&(i.fill=t.colorChannel1);var r=n.defIds;return!r||r.length===0||(e.tag==="use"&&i["xlink:href"]&&(i["xlink:href"]=i["xlink:href"]+n.idSuffix),Object.entries(i).forEach(function(o){var a=o[0],c=o[1];typeof c=="string"&&(i[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),i}function De(e,n){var t,i=n.defIds;return!i||i.length===0?e:e.tag==="defs"&&(!((t=e.children)===null||t===void 0)&&t.length)?S(S({},e),{children:e.children.map(function(r){return typeof r.attrs.id=="string"&&i&&i.indexOf(r.attrs.id)>-1?S(S({},r),{attrs:S(S({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):e}function ve(){return Math.random().toString(36).substring(2,8)}Y.displayName="UniverIcon";var he={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"}}]},X=f.forwardRef(function(e,n){return f.createElement(Y,Object.assign({},e,{id:"add-image-single",ref:n,icon:he}))});X.displayName="AddImageSingle";const j={id:"doc.operation.insert-float-image",type:s.CommandType.OPERATION,handler:()=>!0},we="univer-upload-file-menu",Se="univer-upload-file-menu-input",q={uploadFileMenu:we,uploadFileMenuInput:Se},_e=()=>{const e=P.useDependency(s.ICommandService),n=f.useRef(null),t=()=>{var o;(o=n.current)==null||o.click()},i=I.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(o=>`.${o.replace("image/","")}`).join(","),r=o=>{const a=o.target.files;if(a==null)return;const c=Array.from(a);e.executeCommand(j.id,{files:c}),n.current&&(n.current.value="")};return f.createElement("div",{onClick:t,className:q.uploadFileMenu},f.createElement("input",{type:"file",className:q.uploadFileMenuInput,ref:n,onChange:r,accept:i,multiple:!0}))},J="COMPONENT_DOC_UPLOAD_FILE_MENU",ee="addition-and-subtraction-single",ne="doc.menu.image";function ye(e){return{id:ne,type:v.MenuItemType.SUBITEMS,positions:[v.MenuPosition.TOOLBAR_START],group:v.MenuGroup.TOOLBAR_LAYOUT,icon:ee,tooltip:"docImage.title",hidden$:v.getMenuHiddenObservable(e,s.UniverInstanceType.UNIVER_DOC)}}function Ce(e){return{id:j.id,title:"docImage.upload.float",type:v.MenuItemType.SELECTOR,label:{name:J},positions:[ne],hidden$:v.getMenuHiddenObservable(e,s.UniverInstanceType.UNIVER_DOC)}}const Me="univer-image-common-panel",Oe="univer-image-common-panel-grid",Pe="univer-image-common-panel-border",Ee="univer-image-common-panel-title",Te="univer-image-common-panel-row",Re="univer-image-common-panel-row-vertical",Ae="univer-image-common-panel-column",be="univer-image-common-panel-column-center",Ue="univer-image-common-panel-inline",Ne="univer-image-common-panel-span2",Ge="univer-image-common-panel-span3",xe="univer-image-common-panel-input",Le="univer-sheet-image-menu",je="univer-sheet-image-menu-input",M={imageCommonPanel:Me,imageCommonPanelGrid:Oe,imageCommonPanelBorder:Pe,imageCommonPanelTitle:Ee,imageCommonPanelRow:Te,imageCommonPanelRowVertical:Re,imageCommonPanelColumn:Ae,imageCommonPanelColumnCenter:be,imageCommonPanelInline:Ue,imageCommonPanelSpan2:Ne,imageCommonPanelSpan3:Ge,imageCommonPanelInput:xe,sheetImageMenu:Le,sheetImageMenuInput:je},$={id:"doc.command.set-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const{drawings:o}=n,a=r.getBatchUpdateOp(o),{unitId:c,subUnitId:d,undo:g,redo:l,objects:m}=a;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:d,op:l,objects:m,type:u.DocDrawingApplyType.UPDATE})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:d,op:g,objects:m,type:u.DocDrawingApplyType.UPDATE}},{id:_.id,params:[c]}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:d,op:l,objects:m,type:u.DocDrawingApplyType.UPDATE}},{id:_.id,params:[c]}]}),!0):!1}},We=e=>{P.useDependency(s.ICommandService);const n=P.useDependency(s.LocaleService);P.useDependency(I.IDrawingManagerService);const t=P.useDependency(E.IRenderManagerService),{drawings:i}=e,r=i[0];if(r==null)return;const{unitId:o}=r,a=t.getRenderById(o),c=a==null?void 0:a.scene;if(c==null)return;const d=c.getTransformerByCreate(),[g,l]=f.useState(!0);f.useState(""),f.useEffect(()=>{const p=d.clearControl$.subscribe(D=>{D===!0&&l(!1)});return()=>{p.unsubscribe()}},[]);const m=p=>p?"block":"none";return f.createElement("div",{className:N(M.imageCommonPanelGrid,M.imageCommonPanelBorder),style:{display:m(g)}},f.createElement("div",{className:M.imageCommonPanelRow},f.createElement("div",{className:N(M.imageCommonPanelColumn,M.imageCommonPanelTitle)},f.createElement("div",null,n.t("drawing-anchor.title")))),f.createElement("div",{className:N(M.imageCommonPanelRow)},f.createElement("div",{className:N(M.imageCommonPanelColumn)})))},Fe=()=>{const e=P.useDependency(I.IDrawingManagerService),n=e.getFocusDrawings(),[t,i]=f.useState(n);return f.useEffect(()=>{const r=e.focus$.subscribe(o=>{i(o)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&f.createElement("div",{className:M.imageCommonPanel},f.createElement(O.DrawingCommonPanel,{drawings:t}),f.createElement(We,{drawings:t}))},b={id:"doc.command.move-drawing",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(u.IDocDrawingService),{direction:r}=n,o=i.getFocusDrawings();if(o.length===0)return!1;const a=o[0].unitId,c=o.map(g=>{const{transform:l}=g;if(l==null)return null;const m={...l},{left:p=0,top:D=0}=l;return r===s.Direction.UP?m.top=D-1:r===s.Direction.DOWN?m.top=D+1:r===s.Direction.LEFT?m.left=p-1:r===s.Direction.RIGHT&&(m.left=p+1),{...g,transform:m,docTransform:A.transformToDocDrawingPosition(m)}}).filter(g=>g!=null);return t.syncExecuteCommand($.id,{unitId:a,drawings:c})?(t.syncExecuteCommand(_.id,[a]),!0):!1}},te={id:"doc.command.delete-drawing",type:s.CommandType.COMMAND,handler:e=>{const n=e.get(s.ICommandService),i=e.get(u.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;const r=i[0].unitId,o=i.map(a=>{const{unitId:c,subUnitId:d,drawingId:g,drawingType:l}=a;return{unitId:c,subUnitId:d,drawingId:g,drawingType:l}});return n.executeCommand(F.id,{unitId:r,drawings:o})}},ie={id:"doc.command.set-drawing-arrange",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService);if(!n)return!1;const r=e.get(u.IDocDrawingService),{unitId:o,subUnitId:a,drawingIds:c,arrangeType:d}=n,g={unitId:o,subUnitId:a,drawingIds:c};let l;if(d===I.ArrangeTypeEnum.forward?l=r.getForwardDrawingsOp(g):d===I.ArrangeTypeEnum.backward?l=r.getBackwardDrawingOp(g):d===I.ArrangeTypeEnum.front?l=r.getFrontDrawingsOp(g):d===I.ArrangeTypeEnum.back&&(l=r.getBackDrawingsOp(g)),l==null)return!1;const{objects:m,redo:p,undo:D}=l;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:p,unitId:o,subUnitId:a,objects:m,type:u.DocDrawingApplyType.ARRANGE})?(i.pushUndoRedo({unitID:o,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:D,unitId:o,subUnitId:a,objects:m,type:u.DocDrawingApplyType.ARRANGE}}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:p,unitId:o,subUnitId:a,objects:m,type:u.DocDrawingApplyType.ARRANGE}}]}),!0):!1}};function $e(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:o,subUnitId:a,drawingId:c}=i,d=E.getGroupState(0,0,r.map(m=>m.transform||{})),g=r.map(m=>{const p=m.transform||{left:0,top:0},{unitId:D,subUnitId:h,drawingId:w}=m;return{unitId:D,subUnitId:h,drawingId:w,transform:{...p,left:p.left-d.left,top:p.top-d.top},groupId:c}}),l={unitId:o,subUnitId:a,drawingId:c,drawingType:I.DrawingTypeEnum.DRAWING_GROUP,transform:d};n.push({parent:l,children:g})}),n}function Ve(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:o,subUnitId:a,drawingId:c,transform:d={width:0,height:0}}=i;if(d==null)return;const g=r.map(m=>{const{transform:p}=m,{unitId:D,subUnitId:h,drawingId:w}=m,de=E.transformObjectOutOfGroup(p||{},d,d.width||0,d.height||0);return{unitId:D,subUnitId:h,drawingId:w,transform:de,groupId:void 0}}),l={unitId:o,subUnitId:a,drawingId:c,drawingType:I.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};n.push({parent:l,children:g})}),n}const re={id:"doc.command.ungroup-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const o=[];n.forEach(({parent:D,children:h})=>{o.push(D.unitId),h.forEach(w=>{o.push(w.unitId)})});const a=r.getUngroupDrawingOp(n),{unitId:c,subUnitId:d,undo:g,redo:l,objects:m}=a;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.UNGROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:g,unitId:c,subUnitId:d,objects:$e(m),type:u.DocDrawingApplyType.GROUP}},{id:_.id,params:o}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.UNGROUP}},{id:_.id,params:o}]}),!0):!1}},oe={id:"doc.command.group-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const o=[];n.forEach(({parent:D,children:h})=>{o.push(D.unitId),h.forEach(w=>{o.push(w.unitId)})});const a=r.getGroupDrawingOp(n),{unitId:c,subUnitId:d,undo:g,redo:l,objects:m}=a;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.GROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:g,unitId:c,subUnitId:d,objects:Ve(m),type:u.DocDrawingApplyType.UNGROUP}},{id:_.id,params:o}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.GROUP}},{id:_.id,params:o}]}),!0):!1}},ae={id:"doc.command.insert-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const o=n.drawings,a=o.map(h=>h.unitId),c=r.getBatchAddOp(o),{unitId:d,subUnitId:g,undo:l,redo:m,objects:p}=c;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:m,unitId:d,subUnitId:g,objects:p,type:u.DocDrawingApplyType.INSERT})?(i.pushUndoRedo({unitID:d,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:l,unitId:d,subUnitId:g,objects:p,type:u.DocDrawingApplyType.REMOVE}},{id:_.id,params:a}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:m,unitId:d,subUnitId:g,objects:p,type:u.DocDrawingApplyType.INSERT}},{id:_.id,params:a}]}),!0):!1}};function U(e){return!e.getContextValue(s.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(s.FOCUSING_COMMON_DRAWINGS)}const Be={id:b.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_DOWN,priority:100,preconditions:U,staticParameters:{direction:s.Direction.DOWN}},He={id:b.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_UP,priority:100,preconditions:U,staticParameters:{direction:s.Direction.UP}},qe={id:b.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_LEFT,priority:100,preconditions:U,staticParameters:{direction:s.Direction.LEFT}},Ke={id:b.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_RIGHT,priority:100,preconditions:U,staticParameters:{direction:s.Direction.RIGHT}},ze={id:te.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:U,binding:v.KeyCode.DELETE,mac:v.KeyCode.BACKSPACE};var Ze=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,Ye=(e,n,t,i)=>{for(var r=i>1?void 0:i?ke(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&Ze(n,t,r),r},R=(e,n)=>(t,i)=>n(t,i,e);let L=class extends s.Disposable{constructor(e,n,t,i,r){super(),this._injector=e,this._componentManager=n,this._menuService=t,this._commandService=i,this._shortcutService=r,this._init()}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(ee,X)),this.disposeWithMe(e.register(J,_e)),this.disposeWithMe(e.register(z,Fe))}_initMenus(){[ye,Ce].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),{}))})}_initCommands(){[j,ae,F,$,Z,_,k,oe,re,b,te,ie].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[Be,He,qe,Ke,ze].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};L=Ye([s.OnLifecycle(s.LifecycleStages.Ready,L),R(0,C.Inject(C.Injector)),R(1,C.Inject(v.ComponentManager)),R(2,v.IMenuService),R(3,s.ICommandService),R(4,v.IShortcutService)],L);var Qe=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,Je=(e,n,t,i)=>{for(var r=i>1?void 0:i?Xe(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&Qe(n,t,r),r},y=(e,n)=>(t,i)=>n(t,i,e);let W=class extends s.Disposable{constructor(e,n,t,i,r,o,a,c,d,g){super(),this._context=e,this._commandService=n,this._textSelectionManagerService=t,this._docSkeletonManagerService=i,this._sheetDrawingService=r,this._imageIoService=o,this._drawingManagerService=a,this._contextService=c,this._messageService=d,this._localeService=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{if(e.id===j.id){const n=e.params;if(n.files==null)return;const t=n.files.length;if(t>I.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(I.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(t),n.files.forEach(async i=>{await this._insertFloatImage(i)})}}))}async _insertFloatImage(e){var D;let n;try{n=await this._imageIoService.saveImage(e)}catch(h){const w=h.message;w===I.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(I.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)))}):w===I.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):w===I.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(n==null)return;const{unitId:t}=this._context,{imageId:i,imageSourceType:r,source:o,base64Cache:a}=n,{width:c,height:d,image:g}=await I.getImageSize(a||"");this._imageIoService.addImageSourceCache(i,r,g);let l=1;if(c>I.DRAWING_IMAGE_WIDTH_LIMIT||d>I.DRAWING_IMAGE_HEIGHT_LIMIT){const h=I.DRAWING_IMAGE_WIDTH_LIMIT/c,w=I.DRAWING_IMAGE_HEIGHT_LIMIT/d;l=Math.max(h,w)}const m=this._getImagePosition(c*l,d*l);if(m==null)return;const p={unitId:t,subUnitId:t,drawingId:i,drawingType:I.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:r,source:o,transform:A.docDrawingPositionToTransform(m),docTransform:m,title:"",description:"",layoutType:s.PositionedObjectLayoutType.WRAP_SQUARE};this._commandService.executeCommand(ae.id,{unitId:t,drawings:[p]}),(D=this._docSkeletonManagerService.getSkeleton())==null||D.calculate()}_getImagePosition(e,n){const t=this._textSelectionManagerService.getActiveTextRange(),i=(t==null?void 0:t.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:n},positionH:{relativeFrom:s.ObjectRelativeFromH.MARGIN,posOffset:i.left},positionV:{relativeFrom:s.ObjectRelativeFromV.PAGE,posOffset:i.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{const{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r}=e;this._commandService.executeCommand(ie.id,{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(e=>{if(e.length===0)return;const n=[];if(e.forEach(t=>{const{unitId:i,subUnitId:r,drawingId:o,transform:a}=t;if(a==null)return;const c=this._sheetDrawingService.getDrawingByParam({unitId:i,subUnitId:r,drawingId:o});if(c==null)return;const d=A.transformToDocDrawingPosition({...c.transform,...a});if(d==null)return;const g={...t,transform:{...a,...A.docDrawingPositionToTransform(d)},docTransform:{...d}};n.push(g)}),n.length>0){const t=e[0].unitId;this._commandService.syncExecuteCommand($.id,{unitId:t,drawings:n}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){const e=this._docSkeletonManagerService.getSkeleton(),{mainComponent:n}=this._context;e==null||e.calculate(),n==null||n.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(oe.id,e)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(re.id,e)})}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{e==null||e.length===0?(this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!1),this._sheetDrawingService.focusDrawing([])):(this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!0),this._sheetDrawingService.focusDrawing(e))}))}};W=Je([y(1,s.ICommandService),y(2,C.Inject(H.TextSelectionManagerService)),y(3,C.Inject(H.DocSkeletonManagerService)),y(4,u.IDocDrawingService),y(5,I.IImageIoService),y(6,I.IDrawingManagerService),y(7,s.IContextService),y(8,v.IMessageService),y(9,C.Inject(s.LocaleService))],W);var se=Object.defineProperty,en=Object.getOwnPropertyDescriptor,nn=(e,n,t)=>n in e?se(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,tn=(e,n,t,i)=>{for(var r=i>1?void 0:i?en(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&se(n,t,r),r},K=(e,n)=>(t,i)=>n(t,i,e),ce=(e,n,t)=>nn(e,typeof n!="symbol"?n+"":n,t);const rn="DOCS_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends s.Plugin{constructor(n,t,i){super(),this._injector=t,this._renderManagerSrv=i}onStarting(n){[[L],[x]].forEach(i=>n.add(i))}onReady(){[W].forEach(n=>this._renderManagerSrv.registerRenderModule(s.UniverInstanceType.UNIVER_DOC,n))}};ce(exports.UniverDocsDrawingUIPlugin,"type",s.UniverInstanceType.UNIVER_DOC);ce(exports.UniverDocsDrawingUIPlugin,"pluginName",rn);exports.UniverDocsDrawingUIPlugin=tn([s.DependentOn(O.UniverDrawingUIPlugin,I.UniverDrawingPlugin,u.UniverDocsDrawingPlugin),K(1,C.Inject(C.Injector)),K(2,E.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);
+"use strict";var ue=Object.defineProperty;var me=(e,n,t)=>n in e?ue(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var k=(e,n,t)=>me(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@univerjs/core"),y=require("@wendellhu/redi"),O=require("@univerjs/drawing-ui"),D=require("@univerjs/drawing"),u=require("@univerjs/docs-drawing"),E=require("@univerjs/engine-render"),Y=require("rxjs"),b=require("@univerjs/docs-ui"),v=require("@univerjs/ui"),P=require("@wendellhu/redi/react-bindings"),I=require("react"),G=require("clsx"),x=require("@univerjs/design"),Q=require("@univerjs/docs"),S={id:"sheet.operation.clear-drawing-transformer",type:s.CommandType.MUTATION,handler:(e,n)=>{const t=e.get(E.IRenderManagerService);return n.forEach(i=>{var r,o;(o=(r=t.getRenderById(i))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},W={id:"doc.command.remove-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const{drawings:o}=n,a=[];o.forEach(h=>{const{unitId:w}=h;a.push(w)});const c=r.getBatchRemoveOp(o),{unitId:d,subUnitId:g,undo:l,redo:m,objects:p}=c;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{unitId:d,subUnitId:g,op:m,objects:p,type:u.DocDrawingApplyType.REMOVE})?(i.pushUndoRedo({unitID:d,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:d,subUnitId:g,op:l,objects:p,type:u.DocDrawingApplyType.INSERT}},{id:S.id,params:a}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:d,subUnitId:g,op:m,objects:p,type:u.DocDrawingApplyType.REMOVE}},{id:S.id,params:a}]}),!0):!1}},ee="COMPONENT_DOC_DRAWING_PANEL",V={id:"sidebar.operation.doc-image",type:s.CommandType.COMMAND,handler:async(e,n)=>{const t=e.get(v.ISidebarService),i=e.get(s.LocaleService),r=e.get(D.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:i.t("docImage.panel.title")},children:{label:ee},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},B={id:"sheet.operation.edit-sheet-image",type:s.CommandType.OPERATION,handler:(e,n)=>{const t=e.get(D.IDrawingManagerService),i=e.get(s.ICommandService);return n==null?!1:(t.focusDrawing([n]),i.executeCommand(V.id,{value:"open"}),!0)}};var ge=Object.defineProperty,le=Object.getOwnPropertyDescriptor,pe=(e,n,t,i)=>{for(var r=i>1?void 0:i?le(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&ge(n,t,r),r},R=(e,n)=>(t,i)=>n(t,i,e);let L=class extends s.RxDisposable{constructor(n,t,i,r,o){super();k(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=i,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(s.UniverInstanceType.UNIVER_DOC).pipe(Y.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(s.UniverInstanceType.UNIVER_DOC).pipe(Y.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(s.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const i of t)if(i instanceof O.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var o;const t=(o=this._renderManagerService.getRenderById(n))==null?void 0:o.scene;if(!t)return;const i=t.getTransformerByCreate();if(!i)return;const r=[];this.disposeWithMe(s.toDisposable(i.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const a=i.getSelectedObjectMap();if(a.size>1){r.forEach(f=>f.dispose());return}const c=a.values().next().value;if(!c)return;const d=c.oKey,g=this._drawingManagerService.getDrawingOKey(d);if(!g)return;const{unitId:l,subUnitId:m,drawingId:p}=g;r.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:O.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(l,m,p)}}))),this._drawingManagerService.focusDrawing([{unitId:l,subUnitId:m,drawingId:p}])}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{r.forEach(a=>a.dispose()),this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(i.changing$.subscribe(()=>{r.forEach(a=>a.dispose())}))}_getImageMenuItems(n,t,i){return[{label:"image-popup.edit",index:0,commandId:B.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.delete",index:1,commandId:W.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:i}]},disable:!1},{label:"image-popup.crop",index:2,commandId:O.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.reset",index:3,commandId:O.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:i}],disable:!1}]}};L=pe([s.OnLifecycle(s.LifecycleStages.Rendered,L),R(0,D.IDrawingManagerService),R(1,y.Inject(b.DocCanvasPopManagerService)),R(2,E.IRenderManagerService),R(3,s.IUniverInstanceService),R(4,s.IContextService)],L);var _=function(){return _=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_.apply(this,arguments)},De=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(t[i[r]]=e[i[r]]);return t},ne=I.forwardRef(function(e,n){var t=e.icon,i=e.id,r=e.className,o=e.extend,a=De(e,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(i," ").concat(r||"").trim(),d=I.useRef("_".concat(ve()));return te(t,"".concat(i),{defIds:t.defIds,idSuffix:d.current},_({ref:n,className:c},a),o)});function te(e,n,t,i,r){return I.createElement(e.tag,_(_({key:n},Ie(e,t,r)),i),(fe(e,t).children||[]).map(function(o,a){return te(o,"".concat(n,"-").concat(e.tag,"-").concat(a),t,void 0,r)}))}function Ie(e,n,t){var i=_({},e.attrs);t!=null&&t.colorChannel1&&i.fill==="colorChannel1"&&(i.fill=t.colorChannel1);var r=n.defIds;return!r||r.length===0||(e.tag==="use"&&i["xlink:href"]&&(i["xlink:href"]=i["xlink:href"]+n.idSuffix),Object.entries(i).forEach(function(o){var a=o[0],c=o[1];typeof c=="string"&&(i[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),i}function fe(e,n){var t,i=n.defIds;return!i||i.length===0?e:e.tag==="defs"&&(!((t=e.children)===null||t===void 0)&&t.length)?_(_({},e),{children:e.children.map(function(r){return typeof r.attrs.id=="string"&&i&&i.indexOf(r.attrs.id)>-1?_(_({},r),{attrs:_(_({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):e}function ve(){return Math.random().toString(36).substring(2,8)}ne.displayName="UniverIcon";var he={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"}}]},ie=I.forwardRef(function(e,n){return I.createElement(ne,Object.assign({},e,{id:"add-image-single",ref:n,icon:he}))});ie.displayName="AddImageSingle";const U={id:"doc.operation.insert-float-image",type:s.CommandType.OPERATION,handler:()=>!0},we="univer-upload-file-menu",Se="univer-upload-file-menu-input",X={uploadFileMenu:we,uploadFileMenuInput:Se},_e=()=>{const e=P.useDependency(s.ICommandService),n=I.useRef(null),t=()=>{var o;(o=n.current)==null||o.click()},i=D.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(o=>`.${o.replace("image/","")}`).join(","),r=o=>{const a=o.target.files;if(a==null)return;const c=Array.from(a);e.executeCommand(U.id,{files:c}),n.current&&(n.current.value="")};return I.createElement("div",{onClick:t,className:X.uploadFileMenu},I.createElement("input",{type:"file",className:X.uploadFileMenuInput,ref:n,onChange:r,accept:i,multiple:!0}))},re="COMPONENT_DOC_UPLOAD_FILE_MENU",oe="addition-and-subtraction-single",ae="doc.menu.image";function Ce(e){return{id:ae,type:v.MenuItemType.SUBITEMS,positions:[v.MenuPosition.TOOLBAR_START],group:v.MenuGroup.TOOLBAR_LAYOUT,icon:oe,tooltip:"docImage.title",hidden$:v.getMenuHiddenObservable(e,s.UniverInstanceType.UNIVER_DOC)}}function ye(e){return{id:U.id,title:"docImage.upload.float",type:v.MenuItemType.SELECTOR,label:{name:re},positions:[ae],hidden$:v.getMenuHiddenObservable(e,s.UniverInstanceType.UNIVER_DOC)}}const Me="univer-image-common-panel",Oe="univer-image-common-panel-grid",Pe="univer-image-common-panel-border",Ee="univer-image-common-panel-title",Te="univer-image-common-panel-row",Re="univer-image-common-panel-row-vertical",Ae="univer-image-common-panel-column",be="univer-image-common-panel-column-center",Ue="univer-image-common-panel-inline",Ne="univer-image-common-panel-span2",Ge="univer-image-common-panel-span3",xe="univer-image-common-panel-input",Le="univer-sheet-image-menu",je="univer-sheet-image-menu-input",M={imageCommonPanel:Me,imageCommonPanelGrid:Oe,imageCommonPanelBorder:Pe,imageCommonPanelTitle:Ee,imageCommonPanelRow:Te,imageCommonPanelRowVertical:Re,imageCommonPanelColumn:Ae,imageCommonPanelColumnCenter:be,imageCommonPanelInline:Ue,imageCommonPanelSpan2:Ne,imageCommonPanelSpan3:Ge,imageCommonPanelInput:xe,sheetImageMenu:Le,sheetImageMenuInput:je},F={id:"doc.command.set-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const{drawings:o}=n,a=r.getBatchUpdateOp(o),{unitId:c,subUnitId:d,undo:g,redo:l,objects:m}=a;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:d,op:l,objects:m,type:u.DocDrawingApplyType.UPDATE})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:d,op:g,objects:m,type:u.DocDrawingApplyType.UPDATE}},{id:S.id,params:[c]}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:d,op:l,objects:m,type:u.DocDrawingApplyType.UPDATE}},{id:S.id,params:[c]}]}),!0):!1}},We=e=>{P.useDependency(s.ICommandService);const n=P.useDependency(s.LocaleService);P.useDependency(D.IDrawingManagerService);const t=P.useDependency(E.IRenderManagerService),{drawings:i}=e,r=i[0];if(r==null)return;const{unitId:o}=r,a=t.getRenderById(o),c=a==null?void 0:a.scene;if(c==null)return;const d=c.getTransformerByCreate(),[g,l]=I.useState(!0);I.useState(""),I.useEffect(()=>{const p=d.clearControl$.subscribe(f=>{f===!0&&l(!1)});return()=>{p.unsubscribe()}},[]);const m=p=>p?"block":"none";return I.createElement("div",{className:G(M.imageCommonPanelGrid,M.imageCommonPanelBorder),style:{display:m(g)}},I.createElement("div",{className:M.imageCommonPanelRow},I.createElement("div",{className:G(M.imageCommonPanelColumn,M.imageCommonPanelTitle)},I.createElement("div",null,n.t("drawing-anchor.title")))),I.createElement("div",{className:G(M.imageCommonPanelRow)},I.createElement("div",{className:G(M.imageCommonPanelColumn)})))},Fe=()=>{const e=P.useDependency(D.IDrawingManagerService),n=e.getFocusDrawings(),[t,i]=I.useState(n);return I.useEffect(()=>{const r=e.focus$.subscribe(o=>{i(o)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&I.createElement("div",{className:M.imageCommonPanel},I.createElement(O.DrawingCommonPanel,{drawings:t}),I.createElement(We,{drawings:t}))},T={id:"doc.command.move-drawing",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(u.IDocDrawingService),{direction:r}=n,o=i.getFocusDrawings();if(o.length===0)return!1;const a=o[0].unitId,c=o.map(g=>{const{transform:l}=g;if(l==null)return null;const m={...l},{left:p=0,top:f=0}=l;return r===s.Direction.UP?m.top=f-1:r===s.Direction.DOWN?m.top=f+1:r===s.Direction.LEFT?m.left=p-1:r===s.Direction.RIGHT&&(m.left=p+1),{...g,transform:m,docTransform:b.transformToDocDrawingPosition(m)}}).filter(g=>g!=null);return t.syncExecuteCommand(F.id,{unitId:a,drawings:c})?(t.syncExecuteCommand(S.id,[a]),!0):!1}},H={id:"doc.command.delete-drawing",type:s.CommandType.COMMAND,handler:e=>{const n=e.get(s.ICommandService),i=e.get(u.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;const r=i[0].unitId,o=i.map(a=>{const{unitId:c,subUnitId:d,drawingId:g,drawingType:l}=a;return{unitId:c,subUnitId:d,drawingId:g,drawingType:l}});return n.executeCommand(W.id,{unitId:r,drawings:o})}},q={id:"doc.command.set-drawing-arrange",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService);if(!n)return!1;const r=e.get(u.IDocDrawingService),{unitId:o,subUnitId:a,drawingIds:c,arrangeType:d}=n,g={unitId:o,subUnitId:a,drawingIds:c};let l;if(d===D.ArrangeTypeEnum.forward?l=r.getForwardDrawingsOp(g):d===D.ArrangeTypeEnum.backward?l=r.getBackwardDrawingOp(g):d===D.ArrangeTypeEnum.front?l=r.getFrontDrawingsOp(g):d===D.ArrangeTypeEnum.back&&(l=r.getBackDrawingsOp(g)),l==null)return!1;const{objects:m,redo:p,undo:f}=l;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:p,unitId:o,subUnitId:a,objects:m,type:u.DocDrawingApplyType.ARRANGE})?(i.pushUndoRedo({unitID:o,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:f,unitId:o,subUnitId:a,objects:m,type:u.DocDrawingApplyType.ARRANGE}}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:p,unitId:o,subUnitId:a,objects:m,type:u.DocDrawingApplyType.ARRANGE}}]}),!0):!1}};function $e(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:o,subUnitId:a,drawingId:c}=i,d=E.getGroupState(0,0,r.map(m=>m.transform||{})),g=r.map(m=>{const p=m.transform||{left:0,top:0},{unitId:f,subUnitId:h,drawingId:w}=m;return{unitId:f,subUnitId:h,drawingId:w,transform:{...p,left:p.left-d.left,top:p.top-d.top},groupId:c}}),l={unitId:o,subUnitId:a,drawingId:c,drawingType:D.DrawingTypeEnum.DRAWING_GROUP,transform:d};n.push({parent:l,children:g})}),n}function Ve(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:o,subUnitId:a,drawingId:c,transform:d={width:0,height:0}}=i;if(d==null)return;const g=r.map(m=>{const{transform:p}=m,{unitId:f,subUnitId:h,drawingId:w}=m,de=E.transformObjectOutOfGroup(p||{},d,d.width||0,d.height||0);return{unitId:f,subUnitId:h,drawingId:w,transform:de,groupId:void 0}}),l={unitId:o,subUnitId:a,drawingId:c,drawingType:D.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};n.push({parent:l,children:g})}),n}const K={id:"doc.command.ungroup-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const o=[];n.forEach(({parent:f,children:h})=>{o.push(f.unitId),h.forEach(w=>{o.push(w.unitId)})});const a=r.getUngroupDrawingOp(n),{unitId:c,subUnitId:d,undo:g,redo:l,objects:m}=a;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.UNGROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:g,unitId:c,subUnitId:d,objects:$e(m),type:u.DocDrawingApplyType.GROUP}},{id:S.id,params:o}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.UNGROUP}},{id:S.id,params:o}]}),!0):!1}},z={id:"doc.command.group-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const o=[];n.forEach(({parent:f,children:h})=>{o.push(f.unitId),h.forEach(w=>{o.push(w.unitId)})});const a=r.getGroupDrawingOp(n),{unitId:c,subUnitId:d,undo:g,redo:l,objects:m}=a;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.GROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:g,unitId:c,subUnitId:d,objects:Ve(m),type:u.DocDrawingApplyType.UNGROUP}},{id:S.id,params:o}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:l,unitId:c,subUnitId:d,objects:m,type:u.DocDrawingApplyType.GROUP}},{id:S.id,params:o}]}),!0):!1}},Z={id:"doc.command.insert-doc-image",type:s.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(s.ICommandService),i=e.get(s.IUndoRedoService),r=e.get(u.IDocDrawingService);if(!n)return!1;const o=n.drawings,a=o.map(h=>h.unitId),c=r.getBatchAddOp(o),{unitId:d,subUnitId:g,undo:l,redo:m,objects:p}=c;return t.syncExecuteCommand(u.SetDocDrawingApplyMutation.id,{op:m,unitId:d,subUnitId:g,objects:p,type:u.DocDrawingApplyType.INSERT})?(i.pushUndoRedo({unitID:d,undoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:l,unitId:d,subUnitId:g,objects:p,type:u.DocDrawingApplyType.REMOVE}},{id:S.id,params:a}],redoMutations:[{id:u.SetDocDrawingApplyMutation.id,params:{op:m,unitId:d,subUnitId:g,objects:p,type:u.DocDrawingApplyType.INSERT}},{id:S.id,params:a}]}),!0):!1}};function N(e){return!e.getContextValue(s.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(s.FOCUSING_COMMON_DRAWINGS)}const Be={id:T.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_DOWN,priority:100,preconditions:N,staticParameters:{direction:s.Direction.DOWN}},He={id:T.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_UP,priority:100,preconditions:N,staticParameters:{direction:s.Direction.UP}},qe={id:T.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_LEFT,priority:100,preconditions:N,staticParameters:{direction:s.Direction.LEFT}},Ke={id:T.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:v.KeyCode.ARROW_RIGHT,priority:100,preconditions:N,staticParameters:{direction:s.Direction.RIGHT}},ze={id:H.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:N,binding:v.KeyCode.DELETE,mac:v.KeyCode.BACKSPACE};var Ze=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,Ye=(e,n,t,i)=>{for(var r=i>1?void 0:i?ke(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&Ze(n,t,r),r},A=(e,n)=>(t,i)=>n(t,i,e);let j=class extends s.Disposable{constructor(e,n,t,i,r){super(),this._injector=e,this._componentManager=n,this._menuService=t,this._commandService=i,this._shortcutService=r,this._init()}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(oe,ie)),this.disposeWithMe(e.register(re,_e)),this.disposeWithMe(e.register(ee,Fe))}_initMenus(){[Ce,ye].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),{}))})}_initCommands(){[U,Z,W,F,V,S,B,z,K,T,H,q].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[Be,He,qe,Ke,ze].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};j=Ye([s.OnLifecycle(s.LifecycleStages.Ready,j),A(0,y.Inject(y.Injector)),A(1,y.Inject(v.ComponentManager)),A(2,v.IMenuService),A(3,s.ICommandService),A(4,v.IShortcutService)],j);var Qe=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,Je=(e,n,t,i)=>{for(var r=i>1?void 0:i?Xe(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&Qe(n,t,r),r},C=(e,n)=>(t,i)=>n(t,i,e);let $=class extends s.Disposable{constructor(e,n,t,i,r,o,a,c,d,g){super(),this._context=e,this._commandService=n,this._textSelectionManagerService=t,this._docSkeletonManagerService=i,this._sheetDrawingService=r,this._imageIoService=o,this._drawingManagerService=a,this._contextService=c,this._messageService=d,this._localeService=g,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{if(e.id===U.id){const n=e.params;if(n.files==null)return;const t=n.files.length;if(t>D.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(D.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(t),n.files.forEach(async i=>{await this._insertFloatImage(i)})}}))}async _insertFloatImage(e){var f;let n;try{n=await this._imageIoService.saveImage(e)}catch(h){const w=h.message;w===D.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(D.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)))}):w===D.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):w===D.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(n==null)return;const{unitId:t}=this._context,{imageId:i,imageSourceType:r,source:o,base64Cache:a}=n,{width:c,height:d,image:g}=await D.getImageSize(a||"");this._imageIoService.addImageSourceCache(i,r,g);let l=1;if(c>D.DRAWING_IMAGE_WIDTH_LIMIT||d>D.DRAWING_IMAGE_HEIGHT_LIMIT){const h=D.DRAWING_IMAGE_WIDTH_LIMIT/c,w=D.DRAWING_IMAGE_HEIGHT_LIMIT/d;l=Math.max(h,w)}const m=this._getImagePosition(c*l,d*l);if(m==null)return;const p={unitId:t,subUnitId:t,drawingId:i,drawingType:D.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:r,source:o,transform:b.docDrawingPositionToTransform(m),docTransform:m,title:"",description:"",layoutType:s.PositionedObjectLayoutType.WRAP_SQUARE};this._commandService.executeCommand(Z.id,{unitId:t,drawings:[p]}),(f=this._docSkeletonManagerService.getSkeleton())==null||f.calculate()}_getImagePosition(e,n){const t=this._textSelectionManagerService.getActiveTextRange(),i=(t==null?void 0:t.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:n},positionH:{relativeFrom:s.ObjectRelativeFromH.MARGIN,posOffset:i.left},positionV:{relativeFrom:s.ObjectRelativeFromV.PAGE,posOffset:i.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{const{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r}=e;this._commandService.executeCommand(q.id,{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(e=>{if(e.length===0)return;const n=[];if(e.forEach(t=>{const{unitId:i,subUnitId:r,drawingId:o,transform:a}=t;if(a==null)return;const c=this._sheetDrawingService.getDrawingByParam({unitId:i,subUnitId:r,drawingId:o});if(c==null)return;const d=b.transformToDocDrawingPosition({...c.transform,...a});if(d==null)return;const g={...t,transform:{...a,...b.docDrawingPositionToTransform(d)},docTransform:{...d}};n.push(g)}),n.length>0){const t=e[0].unitId;this._commandService.syncExecuteCommand(F.id,{unitId:t,drawings:n}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){const e=this._docSkeletonManagerService.getSkeleton(),{mainComponent:n}=this._context;e==null||e.calculate(),n==null||n.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(z.id,e)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(K.id,e)})}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{e==null||e.length===0?(this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!1),this._sheetDrawingService.focusDrawing([])):(this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!0),this._sheetDrawingService.focusDrawing(e))}))}};$=Je([C(1,s.ICommandService),C(2,y.Inject(Q.TextSelectionManagerService)),C(3,y.Inject(Q.DocSkeletonManagerService)),C(4,u.IDocDrawingService),C(5,D.IImageIoService),C(6,D.IDrawingManagerService),C(7,s.IContextService),C(8,v.IMessageService),C(9,y.Inject(s.LocaleService))],$);var se=Object.defineProperty,en=Object.getOwnPropertyDescriptor,nn=(e,n,t)=>n in e?se(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,tn=(e,n,t,i)=>{for(var r=i>1?void 0:i?en(n,t):n,o=e.length-1,a;o>=0;o--)(a=e[o])&&(r=(i?a(n,t,r):a(r))||r);return i&&r&&se(n,t,r),r},J=(e,n)=>(t,i)=>n(t,i,e),ce=(e,n,t)=>nn(e,typeof n!="symbol"?n+"":n,t);const rn="DOCS_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends s.Plugin{constructor(n,t,i){super(),this._injector=t,this._renderManagerSrv=i}onStarting(n){[[j],[L]].forEach(i=>n.add(i))}onReady(){[$].forEach(n=>this._renderManagerSrv.registerRenderModule(s.UniverInstanceType.UNIVER_DOC,n))}};ce(exports.UniverDocsDrawingUIPlugin,"type",s.UniverInstanceType.UNIVER_DOC);ce(exports.UniverDocsDrawingUIPlugin,"pluginName",rn);exports.UniverDocsDrawingUIPlugin=tn([s.DependentOn(O.UniverDrawingUIPlugin,D.UniverDrawingPlugin,u.UniverDocsDrawingPlugin),J(1,y.Inject(y.Injector)),J(2,E.IRenderManagerService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=S;exports.DeleteDocDrawingsCommand=H;exports.EditDocDrawingOperation=B;exports.GroupDocDrawingCommand=z;exports.InsertDocDrawingCommand=Z;exports.InsertDocImageOperation=U;exports.MoveDocDrawingsCommand=T;exports.RemoveDocDrawingCommand=W;exports.SetDocDrawingArrangeCommand=q;exports.SetDocDrawingCommand=F;exports.SidebarDocDrawingOperation=V;exports.UngroupDocDrawingCommand=K;

package/lib/es/index.js

@@ -882,5 +882,17 @@ B = ct([
   ae(2, H)
 ], B);
 export {
+  w as ClearDocDrawingTransformerOperation,
+  ye as DeleteDocDrawingsCommand,
+  Se as EditDocDrawingOperation,
+  Ue as GroupDocDrawingCommand,
+  Ne as InsertDocDrawingCommand,
+  z as InsertDocImageOperation,
+  x as MoveDocDrawingsCommand,
+  X as RemoveDocDrawingCommand,
+  be as SetDocDrawingArrangeCommand,
+  q as SetDocDrawingCommand,
+  we as SidebarDocDrawingOperation,
+  Re as UngroupDocDrawingCommand,
   B as UniverDocsDrawingUIPlugin
 };

package/lib/types/index.d.ts

@@ -14,3 +14,15 @@
  * limitations under the License.
  */
 export { UniverDocsDrawingUIPlugin } from './plugin';
+export { DeleteDocDrawingsCommand } from './commands/commands/delete-drawings.command';
+export { GroupDocDrawingCommand } from './commands/commands/group-doc-drawing.command';
+export { InsertDocDrawingCommand } from './commands/commands/insert-doc-drawing.command';
+export { MoveDocDrawingsCommand } from './commands/commands/move-drawings.command';
+export { RemoveDocDrawingCommand } from './commands/commands/remove-doc-drawing.command';
+export { SetDocDrawingCommand } from './commands/commands/set-doc-drawing.command';
+export { SetDocDrawingArrangeCommand } from './commands/commands/set-drawing-arrange.command';
+export { UngroupDocDrawingCommand } from './commands/commands/ungroup-doc-drawing.command';
+export { ClearDocDrawingTransformerOperation } from './commands/operations/clear-drawing-transformer.operation';
+export { EditDocDrawingOperation } from './commands/operations/edit-doc-drawing.operation';
+export { InsertDocImageOperation } from './commands/operations/insert-image.operation';
+export { SidebarDocDrawingOperation } from './commands/operations/open-drawing-panel.operation';

package/lib/umd/index.js

@@ -1 +1 @@
-(function(f,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/ui"),require("@wendellhu/redi/react-bindings"),require("react"),require("clsx"),require("@univerjs/design"),require("@univerjs/docs")):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/ui","@wendellhu/redi/react-bindings","react","clsx","@univerjs/design","@univerjs/docs"],o):(f=typeof globalThis<"u"?globalThis:f||self,o(f.UniverDocsDrawingUi={},f.UniverCore,f["@wendellhu/redi"],f.UniverDrawingUi,f.UniverDrawing,f.UniverDocsDrawing,f.UniverEngineRender,f.rxjs,f.UniverDocsUi,f.UniverUi,f["@wendellhu/redi/react-bindings"],f.React,f.clsx,f.UniverDesign,f.UniverDocs))})(this,function(f,o,C,P,I,d,T,H,U,D,E,v,j,G,B){"use strict";var Ve=Object.defineProperty;var $e=(f,o,C)=>o in f?Ve(f,o,{enumerable:!0,configurable:!0,writable:!0,value:C}):f[o]=C;var ue=(f,o,C)=>$e(f,typeof o!="symbol"?o+"":o,C);const y={id:"sheet.operation.clear-drawing-transformer",type:o.CommandType.MUTATION,handler:(e,n)=>{const t=e.get(T.IRenderManagerService);return n.forEach(i=>{var r,a;(a=(r=t.getRenderById(i))==null?void 0:r.scene.getTransformer())==null||a.debounceRefreshControls()}),!0}},F={id:"doc.command.remove-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const{drawings:a}=n,s=[];a.forEach(S=>{const{unitId:_}=S;s.push(_)});const c=r.getBatchRemoveOp(a),{unitId:u,subUnitId:l,undo:p,redo:m,objects:g}=c;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{unitId:u,subUnitId:l,op:m,objects:g,type:d.DocDrawingApplyType.REMOVE})?(i.pushUndoRedo({unitID:u,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:u,subUnitId:l,op:p,objects:g,type:d.DocDrawingApplyType.INSERT}},{id:y.id,params:s}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:u,subUnitId:l,op:m,objects:g,type:d.DocDrawingApplyType.REMOVE}},{id:y.id,params:s}]}),!0):!1}},q="COMPONENT_DOC_DRAWING_PANEL",K={id:"sidebar.operation.doc-image",type:o.CommandType.COMMAND,handler:async(e,n)=>{const t=e.get(D.ISidebarService),i=e.get(o.LocaleService),r=e.get(I.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:i.t("docImage.panel.title")},children:{label:q},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},z={id:"sheet.operation.edit-sheet-image",type:o.CommandType.OPERATION,handler:(e,n)=>{const t=e.get(I.IDrawingManagerService),i=e.get(o.ICommandService);return n==null?!1:(t.focusDrawing([n]),i.executeCommand(K.id,{value:"open"}),!0)}};var de=Object.defineProperty,me=Object.getOwnPropertyDescriptor,le=(e,n,t,i)=>{for(var r=i>1?void 0:i?me(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&de(n,t,r),r},A=(e,n)=>(t,i)=>n(t,i,e);let x=class extends o.RxDisposable{constructor(n,t,i,r,a){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=i,this._univerInstanceService=r,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC).pipe(H.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(o.UniverInstanceType.UNIVER_DOC).pipe(H.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(o.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const i of t)if(i instanceof P.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var a;const t=(a=this._renderManagerService.getRenderById(n))==null?void 0:a.scene;if(!t)return;const i=t.getTransformerByCreate();if(!i)return;const r=[];this.disposeWithMe(o.toDisposable(i.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const s=i.getSelectedObjectMap();if(s.size>1){r.forEach(h=>h.dispose());return}const c=s.values().next().value;if(!c)return;const u=c.oKey,l=this._drawingManagerService.getDrawingOKey(u);if(!l)return;const{unitId:p,subUnitId:m,drawingId:g}=l;r.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:P.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(p,m,g)}}))),this._drawingManagerService.focusDrawing([{unitId:p,subUnitId:m,drawingId:g}])}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(i.changing$.subscribe(()=>{r.forEach(s=>s.dispose())}))}_getImageMenuItems(n,t,i){return[{label:"image-popup.edit",index:0,commandId:z.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.delete",index:1,commandId:F.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:i}]},disable:!1},{label:"image-popup.crop",index:2,commandId:P.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.reset",index:3,commandId:P.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:i}],disable:!1}]}};x=le([o.OnLifecycle(o.LifecycleStages.Rendered,x),A(0,I.IDrawingManagerService),A(1,C.Inject(U.DocCanvasPopManagerService)),A(2,T.IRenderManagerService),A(3,o.IUniverInstanceService),A(4,o.IContextService)],x);var M=function(){return M=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},M.apply(this,arguments)},pe=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(t[i[r]]=e[i[r]]);return t},Z=v.forwardRef(function(e,n){var t=e.icon,i=e.id,r=e.className,a=e.extend,s=pe(e,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(i," ").concat(r||"").trim(),u=v.useRef("_".concat(Ie()));return k(t,"".concat(i),{defIds:t.defIds,idSuffix:u.current},M({ref:n,className:c},s),a)});function k(e,n,t,i,r){return v.createElement(e.tag,M(M({key:n},ge(e,t,r)),i),(fe(e,t).children||[]).map(function(a,s){return k(a,"".concat(n,"-").concat(e.tag,"-").concat(s),t,void 0,r)}))}function ge(e,n,t){var i=M({},e.attrs);t!=null&&t.colorChannel1&&i.fill==="colorChannel1"&&(i.fill=t.colorChannel1);var r=n.defIds;return!r||r.length===0||(e.tag==="use"&&i["xlink:href"]&&(i["xlink:href"]=i["xlink:href"]+n.idSuffix),Object.entries(i).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(i[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),i}function fe(e,n){var t,i=n.defIds;return!i||i.length===0?e:e.tag==="defs"&&(!((t=e.children)===null||t===void 0)&&t.length)?M(M({},e),{children:e.children.map(function(r){return typeof r.attrs.id=="string"&&i&&i.indexOf(r.attrs.id)>-1?M(M({},r),{attrs:M(M({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):e}function Ie(){return Math.random().toString(36).substring(2,8)}Z.displayName="UniverIcon";var ve={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"}}]},Y=v.forwardRef(function(e,n){return v.createElement(Z,Object.assign({},e,{id:"add-image-single",ref:n,icon:ve}))});Y.displayName="AddImageSingle";const L={id:"doc.operation.insert-float-image",type:o.CommandType.OPERATION,handler:()=>!0},Q={uploadFileMenu:"univer-upload-file-menu",uploadFileMenuInput:"univer-upload-file-menu-input"},he=()=>{const e=E.useDependency(o.ICommandService),n=v.useRef(null),t=()=>{var a;(a=n.current)==null||a.click()},i=I.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(a=>`.${a.replace("image/","")}`).join(","),r=a=>{const s=a.target.files;if(s==null)return;const c=Array.from(s);e.executeCommand(L.id,{files:c}),n.current&&(n.current.value="")};return v.createElement("div",{onClick:t,className:Q.uploadFileMenu},v.createElement("input",{type:"file",className:Q.uploadFileMenuInput,ref:n,onChange:r,accept:i,multiple:!0}))},X="COMPONENT_DOC_UPLOAD_FILE_MENU",J="addition-and-subtraction-single",ee="doc.menu.image";function De(e){return{id:ee,type:D.MenuItemType.SUBITEMS,positions:[D.MenuPosition.TOOLBAR_START],group:D.MenuGroup.TOOLBAR_LAYOUT,icon:J,tooltip:"docImage.title",hidden$:D.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC)}}function Se(e){return{id:L.id,title:"docImage.upload.float",type:D.MenuItemType.SELECTOR,label:{name:X},positions:[ee],hidden$:D.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC)}}const O={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",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"},V={id:"doc.command.set-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const{drawings:a}=n,s=r.getBatchUpdateOp(a),{unitId:c,subUnitId:u,undo:l,redo:p,objects:m}=s;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:u,op:p,objects:m,type:d.DocDrawingApplyType.UPDATE})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:u,op:l,objects:m,type:d.DocDrawingApplyType.UPDATE}},{id:y.id,params:[c]}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:u,op:p,objects:m,type:d.DocDrawingApplyType.UPDATE}},{id:y.id,params:[c]}]}),!0):!1}},_e=e=>{E.useDependency(o.ICommandService);const n=E.useDependency(o.LocaleService);E.useDependency(I.IDrawingManagerService);const t=E.useDependency(T.IRenderManagerService),{drawings:i}=e,r=i[0];if(r==null)return;const{unitId:a}=r,s=t.getRenderById(a),c=s==null?void 0:s.scene;if(c==null)return;const u=c.getTransformerByCreate(),[l,p]=v.useState(!0);v.useState(""),v.useEffect(()=>{const g=u.clearControl$.subscribe(h=>{h===!0&&p(!1)});return()=>{g.unsubscribe()}},[]);const m=g=>g?"block":"none";return v.createElement("div",{className:j(O.imageCommonPanelGrid,O.imageCommonPanelBorder),style:{display:m(l)}},v.createElement("div",{className:O.imageCommonPanelRow},v.createElement("div",{className:j(O.imageCommonPanelColumn,O.imageCommonPanelTitle)},v.createElement("div",null,n.t("drawing-anchor.title")))),v.createElement("div",{className:j(O.imageCommonPanelRow)},v.createElement("div",{className:j(O.imageCommonPanelColumn)})))},Ce=()=>{const e=E.useDependency(I.IDrawingManagerService),n=e.getFocusDrawings(),[t,i]=v.useState(n);return v.useEffect(()=>{const r=e.focus$.subscribe(a=>{i(a)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&v.createElement("div",{className:O.imageCommonPanel},v.createElement(P.DrawingCommonPanel,{drawings:t}),v.createElement(_e,{drawings:t}))},b={id:"doc.command.move-drawing",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(d.IDocDrawingService),{direction:r}=n,a=i.getFocusDrawings();if(a.length===0)return!1;const s=a[0].unitId,c=a.map(l=>{const{transform:p}=l;if(p==null)return null;const m={...p},{left:g=0,top:h=0}=p;return r===o.Direction.UP?m.top=h-1:r===o.Direction.DOWN?m.top=h+1:r===o.Direction.LEFT?m.left=g-1:r===o.Direction.RIGHT&&(m.left=g+1),{...l,transform:m,docTransform:U.transformToDocDrawingPosition(m)}}).filter(l=>l!=null);return t.syncExecuteCommand(V.id,{unitId:s,drawings:c})?(t.syncExecuteCommand(y.id,[s]),!0):!1}},ne={id:"doc.command.delete-drawing",type:o.CommandType.COMMAND,handler:e=>{const n=e.get(o.ICommandService),i=e.get(d.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;const r=i[0].unitId,a=i.map(s=>{const{unitId:c,subUnitId:u,drawingId:l,drawingType:p}=s;return{unitId:c,subUnitId:u,drawingId:l,drawingType:p}});return n.executeCommand(F.id,{unitId:r,drawings:a})}},te={id:"doc.command.set-drawing-arrange",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService);if(!n)return!1;const r=e.get(d.IDocDrawingService),{unitId:a,subUnitId:s,drawingIds:c,arrangeType:u}=n,l={unitId:a,subUnitId:s,drawingIds:c};let p;if(u===I.ArrangeTypeEnum.forward?p=r.getForwardDrawingsOp(l):u===I.ArrangeTypeEnum.backward?p=r.getBackwardDrawingOp(l):u===I.ArrangeTypeEnum.front?p=r.getFrontDrawingsOp(l):u===I.ArrangeTypeEnum.back&&(p=r.getBackDrawingsOp(l)),p==null)return!1;const{objects:m,redo:g,undo:h}=p;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:g,unitId:a,subUnitId:s,objects:m,type:d.DocDrawingApplyType.ARRANGE})?(i.pushUndoRedo({unitID:a,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:h,unitId:a,subUnitId:s,objects:m,type:d.DocDrawingApplyType.ARRANGE}}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:g,unitId:a,subUnitId:s,objects:m,type:d.DocDrawingApplyType.ARRANGE}}]}),!0):!1}};function ye(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:a,subUnitId:s,drawingId:c}=i,u=T.getGroupState(0,0,r.map(m=>m.transform||{})),l=r.map(m=>{const g=m.transform||{left:0,top:0},{unitId:h,subUnitId:S,drawingId:_}=m;return{unitId:h,subUnitId:S,drawingId:_,transform:{...g,left:g.left-u.left,top:g.top-u.top},groupId:c}}),p={unitId:a,subUnitId:s,drawingId:c,drawingType:I.DrawingTypeEnum.DRAWING_GROUP,transform:u};n.push({parent:p,children:l})}),n}function Me(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:a,subUnitId:s,drawingId:c,transform:u={width:0,height:0}}=i;if(u==null)return;const l=r.map(m=>{const{transform:g}=m,{unitId:h,subUnitId:S,drawingId:_}=m,Fe=T.transformObjectOutOfGroup(g||{},u,u.width||0,u.height||0);return{unitId:h,subUnitId:S,drawingId:_,transform:Fe,groupId:void 0}}),p={unitId:a,subUnitId:s,drawingId:c,drawingType:I.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};n.push({parent:p,children:l})}),n}const ie={id:"doc.command.ungroup-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const a=[];n.forEach(({parent:h,children:S})=>{a.push(h.unitId),S.forEach(_=>{a.push(_.unitId)})});const s=r.getUngroupDrawingOp(n),{unitId:c,subUnitId:u,undo:l,redo:p,objects:m}=s;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:p,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.UNGROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:l,unitId:c,subUnitId:u,objects:ye(m),type:d.DocDrawingApplyType.GROUP}},{id:y.id,params:a}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:p,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.UNGROUP}},{id:y.id,params:a}]}),!0):!1}},re={id:"doc.command.group-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const a=[];n.forEach(({parent:h,children:S})=>{a.push(h.unitId),S.forEach(_=>{a.push(_.unitId)})});const s=r.getGroupDrawingOp(n),{unitId:c,subUnitId:u,undo:l,redo:p,objects:m}=s;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:p,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.GROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:l,unitId:c,subUnitId:u,objects:Me(m),type:d.DocDrawingApplyType.UNGROUP}},{id:y.id,params:a}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:p,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.GROUP}},{id:y.id,params:a}]}),!0):!1}},oe={id:"doc.command.insert-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const a=n.drawings,s=a.map(S=>S.unitId),c=r.getBatchAddOp(a),{unitId:u,subUnitId:l,undo:p,redo:m,objects:g}=c;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:m,unitId:u,subUnitId:l,objects:g,type:d.DocDrawingApplyType.INSERT})?(i.pushUndoRedo({unitID:u,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:p,unitId:u,subUnitId:l,objects:g,type:d.DocDrawingApplyType.REMOVE}},{id:y.id,params:s}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:m,unitId:u,subUnitId:l,objects:g,type:d.DocDrawingApplyType.INSERT}},{id:y.id,params:s}]}),!0):!1}};function R(e){return!e.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(o.FOCUSING_COMMON_DRAWINGS)}const we={id:b.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_DOWN,priority:100,preconditions:R,staticParameters:{direction:o.Direction.DOWN}},Oe={id:b.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_UP,priority:100,preconditions:R,staticParameters:{direction:o.Direction.UP}},Pe={id:b.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_LEFT,priority:100,preconditions:R,staticParameters:{direction:o.Direction.LEFT}},Te={id:b.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_RIGHT,priority:100,preconditions:R,staticParameters:{direction:o.Direction.RIGHT}},Ee={id:ne.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:R,binding:D.KeyCode.DELETE,mac:D.KeyCode.BACKSPACE};var Ue=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,be=(e,n,t,i)=>{for(var r=i>1?void 0:i?Ae(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&Ue(n,t,r),r},N=(e,n)=>(t,i)=>n(t,i,e);let W=class extends o.Disposable{constructor(e,n,t,i,r){super(),this._injector=e,this._componentManager=n,this._menuService=t,this._commandService=i,this._shortcutService=r,this._init()}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(J,Y)),this.disposeWithMe(e.register(X,he)),this.disposeWithMe(e.register(q,Ce))}_initMenus(){[De,Se].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),{}))})}_initCommands(){[L,oe,F,V,K,y,z,re,ie,b,ne,te].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[we,Oe,Pe,Te,Ee].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};W=be([o.OnLifecycle(o.LifecycleStages.Ready,W),N(0,C.Inject(C.Injector)),N(1,C.Inject(D.ComponentManager)),N(2,D.IMenuService),N(3,o.ICommandService),N(4,D.IShortcutService)],W);var Re=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,je=(e,n,t,i)=>{for(var r=i>1?void 0:i?Ne(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&Re(n,t,r),r},w=(e,n)=>(t,i)=>n(t,i,e);let $=class extends o.Disposable{constructor(e,n,t,i,r,a,s,c,u,l){super(),this._context=e,this._commandService=n,this._textSelectionManagerService=t,this._docSkeletonManagerService=i,this._sheetDrawingService=r,this._imageIoService=a,this._drawingManagerService=s,this._contextService=c,this._messageService=u,this._localeService=l,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{if(e.id===L.id){const n=e.params;if(n.files==null)return;const t=n.files.length;if(t>I.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(I.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(t),n.files.forEach(async i=>{await this._insertFloatImage(i)})}}))}async _insertFloatImage(e){var h;let n;try{n=await this._imageIoService.saveImage(e)}catch(S){const _=S.message;_===I.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(I.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)))}):_===I.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):_===I.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:G.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(n==null)return;const{unitId:t}=this._context,{imageId:i,imageSourceType:r,source:a,base64Cache:s}=n,{width:c,height:u,image:l}=await I.getImageSize(s||"");this._imageIoService.addImageSourceCache(i,r,l);let p=1;if(c>I.DRAWING_IMAGE_WIDTH_LIMIT||u>I.DRAWING_IMAGE_HEIGHT_LIMIT){const S=I.DRAWING_IMAGE_WIDTH_LIMIT/c,_=I.DRAWING_IMAGE_HEIGHT_LIMIT/u;p=Math.max(S,_)}const m=this._getImagePosition(c*p,u*p);if(m==null)return;const g={unitId:t,subUnitId:t,drawingId:i,drawingType:I.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:r,source:a,transform:U.docDrawingPositionToTransform(m),docTransform:m,title:"",description:"",layoutType:o.PositionedObjectLayoutType.WRAP_SQUARE};this._commandService.executeCommand(oe.id,{unitId:t,drawings:[g]}),(h=this._docSkeletonManagerService.getSkeleton())==null||h.calculate()}_getImagePosition(e,n){const t=this._textSelectionManagerService.getActiveTextRange(),i=(t==null?void 0:t.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:n},positionH:{relativeFrom:o.ObjectRelativeFromH.MARGIN,posOffset:i.left},positionV:{relativeFrom:o.ObjectRelativeFromV.PAGE,posOffset:i.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{const{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r}=e;this._commandService.executeCommand(te.id,{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(e=>{if(e.length===0)return;const n=[];if(e.forEach(t=>{const{unitId:i,subUnitId:r,drawingId:a,transform:s}=t;if(s==null)return;const c=this._sheetDrawingService.getDrawingByParam({unitId:i,subUnitId:r,drawingId:a});if(c==null)return;const u=U.transformToDocDrawingPosition({...c.transform,...s});if(u==null)return;const l={...t,transform:{...s,...U.docDrawingPositionToTransform(u)},docTransform:{...u}};n.push(l)}),n.length>0){const t=e[0].unitId;this._commandService.syncExecuteCommand(V.id,{unitId:t,drawings:n}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){const e=this._docSkeletonManagerService.getSkeleton(),{mainComponent:n}=this._context;e==null||e.calculate(),n==null||n.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(re.id,e)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(ie.id,e)})}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{e==null||e.length===0?(this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._sheetDrawingService.focusDrawing([])):(this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!0),this._sheetDrawingService.focusDrawing(e))}))}};$=je([w(1,o.ICommandService),w(2,C.Inject(B.TextSelectionManagerService)),w(3,C.Inject(B.DocSkeletonManagerService)),w(4,d.IDocDrawingService),w(5,I.IImageIoService),w(6,I.IDrawingManagerService),w(7,o.IContextService),w(8,D.IMessageService),w(9,C.Inject(o.LocaleService))],$);var ae=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,xe=(e,n,t)=>n in e?ae(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Le=(e,n,t,i)=>{for(var r=i>1?void 0:i?Ge(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&ae(n,t,r),r},se=(e,n)=>(t,i)=>n(t,i,e),ce=(e,n,t)=>xe(e,typeof n!="symbol"?n+"":n,t);const We="DOCS_DRAWING_UI_PLUGIN";f.UniverDocsDrawingUIPlugin=class extends o.Plugin{constructor(n,t,i){super(),this._injector=t,this._renderManagerSrv=i}onStarting(n){[[W],[x]].forEach(i=>n.add(i))}onReady(){[$].forEach(n=>this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,n))}},ce(f.UniverDocsDrawingUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC),ce(f.UniverDocsDrawingUIPlugin,"pluginName",We),f.UniverDocsDrawingUIPlugin=Le([o.DependentOn(P.UniverDrawingUIPlugin,I.UniverDrawingPlugin,d.UniverDocsDrawingPlugin),se(1,C.Inject(C.Injector)),se(2,T.IRenderManagerService)],f.UniverDocsDrawingUIPlugin),Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(l,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/ui"),require("@wendellhu/redi/react-bindings"),require("react"),require("clsx"),require("@univerjs/design"),require("@univerjs/docs")):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/ui","@wendellhu/redi/react-bindings","react","clsx","@univerjs/design","@univerjs/docs"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.UniverDocsDrawingUi={},l.UniverCore,l["@wendellhu/redi"],l.UniverDrawingUi,l.UniverDrawing,l.UniverDocsDrawing,l.UniverEngineRender,l.rxjs,l.UniverDocsUi,l.UniverUi,l["@wendellhu/redi/react-bindings"],l.React,l.clsx,l.UniverDesign,l.UniverDocs))})(this,function(l,o,C,P,f,d,T,Y,A,D,E,v,G,L,Q){"use strict";var Ve=Object.defineProperty;var $e=(l,o,C)=>o in l?Ve(l,o,{enumerable:!0,configurable:!0,writable:!0,value:C}):l[o]=C;var ue=(l,o,C)=>$e(l,typeof o!="symbol"?o+"":o,C);const y={id:"sheet.operation.clear-drawing-transformer",type:o.CommandType.MUTATION,handler:(e,n)=>{const t=e.get(T.IRenderManagerService);return n.forEach(i=>{var r,a;(a=(r=t.getRenderById(i))==null?void 0:r.scene.getTransformer())==null||a.debounceRefreshControls()}),!0}},x={id:"doc.command.remove-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const{drawings:a}=n,s=[];a.forEach(S=>{const{unitId:_}=S;s.push(_)});const c=r.getBatchRemoveOp(a),{unitId:u,subUnitId:p,undo:g,redo:m,objects:I}=c;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{unitId:u,subUnitId:p,op:m,objects:I,type:d.DocDrawingApplyType.REMOVE})?(i.pushUndoRedo({unitID:u,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:u,subUnitId:p,op:g,objects:I,type:d.DocDrawingApplyType.INSERT}},{id:y.id,params:s}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:u,subUnitId:p,op:m,objects:I,type:d.DocDrawingApplyType.REMOVE}},{id:y.id,params:s}]}),!0):!1}},X="COMPONENT_DOC_DRAWING_PANEL",$={id:"sidebar.operation.doc-image",type:o.CommandType.COMMAND,handler:async(e,n)=>{const t=e.get(D.ISidebarService),i=e.get(o.LocaleService),r=e.get(f.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:i.t("docImage.panel.title")},children:{label:X},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},H={id:"sheet.operation.edit-sheet-image",type:o.CommandType.OPERATION,handler:(e,n)=>{const t=e.get(f.IDrawingManagerService),i=e.get(o.ICommandService);return n==null?!1:(t.focusDrawing([n]),i.executeCommand($.id,{value:"open"}),!0)}};var de=Object.defineProperty,me=Object.getOwnPropertyDescriptor,le=(e,n,t,i)=>{for(var r=i>1?void 0:i?me(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&de(n,t,r),r},b=(e,n)=>(t,i)=>n(t,i,e);let W=class extends o.RxDisposable{constructor(n,t,i,r,a){super();ue(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=i,this._univerInstanceService=r,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC).pipe(Y.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(o.UniverInstanceType.UNIVER_DOC).pipe(Y.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(o.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const i of t)if(i instanceof P.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var a;const t=(a=this._renderManagerService.getRenderById(n))==null?void 0:a.scene;if(!t)return;const i=t.getTransformerByCreate();if(!i)return;const r=[];this.disposeWithMe(o.toDisposable(i.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const s=i.getSelectedObjectMap();if(s.size>1){r.forEach(h=>h.dispose());return}const c=s.values().next().value;if(!c)return;const u=c.oKey,p=this._drawingManagerService.getDrawingOKey(u);if(!p)return;const{unitId:g,subUnitId:m,drawingId:I}=p;r.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c,{componentKey:P.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,m,I)}}))),this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:m,drawingId:I}])}))),this.disposeWithMe(i.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)})),this.disposeWithMe(i.changing$.subscribe(()=>{r.forEach(s=>s.dispose())}))}_getImageMenuItems(n,t,i){return[{label:"image-popup.edit",index:0,commandId:H.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.delete",index:1,commandId:x.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:i}]},disable:!1},{label:"image-popup.crop",index:2,commandId:P.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:i},disable:!1},{label:"image-popup.reset",index:3,commandId:P.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:i}],disable:!1}]}};W=le([o.OnLifecycle(o.LifecycleStages.Rendered,W),b(0,f.IDrawingManagerService),b(1,C.Inject(A.DocCanvasPopManagerService)),b(2,T.IRenderManagerService),b(3,o.IUniverInstanceService),b(4,o.IContextService)],W);var M=function(){return M=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},M.apply(this,arguments)},pe=function(e,n){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&n.indexOf(i)<0&&(t[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++)n.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(t[i[r]]=e[i[r]]);return t},J=v.forwardRef(function(e,n){var t=e.icon,i=e.id,r=e.className,a=e.extend,s=pe(e,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(i," ").concat(r||"").trim(),u=v.useRef("_".concat(fe()));return ee(t,"".concat(i),{defIds:t.defIds,idSuffix:u.current},M({ref:n,className:c},s),a)});function ee(e,n,t,i,r){return v.createElement(e.tag,M(M({key:n},ge(e,t,r)),i),(Ie(e,t).children||[]).map(function(a,s){return ee(a,"".concat(n,"-").concat(e.tag,"-").concat(s),t,void 0,r)}))}function ge(e,n,t){var i=M({},e.attrs);t!=null&&t.colorChannel1&&i.fill==="colorChannel1"&&(i.fill=t.colorChannel1);var r=n.defIds;return!r||r.length===0||(e.tag==="use"&&i["xlink:href"]&&(i["xlink:href"]=i["xlink:href"]+n.idSuffix),Object.entries(i).forEach(function(a){var s=a[0],c=a[1];typeof c=="string"&&(i[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),i}function Ie(e,n){var t,i=n.defIds;return!i||i.length===0?e:e.tag==="defs"&&(!((t=e.children)===null||t===void 0)&&t.length)?M(M({},e),{children:e.children.map(function(r){return typeof r.attrs.id=="string"&&i&&i.indexOf(r.attrs.id)>-1?M(M({},r),{attrs:M(M({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):e}function fe(){return Math.random().toString(36).substring(2,8)}J.displayName="UniverIcon";var ve={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"}}]},ne=v.forwardRef(function(e,n){return v.createElement(J,Object.assign({},e,{id:"add-image-single",ref:n,icon:ve}))});ne.displayName="AddImageSingle";const R={id:"doc.operation.insert-float-image",type:o.CommandType.OPERATION,handler:()=>!0},te={uploadFileMenu:"univer-upload-file-menu",uploadFileMenuInput:"univer-upload-file-menu-input"},he=()=>{const e=E.useDependency(o.ICommandService),n=v.useRef(null),t=()=>{var a;(a=n.current)==null||a.click()},i=f.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(a=>`.${a.replace("image/","")}`).join(","),r=a=>{const s=a.target.files;if(s==null)return;const c=Array.from(s);e.executeCommand(R.id,{files:c}),n.current&&(n.current.value="")};return v.createElement("div",{onClick:t,className:te.uploadFileMenu},v.createElement("input",{type:"file",className:te.uploadFileMenuInput,ref:n,onChange:r,accept:i,multiple:!0}))},ie="COMPONENT_DOC_UPLOAD_FILE_MENU",re="addition-and-subtraction-single",oe="doc.menu.image";function De(e){return{id:oe,type:D.MenuItemType.SUBITEMS,positions:[D.MenuPosition.TOOLBAR_START],group:D.MenuGroup.TOOLBAR_LAYOUT,icon:re,tooltip:"docImage.title",hidden$:D.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC)}}function Se(e){return{id:R.id,title:"docImage.upload.float",type:D.MenuItemType.SELECTOR,label:{name:ie},positions:[oe],hidden$:D.getMenuHiddenObservable(e,o.UniverInstanceType.UNIVER_DOC)}}const O={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",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"},F={id:"doc.command.set-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const{drawings:a}=n,s=r.getBatchUpdateOp(a),{unitId:c,subUnitId:u,undo:p,redo:g,objects:m}=s;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{unitId:c,subUnitId:u,op:g,objects:m,type:d.DocDrawingApplyType.UPDATE})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:u,op:p,objects:m,type:d.DocDrawingApplyType.UPDATE}},{id:y.id,params:[c]}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{unitId:c,subUnitId:u,op:g,objects:m,type:d.DocDrawingApplyType.UPDATE}},{id:y.id,params:[c]}]}),!0):!1}},_e=e=>{E.useDependency(o.ICommandService);const n=E.useDependency(o.LocaleService);E.useDependency(f.IDrawingManagerService);const t=E.useDependency(T.IRenderManagerService),{drawings:i}=e,r=i[0];if(r==null)return;const{unitId:a}=r,s=t.getRenderById(a),c=s==null?void 0:s.scene;if(c==null)return;const u=c.getTransformerByCreate(),[p,g]=v.useState(!0);v.useState(""),v.useEffect(()=>{const I=u.clearControl$.subscribe(h=>{h===!0&&g(!1)});return()=>{I.unsubscribe()}},[]);const m=I=>I?"block":"none";return v.createElement("div",{className:G(O.imageCommonPanelGrid,O.imageCommonPanelBorder),style:{display:m(p)}},v.createElement("div",{className:O.imageCommonPanelRow},v.createElement("div",{className:G(O.imageCommonPanelColumn,O.imageCommonPanelTitle)},v.createElement("div",null,n.t("drawing-anchor.title")))),v.createElement("div",{className:G(O.imageCommonPanelRow)},v.createElement("div",{className:G(O.imageCommonPanelColumn)})))},Ce=()=>{const e=E.useDependency(f.IDrawingManagerService),n=e.getFocusDrawings(),[t,i]=v.useState(n);return v.useEffect(()=>{const r=e.focus$.subscribe(a=>{i(a)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&v.createElement("div",{className:O.imageCommonPanel},v.createElement(P.DrawingCommonPanel,{drawings:t}),v.createElement(_e,{drawings:t}))},U={id:"doc.command.move-drawing",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(d.IDocDrawingService),{direction:r}=n,a=i.getFocusDrawings();if(a.length===0)return!1;const s=a[0].unitId,c=a.map(p=>{const{transform:g}=p;if(g==null)return null;const m={...g},{left:I=0,top:h=0}=g;return r===o.Direction.UP?m.top=h-1:r===o.Direction.DOWN?m.top=h+1:r===o.Direction.LEFT?m.left=I-1:r===o.Direction.RIGHT&&(m.left=I+1),{...p,transform:m,docTransform:A.transformToDocDrawingPosition(m)}}).filter(p=>p!=null);return t.syncExecuteCommand(F.id,{unitId:s,drawings:c})?(t.syncExecuteCommand(y.id,[s]),!0):!1}},B={id:"doc.command.delete-drawing",type:o.CommandType.COMMAND,handler:e=>{const n=e.get(o.ICommandService),i=e.get(d.IDocDrawingService).getFocusDrawings();if(i.length===0)return!1;const r=i[0].unitId,a=i.map(s=>{const{unitId:c,subUnitId:u,drawingId:p,drawingType:g}=s;return{unitId:c,subUnitId:u,drawingId:p,drawingType:g}});return n.executeCommand(x.id,{unitId:r,drawings:a})}},q={id:"doc.command.set-drawing-arrange",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService);if(!n)return!1;const r=e.get(d.IDocDrawingService),{unitId:a,subUnitId:s,drawingIds:c,arrangeType:u}=n,p={unitId:a,subUnitId:s,drawingIds:c};let g;if(u===f.ArrangeTypeEnum.forward?g=r.getForwardDrawingsOp(p):u===f.ArrangeTypeEnum.backward?g=r.getBackwardDrawingOp(p):u===f.ArrangeTypeEnum.front?g=r.getFrontDrawingsOp(p):u===f.ArrangeTypeEnum.back&&(g=r.getBackDrawingsOp(p)),g==null)return!1;const{objects:m,redo:I,undo:h}=g;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:I,unitId:a,subUnitId:s,objects:m,type:d.DocDrawingApplyType.ARRANGE})?(i.pushUndoRedo({unitID:a,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:h,unitId:a,subUnitId:s,objects:m,type:d.DocDrawingApplyType.ARRANGE}}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:I,unitId:a,subUnitId:s,objects:m,type:d.DocDrawingApplyType.ARRANGE}}]}),!0):!1}};function ye(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:a,subUnitId:s,drawingId:c}=i,u=T.getGroupState(0,0,r.map(m=>m.transform||{})),p=r.map(m=>{const I=m.transform||{left:0,top:0},{unitId:h,subUnitId:S,drawingId:_}=m;return{unitId:h,subUnitId:S,drawingId:_,transform:{...I,left:I.left-u.left,top:I.top-u.top},groupId:c}}),g={unitId:a,subUnitId:s,drawingId:c,drawingType:f.DrawingTypeEnum.DRAWING_GROUP,transform:u};n.push({parent:g,children:p})}),n}function Me(e){const n=[];return e.forEach(t=>{const{parent:i,children:r}=t,{unitId:a,subUnitId:s,drawingId:c,transform:u={width:0,height:0}}=i;if(u==null)return;const p=r.map(m=>{const{transform:I}=m,{unitId:h,subUnitId:S,drawingId:_}=m,Fe=T.transformObjectOutOfGroup(I||{},u,u.width||0,u.height||0);return{unitId:h,subUnitId:S,drawingId:_,transform:Fe,groupId:void 0}}),g={unitId:a,subUnitId:s,drawingId:c,drawingType:f.DrawingTypeEnum.DRAWING_GROUP,transform:{left:0,top:0}};n.push({parent:g,children:p})}),n}const K={id:"doc.command.ungroup-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const a=[];n.forEach(({parent:h,children:S})=>{a.push(h.unitId),S.forEach(_=>{a.push(_.unitId)})});const s=r.getUngroupDrawingOp(n),{unitId:c,subUnitId:u,undo:p,redo:g,objects:m}=s;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:g,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.UNGROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:p,unitId:c,subUnitId:u,objects:ye(m),type:d.DocDrawingApplyType.GROUP}},{id:y.id,params:a}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:g,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.UNGROUP}},{id:y.id,params:a}]}),!0):!1}},z={id:"doc.command.group-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const a=[];n.forEach(({parent:h,children:S})=>{a.push(h.unitId),S.forEach(_=>{a.push(_.unitId)})});const s=r.getGroupDrawingOp(n),{unitId:c,subUnitId:u,undo:p,redo:g,objects:m}=s;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:g,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.GROUP})?(i.pushUndoRedo({unitID:c,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:p,unitId:c,subUnitId:u,objects:Me(m),type:d.DocDrawingApplyType.UNGROUP}},{id:y.id,params:a}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:g,unitId:c,subUnitId:u,objects:m,type:d.DocDrawingApplyType.GROUP}},{id:y.id,params:a}]}),!0):!1}},Z={id:"doc.command.insert-doc-image",type:o.CommandType.COMMAND,handler:(e,n)=>{const t=e.get(o.ICommandService),i=e.get(o.IUndoRedoService),r=e.get(d.IDocDrawingService);if(!n)return!1;const a=n.drawings,s=a.map(S=>S.unitId),c=r.getBatchAddOp(a),{unitId:u,subUnitId:p,undo:g,redo:m,objects:I}=c;return t.syncExecuteCommand(d.SetDocDrawingApplyMutation.id,{op:m,unitId:u,subUnitId:p,objects:I,type:d.DocDrawingApplyType.INSERT})?(i.pushUndoRedo({unitID:u,undoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:g,unitId:u,subUnitId:p,objects:I,type:d.DocDrawingApplyType.REMOVE}},{id:y.id,params:s}],redoMutations:[{id:d.SetDocDrawingApplyMutation.id,params:{op:m,unitId:u,subUnitId:p,objects:I,type:d.DocDrawingApplyType.INSERT}},{id:y.id,params:s}]}),!0):!1}};function N(e){return!e.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(o.FOCUSING_COMMON_DRAWINGS)}const we={id:U.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_DOWN,priority:100,preconditions:N,staticParameters:{direction:o.Direction.DOWN}},Oe={id:U.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_UP,priority:100,preconditions:N,staticParameters:{direction:o.Direction.UP}},Pe={id:U.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_LEFT,priority:100,preconditions:N,staticParameters:{direction:o.Direction.LEFT}},Te={id:U.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:D.KeyCode.ARROW_RIGHT,priority:100,preconditions:N,staticParameters:{direction:o.Direction.RIGHT}},Ee={id:B.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:N,binding:D.KeyCode.DELETE,mac:D.KeyCode.BACKSPACE};var Ue=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,be=(e,n,t,i)=>{for(var r=i>1?void 0:i?Ae(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&Ue(n,t,r),r},j=(e,n)=>(t,i)=>n(t,i,e);let V=class extends o.Disposable{constructor(e,n,t,i,r){super(),this._injector=e,this._componentManager=n,this._menuService=t,this._commandService=i,this._shortcutService=r,this._init()}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(re,ne)),this.disposeWithMe(e.register(ie,he)),this.disposeWithMe(e.register(X,Ce))}_initMenus(){[De,Se].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),{}))})}_initCommands(){[R,Z,x,F,$,y,H,z,K,U,B,q].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initShortcuts(){[we,Oe,Pe,Te,Ee].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};V=be([o.OnLifecycle(o.LifecycleStages.Ready,V),j(0,C.Inject(C.Injector)),j(1,C.Inject(D.ComponentManager)),j(2,D.IMenuService),j(3,o.ICommandService),j(4,D.IShortcutService)],V);var Re=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,je=(e,n,t,i)=>{for(var r=i>1?void 0:i?Ne(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&Re(n,t,r),r},w=(e,n)=>(t,i)=>n(t,i,e);let k=class extends o.Disposable{constructor(e,n,t,i,r,a,s,c,u,p){super(),this._context=e,this._commandService=n,this._textSelectionManagerService=t,this._docSkeletonManagerService=i,this._sheetDrawingService=r,this._imageIoService=a,this._drawingManagerService=s,this._contextService=c,this._messageService=u,this._localeService=p,this._initCommandListeners(),this._updateDrawingListener(),this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener()}_initCommandListeners(){this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{if(e.id===R.id){const n=e.params;if(n.files==null)return;const t=n.files.length;if(t>f.DRAWING_IMAGE_COUNT_LIMIT){this._messageService.show({type:L.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(f.DRAWING_IMAGE_COUNT_LIMIT))});return}this._imageIoService.setWaitCount(t),n.files.forEach(async i=>{await this._insertFloatImage(i)})}}))}async _insertFloatImage(e){var h;let n;try{n=await this._imageIoService.saveImage(e)}catch(S){const _=S.message;_===f.ImageUploadStatusType.ERROR_EXCEED_SIZE?this._messageService.show({type:L.MessageType.Error,content:this._localeService.t("update-status.exceedMaxSize",String(f.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)))}):_===f.ImageUploadStatusType.ERROR_IMAGE_TYPE?this._messageService.show({type:L.MessageType.Error,content:this._localeService.t("update-status.invalidImageType")}):_===f.ImageUploadStatusType.ERROR_IMAGE&&this._messageService.show({type:L.MessageType.Error,content:this._localeService.t("update-status.invalidImage")})}if(n==null)return;const{unitId:t}=this._context,{imageId:i,imageSourceType:r,source:a,base64Cache:s}=n,{width:c,height:u,image:p}=await f.getImageSize(s||"");this._imageIoService.addImageSourceCache(i,r,p);let g=1;if(c>f.DRAWING_IMAGE_WIDTH_LIMIT||u>f.DRAWING_IMAGE_HEIGHT_LIMIT){const S=f.DRAWING_IMAGE_WIDTH_LIMIT/c,_=f.DRAWING_IMAGE_HEIGHT_LIMIT/u;g=Math.max(S,_)}const m=this._getImagePosition(c*g,u*g);if(m==null)return;const I={unitId:t,subUnitId:t,drawingId:i,drawingType:f.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:r,source:a,transform:A.docDrawingPositionToTransform(m),docTransform:m,title:"",description:"",layoutType:o.PositionedObjectLayoutType.WRAP_SQUARE};this._commandService.executeCommand(Z.id,{unitId:t,drawings:[I]}),(h=this._docSkeletonManagerService.getSkeleton())==null||h.calculate()}_getImagePosition(e,n){const t=this._textSelectionManagerService.getActiveTextRange(),i=(t==null?void 0:t.getAbsolutePosition())||{left:0,top:0};return{size:{width:e,height:n},positionH:{relativeFrom:o.ObjectRelativeFromH.MARGIN,posOffset:i.left},positionV:{relativeFrom:o.ObjectRelativeFromV.PAGE,posOffset:i.top},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(e=>{const{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r}=e;this._commandService.executeCommand(q.id,{unitId:n,subUnitId:t,drawingIds:i,arrangeType:r})})}_updateDrawingListener(){this._drawingManagerService.featurePluginUpdate$.subscribe(e=>{if(e.length===0)return;const n=[];if(e.forEach(t=>{const{unitId:i,subUnitId:r,drawingId:a,transform:s}=t;if(s==null)return;const c=this._sheetDrawingService.getDrawingByParam({unitId:i,subUnitId:r,drawingId:a});if(c==null)return;const u=A.transformToDocDrawingPosition({...c.transform,...s});if(u==null)return;const p={...t,transform:{...s,...A.docDrawingPositionToTransform(u)},docTransform:{...u}};n.push(p)}),n.length>0){const t=e[0].unitId;this._commandService.syncExecuteCommand(F.id,{unitId:t,drawings:n}),this._refreshDocSkeleton()}})}_refreshDocSkeleton(){const e=this._docSkeletonManagerService.getSkeleton(),{mainComponent:n}=this._context;e==null||e.calculate(),n==null||n.makeDirty()}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(e=>{this._commandService.executeCommand(z.id,e)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(e=>{this._commandService.executeCommand(K.id,e)})}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(e=>{e==null||e.length===0?(this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._sheetDrawingService.focusDrawing([])):(this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!0),this._sheetDrawingService.focusDrawing(e))}))}};k=je([w(1,o.ICommandService),w(2,C.Inject(Q.TextSelectionManagerService)),w(3,C.Inject(Q.DocSkeletonManagerService)),w(4,d.IDocDrawingService),w(5,f.IImageIoService),w(6,f.IDrawingManagerService),w(7,o.IContextService),w(8,D.IMessageService),w(9,C.Inject(o.LocaleService))],k);var ae=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,Le=(e,n,t)=>n in e?ae(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,xe=(e,n,t,i)=>{for(var r=i>1?void 0:i?Ge(n,t):n,a=e.length-1,s;a>=0;a--)(s=e[a])&&(r=(i?s(n,t,r):s(r))||r);return i&&r&&ae(n,t,r),r},se=(e,n)=>(t,i)=>n(t,i,e),ce=(e,n,t)=>Le(e,typeof n!="symbol"?n+"":n,t);const We="DOCS_DRAWING_UI_PLUGIN";l.UniverDocsDrawingUIPlugin=class extends o.Plugin{constructor(n,t,i){super(),this._injector=t,this._renderManagerSrv=i}onStarting(n){[[V],[W]].forEach(i=>n.add(i))}onReady(){[k].forEach(n=>this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,n))}},ce(l.UniverDocsDrawingUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC),ce(l.UniverDocsDrawingUIPlugin,"pluginName",We),l.UniverDocsDrawingUIPlugin=xe([o.DependentOn(P.UniverDrawingUIPlugin,f.UniverDrawingPlugin,d.UniverDocsDrawingPlugin),se(1,C.Inject(C.Injector)),se(2,T.IRenderManagerService)],l.UniverDocsDrawingUIPlugin),l.ClearDocDrawingTransformerOperation=y,l.DeleteDocDrawingsCommand=B,l.EditDocDrawingOperation=H,l.GroupDocDrawingCommand=z,l.InsertDocDrawingCommand=Z,l.InsertDocImageOperation=R,l.MoveDocDrawingsCommand=U,l.RemoveDocDrawingCommand=x,l.SetDocDrawingArrangeCommand=q,l.SetDocDrawingCommand=F,l.SidebarDocDrawingOperation=$,l.UngroupDocDrawingCommand=K,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/package.json

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