@univerjs/drawing 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,1059 @@
-import{CommandType as e,Disposable as t,DrawingTypeEnum as n,ICommandService as r,IConfigService as i,IImageIoService as a,IURLImageService as o,ImageSourceType as s,ImageUploadStatusType as c,Inject as l,Injector as u,Plugin as d,createIdentifier as f,generateRandomId as p,merge as m,mergeOverrideWithDependencies as h,sortRules as g,sortRulesByDesc as _,toDisposable as v}from"@univerjs/core";import*as y from"ot-json1";import{Subject as b}from"rxjs";const x=500,S=500,C=10,w=5*1024*1024,T=[`image/png`,`image/jpeg`,`image/jpg`,`image/gif`,`image/bmp`],E=f(`univer.drawing-manager.service`),D={id:`drawing.operation.set-drawing-selected`,type:e.OPERATION,handler:(e,t)=>{let n=e.get(E);return t==null?!1:(n.focusDrawing(t),!0)}};var O=`@univerjs/drawing`,k=`0.20.1`;const A=`drawing.config`;Symbol(A);const j={};function M(e){"@babel/helpers - typeof";return M=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},M(e)}function N(e,t){if(M(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(M(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function P(e){var t=N(e,`string`);return M(t)==`symbol`?t:t+``}function F(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var I=function(e){return e.data=`data`,e.order=`order`,e}(I||{}),L=class{constructor(){F(this,`drawingManagerData`,{}),F(this,`_oldDrawingManagerData`,{}),F(this,`_focusDrawings`,[]),F(this,`_remove$`,new b),F(this,`remove$`,this._remove$.asObservable()),F(this,`_add$`,new b),F(this,`add$`,this._add$.asObservable()),F(this,`_update$`,new b),F(this,`update$`,this._update$.asObservable()),F(this,`_order$`,new b),F(this,`order$`,this._order$.asObservable()),F(this,`_group$`,new b),F(this,`group$`,this._group$.asObservable()),F(this,`_ungroup$`,new b),F(this,`ungroup$`,this._ungroup$.asObservable()),F(this,`_refreshTransform$`,new b),F(this,`refreshTransform$`,this._refreshTransform$.asObservable()),F(this,`_visible$`,new b),F(this,`visible$`,this._visible$.asObservable()),F(this,`_focus$`,new b),F(this,`focus$`,this._focus$.asObservable()),F(this,`_featurePluginUpdate$`,new b),F(this,`featurePluginUpdate$`,this._featurePluginUpdate$.asObservable()),F(this,`_featurePluginAdd$`,new b),F(this,`featurePluginAdd$`,this._featurePluginAdd$.asObservable()),F(this,`_featurePluginRemove$`,new b),F(this,`featurePluginRemove$`,this._featurePluginRemove$.asObservable()),F(this,`_featurePluginOrderUpdate$`,new b),F(this,`featurePluginOrderUpdate$`,this._featurePluginOrderUpdate$.asObservable()),F(this,`_featurePluginGroupUpdate$`,new b),F(this,`featurePluginGroupUpdate$`,this._featurePluginGroupUpdate$.asObservable()),F(this,`_featurePluginUngroupUpdate$`,new b),F(this,`featurePluginUngroupUpdate$`,this._featurePluginUngroupUpdate$.asObservable()),F(this,`_visible`,!0),F(this,`_editable`,!0)}dispose(){this._remove$.complete(),this._add$.complete(),this._update$.complete(),this._order$.complete(),this._focus$.complete(),this._featurePluginUpdate$.complete(),this._featurePluginAdd$.complete(),this._featurePluginRemove$.complete(),this._featurePluginOrderUpdate$.complete(),this.drawingManagerData={},this._oldDrawingManagerData={}}visibleNotification(e){this._visible$.next(e)}refreshTransform(e){e.forEach(e=>{let t=this._getCurrentBySearch(e);t!=null&&(t.transform=e.transform,t.transforms=e.transforms,t.isMultiTransform=e.isMultiTransform)}),this.refreshTransformNotification(e)}getDrawingDataForUnit(e){return this.drawingManagerData[e]||{}}removeDrawingDataForUnit(e){let t=this.drawingManagerData[e];if(t==null)return;delete this.drawingManagerData[e];let n=[];Object.keys(t).forEach(r=>{let i=t[r];(i==null?void 0:i.data)!=null&&Object.keys(i.data).forEach(t=>{n.push({unitId:e,subUnitId:r,drawingId:t})})}),n.length>0&&this.removeNotification(n)}registerDrawingData(e,t){this.drawingManagerData[e]=t}initializeNotification(e){let t=[],n=this.drawingManagerData[e];n!=null&&(Object.keys(n).forEach(r=>{this._establishDrawingMap(e,r);let i=n[r];Object.keys(i.data).forEach(n=>{let a=i.data[n];a.unitId=e,a.subUnitId=r,t.push(a)})}),t.length>0&&this.addNotification(t))}getDrawingData(e,t){return this._getDrawingData(e,t)}setDrawingData(e,t,n){this.drawingManagerData[e][t].data=n}getBatchAddOp(e){let t=[],n=[],r=[];e.forEach(e=>{let{op:i,invertOp:a}=this._addByParam(e);t.push({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}),n.push(i),r.push(a)});let i=n.reduce(y.type.compose,null),a=r.reduce(y.type.compose,null),{unitId:o,subUnitId:s}=e[0];return{undo:a,redo:i,unitId:o,subUnitId:s,objects:t}}getBatchRemoveOpInOder(e){if(e.length===0)return{undo:null,redo:null,unitId:``,subUnitId:``,objects:[]};let t=this.getDrawingOrder(e[0].unitId,e[0].subUnitId),n=new Map;return t.forEach((e,t)=>{n.set(e,t)}),e.sort((e,t)=>{var r,i;return((r=n.get(e.drawingId))==null?-1/0:r)-((i=n.get(t.drawingId))==null?-1/0:i)}),this.getBatchRemoveOp(e)}getBatchRemoveOp(e){var t;let r=new Set,i=[];e.forEach(e=>{let t=this.getDrawingByParam(e);if((t==null?void 0:t.drawingType)===n.DRAWING_GROUP){let t=this.getDrawingsByGroupNested(e);if(t){let{flatChildren:e,groups:n}=t;[...e==null?[]:e,...n].forEach(e=>{r.has(e.drawingId)||(r.add(e.drawingId),i.push({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}))})}else r.has(e.drawingId)||(r.add(e.drawingId),i.push(e))}else r.has(e.drawingId)||(r.add(e.drawingId),i.push(e))});let{unitId:a,subUnitId:o}=(t=i[0])==null?e[0]:t,s=this._getDrawingOrder(a,o),c=new Map;s.forEach((e,t)=>c.set(e,t)),i.sort((e,t)=>{var n,r;return((n=c.get(e.drawingId))==null?-1/0:n)-((r=c.get(t.drawingId))==null?-1/0:r)});let l=[],u=[];i.forEach(e=>{let{op:t,invertOp:n}=this._removeByParam(e);l.unshift(t),u.push(n)});let d=l.reduce(y.type.compose,null);return{undo:u.reduce(y.type.compose,null),redo:d,unitId:a,subUnitId:o,objects:i}}getBatchUpdateOp(e){let t=[],n=[],r=[];e.forEach(e=>{let{op:i,invertOp:a}=this._updateByParam(e);t.push({unitId:e.unitId,subUnitId:e.subUnitId,drawingId:e.drawingId}),n.push(i),r.push(a)});let i=n.reduce(y.type.compose,null),a=r.reduce(y.type.compose,null),{unitId:o,subUnitId:s}=e[0];return{undo:a,redo:i,unitId:o,subUnitId:s,objects:t}}removeNotification(e){this._remove$.next(e)}addNotification(e){this._add$.next(e)}updateNotification(e){this._update$.next(e)}orderNotification(e){this._order$.next(e)}groupUpdateNotification(e){this._group$.next(e)}ungroupUpdateNotification(e){this._ungroup$.next(e)}refreshTransformNotification(e){this._refreshTransform$.next(e)}getGroupDrawingOp(e){let t=[],{unitId:n,subUnitId:r}=e[0].parent;e.forEach(e=>{t.push(this._getGroupDrawingOp(e))});let i=t.reduce(y.type.compose,null);return{undo:y.type.invertWithDoc(i,this.drawingManagerData),redo:i,unitId:n,subUnitId:r,objects:e}}getUngroupDrawingOp(e){let t=[],{unitId:n,subUnitId:r}=e[0].parent;e.forEach(e=>{t.push(this._getUngroupDrawingOp(e))});let i=t.reduce(y.type.compose,null);return{undo:y.type.invertWithDoc(i,this.drawingManagerData),redo:i,unitId:n,subUnitId:r,objects:e}}getDrawingsByGroup(e){let{unitId:t,subUnitId:n,drawingId:r}=e;if(this.getDrawingByParam({unitId:t,subUnitId:n,drawingId:r})==null)return[];let i=this._getDrawingData(t,n),a=[];return Object.keys(i).forEach(e=>{let t=i[e];t.groupId===r&&a.push(t)}),a}getDrawingsByGroupNested(e){let{unitId:t,subUnitId:r}=e,i=this.getDrawingByParam(e);if(!i)return null;let a=this._getDrawingData(t,r),o=new Map;Object.values(a).forEach(e=>{e.groupId!=null&&(o.has(e.groupId)||o.set(e.groupId,[]),o.get(e.groupId).push(e.drawingId))});let s=[],c=[],l={},u=e=>{var t;let{drawingId:r}=e,i=(t=o.get(r))==null?[]:t;l[r]={drawingId:r,children:i},i.forEach(e=>{let t=a[e];t&&(t.drawingType===n.DRAWING_GROUP?(u(t),c.push(t)):s.push(t))})};return u(i),c.push(i),{nestedIdRecord:l,flatChildren:s,groups:c}}_getGroupDrawingOp(e){let{parent:t,children:n}=e,{unitId:r,subUnitId:i,drawingId:a}=t,o=[];o.push(y.insertOp([r,i,I.data,a],t));let s=-1/0;return n.forEach(e=>{let{unitId:t,subUnitId:n,drawingId:r}=e,i=this._hasDrawingOrder({unitId:t,subUnitId:n,drawingId:r});s=Math.max(s,i),o.push(...this._getUpdateParamCompareOp(e,this.getDrawingByParam({unitId:t,subUnitId:n,drawingId:r})))}),s===-1/0&&(s=this._getDrawingOrder(r,i).length),o.push(y.insertOp([r,i,I.order,s],a)),o.reduce(y.type.compose,null)}_getUngroupDrawingOp(e){let{parent:t,children:n}=e,{unitId:r,subUnitId:i,drawingId:a}=t,o=[];return n.forEach(e=>{let{unitId:t,subUnitId:n,drawingId:r}=e;o.push(...this._getUpdateParamCompareOp(e,this.getDrawingByParam({unitId:t,subUnitId:n,drawingId:r})))}),o.push(y.removeOp([r,i,I.data,a],!0)),o.push(y.removeOp([r,i,I.order,this._getDrawingOrder(r,i).indexOf(a)],!0)),o.reduce(y.type.compose,null)}applyJson1(e,t,n){this._establishDrawingMap(e,t),this._oldDrawingManagerData={...this.drawingManagerData},this.drawingManagerData=y.type.apply(this.drawingManagerData,n)}featurePluginUpdateNotification(e){this._featurePluginUpdate$.next(e)}featurePluginOrderUpdateNotification(e){this._featurePluginOrderUpdate$.next(e)}featurePluginAddNotification(e){this._featurePluginAdd$.next(e)}featurePluginRemoveNotification(e){this._featurePluginRemove$.next(e)}featurePluginGroupUpdateNotification(e){this._featurePluginGroupUpdate$.next(e)}featurePluginUngroupUpdateNotification(e){this._featurePluginUngroupUpdate$.next(e)}getDrawingByParam(e){return this._getCurrentBySearch(e)}getOldDrawingByParam(e){return this._getOldBySearch(e)}getDrawingOKey(e){let[t,n,r]=e.split(`#-#`);return this._getCurrentBySearch({unitId:t,subUnitId:n,drawingId:r})}focusDrawing(e){if(e==null||e.length===0){this._focusDrawings=[],this._focus$.next([]);return}let t=[];e.forEach(e=>{var n;let{unitId:r,subUnitId:i,drawingId:a}=e,o=(n=this._getDrawingData(r,i))==null?void 0:n[a];o!=null&&t.push(o)}),t.length>0&&(this._focusDrawings=t,this._focus$.next(t))}getFocusDrawings(){let e=[];return this._focusDrawings.forEach(t=>{var n;let{unitId:r,subUnitId:i,drawingId:a}=t,o=(n=this._getDrawingData(r,i))==null?void 0:n[a];o!=null&&e.push(o)}),e}getDrawingOrder(e,t){return this._getDrawingOrder(e,t)}setDrawingOrder(e,t,n){this.drawingManagerData[e][t].order=n}orderUpdateNotification(e){this._order$.next(e)}getForwardDrawingsOp(e){let{unitId:t,subUnitId:n,drawingIds:r}=e,i=[],a=this.getDrawingOrder(t,n),o=[...r];r.forEach(e=>{let r=this._hasDrawingOrder({unitId:t,subUnitId:n,drawingId:e});if(r===-1||r===a.length-1)return;let s=y.moveOp([t,n,I.order,r],[t,n,I.order,r+1]);i.push(s),o.includes(a[r+1])||o.push(a[r+1])});let s=i.reduce(y.type.compose,null);return{undo:y.type.invertWithDoc(s,this.drawingManagerData),redo:s,unitId:t,subUnitId:n,objects:{...e,drawingIds:o}}}getBackwardDrawingOp(e){let{unitId:t,subUnitId:n,drawingIds:r}=e,i=[],a=this.getDrawingOrder(t,n),o=[...r];r.forEach(e=>{let r=this._hasDrawingOrder({unitId:t,subUnitId:n,drawingId:e});if(r===-1||r===0)return;let s=y.moveOp([t,n,I.order,r],[t,n,I.order,r-1]);i.push(s),o.includes(a[r-1])||o.push(a[r-1])});let s=i.reduce(y.type.compose,null);return{undo:y.type.invertWithDoc(s,this.drawingManagerData),redo:s,unitId:t,subUnitId:n,objects:{...e,drawingIds:o}}}getFrontDrawingsOp(e){let{unitId:t,subUnitId:n,drawingIds:r}=e,i=this._getOrderFromSearchParams(t,n,r),a=[...r],o=this.getDrawingOrder(t,n),s=[];i.forEach(e=>{let{drawingId:r}=e,i=this._getDrawingCount(t,n)-1,c=y.moveOp([t,n,I.order,this._getDrawingOrder(t,n).indexOf(r)],[t,n,I.order,i]);s.push(c),a.includes(o[i])||a.push(o[i])});let c=s.reduce(y.type.compose,null);return{undo:y.type.invertWithDoc(c,this.drawingManagerData),redo:c,unitId:t,subUnitId:n,objects:{...e,drawingIds:a}}}getBackDrawingsOp(e){let{unitId:t,subUnitId:n,drawingIds:r}=e,i=this._getOrderFromSearchParams(t,n,r,!0),a=[...r],o=this.getDrawingOrder(t,n),s=[];i.forEach(e=>{let{drawingId:r}=e,i=y.moveOp([t,n,I.order,this._getDrawingOrder(t,n).indexOf(r)],[t,n,I.order,0]);s.push(i),a.includes(o[0])||a.push(o[0])});let c=s.reduce(y.type.compose,null);return{undo:y.type.invertWithDoc(c,this.drawingManagerData),redo:c,unitId:t,subUnitId:n,objects:{...e,drawingIds:a}}}_getDrawingCount(e,t){return this.getDrawingOrder(e,t).length||0}_getOrderFromSearchParams(e,t,n,r=!1){return n.map(n=>({drawingId:n,zIndex:this._hasDrawingOrder({unitId:e,subUnitId:t,drawingId:n})})).sort(r===!1?g:_)}_hasDrawingOrder(e){if(e==null)return-1;let{unitId:t,subUnitId:n,drawingId:r}=e;return this._establishDrawingMap(t,n),this._getDrawingOrder(t,n).indexOf(r)}_getCurrentBySearch(e){var t;if(e==null)return;let{unitId:n,subUnitId:r,drawingId:i}=e;return(t=this.drawingManagerData[n])==null||(t=t[r])==null||(t=t.data)==null?void 0:t[i]}_getOldBySearch(e){var t;if(e==null)return;let{unitId:n,subUnitId:r,drawingId:i}=e;return(t=this._oldDrawingManagerData[n])==null||(t=t[r])==null||(t=t.data)==null?void 0:t[i]}_establishDrawingMap(e,t,n){var r;return this.drawingManagerData[e]||(this.drawingManagerData[e]={}),this.drawingManagerData[e][t]||(this.drawingManagerData[e][t]={data:{},order:[]}),n==null?null:(r=this.drawingManagerData[e][t].data)==null?void 0:r[n]}_addByParam(e){let{unitId:t,subUnitId:n,drawingId:r}=e;this._establishDrawingMap(t,n,r);let i=[y.insertOp([t,n,I.data,r],e),y.insertOp([t,n,I.order,this._getDrawingOrder(t,n).length],r)].reduce(y.type.compose,null);return{op:i,invertOp:y.type.invertWithDoc(i,this.drawingManagerData)}}_removeByParam(e){if(e==null)return{op:[],invertOp:[]};let{unitId:t,subUnitId:n,drawingId:r}=e;if(this._establishDrawingMap(t,n,r)==null)return{op:[],invertOp:[]};let i=[y.removeOp([t,n,I.data,r],!0),y.removeOp([t,n,I.order,this._getDrawingOrder(t,n).indexOf(r)],!0)].reduce(y.type.compose,null);return{op:i,invertOp:y.type.invertWithDoc(i,this.drawingManagerData)}}_updateByParam(e){let{unitId:t,subUnitId:n,drawingId:r}=e,i=this._establishDrawingMap(t,n,r);if(i==null)return{op:[],invertOp:[]};let a=this._getUpdateParamCompareOp(e,i).reduce(y.type.compose,null);return{op:a,invertOp:y.type.invertWithDoc(a,this.drawingManagerData)}}_getUpdateParamCompareOp(e,t){let{unitId:n,subUnitId:r,drawingId:i}=e,a=[];return Object.keys(e).forEach(o=>{let s=e[o],c=t[o];c!==s&&a.push(y.replaceOp([n,r,I.data,i,o],c,s))}),a}_getDrawingData(e,t){var n;return((n=this.drawingManagerData[e])==null||(n=n[t])==null?void 0:n.data)||{}}_getDrawingOrder(e,t){var n;return((n=this.drawingManagerData[e])==null||(n=n[t])==null?void 0:n.order)||[]}getDrawingVisible(){return this._visible}getDrawingEditable(){return this._editable}setDrawingVisible(e){this._visible=e}setDrawingEditable(e){this._editable=e}},R=class extends L{},z=class{constructor(){F(this,`_waitCount`,0),F(this,`_change$`,new b),F(this,`change$`,this._change$),F(this,`_imageSourceCache`,new Map)}setWaitCount(e){this._waitCount=e,this._change$.next(e)}getImageSourceCache(e,t){if(t===s.BASE64){let t=new Image;return t.src=e,t}return this._imageSourceCache.get(e)}addImageSourceCache(e,t,n){t===s.BASE64||n==null||this._imageSourceCache.set(e,n)}async getImage(e){return Promise.resolve(e)}async saveImage(e){return new Promise((t,n)=>{if(!T.includes(e.type)){n(Error(c.ERROR_IMAGE_TYPE)),this._decreaseWaiting();return}if(e.size>5242880){n(Error(c.ERROR_EXCEED_SIZE)),this._decreaseWaiting();return}let r=new FileReader;r.readAsDataURL(e),r.onload=e=>{var r;let i=(r=e.target)==null?void 0:r.result;if(i==null){n(Error(c.ERROR_IMAGE)),this._decreaseWaiting();return}t({imageId:p(6),imageSourceType:s.BASE64,source:i,base64Cache:i,status:c.SUCCUSS}),this._decreaseWaiting()}})}_decreaseWaiting(){--this._waitCount,this._change$.next(this._waitCount)}},B=class extends t{constructor(...e){super(...e),F(this,`_urlImageDownloader`,null)}registerURLImageDownloader(e){return this._urlImageDownloader=e,v(()=>{this._urlImageDownloader=null})}async getImage(e){if(this._urlImageDownloader)try{return await this._urlImageDownloader(e)}catch(t){console.error(`Custom downloader failed for ${e}, falling back to default behavior:`,t)}return e}async downloadImage(e){if(this._urlImageDownloader)try{let t=await this._urlImageDownloader(e);return await(await fetch(t)).blob()}catch(t){console.error(`Custom downloader failed for ${e}, falling back to default fetch:`,t)}return await(await fetch(e)).blob()}};function V(e,t){return function(n,r){t(n,r,e)}}function H(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let U=class extends d{constructor(e=j,t,n,r){super(),this._config=e,this._injector=t,this._configService=n,this._commandService=r;let{...i}=m({},j,this._config);this._configService.setConfig(A,i)}onStarting(){this._initCommands(),this._initDependencies()}_initDependencies(){var e;h([[a,{useClass:z}],[o,{useClass:B}],[E,{useClass:R}]],(e=this._config)==null?void 0:e.override).forEach(e=>this._injector.add(e))}_initCommands(){[D].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}};F(U,`pluginName`,`UNIVER_DRAWING_PLUGIN`),F(U,`packageName`,O),F(U,`version`,k),U=H([V(1,l(u)),V(2,i),V(3,r)],U);function W({unitId:e,subUnitId:t,drawingId:n},r){return typeof r==`number`?`${e}#-#${t}#-#${n}#-#${r}`:`${e}#-#${t}#-#${n}`}const G=async e=>new Promise((t,n)=>{let r=new Image;r.src=e,r.onload=()=>{t({width:r.width,height:r.height,image:r})},r.onerror=e=>{n(e)}});export{T as DRAWING_IMAGE_ALLOW_IMAGE_LIST,w as DRAWING_IMAGE_ALLOW_SIZE,C as DRAWING_IMAGE_COUNT_LIMIT,S as DRAWING_IMAGE_HEIGHT_LIMIT,x as DRAWING_IMAGE_WIDTH_LIMIT,R as DrawingManagerService,E as IDrawingManagerService,a as IImageIoService,z as ImageIoService,s as ImageSourceType,c as ImageUploadStatusType,D as SetDrawingSelectedOperation,B as URLImageService,L as UnitDrawingService,U as UniverDrawingPlugin,W as getDrawingShapeKeyByDrawingSearch,G as getImageSize};
+import { CommandType, Disposable, DrawingTypeEnum, ICommandService, IConfigService, IImageIoService, IURLImageService, ImageSourceType, ImageUploadStatusType, Inject, Injector, Plugin, createIdentifier, generateRandomId, merge, mergeOverrideWithDependencies, sortRules, sortRulesByDesc, toDisposable } from "@univerjs/core";
+import * as json1 from "ot-json1";
+import { Subject } from "rxjs";
+
+//#region src/basics/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const DRAWING_IMAGE_WIDTH_LIMIT = 500;
+const DRAWING_IMAGE_HEIGHT_LIMIT = 500;
+const DRAWING_IMAGE_COUNT_LIMIT = 10;
+const DRAWING_IMAGE_ALLOW_SIZE = 5 * 1024 * 1024;
+const DRAWING_IMAGE_ALLOW_IMAGE_LIST = [
+	"image/png",
+	"image/jpeg",
+	"image/jpg",
+	"image/gif",
+	"image/bmp"
+];
+
+//#endregion
+//#region src/services/drawing-manager.service.ts
+const IDrawingManagerService = createIdentifier("univer.drawing-manager.service");
+
+//#endregion
+//#region src/commands/operations/set-drawing-selected.operation.ts
+const SetDrawingSelectedOperation = {
+	id: "drawing.operation.set-drawing-selected",
+	type: CommandType.OPERATION,
+	handler: (accessor, params) => {
+		const drawingManagerService = accessor.get(IDrawingManagerService);
+		if (params == null) return false;
+		drawingManagerService.focusDrawing(params);
+		return true;
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/drawing";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const DRAWING_PLUGIN_CONFIG_KEY = "drawing.config";
+const configSymbol = Symbol(DRAWING_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/drawing-manager-impl.service.ts
+var DrawingMapItemType = /* @__PURE__ */ function(DrawingMapItemType) {
+	DrawingMapItemType["data"] = "data";
+	DrawingMapItemType["order"] = "order";
+	return DrawingMapItemType;
+}(DrawingMapItemType || {});
+/**
+* unitId -> subUnitId -> drawingId -> drawingParam
+*/
+var UnitDrawingService = class {
+	constructor() {
+		_defineProperty(this, "drawingManagerData", {});
+		_defineProperty(this, "_oldDrawingManagerData", {});
+		_defineProperty(this, "_focusDrawings", []);
+		_defineProperty(this, "_remove$", new Subject());
+		_defineProperty(this, "remove$", this._remove$.asObservable());
+		_defineProperty(this, "_add$", new Subject());
+		_defineProperty(this, "add$", this._add$.asObservable());
+		_defineProperty(this, "_update$", new Subject());
+		_defineProperty(this, "update$", this._update$.asObservable());
+		_defineProperty(this, "_order$", new Subject());
+		_defineProperty(this, "order$", this._order$.asObservable());
+		_defineProperty(this, "_group$", new Subject());
+		_defineProperty(this, "group$", this._group$.asObservable());
+		_defineProperty(this, "_ungroup$", new Subject());
+		_defineProperty(this, "ungroup$", this._ungroup$.asObservable());
+		_defineProperty(this, "_refreshTransform$", new Subject());
+		_defineProperty(this, "refreshTransform$", this._refreshTransform$.asObservable());
+		_defineProperty(this, "_visible$", new Subject());
+		_defineProperty(this, "visible$", this._visible$.asObservable());
+		_defineProperty(this, "_focus$", new Subject());
+		_defineProperty(this, "focus$", this._focus$.asObservable());
+		_defineProperty(this, "_featurePluginUpdate$", new Subject());
+		_defineProperty(this, "featurePluginUpdate$", this._featurePluginUpdate$.asObservable());
+		_defineProperty(this, "_featurePluginAdd$", new Subject());
+		_defineProperty(this, "featurePluginAdd$", this._featurePluginAdd$.asObservable());
+		_defineProperty(this, "_featurePluginRemove$", new Subject());
+		_defineProperty(this, "featurePluginRemove$", this._featurePluginRemove$.asObservable());
+		_defineProperty(this, "_featurePluginOrderUpdate$", new Subject());
+		_defineProperty(this, "featurePluginOrderUpdate$", this._featurePluginOrderUpdate$.asObservable());
+		_defineProperty(this, "_featurePluginGroupUpdate$", new Subject());
+		_defineProperty(this, "featurePluginGroupUpdate$", this._featurePluginGroupUpdate$.asObservable());
+		_defineProperty(this, "_featurePluginUngroupUpdate$", new Subject());
+		_defineProperty(this, "featurePluginUngroupUpdate$", this._featurePluginUngroupUpdate$.asObservable());
+		_defineProperty(this, "_visible", true);
+		_defineProperty(this, "_editable", true);
+	}
+	dispose() {
+		this._remove$.complete();
+		this._add$.complete();
+		this._update$.complete();
+		this._order$.complete();
+		this._focus$.complete();
+		this._featurePluginUpdate$.complete();
+		this._featurePluginAdd$.complete();
+		this._featurePluginRemove$.complete();
+		this._featurePluginOrderUpdate$.complete();
+		this.drawingManagerData = {};
+		this._oldDrawingManagerData = {};
+	}
+	visibleNotification(visibleParams) {
+		this._visible$.next(visibleParams);
+	}
+	refreshTransform(updateParams) {
+		updateParams.forEach((updateParam) => {
+			const param = this._getCurrentBySearch(updateParam);
+			if (param == null) return;
+			param.transform = updateParam.transform;
+			param.transforms = updateParam.transforms;
+			param.isMultiTransform = updateParam.isMultiTransform;
+		});
+		this.refreshTransformNotification(updateParams);
+	}
+	getDrawingDataForUnit(unitId) {
+		return this.drawingManagerData[unitId] || {};
+	}
+	removeDrawingDataForUnit(unitId) {
+		const subUnits = this.drawingManagerData[unitId];
+		if (subUnits == null) return;
+		delete this.drawingManagerData[unitId];
+		const drawings = [];
+		Object.keys(subUnits).forEach((subUnitId) => {
+			const subUnit = subUnits[subUnitId];
+			if ((subUnit === null || subUnit === void 0 ? void 0 : subUnit.data) == null) return;
+			Object.keys(subUnit.data).forEach((drawingId) => {
+				drawings.push({
+					unitId,
+					subUnitId,
+					drawingId
+				});
+			});
+		});
+		if (drawings.length > 0) this.removeNotification(drawings);
+	}
+	registerDrawingData(unitId, data) {
+		this.drawingManagerData[unitId] = data;
+	}
+	initializeNotification(unitId) {
+		const drawings = [];
+		const data = this.drawingManagerData[unitId];
+		if (data == null) return;
+		Object.keys(data).forEach((subUnitId) => {
+			this._establishDrawingMap(unitId, subUnitId);
+			const subUnitData = data[subUnitId];
+			Object.keys(subUnitData.data).forEach((drawingId) => {
+				const drawing = subUnitData.data[drawingId];
+				drawing.unitId = unitId;
+				drawing.subUnitId = subUnitId;
+				drawings.push(drawing);
+			});
+		});
+		if (drawings.length > 0) this.addNotification(drawings);
+	}
+	getDrawingData(unitId, subUnitId) {
+		return this._getDrawingData(unitId, subUnitId);
+	}
+	setDrawingData(unitId, subUnitId, data) {
+		this.drawingManagerData[unitId][subUnitId].data = data;
+	}
+	getBatchAddOp(insertParams) {
+		const objects = [];
+		const ops = [];
+		const invertOps = [];
+		insertParams.forEach((insertParam) => {
+			const { op, invertOp } = this._addByParam(insertParam);
+			objects.push({
+				unitId: insertParam.unitId,
+				subUnitId: insertParam.subUnitId,
+				drawingId: insertParam.drawingId
+			});
+			ops.push(op);
+			invertOps.push(invertOp);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		const invertOp = invertOps.reduce(json1.type.compose, null);
+		const { unitId, subUnitId } = insertParams[0];
+		return {
+			undo: invertOp,
+			redo: op,
+			unitId,
+			subUnitId,
+			objects
+		};
+	}
+	getBatchRemoveOpInOder(removeParams) {
+		if (removeParams.length === 0) return {
+			undo: null,
+			redo: null,
+			unitId: "",
+			subUnitId: "",
+			objects: []
+		};
+		const orders = this.getDrawingOrder(removeParams[0].unitId, removeParams[0].subUnitId);
+		const orderIndexMap = /* @__PURE__ */ new Map();
+		orders.forEach((drawingId, index) => {
+			orderIndexMap.set(drawingId, index);
+		});
+		removeParams.sort((a, b) => {
+			var _orderIndexMap$get, _orderIndexMap$get2;
+			return ((_orderIndexMap$get = orderIndexMap.get(a.drawingId)) !== null && _orderIndexMap$get !== void 0 ? _orderIndexMap$get : Number.NEGATIVE_INFINITY) - ((_orderIndexMap$get2 = orderIndexMap.get(b.drawingId)) !== null && _orderIndexMap$get2 !== void 0 ? _orderIndexMap$get2 : Number.NEGATIVE_INFINITY);
+		});
+		return this.getBatchRemoveOp(removeParams);
+	}
+	getBatchRemoveOp(removeParams) {
+		var _allToRemove$;
+		const seenIds = /* @__PURE__ */ new Set();
+		const allToRemove = [];
+		removeParams.forEach((removeParam) => {
+			const drawing = this.getDrawingByParam(removeParam);
+			if ((drawing === null || drawing === void 0 ? void 0 : drawing.drawingType) === DrawingTypeEnum.DRAWING_GROUP) {
+				const nested = this.getDrawingsByGroupNested(removeParam);
+				if (nested) {
+					const { flatChildren, groups } = nested;
+					[...flatChildren !== null && flatChildren !== void 0 ? flatChildren : [], ...groups].forEach((d) => {
+						if (!seenIds.has(d.drawingId)) {
+							seenIds.add(d.drawingId);
+							allToRemove.push({
+								unitId: d.unitId,
+								subUnitId: d.subUnitId,
+								drawingId: d.drawingId
+							});
+						}
+					});
+				} else if (!seenIds.has(removeParam.drawingId)) {
+					seenIds.add(removeParam.drawingId);
+					allToRemove.push(removeParam);
+				}
+			} else if (!seenIds.has(removeParam.drawingId)) {
+				seenIds.add(removeParam.drawingId);
+				allToRemove.push(removeParam);
+			}
+		});
+		const { unitId, subUnitId } = (_allToRemove$ = allToRemove[0]) !== null && _allToRemove$ !== void 0 ? _allToRemove$ : removeParams[0];
+		const orderArr = this._getDrawingOrder(unitId, subUnitId);
+		const orderIndexMap = /* @__PURE__ */ new Map();
+		orderArr.forEach((id, idx) => orderIndexMap.set(id, idx));
+		allToRemove.sort((a, b) => {
+			var _orderIndexMap$get3, _orderIndexMap$get4;
+			return ((_orderIndexMap$get3 = orderIndexMap.get(a.drawingId)) !== null && _orderIndexMap$get3 !== void 0 ? _orderIndexMap$get3 : Number.NEGATIVE_INFINITY) - ((_orderIndexMap$get4 = orderIndexMap.get(b.drawingId)) !== null && _orderIndexMap$get4 !== void 0 ? _orderIndexMap$get4 : Number.NEGATIVE_INFINITY);
+		});
+		const ops = [];
+		const invertOps = [];
+		allToRemove.forEach((removeParam) => {
+			const { op, invertOp } = this._removeByParam(removeParam);
+			/**
+			* ot-json compose case
+			* two remove ops to does composition
+			* ops: [[unit, sheetUnit, order, 0, { r: true }], [unit, sheetUnit, order, 1, { r: true }]]
+			* We expected them to composed as [unit, sheetUnit, order, [0, { r: true }], [1, { r: true }]]
+			* But extremely confusing to get [unit, sheetUnit, order, 0, { r: true }, 2, { r: true }]
+			* And We apply this composed op to data, it's no item with index 2 can be removed.
+			* So use unshift api instead of push here.
+			*/
+			ops.unshift(op);
+			invertOps.push(invertOp);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: invertOps.reduce(json1.type.compose, null),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: allToRemove
+		};
+	}
+	getBatchUpdateOp(updateParams) {
+		const objects = [];
+		const ops = [];
+		const invertOps = [];
+		updateParams.forEach((updateParam) => {
+			const { op, invertOp } = this._updateByParam(updateParam);
+			objects.push({
+				unitId: updateParam.unitId,
+				subUnitId: updateParam.subUnitId,
+				drawingId: updateParam.drawingId
+			});
+			ops.push(op);
+			invertOps.push(invertOp);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		const invertOp = invertOps.reduce(json1.type.compose, null);
+		const { unitId, subUnitId } = updateParams[0];
+		return {
+			undo: invertOp,
+			redo: op,
+			unitId,
+			subUnitId,
+			objects
+		};
+	}
+	removeNotification(removeParams) {
+		this._remove$.next(removeParams);
+	}
+	addNotification(insertParams) {
+		this._add$.next(insertParams);
+	}
+	updateNotification(updateParams) {
+		this._update$.next(updateParams);
+	}
+	orderNotification(orderParams) {
+		this._order$.next(orderParams);
+	}
+	groupUpdateNotification(groupParams) {
+		this._group$.next(groupParams);
+	}
+	ungroupUpdateNotification(groupParams) {
+		this._ungroup$.next(groupParams);
+	}
+	refreshTransformNotification(refreshParams) {
+		this._refreshTransform$.next(refreshParams);
+	}
+	getGroupDrawingOp(groupParams) {
+		const ops = [];
+		const { unitId, subUnitId } = groupParams[0].parent;
+		groupParams.forEach((groupParam) => {
+			ops.push(this._getGroupDrawingOp(groupParam));
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: json1.type.invertWithDoc(op, this.drawingManagerData),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: groupParams
+		};
+	}
+	getUngroupDrawingOp(groupParams) {
+		const ops = [];
+		const { unitId, subUnitId } = groupParams[0].parent;
+		groupParams.forEach((groupParam) => {
+			ops.push(this._getUngroupDrawingOp(groupParam));
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: json1.type.invertWithDoc(op, this.drawingManagerData),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: groupParams
+		};
+	}
+	getDrawingsByGroup(groupParam) {
+		const { unitId, subUnitId, drawingId } = groupParam;
+		if (this.getDrawingByParam({
+			unitId,
+			subUnitId,
+			drawingId
+		}) == null) return [];
+		const drawings = this._getDrawingData(unitId, subUnitId);
+		const children = [];
+		Object.keys(drawings).forEach((key) => {
+			const drawing = drawings[key];
+			if (drawing.groupId === drawingId) children.push(drawing);
+		});
+		return children;
+	}
+	getDrawingsByGroupNested(groupSearch) {
+		const { unitId, subUnitId } = groupSearch;
+		const rootParam = this.getDrawingByParam(groupSearch);
+		if (!rootParam) return null;
+		const allDrawings = this._getDrawingData(unitId, subUnitId);
+		const groupDerivedDrawingsIdMap = /* @__PURE__ */ new Map();
+		Object.values(allDrawings).forEach((drawing) => {
+			if (drawing.groupId != null) {
+				if (!groupDerivedDrawingsIdMap.has(drawing.groupId)) groupDerivedDrawingsIdMap.set(drawing.groupId, []);
+				groupDerivedDrawingsIdMap.get(drawing.groupId).push(drawing.drawingId);
+			}
+		});
+		const flatChildren = [];
+		const groups = [];
+		const nestedIdRecord = {};
+		const dfs = (param) => {
+			var _groupDerivedDrawings;
+			const { drawingId } = param;
+			const childrenIds = (_groupDerivedDrawings = groupDerivedDrawingsIdMap.get(drawingId)) !== null && _groupDerivedDrawings !== void 0 ? _groupDerivedDrawings : [];
+			nestedIdRecord[drawingId] = {
+				drawingId,
+				children: childrenIds
+			};
+			childrenIds.forEach((childId) => {
+				const childParam = allDrawings[childId];
+				if (!childParam) return;
+				if (childParam.drawingType === DrawingTypeEnum.DRAWING_GROUP) {
+					dfs(childParam);
+					groups.push(childParam);
+				} else flatChildren.push(childParam);
+			});
+		};
+		dfs(rootParam);
+		groups.push(rootParam);
+		return {
+			nestedIdRecord,
+			flatChildren,
+			groups
+		};
+	}
+	_getGroupDrawingOp(groupParam) {
+		const { parent, children } = groupParam;
+		const { unitId: groupUnitId, subUnitId: groupSubUnitId, drawingId: groupDrawingId } = parent;
+		const ops = [];
+		ops.push(json1.insertOp([
+			groupUnitId,
+			groupSubUnitId,
+			DrawingMapItemType.data,
+			groupDrawingId
+		], parent));
+		let maxChildIndex = Number.NEGATIVE_INFINITY;
+		children.forEach((child) => {
+			const { unitId, subUnitId, drawingId } = child;
+			const index = this._hasDrawingOrder({
+				unitId,
+				subUnitId,
+				drawingId
+			});
+			maxChildIndex = Math.max(maxChildIndex, index);
+			ops.push(...this._getUpdateParamCompareOp(child, this.getDrawingByParam({
+				unitId,
+				subUnitId,
+				drawingId
+			})));
+		});
+		if (maxChildIndex === Number.NEGATIVE_INFINITY) maxChildIndex = this._getDrawingOrder(groupUnitId, groupSubUnitId).length;
+		ops.push(json1.insertOp([
+			groupUnitId,
+			groupSubUnitId,
+			DrawingMapItemType.order,
+			maxChildIndex
+		], groupDrawingId));
+		return ops.reduce(json1.type.compose, null);
+	}
+	_getUngroupDrawingOp(groupParam) {
+		const { parent, children } = groupParam;
+		const { unitId: groupUnitId, subUnitId: groupSubUnitId, drawingId: groupDrawingId } = parent;
+		const ops = [];
+		children.forEach((child) => {
+			const { unitId, subUnitId, drawingId } = child;
+			ops.push(...this._getUpdateParamCompareOp(child, this.getDrawingByParam({
+				unitId,
+				subUnitId,
+				drawingId
+			})));
+		});
+		ops.push(json1.removeOp([
+			groupUnitId,
+			groupSubUnitId,
+			DrawingMapItemType.data,
+			groupDrawingId
+		], true));
+		ops.push(json1.removeOp([
+			groupUnitId,
+			groupSubUnitId,
+			DrawingMapItemType.order,
+			this._getDrawingOrder(groupUnitId, groupSubUnitId).indexOf(groupDrawingId)
+		], true));
+		return ops.reduce(json1.type.compose, null);
+	}
+	applyJson1(unitId, subUnitId, jsonOp) {
+		this._establishDrawingMap(unitId, subUnitId);
+		this._oldDrawingManagerData = { ...this.drawingManagerData };
+		this.drawingManagerData = json1.type.apply(this.drawingManagerData, jsonOp);
+	}
+	featurePluginUpdateNotification(updateParams) {
+		this._featurePluginUpdate$.next(updateParams);
+	}
+	featurePluginOrderUpdateNotification(drawingOrderUpdateParam) {
+		this._featurePluginOrderUpdate$.next(drawingOrderUpdateParam);
+	}
+	featurePluginAddNotification(insertParams) {
+		this._featurePluginAdd$.next(insertParams);
+	}
+	featurePluginRemoveNotification(removeParams) {
+		this._featurePluginRemove$.next(removeParams);
+	}
+	featurePluginGroupUpdateNotification(groupParams) {
+		this._featurePluginGroupUpdate$.next(groupParams);
+	}
+	featurePluginUngroupUpdateNotification(groupParams) {
+		this._featurePluginUngroupUpdate$.next(groupParams);
+	}
+	getDrawingByParam(param) {
+		return this._getCurrentBySearch(param);
+	}
+	getOldDrawingByParam(param) {
+		return this._getOldBySearch(param);
+	}
+	getDrawingOKey(oKey) {
+		const [unitId, subUnitId, drawingId] = oKey.split("#-#");
+		return this._getCurrentBySearch({
+			unitId,
+			subUnitId,
+			drawingId
+		});
+	}
+	focusDrawing(params) {
+		if (params == null || params.length === 0) {
+			this._focusDrawings = [];
+			this._focus$.next([]);
+			return;
+		}
+		const drawingParams = [];
+		params.forEach((param) => {
+			var _this$_getDrawingData;
+			const { unitId, subUnitId, drawingId } = param;
+			const item = (_this$_getDrawingData = this._getDrawingData(unitId, subUnitId)) === null || _this$_getDrawingData === void 0 ? void 0 : _this$_getDrawingData[drawingId];
+			if (item != null) drawingParams.push(item);
+		});
+		if (drawingParams.length > 0) {
+			this._focusDrawings = drawingParams;
+			this._focus$.next(drawingParams);
+		}
+	}
+	getFocusDrawings() {
+		const drawingParams = [];
+		this._focusDrawings.forEach((param) => {
+			var _this$_getDrawingData2;
+			const { unitId, subUnitId, drawingId } = param;
+			const item = (_this$_getDrawingData2 = this._getDrawingData(unitId, subUnitId)) === null || _this$_getDrawingData2 === void 0 ? void 0 : _this$_getDrawingData2[drawingId];
+			if (item != null) drawingParams.push(item);
+		});
+		return drawingParams;
+	}
+	getDrawingOrder(unitId, subUnitId) {
+		return this._getDrawingOrder(unitId, subUnitId);
+	}
+	setDrawingOrder(unitId, subUnitId, order) {
+		this.drawingManagerData[unitId][subUnitId].order = order;
+	}
+	orderUpdateNotification(orderParams) {
+		this._order$.next(orderParams);
+	}
+	getForwardDrawingsOp(orderParams) {
+		const { unitId, subUnitId, drawingIds } = orderParams;
+		const ops = [];
+		const orders = this.getDrawingOrder(unitId, subUnitId);
+		const newIds = [...drawingIds];
+		drawingIds.forEach((drawingId) => {
+			const index = this._hasDrawingOrder({
+				unitId,
+				subUnitId,
+				drawingId
+			});
+			if (index === -1 || index === orders.length - 1) return;
+			const op = json1.moveOp([
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				index
+			], [
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				index + 1
+			]);
+			ops.push(op);
+			if (!newIds.includes(orders[index + 1])) newIds.push(orders[index + 1]);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: json1.type.invertWithDoc(op, this.drawingManagerData),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: {
+				...orderParams,
+				drawingIds: newIds
+			}
+		};
+	}
+	getBackwardDrawingOp(orderParams) {
+		const { unitId, subUnitId, drawingIds } = orderParams;
+		const ops = [];
+		const orders = this.getDrawingOrder(unitId, subUnitId);
+		const newIds = [...drawingIds];
+		drawingIds.forEach((drawingId) => {
+			const index = this._hasDrawingOrder({
+				unitId,
+				subUnitId,
+				drawingId
+			});
+			if (index === -1 || index === 0) return;
+			const op = json1.moveOp([
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				index
+			], [
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				index - 1
+			]);
+			ops.push(op);
+			if (!newIds.includes(orders[index - 1])) newIds.push(orders[index - 1]);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: json1.type.invertWithDoc(op, this.drawingManagerData),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: {
+				...orderParams,
+				drawingIds: newIds
+			}
+		};
+	}
+	getFrontDrawingsOp(orderParams) {
+		const { unitId, subUnitId, drawingIds } = orderParams;
+		const orderDrawingIds = this._getOrderFromSearchParams(unitId, subUnitId, drawingIds);
+		const newIds = [...drawingIds];
+		const orders = this.getDrawingOrder(unitId, subUnitId);
+		const ops = [];
+		orderDrawingIds.forEach((orderDrawingId) => {
+			const { drawingId } = orderDrawingId;
+			const index = this._getDrawingCount(unitId, subUnitId) - 1;
+			const op = json1.moveOp([
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				this._getDrawingOrder(unitId, subUnitId).indexOf(drawingId)
+			], [
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				index
+			]);
+			ops.push(op);
+			if (!newIds.includes(orders[index])) newIds.push(orders[index]);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: json1.type.invertWithDoc(op, this.drawingManagerData),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: {
+				...orderParams,
+				drawingIds: newIds
+			}
+		};
+	}
+	getBackDrawingsOp(orderParams) {
+		const { unitId, subUnitId, drawingIds } = orderParams;
+		const orderSearchParams = this._getOrderFromSearchParams(unitId, subUnitId, drawingIds, true);
+		const newIds = [...drawingIds];
+		const orders = this.getDrawingOrder(unitId, subUnitId);
+		const ops = [];
+		orderSearchParams.forEach((orderSearchParam) => {
+			const { drawingId } = orderSearchParam;
+			const op = json1.moveOp([
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				this._getDrawingOrder(unitId, subUnitId).indexOf(drawingId)
+			], [
+				unitId,
+				subUnitId,
+				DrawingMapItemType.order,
+				0
+			]);
+			ops.push(op);
+			if (!newIds.includes(orders[0])) newIds.push(orders[0]);
+		});
+		const op = ops.reduce(json1.type.compose, null);
+		return {
+			undo: json1.type.invertWithDoc(op, this.drawingManagerData),
+			redo: op,
+			unitId,
+			subUnitId,
+			objects: {
+				...orderParams,
+				drawingIds: newIds
+			}
+		};
+	}
+	_getDrawingCount(unitId, subUnitId) {
+		return this.getDrawingOrder(unitId, subUnitId).length || 0;
+	}
+	_getOrderFromSearchParams(unitId, subUnitId, drawingIds, isDesc = false) {
+		return drawingIds.map((drawingId) => {
+			return {
+				drawingId,
+				zIndex: this._hasDrawingOrder({
+					unitId,
+					subUnitId,
+					drawingId
+				})
+			};
+		}).sort(isDesc === false ? sortRules : sortRulesByDesc);
+	}
+	_hasDrawingOrder(searchParam) {
+		if (searchParam == null) return -1;
+		const { unitId, subUnitId, drawingId } = searchParam;
+		this._establishDrawingMap(unitId, subUnitId);
+		return this._getDrawingOrder(unitId, subUnitId).indexOf(drawingId);
+	}
+	_getCurrentBySearch(searchParam) {
+		var _this$drawingManagerD;
+		if (searchParam == null) return;
+		const { unitId, subUnitId, drawingId } = searchParam;
+		return (_this$drawingManagerD = this.drawingManagerData[unitId]) === null || _this$drawingManagerD === void 0 || (_this$drawingManagerD = _this$drawingManagerD[subUnitId]) === null || _this$drawingManagerD === void 0 || (_this$drawingManagerD = _this$drawingManagerD.data) === null || _this$drawingManagerD === void 0 ? void 0 : _this$drawingManagerD[drawingId];
+	}
+	_getOldBySearch(searchParam) {
+		var _this$_oldDrawingMana;
+		if (searchParam == null) return;
+		const { unitId, subUnitId, drawingId } = searchParam;
+		return (_this$_oldDrawingMana = this._oldDrawingManagerData[unitId]) === null || _this$_oldDrawingMana === void 0 || (_this$_oldDrawingMana = _this$_oldDrawingMana[subUnitId]) === null || _this$_oldDrawingMana === void 0 || (_this$_oldDrawingMana = _this$_oldDrawingMana.data) === null || _this$_oldDrawingMana === void 0 ? void 0 : _this$_oldDrawingMana[drawingId];
+	}
+	_establishDrawingMap(unitId, subUnitId, drawingId) {
+		var _this$drawingManagerD2;
+		if (!this.drawingManagerData[unitId]) this.drawingManagerData[unitId] = {};
+		if (!this.drawingManagerData[unitId][subUnitId]) this.drawingManagerData[unitId][subUnitId] = {
+			data: {},
+			order: []
+		};
+		if (drawingId == null) return null;
+		return (_this$drawingManagerD2 = this.drawingManagerData[unitId][subUnitId].data) === null || _this$drawingManagerD2 === void 0 ? void 0 : _this$drawingManagerD2[drawingId];
+	}
+	_addByParam(insertParam) {
+		const { unitId, subUnitId, drawingId } = insertParam;
+		this._establishDrawingMap(unitId, subUnitId, drawingId);
+		const op = [json1.insertOp([
+			unitId,
+			subUnitId,
+			DrawingMapItemType.data,
+			drawingId
+		], insertParam), json1.insertOp([
+			unitId,
+			subUnitId,
+			DrawingMapItemType.order,
+			this._getDrawingOrder(unitId, subUnitId).length
+		], drawingId)].reduce(json1.type.compose, null);
+		return {
+			op,
+			invertOp: json1.type.invertWithDoc(op, this.drawingManagerData)
+		};
+	}
+	_removeByParam(searchParam) {
+		if (searchParam == null) return {
+			op: [],
+			invertOp: []
+		};
+		const { unitId, subUnitId, drawingId } = searchParam;
+		if (this._establishDrawingMap(unitId, subUnitId, drawingId) == null) return {
+			op: [],
+			invertOp: []
+		};
+		const op = [json1.removeOp([
+			unitId,
+			subUnitId,
+			DrawingMapItemType.data,
+			drawingId
+		], true), json1.removeOp([
+			unitId,
+			subUnitId,
+			DrawingMapItemType.order,
+			this._getDrawingOrder(unitId, subUnitId).indexOf(drawingId)
+		], true)].reduce(json1.type.compose, null);
+		return {
+			op,
+			invertOp: json1.type.invertWithDoc(op, this.drawingManagerData)
+		};
+	}
+	_updateByParam(updateParam) {
+		const { unitId, subUnitId, drawingId } = updateParam;
+		const object = this._establishDrawingMap(unitId, subUnitId, drawingId);
+		if (object == null) return {
+			op: [],
+			invertOp: []
+		};
+		const op = this._getUpdateParamCompareOp(updateParam, object).reduce(json1.type.compose, null);
+		return {
+			op,
+			invertOp: json1.type.invertWithDoc(op, this.drawingManagerData)
+		};
+	}
+	_getUpdateParamCompareOp(newParam, oldParam) {
+		const { unitId, subUnitId, drawingId } = newParam;
+		const ops = [];
+		Object.keys(newParam).forEach((key) => {
+			const newVal = newParam[key];
+			const oldVal = oldParam[key];
+			if (oldVal === newVal) return;
+			ops.push(json1.replaceOp([
+				unitId,
+				subUnitId,
+				DrawingMapItemType.data,
+				drawingId,
+				key
+			], oldVal, newVal));
+		});
+		return ops;
+	}
+	_getDrawingData(unitId, subUnitId) {
+		var _this$drawingManagerD3;
+		return ((_this$drawingManagerD3 = this.drawingManagerData[unitId]) === null || _this$drawingManagerD3 === void 0 || (_this$drawingManagerD3 = _this$drawingManagerD3[subUnitId]) === null || _this$drawingManagerD3 === void 0 ? void 0 : _this$drawingManagerD3.data) || {};
+	}
+	_getDrawingOrder(unitId, subUnitId) {
+		var _this$drawingManagerD4;
+		return ((_this$drawingManagerD4 = this.drawingManagerData[unitId]) === null || _this$drawingManagerD4 === void 0 || (_this$drawingManagerD4 = _this$drawingManagerD4[subUnitId]) === null || _this$drawingManagerD4 === void 0 ? void 0 : _this$drawingManagerD4.order) || [];
+	}
+	getDrawingVisible() {
+		return this._visible;
+	}
+	getDrawingEditable() {
+		return this._editable;
+	}
+	setDrawingVisible(visible) {
+		this._visible = visible;
+	}
+	setDrawingEditable(editable) {
+		this._editable = editable;
+	}
+};
+var DrawingManagerService = class extends UnitDrawingService {};
+
+//#endregion
+//#region src/services/image-io-impl.service.ts
+var ImageIoService = class {
+	constructor() {
+		_defineProperty(this, "_waitCount", 0);
+		_defineProperty(this, "_change$", new Subject());
+		_defineProperty(this, "change$", this._change$);
+		_defineProperty(this, "_imageSourceCache", /* @__PURE__ */ new Map());
+	}
+	setWaitCount(count) {
+		this._waitCount = count;
+		this._change$.next(count);
+	}
+	getImageSourceCache(source, imageSourceType) {
+		if (imageSourceType === ImageSourceType.BASE64) {
+			const image = new Image();
+			image.src = source;
+			return image;
+		}
+		return this._imageSourceCache.get(source);
+	}
+	addImageSourceCache(source, imageSourceType, imageSource) {
+		if (imageSourceType === ImageSourceType.BASE64 || imageSource == null) return;
+		this._imageSourceCache.set(source, imageSource);
+	}
+	async getImage(imageId) {
+		return Promise.resolve(imageId);
+	}
+	async saveImage(imageFile) {
+		return new Promise((resolve, reject) => {
+			if (!DRAWING_IMAGE_ALLOW_IMAGE_LIST.includes(imageFile.type)) {
+				reject(new Error(ImageUploadStatusType.ERROR_IMAGE_TYPE));
+				this._decreaseWaiting();
+				return;
+			}
+			if (imageFile.size > 5242880) {
+				reject(new Error(ImageUploadStatusType.ERROR_EXCEED_SIZE));
+				this._decreaseWaiting();
+				return;
+			}
+			const reader = new FileReader();
+			reader.readAsDataURL(imageFile);
+			reader.onload = (evt) => {
+				var _evt$target;
+				const replaceSrc = (_evt$target = evt.target) === null || _evt$target === void 0 ? void 0 : _evt$target.result;
+				if (replaceSrc == null) {
+					reject(new Error(ImageUploadStatusType.ERROR_IMAGE));
+					this._decreaseWaiting();
+					return;
+				}
+				resolve({
+					imageId: generateRandomId(6),
+					imageSourceType: ImageSourceType.BASE64,
+					source: replaceSrc,
+					base64Cache: replaceSrc,
+					status: ImageUploadStatusType.SUCCUSS
+				});
+				this._decreaseWaiting();
+			};
+		});
+	}
+	_decreaseWaiting() {
+		this._waitCount -= 1;
+		this._change$.next(this._waitCount);
+	}
+};
+
+//#endregion
+//#region src/services/url-image.service.ts
+var URLImageService = class extends Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_urlImageDownloader", null);
+	}
+	registerURLImageDownloader(downloader) {
+		this._urlImageDownloader = downloader;
+		return toDisposable(() => {
+			this._urlImageDownloader = null;
+		});
+	}
+	async getImage(url) {
+		if (this._urlImageDownloader) try {
+			return await this._urlImageDownloader(url);
+		} catch (error) {
+			console.error(`Custom downloader failed for ${url}, falling back to default behavior:`, error);
+		}
+		return url;
+	}
+	async downloadImage(url) {
+		if (this._urlImageDownloader) try {
+			const base64 = await this._urlImageDownloader(url);
+			return await (await fetch(base64)).blob();
+		} catch (error) {
+			console.error(`Custom downloader failed for ${url}, falling back to default fetch:`, error);
+		}
+		return await (await fetch(url)).blob();
+	}
+};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/plugin.ts
+let UniverDrawingPlugin = class UniverDrawingPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _commandService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		this._commandService = _commandService;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(DRAWING_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		this._initCommands();
+		this._initDependencies();
+	}
+	_initDependencies() {
+		var _this$_config;
+		mergeOverrideWithDependencies([
+			[IImageIoService, { useClass: ImageIoService }],
+			[IURLImageService, { useClass: URLImageService }],
+			[IDrawingManagerService, { useClass: DrawingManagerService }]
+		], (_this$_config = this._config) === null || _this$_config === void 0 ? void 0 : _this$_config.override).forEach((d) => this._injector.add(d));
+	}
+	_initCommands() {
+		[SetDrawingSelectedOperation].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+	}
+};
+_defineProperty(UniverDrawingPlugin, "pluginName", "UNIVER_DRAWING_PLUGIN");
+_defineProperty(UniverDrawingPlugin, "packageName", name);
+_defineProperty(UniverDrawingPlugin, "version", version);
+UniverDrawingPlugin = __decorate([
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, ICommandService)
+], UniverDrawingPlugin);
+
+//#endregion
+//#region src/utils/get-image-shape-key.ts
+function getDrawingShapeKeyByDrawingSearch({ unitId, subUnitId, drawingId }, index) {
+	return typeof index === "number" ? `${unitId}#-#${subUnitId}#-#${drawingId}#-#${index}` : `${unitId}#-#${subUnitId}#-#${drawingId}`;
+}
+
+//#endregion
+//#region src/utils/get-image-size.ts
+const getImageSize = async (src) => {
+	return new Promise((resolve, reject) => {
+		const image = new Image();
+		image.src = src;
+		image.onload = () => {
+			resolve({
+				width: image.width,
+				height: image.height,
+				image
+			});
+		};
+		image.onerror = (error) => {
+			reject(error);
+		};
+	});
+};
+
+//#endregion
+export { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_ALLOW_SIZE, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, DrawingManagerService, IDrawingManagerService, IImageIoService, ImageIoService, ImageSourceType, ImageUploadStatusType, SetDrawingSelectedOperation, URLImageService, UnitDrawingService, UniverDrawingPlugin, getDrawingShapeKeyByDrawingSearch, getImageSize };