@univerjs/preset-docs-drawing 0.5.4 → 0.6.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/index.css +1 -1
  2. package/lib/umd/index.js +2 -18
  3. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .univer-image-popup-menu{display:grid;gap:var(--margin-xxs);align-items:center;box-sizing:border-box;margin-top:0;margin-bottom:0;padding:var(--padding-sm);font-size:var(--font-size-base);background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.univer-image-popup-menu li{list-style:none}.univer-image-popup-menu-item{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;font-size:var(--font-size-base);font-style:normal;line-height:20px;text-align:left;border-radius:4px;border-radius:var(--border-radius-base);transition:background .2s}.univer-image-popup-menu-item:hover{background-color:rgb(var(--bg-color-hover))}.univer-image-popup-menu-item-icon{position:absolute;top:50%;left:var(--padding-xs);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.univer-image-popup-menu-item-title{padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;vertical-align:middle}.univer-image-popup-menu-item-hide{color:rgb(var(--text-color-secondary))}.univer-image-popup-menu-item:hover{background:rgb(var(--grey-100))}.univer-btn-container{display:flex;align-items:center;justify-content:center;padding:3px;background:#fff;border:1px solid rgb(var(--grey-200, #e5e5e5));border-radius:4px}.univer-btn-container:hover,.univer-btn-container.univer-btn-container-expand{background:rgb(var(--grey-100, #f5f5f5))}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}
1
+ .univer-image-popup-menu{display:grid;grid-gap:var(--margin-xxs);gap:var(--margin-xxs);align-items:center;box-sizing:border-box;margin-top:0;margin-bottom:0;padding:var(--padding-sm);font-size:var(--font-size-base);background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.univer-image-popup-menu li{list-style:none}.univer-image-popup-menu-item{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;font-size:var(--font-size-base);font-style:normal;line-height:20px;text-align:left;border-radius:4px;border-radius:var(--border-radius-base);transition:background .2s}.univer-image-popup-menu-item:hover{background-color:rgb(var(--bg-color-hover))}.univer-image-popup-menu-item-icon{position:absolute;top:50%;left:var(--padding-xs);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.univer-image-popup-menu-item-title{padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;vertical-align:middle}.univer-image-popup-menu-item-hide{color:rgb(var(--text-color-secondary))}.univer-image-popup-menu-item:hover{background:rgb(var(--grey-100))}.univer-btn-container{display:flex;align-items:center;justify-content:center;padding:3px;background:#fff;border:1px solid rgb(#e5e5e5);border:1px solid rgb(var(--grey-200, #e5e5e5));border-radius:4px}.univer-btn-container:hover,.univer-btn-container.univer-btn-container-expand{background:rgb(#f5f5f5);background:rgb(var(--grey-100, #f5f5f5))}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}
package/lib/umd/index.js CHANGED
@@ -1,13 +1,5 @@
1
1
  // @univerjs/drawing-ui/index
2
- (function(y,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react"),require("@univerjs/design"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react","@univerjs/design","rxjs"],d):(y=typeof globalThis<"u"?globalThis:y||self,d(y.UniverDrawingUi={},y.UniverCore,y.UniverDrawing,y.UniverEngineRender,y.UniverUi,y.React,y.UniverDesign,y.rxjs))})(this,function(y,d,j,b,Ce,S,k,xe){"use strict";var Qn=Object.defineProperty;var $n=(y,d,j)=>d in y?Qn(y,d,{enumerable:!0,configurable:!0,writable:!0,value:j}):y[d]=j;var q=(y,d,j)=>$n(y,typeof d!="symbol"?d+"":d,j);var Me;function en(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=j.getDrawingShapeKeyByDrawingSearch(a),i=n.getObject(s);if(i&&!(i instanceof b.Group))return;if(i!=null){i.addObject(t);return}const o=new b.Group(s);n.addObject(o,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(t);const{transform:c}=r;c&&o.transformByState({left:c.left,top:c.top,angle:c.angle})}function Ne(a,t){var s;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===d.UniverInstanceType.UNIVER_SHEET?r=(s=n.getActiveSheet())==null?void 0:s.getSheetId():(n.type===d.UniverInstanceType.UNIVER_DOC||n.type===d.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Ee="COMPONENT_IMAGE_VIEWER";var nn=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,rn=(a,t,n,e)=>{for(var r=e>1?void 0:e?tn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&nn(t,n,r),r},je=(a,t)=>(n,e)=>t(n,e,a);const Te=50;y.DrawingRenderService=class{constructor(t,n,e){this._drawingManagerService=t,this._imageIoService=n,this._dialogService=e}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:i,srcRect:o,prstGeom:c,groupId:u,unitId:m,subUnitId:h,drawingId:f,isMultiTransform:p,transforms:_}=t;if(r!==d.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const v=p&&_?_:[e],C=[];for(const P of v){const{left:I,top:E,width:R,height:U,angle:M,flipX:D,flipY:O,skewX:T,skewY:A}=P,V=v.indexOf(P),L=j.getDrawingShapeKeyByDrawingSearch({unitId:m,subUnitId:h,drawingId:f},p?V:void 0),re=n.getObject(L);if(re!=null){re.transformByState({left:I,top:E,width:R,height:U,angle:M,flipX:D,flipY:O,skewX:T,skewY:A});continue}const K=this._drawingManagerService.getDrawingOrder(m,h),ce=K.indexOf(f),ae={...P,zIndex:ce===-1?K.length-1:ce},ie=this._imageIoService.getImageSourceCache(s,i);let le=!1;if(ie!=null)ae.image=ie;else{if(i===j.ImageSourceType.UUID)try{ae.url=await this._imageIoService.getImage(s)}catch(Oe){console.error(Oe);continue}else ae.url=s;le=!0}if(n.getObject(L))continue;ae.printable=!0;const Q=new b.Image(L,ae);le&&this._imageIoService.addImageSourceCache(s,i,Q.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(Q,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(Q),u&&en({drawingId:u,unitId:m,subUnitId:h},Q,n,this._drawingManagerService),c!=null&&Q.setPrstGeom(c),o!=null&&Q.setSrcRect(o),C.push(Q))}return C}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case d.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const s=`${t}-viewer-dialog`,i=window.innerWidth-Te,o=window.innerHeight-Te,c=this._adjustImageSize(e,r,i,o),u=this._dialogService.open({width:Math.max(c.width,200),id:s,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ee,props:{src:n,width:c.width,height:c.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(s),u.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const s=e/t,i=r/n,o=Math.min(s,i);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},y.DrawingRenderService=rn([je(0,j.IDrawingManagerService),je(1,j.IImageIoService),je(2,Ce.IDialogService)],y.DrawingRenderService);function me(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:i,height:o,width:c,angle:u}=e,m=t.getDrawingOKey(r);if(m==null)return n.push(null),!0;const{unitId:h,subUnitId:f,drawingId:p,drawingType:_}=m,v={unitId:h,subUnitId:f,drawingId:p,drawingType:_,transform:{left:s,top:i,height:o,width:c,angle:u}};_===d.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}var Re={exports:{}},ue={};/**
3
- * @license React
4
- * react-jsx-runtime.production.min.js
5
- *
6
- * Copyright (c) Facebook, Inc. and its affiliates.
7
- *
8
- * This source code is licensed under the MIT license found in the
9
- * LICENSE file in the root directory of this source tree.
10
- */var Be;function an(){if(Be)return ue;Be=1;var a=S,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),e=Object.prototype.hasOwnProperty,r=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function i(o,c,u){var m,h={},f=null,p=null;u!==void 0&&(f=""+u),c.key!==void 0&&(f=""+c.key),c.ref!==void 0&&(p=c.ref);for(m in c)e.call(c,m)&&!s.hasOwnProperty(m)&&(h[m]=c[m]);if(o&&o.defaultProps)for(m in c=o.defaultProps,c)h[m]===void 0&&(h[m]=c[m]);return{$$typeof:t,type:o,key:f,ref:p,props:h,_owner:r.current}}return ue.Fragment=n,ue.jsx=i,ue.jsxs=i,ue}var Ue;function sn(){return Ue||(Ue=1,Re.exports=an()),Re.exports}var l=sn();function Ae(a){var t,n,e="";if(typeof a=="string"||typeof a=="number")e+=a;else if(typeof a=="object")if(Array.isArray(a)){var r=a.length;for(t=0;t<r;t++)a[t]&&(n=Ae(a[t]))&&(e&&(e+=" "),e+=n)}else for(n in a)a[n]&&(e&&(e+=" "),e+=n);return e}function N(){for(var a,t,n=0,e="",r=arguments.length;n<r;n++)(a=arguments[n])&&(t=Ae(a))&&(e&&(e+=" "),e+=t);return e}var x=(a=>(a.default="0",a.left="1",a.center="2",a.right="3",a.top="4",a.middle="5",a.bottom="6",a.horizon="7",a.vertical="8",a))(x||{});const we={id:"sheet.operation.set-image-align",type:d.CommandType.OPERATION,handler:(a,t)=>!0},g={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},on=a=>{const t=d.useDependency(d.ICommandService),n=d.useDependency(d.LocaleService),{alignShow:e}=a,[r,s]=S.useState(x.default),i=[{label:n.t("image-panel.align.default"),value:x.default},{options:[{label:n.t("image-panel.align.left"),value:x.left},{label:n.t("image-panel.align.center"),value:x.center},{label:n.t("image-panel.align.right"),value:x.right}]},{options:[{label:n.t("image-panel.align.top"),value:x.top},{label:n.t("image-panel.align.middle"),value:x.middle},{label:n.t("image-panel.align.bottom"),value:x.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:x.horizon},{label:n.t("image-panel.align.vertical"),value:x.vertical}]}];function o(u){s(u),t.executeCommand(we.id,{alignType:u})}const c=u=>u?"block":"none";return l.jsxs("div",{className:N(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:c(e)},children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.align.title")})})}),l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:N(g.imageCommonPanelColumn),children:l.jsx(k.Select,{value:r,options:i,onChange:o})})})]})};var F=function(){return F=Object.assign||function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},F.apply(this,arguments)},cn=function(a,t){var n={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(n[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(n[e[r]]=a[e[r]]);return n},X=S.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,i=cn(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),c=S.useRef("_".concat(un()));return Le(n,"".concat(e),{defIds:n.defIds,idSuffix:c.current},F({ref:t,className:o},i),s)});function Le(a,t,n,e,r){return S.createElement(a.tag,F(F({key:t},ln(a,n,r)),e),(mn(a,n).children||[]).map(function(s,i){return Le(s,"".concat(t,"-").concat(a.tag,"-").concat(i),n,void 0,r)}))}function ln(a,t,n){var e=F({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function mn(a,t){var n,e=t.defIds;return!e||e.length===0?a:a.tag==="defs"&&(!((n=a.children)===null||n===void 0)&&n.length)?F(F({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?F(F({},r),{attrs:F(F({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function un(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var gn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},He=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"autofill",ref:t,icon:gn}))});He.displayName="Autofill";var dn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Ge=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:dn}))});Ge.displayName="BottomSingle";var hn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z"}}]},Ve=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:hn}))});Ve.displayName="CreateCopySingle";var fn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z",fillRule:"evenodd",clipRule:"evenodd"}}]},We=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"group-single",ref:t,icon:fn}))});We.displayName="GroupSingle";var pn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ke=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:pn}))});ke.displayName="MoreDownSingle";var Cn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},ze=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:Cn}))});ze.displayName="MoveDownSingle";var wn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},Ke=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"move-up-single",ref:t,icon:wn}))});Ke.displayName="MoveUpSingle";var vn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},Fe=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:vn}))});Fe.displayName="TopmostSingle";var Sn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ye=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:Sn}))});Ye.displayName="UngroupSingle";const _n=a=>{const{arrangeShow:t,drawings:n}=a,e=d.useDependency(d.LocaleService),r=d.useDependency(j.IDrawingManagerService),s=u=>u?"block":"none",[i,o]=S.useState(n);S.useEffect(()=>{const u=r.focus$.subscribe(m=>{o(m)});return()=>{u.unsubscribe()}},[]);const c=u=>{const m=i[0].unitId,h=i[0].subUnitId,f=i.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:m,subUnitId:h,drawingIds:f,arrangeType:u})};return l.jsxs("div",{className:g.imageCommonPanelGrid,style:{display:s(t)},children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:l.jsx("div",{children:e.t("image-panel.arrange.title")})})}),l.jsxs("div",{className:g.imageCommonPanelRow,children:[l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:l.jsx(k.Button,{size:"small",onClick:()=>{c(d.ArrangeTypeEnum.forward)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(Ke,{}),e.t("image-panel.arrange.forward")]})})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:l.jsx(k.Button,{size:"small",onClick:()=>{c(d.ArrangeTypeEnum.backward)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(ze,{}),e.t("image-panel.arrange.backward")]})})})]}),l.jsxs("div",{className:g.imageCommonPanelRow,children:[l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:l.jsx(k.Button,{size:"small",onClick:()=>{c(d.ArrangeTypeEnum.front)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(Fe,{}),e.t("image-panel.arrange.front")]})})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:l.jsx(k.Button,{size:"small",onClick:()=>{c(d.ArrangeTypeEnum.back)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(Ge,{}),e.t("image-panel.arrange.back")]})})})]})]})},In=a=>{const t=d.useDependency(d.LocaleService),n=d.useDependency(b.IRenderManagerService),e=d.useDependency(j.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[i,o]=S.useState(!1),[c,u]=S.useState(!0),[m,h]=S.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:I}=C[0],E=d.Tools.generateRandomId(10),R=b.getGroupState(0,0,C.map(D=>D.transform||{})),U={unitId:P,subUnitId:I,drawingId:E,drawingType:d.DrawingTypeEnum.DRAWING_GROUP,transform:R},M=C.map(D=>{const O=D.transform||{left:0,top:0},{unitId:T,subUnitId:A,drawingId:V}=D;return{unitId:T,subUnitId:A,drawingId:V,transform:{...O,left:O.left-R.left,top:O.top-R.top},groupId:E}});e.featurePluginGroupUpdateNotification([{parent:U,children:M}])},_=C=>{if(C.drawingType!==d.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:I,drawingId:E,transform:R={width:0,height:0}}=C;if(R==null)return;const U=e.getDrawingsByGroup({unitId:P,subUnitId:I,drawingId:E});if(U.length===0)return;const M=U.map(D=>{const{transform:O}=D,{unitId:T,subUnitId:A,drawingId:V}=D,L=b.transformObjectOutOfGroup(O||{},R,R.width||0,R.height||0);return{unitId:T,subUnitId:A,drawingId:V,transform:{...O,...L},groupId:void 0}});return{parent:C,children:M}},v=()=>{const P=e.getFocusDrawings().map(I=>_(I)).filter(I=>I!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return S.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:P}=C,I=n.getRenderById(P),E=I==null?void 0:I.scene;if(E==null)return;const R=E.getTransformerByCreate(),U=R.clearControl$.subscribe(D=>{D===!0&&o(!1)}),M=R.changeStart$.subscribe(D=>{const{objects:O}=D,T=me(O,e),A=T.filter(K=>(K==null?void 0:K.drawingType)===d.DrawingTypeEnum.DRAWING_GROUP);let V=!1,L=!1;T.length>1&&(V=!0),A.length>0&&(L=!0),o(V||L),u(V),h(L)});return()=>{M.unsubscribe(),U.unsubscribe()}},[]),l.jsxs("div",{className:N(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:f(r===!0?i:!1)},children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.group.title")})})}),l.jsxs("div",{className:g.imageCommonPanelRow,children:[l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:l.jsx(k.Button,{size:"small",onClick:()=>{p()},style:{display:f(c)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(We,{}),t.t("image-panel.group.group")]})})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:l.jsx(k.Button,{size:"small",onClick:()=>{v()},style:{display:f(m)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(Ye,{}),t.t("image-panel.group.unGroup")]})})})]})]})},ne=20,bn=20,yn=[-3600,3600],ve=300,Pn=a=>{var qe;const t=d.useDependency(d.LocaleService),n=d.useDependency(j.IDrawingManagerService),e=d.useDependency(b.IRenderManagerService),{drawings:r,transformShow:s}=a,i=r[0];if(i==null)return;const o=i.transform;if(o==null)return;const{unitId:c,subUnitId:u,drawingId:m,drawingType:h}=i,f=e.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;const _=(qe=p.getEngine())==null?void 0:qe.activeScene;if(_==null)return;const v=p.getTransformerByCreate(),{width:C=0,height:P=0,left:I=0,top:E=0,angle:R=0}=o,[U,M]=S.useState(C),[D,O]=S.useState(P),[T,A]=S.useState(I),[V,L]=S.useState(E),[re,K]=S.useState(R),[ce,ae]=S.useState(v.keepRatio),ie=(w,B,W,z)=>{const{width:G,height:$}=_,{ancestorLeft:Y,ancestorTop:Z}=p;let J=w,se=B,fe=W,pe=z;return w+Y<0&&(J=-Y),B+Z<0&&(se=-Z),fe=G-J-Y,fe<ne&&(fe=ne),pe=$-se-Z,pe<ne&&(pe=ne),w+fe+Y>G&&(J=G-W-Y),B+pe+Z>$&&(se=$-z-Z),{limitLeft:J,limitTop:se,limitWidth:fe,limitHeight:pe}},le=w=>{const{objects:B}=w,W=me(B,n);if(W.length!==1)return;const z=W[0];if(z==null)return;const{transform:G}=z;if(G==null)return;const{width:$,height:Y,left:Z,top:J,angle:se}=G;$!=null&&M($),Y!=null&&O(Y),Z!=null&&A(Z),J!=null&&L(J),se!=null&&K(se)};S.useEffect(()=>{const w=[v.changeStart$.subscribe(B=>{le(B)}),v.changing$.subscribe(B=>{le(B)}),v.changeEnd$.subscribe(B=>{le(B)}),n.focus$.subscribe(B=>{if(B.length!==1)return;const W=n.getDrawingByParam(B[0]);if(W==null)return;const z=W.transform;if(z==null)return;const{width:G,height:$,left:Y,top:Z,angle:J}=z;G!=null&&M(G),$!=null&&O($),Y!=null&&A(Y),Z!=null&&L(Z),J!=null&&K(J)})];return()=>{w.forEach(B=>B.unsubscribe())}},[]);const Q=d.debounce(w=>{if(w==null)return;w=Math.max(w,ne);const{limitWidth:B,limitHeight:W}=ie(T,V,w,D);w=Math.min(w,B);const z={unitId:c,subUnitId:u,drawingId:m,drawingType:h,transform:{width:w}};if(ce){let G=w/U*D;if(G=Math.max(G,bn),G>W)return;O(G),z.transform.height=G}M(w),n.featurePluginUpdateNotification([z]),v.refreshControls().changeNotification()},ve),Oe=d.debounce(w=>{if(w==null)return;w=Math.max(w,ne);const{limitHeight:B,limitWidth:W}=ie(T,V,U,w);w=Math.min(w,B);const z={unitId:c,subUnitId:u,drawingId:m,drawingType:h,transform:{height:w}};if(ce){let G=w/D*U;if(G=Math.max(G,ne),G>W)return;M(G),z.transform.width=G}O(w),n.featurePluginUpdateNotification([z]),v.refreshControls().changeNotification()},ve),Fn=d.debounce(w=>{if(w==null)return;const{limitLeft:B}=ie(w,V,U,D);w=B;const W={unitId:c,subUnitId:u,drawingId:m,drawingType:h,transform:{left:w}};A(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},ve),Yn=d.debounce(w=>{if(w==null)return;const{limitTop:B}=ie(T,w,U,D);w=B;const W={unitId:c,subUnitId:u,drawingId:m,drawingType:h,transform:{top:w}};L(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},ve),Zn=w=>{if(w==null)return;const[B,W]=yn;w<B&&(w=B),w>W&&(w=W);const z={unitId:c,subUnitId:u,drawingId:m,drawingType:h,transform:{angle:w}};K(w),n.featurePluginUpdateNotification([z]),v.refreshControls().changeNotification()},Xn=w=>{ae(w),v.keepRatio=w},Jn=w=>w?"block":"none";return l.jsxs("div",{className:N(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:Jn(s)},children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.transform.title")})})}),l.jsxs("div",{className:g.imageCommonPanelRow,children:[l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.width")})}),l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:l.jsx(k.InputNumber,{precision:1,value:U,onChange:w=>{Q(w)},className:g.imageCommonPanelInput})})})]})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.height")})}),l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:l.jsx(k.InputNumber,{precision:1,value:D,onChange:w=>{Oe(w)},className:g.imageCommonPanelInput})})})]})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.lock")})}),l.jsx("div",{className:N(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:l.jsx("div",{className:g.imageCommonPanelColumn,children:l.jsx(k.Checkbox,{checked:ce,onChange:Xn})})})]})})]}),l.jsxs("div",{className:g.imageCommonPanelRow,children:[l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.x")})}),l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:l.jsx(k.InputNumber,{precision:1,value:T,onChange:w=>{Fn(w)},className:g.imageCommonPanelInput})})})]})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.y")})}),l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:l.jsx(k.InputNumber,{precision:1,value:V,onChange:w=>{Yn(w)},className:g.imageCommonPanelInput})})})]})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.rotate")})}),l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:g.imageCommonPanelColumn,children:l.jsx(k.InputNumber,{precision:1,value:re,onChange:Zn,className:g.imageCommonPanelInput})})})]})})]})]})},Se={id:"sheet.operation.open-image-crop",type:d.CommandType.OPERATION,handler:(a,t)=>!0},ee={id:"sheet.operation.close-image-crop",type:d.CommandType.OPERATION,handler:(a,t)=>!0};var H=(a=>(a.FREE="0",a.R1_1="1",a.R16_9="2",a.R9_16="3",a.R5_4="4",a.R4_5="5",a.R4_3="6",a.R3_4="7",a.R3_2="8",a.R2_3="9",a))(H||{});const ge={id:"sheet.operation.Auto-image-crop",type:d.CommandType.OPERATION,handler:(a,t)=>!0},jn=a=>{const t=d.useDependency(d.ICommandService),n=d.useDependency(d.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[i,o]=S.useState(H.FREE),c=S.useRef(!1),u=[{label:n.t("image-panel.crop.mode"),value:H.FREE},{label:"1:1",value:H.R1_1},{label:"16:9",value:H.R16_9},{label:"9:16",value:H.R9_16},{label:"5:4",value:H.R5_4},{label:"4:5",value:H.R4_5},{label:"4:3",value:H.R4_3},{label:"3:4",value:H.R3_4},{label:"3:2",value:H.R3_2},{label:"2:3",value:H.R2_3}];S.useEffect(()=>{const p=t.onCommandExecuted(_=>{if(_.id===ee.id){const v=_.params;v!=null&&v.isAuto||(c.current=!1)}});return()=>{p==null||p.dispose()}},[]);function m(p){o(p),c.current&&t.executeCommand(ge.id,{cropType:p})}const h=p=>p?"block":"none",f=p=>{t.executeCommand(ge.id,{cropType:p}),c.current=!0};return l.jsxs("div",{className:N(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:h(r)},children:[l.jsx("div",{className:g.imageCommonPanelRow,children:l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.crop.title")})})}),l.jsxs("div",{className:N(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:[l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:l.jsx(k.Button,{size:"small",onClick:()=>{f(i)},children:l.jsxs("span",{className:g.imageCommonPanelInline,children:[l.jsx(Ve,{}),n.t("image-panel.crop.start")]})})}),l.jsx("div",{className:N(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:l.jsx(k.Select,{value:i,options:u,onChange:m})})]})]})},Rn=a=>{const t=d.useDependency(j.IDrawingManagerService),n=d.useDependency(b.IRenderManagerService),e=d.useDependency(d.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:i=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:u=!0}=a,m=r[0];if(m==null)return;const{unitId:h}=m,f=n.getRenderById(h),p=f==null?void 0:f.scene;if(p==null)return;const _=p.getTransformerByCreate(),[v,C]=S.useState(!0),[P,I]=S.useState(!0),[E,R]=S.useState(!1),[U,M]=S.useState(!0),[D,O]=S.useState(!1);return S.useEffect(()=>{const T=_.clearControl$.subscribe(L=>{L===!0&&(C(!1),I(!1),R(!1),M(!1),O(!0))}),A=_.changeStart$.subscribe(L=>{const{objects:re}=L,K=me(re,t);K.length===0?(C(!1),I(!1),R(!1),M(!1),O(!0)):K.length===1?(C(!0),I(!0),R(!1),M(!0),O(!1)):(C(!0),I(!1),R(!0),M(!1),O(!1))}),V=t.focus$.subscribe(L=>{L.length===0?(C(!1),I(!1),R(!1),M(!1),O(!0)):L.length===1?(C(!0),I(!0),R(!1),M(!0),O(!1)):(C(!0),I(!1),R(!0),M(!1),O(!1))});return()=>{A.unsubscribe(),T.unsubscribe(),V.unsubscribe()}},[]),l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{display:D===!0?"block":"none",height:"100%"},children:l.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:l.jsx("span",{children:e.t("image-panel.null")})})}),l.jsx(_n,{arrangeShow:s===!0?v:!1,drawings:r}),l.jsx(Pn,{transformShow:i===!0?P:!1,drawings:r}),l.jsx(on,{alignShow:o===!0?E:!1,drawings:r}),l.jsx(jn,{cropperShow:c===!0?U:!1,drawings:r}),l.jsx(In,{hasGroup:u,drawings:r})]})},de={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},Ze=a=>{var _,v;const t=(v=(_=a.popup)==null?void 0:_.extraProps)==null?void 0:v.menuItems;if(!t)return null;const n=d.useDependency(d.ICommandService),e=d.useDependency(d.LocaleService),[r,s]=S.useState(!1),[i,o]=S.useState(!1),c=()=>{o(!0)},u=()=>{o(!1)},m=C=>{s(C)},h=C=>{n.executeCommand(C.commandId,C.commandParams),s(!1)},f=r||i,p=t.filter(C=>!C.disable);return l.jsx("div",{onMouseEnter:c,onMouseLeave:u,children:l.jsx(k.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:l.jsx("ul",{className:de.imagePopupMenu,children:p.map(C=>l.jsx("li",{onClick:()=>h(C),className:de.imagePopupMenuItem,children:l.jsx("span",{className:de.imagePopupMenuItemTitle,children:e.t(C.label)})},C.index))}),visible:r,onVisibleChange:m,children:l.jsxs("div",{className:N(de.btnContainer,{[de.btnContainerExpand]:r}),children:[l.jsx(He,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),f&&l.jsx(ke,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},Xe="COMPONENT_IMAGE_POPUP_MENU",Dn="drawing-ui.config",Je={},De={id:"sheet.operation.image-reset-size",type:d.CommandType.OPERATION,handler:(a,t)=>!0},Mn=a=>{const{src:t}=a;return t?l.jsx("div",{children:l.jsx("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})}):null};var On=Object.defineProperty,xn=Object.getOwnPropertyDescriptor,Nn=(a,t,n,e)=>{for(var r=e>1?void 0:e?xn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&On(t,n,r),r},Qe=(a,t)=>(n,e)=>t(n,e,a);let _e=class extends d.Disposable{constructor(a,t){super(),this._componentManager=a,this._commandService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(Xe,Ze)),this.disposeWithMe(a.register(Ee,Mn))}_initCommands(){[Se,ee,De,we,ge].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents()}};_e=Nn([Qe(0,d.Inject(Ce.ComponentManager)),Qe(1,d.ICommandService)],_e);var En=Object.defineProperty,Tn=Object.getOwnPropertyDescriptor,Bn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Tn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&En(t,n,r),r},Ie=(a,t)=>(n,e)=>t(n,e,a);let be=class extends d.Disposable{constructor(t,n,e,r){super();q(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=t,this._commandService=n,this._renderManagerService=e,this._drawingManagerService=r,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const t=this._drawingManagerService.drawingManagerData,n=Ne(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(i=>{const o=t[s][i].data;o==null||s!==e||i!==r||Object.keys(o).forEach(c=>{o[c]&&this._insertDrawing([{unitId:s,subUnitId:i,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===we.id){const n=t.params;if(n==null)return;this._drawingAlign(n)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(t=>{this._groupDrawings(t)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(t=>{this._ungroupDrawings(t)}))}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t),e=n==null?void 0:n.scene;if(e==null)return null;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_groupDrawings(t){t.forEach(n=>{this._groupDrawing(n)})}_groupDrawing(t){const{parent:n,children:e}=t,{unitId:r,subUnitId:s,drawingId:i}=n,o=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(o==null)return;const{scene:c,transformer:u}=o;this._commandService.syncExecuteCommand(ee.id);const m=[];if(e.forEach(p=>{const _=j.getDrawingShapeKeyByDrawingSearch(p),v=c.getObjectIncludeInGroup(_);if(v==null||m.includes(v))return;m.push(v);const{transform:C}=p;C!=null&&(v.classType===b.RENDER_CLASS_TYPE.GROUP?v.transformByState({left:C.left,top:C.top}):v.transformByState(C))}),m.length===0)return;const h=j.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:i}),f=new b.Group(h);c.addObject(f,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...m),n.transform&&f.transformByState({left:n.transform.left,top:n.transform.top}),u.clearSelectedObjects(),u.setSelectedControl(f)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:i}=r;e.forEach(h=>{const f=j.getDrawingShapeKeyByDrawingSearch(h),p=s.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:_}=h;_!=null&&(p.classType===b.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:_.left,top:_.top}):p.transformByState(_))});const o=j.getDrawingShapeKeyByDrawingSearch(n),c=s.getObject(o),{width:u,height:m}=c;c.getObjects().forEach(h=>{c.removeSelfObjectAndTransform(h.oKey,u,m)}),c.dispose(),i.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===x.default)return;const r=[];let s=Number.POSITIVE_INFINITY,i=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,u=0;e.forEach(m=>{const{unitId:h,subUnitId:f,drawingId:p,drawingType:_}=m,v=this._drawingManagerService.getDrawingByParam({unitId:h,subUnitId:f,drawingId:p});if(v==null||v.transform==null)return;r.push({unitId:h,subUnitId:f,drawingId:p,drawingType:_,transform:v.transform});const{left:C=0,top:P=0,width:I=0,height:E=0}=v.transform;s=Math.min(s,C),i=Math.min(i,P),o=Math.max(o,C+I),c=Math.max(c,P+E),u++}),u!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,i,o,c,u))}_applyAlignType(t,n,e,r,s,i,o){const c=Math.round((s-e)/o*10)/10,u=Math.round((i-r)/o*10)/10,m=[],h=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(h==null)return;const{scene:f,transformer:p}=h;t.forEach((_,v)=>{const{unitId:C,subUnitId:P,drawingId:I,transform:E,drawingType:R}=_,{left:U=0,top:M=0,width:D=0,height:O=0}=E;let T=U,A=M;switch(n){case x.left:T=e;break;case x.center:T=e+(s-e)/2-D/2;break;case x.right:T=s-D;break;case x.top:A=r;break;case x.middle:A=r+(i-r)/2-O/2;break;case x.bottom:A=i-O;break;case x.horizon:T=e+c*v;break;case x.vertical:A=r+u*v;break}(T!==U||A!==M)&&m.push({unitId:C,subUnitId:P,drawingId:I,drawingType:R,transform:{left:T,top:A}})}),this._drawingManagerService.featurePluginUpdateNotification(m),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,i=r.transform,{left:o=0,top:c=0,width:u=0,height:m=0}=s,{left:h=0,top:f=0,width:p=0,height:_=0}=i;switch(n){case x.left:return o-h;case x.center:return o+u/2-(h+p/2);case x.right:return o+u-(h+p);case x.top:return c-f;case x.middle:return c+m/2-(f+_/2);case x.bottom:return c+m-(f+_);case x.horizon:return o+u/2-(h+p/2);case x.vertical:return c+m/2-(f+_/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:i}=s;r.forEach(o=>{const c=j.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:o}),u=i.fuzzyMathObjects(c,!0);if(u==null||u.length===0)return;const m=this._drawingManagerService.getDrawingOrder(n,e).indexOf(o);for(const h of u)h.setProps({zIndex:m}),h.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const i=this._getSceneAndTransformerByDrawingSearch(r);if(i==null)return;const{scene:o}=i;n.includes(o)||n.push(o)}),n.forEach(e=>{this._sceneListenerOnDrawingMap.has(e)||(this._addListenerOnDrawing(e),this._sceneListenerOnDrawingMap.add(e))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(n=>{var m;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const{scene:o}=i,c=j.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),u=o.fuzzyMathObjects(c,!0);if(u.length>0){for(const h of u)h.dispose();(m=o.getTransformer())==null||m.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{var D;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._drawingManagerService.getDrawingByParam(n);if(i==null)return;const{transform:o,drawingType:c}=i,u=this._getSceneAndTransformerByDrawingSearch(e);if(u==null)return;const{scene:m,transformer:h}=u;if(o==null)return!0;const{left:f=0,top:p=0,width:_=0,height:v=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:E=0,skewY:R=0}=o,U=j.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),M=m.getObject(U);if(M==null)return!0;M.transformByState({left:f,top:p,width:_,height:v,angle:C,flipX:P,flipY:I,skewX:E,skewY:R}),(D=m.getTransformer())==null||D.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:c}=o,{scene:u}=i,m=j.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),h=u.getObject(m);if(h==null||c==null)return!0;const{left:f=0,top:p=0,width:_=0,height:v=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:E=0,skewY:R=0}=c;h.transformByState({left:f,top:p,width:_,height:v,angle:C,flipX:P,flipY:I,skewX:E,skewY:R})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:i}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:c}=o,u=j.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=c.getObject(u);if(m==null)return!0;i?m.show():m.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return d.checkIfMove(s,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(d.toDisposable(n.changeStart$.subscribe(r=>{const{objects:s}=r,i=Array.from(s.values()),o=[];e=i.map(c=>{const{left:u,top:m,height:h,width:f,angle:p,oKey:_,isInGroup:v}=c,C=this._drawingManagerService.getDrawingOKey(_);if(v||c instanceof b.Group){let P=c.ancestorGroup;if(P==null&&c instanceof b.Group&&(P=c),P==null)return null;const I=this._drawingManagerService.getDrawingOKey(P.oKey);if(I){const{unitId:E,subUnitId:R,drawingId:U}=I;o.push({unitId:E,subUnitId:R,drawingId:U});const{left:M,top:D,height:O,width:T,angle:A}=P;return{left:M,top:D,height:O,width:T,angle:A}}}else if(C!=null){const{unitId:P,subUnitId:I,drawingId:E}=C;return o.push({unitId:P,subUnitId:I,drawingId:E}),{left:u,top:m,height:h,width:f,angle:p}}return null}).filter(c=>c!=null),o.length>0?this._commandService.syncExecuteCommand(j.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(j.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe(d.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s}=r,i=this._filterUpdateParams(me(s,this._drawingManagerService),e);i.length>0&&this._drawingManagerService.featurePluginUpdateNotification(i)})))}};be=Bn([Ie(0,d.IUniverInstanceService),Ie(1,d.ICommandService),Ie(2,b.IRenderManagerService),Ie(3,j.IDrawingManagerService)],be);class he extends b.Shape{constructor(n,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(n,e);q(this,"_srcRect");q(this,"_prstGeom");q(this,"_applyTransform");q(this,"_dragPadding",8);q(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null||n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var c,u;const r=this.getScene().getEngine(),{width:s,height:i}=r;this._initialCacheCanvas(),(c=this._cacheCanvas)==null||c.clear();const o=(u=this._cacheCanvas)==null?void 0:u.getContext();o!=null&&(o.save(),b.Rect.drawWith(o,{left:0,top:0,width:s,height:i,fill:"rgba(0, 0, 0, 0.5)"}),o.setTransform(n.getTransform()),this._clipForApplyObject(o),this._applyCache(n),o.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:i=0,top:o=0,width:c=0,height:u=0,angle:m}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:_=0,right:v=0,bottom:C=0}=this._srcRect;n=p,e=_,r=v,s=C}const h=i+n,f=o+e;this.transformByState({left:h,top:f,width:i+c-r-h,height:o+u-s-f,angle:m})}_applyCache(n){if(!n||this._cacheCanvas==null)return;const e=this._cacheCanvas.getContext();e.save(),n.save(),n.setTransform(1,0,0,1,0,0),e.setTransform(1,0,0,1,0,0),n.drawImage(this._cacheCanvas.getCanvasEle(),0,0),n.restore(),e.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const n=this.getScene();if(n==null)return;this._cacheCanvas=new b.Canvas;const e=n.getEngine();this._cacheCanvas.setSize(e.width,e.height),e.onTransformChange$.subscribeEvent(()=>{var r;(r=this._cacheCanvas)==null||r.setSize(e.width,e.height),this.makeDirty(!0)})}}var Un=Object.defineProperty,An=Object.getOwnPropertyDescriptor,Ln=(a,t,n,e)=>{for(var r=e>1?void 0:e?An(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&Un(t,n,r),r},oe=(a,t)=>(n,e)=>t(n,e,a);let ye=class extends d.Disposable{constructor(t,n,e,r,s,i){super();q(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=i,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==ge.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const s=r[0],{unitId:i,subUnitId:o,drawingId:c}=s,u=this._renderManagerService.getRenderById(i),m=u==null?void 0:u.scene;if(m==null)return!0;this._searchCropObject(m)!=null&&this._commandService.syncExecuteCommand(ee.id,{isAuto:!0});const f=j.getDrawingShapeKeyByDrawingSearch({unitId:i,subUnitId:o,drawingId:c}),p=m.getObject(f);if(!(p instanceof b.Image)){this._messageService.show({type:k.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(Se.id,{unitId:i,subUnitId:o,drawingId:c}))}))}_calculateSrcRectByRatio(t,n,e,r,s,i){const o=e/r,c=s/i;let u=e,m=r;o>c?u=r*c:m=e/c;const h=(e-u)/2,f=(r-m)/2;return{left:b.precisionTo(h,1),top:b.precisionTo(f,1),right:b.precisionTo(e-(h+u),1),bottom:b.precisionTo(r-(f+m),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:i}=n.calculateTransformWithSrcRect();let o;switch(t){case H.R1_1:o=this._calculateSrcRectByRatio(e,r,s,i,1,1);break;case H.R16_9:o=this._calculateSrcRectByRatio(e,r,s,i,16,9);break;case H.R9_16:o=this._calculateSrcRectByRatio(e,r,s,i,9,16);break;case H.R5_4:o=this._calculateSrcRectByRatio(e,r,s,i,5,4);break;case H.R4_5:o=this._calculateSrcRectByRatio(e,r,s,i,4,5);break;case H.R4_3:o=this._calculateSrcRectByRatio(e,r,s,i,4,3);break;case H.R3_4:o=this._calculateSrcRectByRatio(e,r,s,i,3,4);break;case H.R3_2:o=this._calculateSrcRectByRatio(e,r,s,i,3,2);break;case H.R2_3:o=this._calculateSrcRectByRatio(e,r,s,i,2,3);break;case H.FREE:}if(o==null)return;n.setSrcRect(o);const{left:c=0,top:u=0,bottom:m=0,right:h=0}=o;n.transformByStateCloseCropper({left:e+c,top:r+u,width:s-h-c,height:i-m-u})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==Se.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._renderManagerService.getRenderById(e),o=i==null?void 0:i.scene;if(o==null)return!0;if(this._sceneListenerOnImageMap.has(o)||(this._addListenerOnImage(o),this._sceneListenerOnImageMap.add(o)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const u=j.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=o.getObject(u);if(m==null)return;if(!(m instanceof b.Image)){this._messageService.show({type:k.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const h=o.getTransformer();h==null||h.clearControls();const f=new he(`${u}-crop`,{srcRect:m.srcRect,prstGeom:m.prstGeom,applyTransform:m.calculateTransformWithSrcRect()});o.addObject(f,m.getLayerIndex()+1).attachTransformerTo(f),h==null||h.createControlForCopper(f),this._addHoverForImageCopper(f),m.openRenderByCropper(),h==null||h.refreshControls(),f.makeDirty(!0),this._commandService.syncExecuteCommand(j.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjectsByOrder();for(const e of n)if(e instanceof he)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==ee.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),i=s==null?void 0:s.scene;if(i==null)return!0;const o=this._searchCropObject(i);if(o==null)return;const c=this._getApplyObjectByCropObject(o);if(c==null)return;const u=i.getTransformerByCreate();u.detachFrom(o),u.clearCopperControl();const m=this._getSrcRectByTransformState(c,o),h=this._drawingManagerService.getDrawingOKey(c.oKey);if(h!=null){const{left:f,top:p,height:_,width:v}=o;this._drawingManagerService.featurePluginUpdateNotification([{...h,transform:{...h.transform,left:f,top:p,height:_,width:v},srcRect:m.srcRectAngle}])}c.setSrcRect({...m.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),o==null||o.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(d.UniverInstanceType.UNIVER_SHEET).pipe(xe.filter(n=>!!n),xe.switchMap(n=>n.activeSheet$));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ee.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene();if(!r)return null;const s=r.getObject(e);return s==null?null:s}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,i=s.values().next().value;if(i==null||!(i instanceof he))return;const{left:o,top:c,height:u,width:m,angle:h}=i;e={left:o,top:c,height:u,width:m,angle:h},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,i=s.values().next().value;if(i==null||!(i instanceof he))return;const{left:o,top:c,height:u,width:m,angle:h}=i;if(!d.checkIfMove({left:o,top:c,height:u,width:m,angle:h},e))return;const f=this._getApplyObjectByCropObject(i);if(f==null)return;const p=this._getSrcRectByTransformState(f,i);i.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(i)})),this._endCropListener(t)}_addHoverForImageCopper(t){this.disposeWithMe(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=b.CURSOR_TYPE.MOVE})),this.disposeWithMe(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=b.CURSOR_TYPE.DEFAULT}))}_endCropListener(t){const n=t.getTransformerByCreate();this.disposeWithMe(n.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ee.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:i,strokeWidth:o,angle:c}=n,{left:u,top:m,width:h,height:f,angle:p,strokeWidth:_}=t,v=e-u,C=r-m,P={left:v,top:C,right:h-v-i,bottom:f-C-s},I={...P};if(p!==0){const E=e+i/2,R=r+s/2,U=new b.Vector2(E,R),M=h/2+u,D=f/2+m,O=new b.Vector2(M,D),T=new b.Vector2(u,m);T.rotateByPoint(b.degToRad(p),O);const A=T.clone();A.rotateByPoint(b.degToRad(-p),U);const V=e-A.x,L=r-A.y;I.left=V,I.top=L,I.right=h-V-i,I.bottom=f-L-s}return{srcRect:P,srcRectAngle:I}}};ye=Ln([oe(0,d.ICommandService),oe(1,j.IDrawingManagerService),oe(2,b.IRenderManagerService),oe(3,d.IUniverInstanceService),oe(4,Ce.IMessageService),oe(5,d.Inject(d.LocaleService))],ye);var Hn=Object.defineProperty,Gn=Object.getOwnPropertyDescriptor,Vn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Gn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&Hn(t,n,r),r},te=(a,t)=>(n,e)=>t(n,e,a);let Pe=class extends d.Disposable{constructor(a,t,n,e,r,s,i){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=i,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===De.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:i}=e,o=this._getSceneAndTransformerByDrawingSearch(r);if(o==null)return;const{scene:c}=o,u=j.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:i}),m=c.getObject(u);if(m==null)return!0;const h=this._drawingManagerService.getDrawingByParam(e);if(h==null)return!0;if(h.drawingType!==d.DrawingTypeEnum.DRAWING_IMAGE)return;m.resetSize();const{width:f,height:p}=m.getNativeSize();n.includes(c)===!1&&n.push(c),t.push({...h,transform:{...h.transform,height:p,width:f,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(j.SetDrawingSelectedOperation.id,a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var u;const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n),i=(u=Ne(this._currentUniverService,n))==null?void 0:u.subUnitId;if(s==null||i!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const c=await this._drawingRenderService.renderImages(o,s.scene);if(!(c==null||c.length===0))for(const m of c)this._addHoverForImage(m),this._addDialogForImage(m)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:i,drawingType:o,srcRect:c,prstGeom:u,source:m,imageSourceType:h}=s;if(o!==d.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:_}=f;if(i==null)return!0;const v=j.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(v);if(C==null)return!0;C.setSrcRect(c),C.setPrstGeom(u)})}))}_addHoverForImage(a){this.disposeWithMe(d.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.GRAB}))),this.disposeWithMe(d.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(d.toDisposable(a.onDblclick$.subscribeEvent(()=>{const t=`${a.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(t,a.getNative().src,a.getNativeSize().width,a.getNativeSize().height)})))}};Pe=Vn([te(0,d.ICommandService),te(1,b.IRenderManagerService),te(2,j.IDrawingManagerService),te(3,Ce.IDialogService),te(4,j.IImageIoService),te(5,d.IUniverInstanceService),te(6,d.Inject(y.DrawingRenderService))],Pe);var Wn=Object.defineProperty,kn=Object.getOwnPropertyDescriptor,zn=(a,t,n,e)=>{for(var r=e>1?void 0:e?kn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&Wn(t,n,r),r},$e=(a,t)=>(n,e)=>t(n,e,a);const Kn="UNIVER_DRAWING_UI_PLUGIN";y.UniverDrawingUIPlugin=(Me=class extends d.Plugin{constructor(t=Je,n,e){super(),this._config=t,this._injector=n,this._configService=e;const{menu:r,...s}=d.merge({},Je,this._config);r&&this._configService.setConfig("menu",r,{merge:!0}),this._configService.setConfig(Dn,s)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(be),this._injector.get(_e),this._injector.get(ye),this._injector.get(Pe)}_initDependencies(){[[y.DrawingRenderService],[be],[_e],[ye],[Pe]].forEach(n=>this._injector.add(n))}},q(Me,"pluginName",Kn),Me),y.UniverDrawingUIPlugin=zn([$e(1,d.Inject(d.Injector)),$e(2,d.IConfigService)],y.UniverDrawingUIPlugin),y.AutoImageCropOperation=ge,y.COMPONENT_IMAGE_POPUP_MENU=Xe,y.CloseImageCropOperation=ee,y.DrawingCommonPanel=Rn,y.ImageCropperObject=he,y.ImagePopupMenu=Ze,y.ImageResetSizeOperation=De,y.OpenImageCropOperation=Se,y.SetDrawingAlignOperation=we,y.getUpdateParams=me,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
2
+ (function(b,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react/jsx-runtime"),require("react"),require("@univerjs/design"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react/jsx-runtime","react","@univerjs/design","rxjs"],u):(b=typeof globalThis<"u"?globalThis:b||self,u(b.UniverDrawingUi={},b.UniverCore,b.UniverDrawing,b.UniverEngineRender,b.UniverUi,b.React,b.React,b.UniverDesign,b.rxjs))})(this,function(b,u,D,y,pe,c,S,$,Ne){"use strict";var zn=Object.defineProperty;var Kn=(b,u,D)=>u in b?zn(b,u,{enumerable:!0,configurable:!0,writable:!0,value:D}):b[u]=D;var Q=(b,u,D)=>Kn(b,typeof u!="symbol"?u+"":u,D);var Me;function Xe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=D.getDrawingShapeKeyByDrawingSearch(a),i=n.getObject(s);if(i&&!(i instanceof y.Group))return;if(i!=null){i.addObject(t);return}const o=new y.Group(s);n.addObject(o,y.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(t);const{transform:l}=r;l&&o.transformByState({left:l.left,top:l.top,angle:l.angle})}function Ee(a,t){var s;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===u.UniverInstanceType.UNIVER_SHEET?r=(s=n.getActiveSheet())==null?void 0:s.getSheetId():(n.type===u.UniverInstanceType.UNIVER_DOC||n.type===u.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Te="COMPONENT_IMAGE_VIEWER";var qe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Qe=(a,t,n,e)=>{for(var r=e>1?void 0:e?Je(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&qe(t,n,r),r},Pe=(a,t)=>(n,e)=>t(n,e,a);const Be=50;b.DrawingRenderService=class{constructor(t,n,e){this._drawingManagerService=t,this._imageIoService=n,this._dialogService=e}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:i,srcRect:o,prstGeom:l,groupId:m,unitId:d,subUnitId:h,drawingId:f,isMultiTransform:p,transforms:_}=t;if(r!==u.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const v=p&&_?_:[e],C=[];for(const P of v){const{left:I,top:U,width:M,height:L,angle:N,flipX:O,flipY:E,skewX:j,skewY:R}=P,W=v.indexOf(P),H=D.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:h,drawingId:f},p?W:void 0),re=n.getObject(H);if(re!=null){re.transformByState({left:I,top:U,width:M,height:L,angle:N,flipX:O,flipY:E,skewX:j,skewY:R});continue}const z=this._drawingManagerService.getDrawingOrder(d,h),ce=z.indexOf(f),ae={...P,zIndex:ce===-1?z.length-1:ce},ie=this._imageIoService.getImageSourceCache(s,i);let le=!1;if(ie!=null)ae.image=ie;else{if(i===D.ImageSourceType.UUID)try{ae.url=await this._imageIoService.getImage(s)}catch(Oe){console.error(Oe);continue}else ae.url=s;le=!0}if(n.getObject(H))continue;ae.printable=!0;const q=new y.Image(H,ae);le&&this._imageIoService.addImageSourceCache(s,i,q.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(q,y.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(q),m&&Xe({drawingId:m,unitId:d,subUnitId:h},q,n,this._drawingManagerService),l!=null&&q.setPrstGeom(l),o!=null&&q.setSrcRect(o),C.push(q))}return C}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case u.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const s=`${t}-viewer-dialog`,i=window.innerWidth-Be,o=window.innerHeight-Be,l=this._adjustImageSize(e,r,i,o),m=this._dialogService.open({width:Math.max(l.width,200),id:s,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Te,props:{src:n,width:l.width,height:l.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(s),m.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const s=e/t,i=r/n,o=Math.min(s,i);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},b.DrawingRenderService=Qe([Pe(0,D.IDrawingManagerService),Pe(1,D.IImageIoService),Pe(2,pe.IDialogService)],b.DrawingRenderService);function ge(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:i,height:o,width:l,angle:m}=e,d=t.getDrawingOKey(r);if(d==null)return n.push(null),!0;const{unitId:h,subUnitId:f,drawingId:p,drawingType:_}=d,v={unitId:h,subUnitId:f,drawingId:p,drawingType:_,transform:{left:s,top:i,height:o,width:l,angle:m}};_===u.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}function Ue(a){var t,n,e="";if(typeof a=="string"||typeof a=="number")e+=a;else if(typeof a=="object")if(Array.isArray(a)){var r=a.length;for(t=0;t<r;t++)a[t]&&(n=Ue(a[t]))&&(e&&(e+=" "),e+=n)}else for(n in a)a[n]&&(e&&(e+=" "),e+=n);return e}function B(){for(var a,t,n=0,e="",r=arguments.length;n<r;n++)(a=arguments[n])&&(t=Ue(a))&&(e&&(e+=" "),e+=t);return e}var T=(a=>(a.default="0",a.left="1",a.center="2",a.right="3",a.top="4",a.middle="5",a.bottom="6",a.horizon="7",a.vertical="8",a))(T||{});const Ce={id:"sheet.operation.set-image-align",type:u.CommandType.OPERATION,handler:(a,t)=>!0},g={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},en=a=>{const t=u.useDependency(u.ICommandService),n=u.useDependency(u.LocaleService),{alignShow:e}=a,[r,s]=S.useState(T.default),i=[{label:n.t("image-panel.align.default"),value:T.default},{options:[{label:n.t("image-panel.align.left"),value:T.left},{label:n.t("image-panel.align.center"),value:T.center},{label:n.t("image-panel.align.right"),value:T.right}]},{options:[{label:n.t("image-panel.align.top"),value:T.top},{label:n.t("image-panel.align.middle"),value:T.middle},{label:n.t("image-panel.align.bottom"),value:T.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:T.horizon},{label:n.t("image-panel.align.vertical"),value:T.vertical}]}];function o(m){s(m),t.executeCommand(Ce.id,{alignType:m})}const l=m=>m?"block":"none";return c.jsxs("div",{className:B(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:l(e)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:n.t("image-panel.align.title")})})}),c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:B(g.imageCommonPanelColumn),children:c.jsx($.Select,{value:r,options:i,onChange:o})})})]})};var K=function(){return K=Object.assign||function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},K.apply(this,arguments)},nn=function(a,t){var n={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(n[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(n[e[r]]=a[e[r]]);return n},Z=S.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,i=nn(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=S.useRef("_".concat(an()));return je(n,"".concat(e),{defIds:n.defIds,idSuffix:l.current},K({ref:t,className:o},i),s)});function je(a,t,n,e,r){return S.createElement(a.tag,K(K({key:t},tn(a,n,r)),e),(rn(a,n).children||[]).map(function(s,i){return je(s,"".concat(t,"-").concat(a.tag,"-").concat(i),n,void 0,r)}))}function tn(a,t,n){var e=K({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function rn(a,t){var n,e=t.defIds;return!e||e.length===0?a:a.tag==="defs"&&(!((n=a.children)===null||n===void 0)&&n.length)?K(K({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?K(K({},r),{attrs:K(K({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function an(){return Math.random().toString(36).substring(2,8)}Z.displayName="UniverIcon";var sn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ae=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"autofill",ref:t,icon:sn}))});Ae.displayName="Autofill";var on={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Le=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"bottom-single",ref:t,icon:on}))});Le.displayName="BottomSingle";var cn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z"}}]},Re=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"create-copy-single",ref:t,icon:cn}))});Re.displayName="CreateCopySingle";var ln={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z",fillRule:"evenodd",clipRule:"evenodd"}}]},He=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"group-single",ref:t,icon:ln}))});He.displayName="GroupSingle";var gn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ge=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"more-down-single",ref:t,icon:gn}))});Ge.displayName="MoreDownSingle";var mn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},Ve=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"move-down-single",ref:t,icon:mn}))});Ve.displayName="MoveDownSingle";var dn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},We=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"move-up-single",ref:t,icon:dn}))});We.displayName="MoveUpSingle";var un={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},xe=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"topmost-single",ref:t,icon:un}))});xe.displayName="TopmostSingle";var hn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z",fillRule:"evenodd",clipRule:"evenodd"}}]},$e=S.forwardRef(function(a,t){return S.createElement(Z,Object.assign({},a,{id:"ungroup-single",ref:t,icon:hn}))});$e.displayName="UngroupSingle";const fn=a=>{const{arrangeShow:t,drawings:n}=a,e=u.useDependency(u.LocaleService),r=u.useDependency(D.IDrawingManagerService),s=m=>m?"block":"none",[i,o]=S.useState(n);S.useEffect(()=>{const m=r.focus$.subscribe(d=>{o(d)});return()=>{m.unsubscribe()}},[]);const l=m=>{const d=i[0].unitId,h=i[0].subUnitId,f=i.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:d,subUnitId:h,drawingIds:f,arrangeType:m})};return c.jsxs("div",{className:g.imageCommonPanelGrid,style:{display:s(t)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:e.t("image-panel.arrange.title")})})}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx($.Button,{size:"small",onClick:()=>{l(u.ArrangeTypeEnum.forward)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(We,{}),e.t("image-panel.arrange.forward")]})})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx($.Button,{size:"small",onClick:()=>{l(u.ArrangeTypeEnum.backward)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Ve,{}),e.t("image-panel.arrange.backward")]})})})]}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx($.Button,{size:"small",onClick:()=>{l(u.ArrangeTypeEnum.front)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(xe,{}),e.t("image-panel.arrange.front")]})})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx($.Button,{size:"small",onClick:()=>{l(u.ArrangeTypeEnum.back)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Le,{}),e.t("image-panel.arrange.back")]})})})]})]})},pn=a=>{const t=u.useDependency(u.LocaleService),n=u.useDependency(y.IRenderManagerService),e=u.useDependency(D.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[i,o]=S.useState(!1),[l,m]=S.useState(!0),[d,h]=S.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:I}=C[0],U=u.Tools.generateRandomId(10),M=y.getGroupState(0,0,C.map(O=>O.transform||{})),L={unitId:P,subUnitId:I,drawingId:U,drawingType:u.DrawingTypeEnum.DRAWING_GROUP,transform:M},N=C.map(O=>{const E=O.transform||{left:0,top:0},{unitId:j,subUnitId:R,drawingId:W}=O;return{unitId:j,subUnitId:R,drawingId:W,transform:{...E,left:E.left-M.left,top:E.top-M.top},groupId:U}});e.featurePluginGroupUpdateNotification([{parent:L,children:N}])},_=C=>{if(C.drawingType!==u.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:I,drawingId:U,transform:M={width:0,height:0}}=C;if(M==null)return;const L=e.getDrawingsByGroup({unitId:P,subUnitId:I,drawingId:U});if(L.length===0)return;const N=L.map(O=>{const{transform:E}=O,{unitId:j,subUnitId:R,drawingId:W}=O,H=y.transformObjectOutOfGroup(E||{},M,M.width||0,M.height||0);return{unitId:j,subUnitId:R,drawingId:W,transform:{...E,...H},groupId:void 0}});return{parent:C,children:N}},v=()=>{const P=e.getFocusDrawings().map(I=>_(I)).filter(I=>I!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return S.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:P}=C,I=n.getRenderById(P),U=I==null?void 0:I.scene;if(U==null)return;const M=U.getTransformerByCreate(),L=M.clearControl$.subscribe(O=>{O===!0&&o(!1)}),N=M.changeStart$.subscribe(O=>{const{objects:E}=O,j=ge(E,e),R=j.filter(z=>(z==null?void 0:z.drawingType)===u.DrawingTypeEnum.DRAWING_GROUP);let W=!1,H=!1;j.length>1&&(W=!0),R.length>0&&(H=!0),o(W||H),m(W),h(H)});return()=>{N.unsubscribe(),L.unsubscribe()}},[]),c.jsxs("div",{className:B(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:f(r===!0?i:!1)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:t.t("image-panel.group.title")})})}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:c.jsx($.Button,{size:"small",onClick:()=>{p()},style:{display:f(l)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(He,{}),t.t("image-panel.group.group")]})})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:c.jsx($.Button,{size:"small",onClick:()=>{v()},style:{display:f(d)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx($e,{}),t.t("image-panel.group.unGroup")]})})})]})]})},ne=20,Cn=20,wn=[-3600,3600],we=300,vn=a=>{var Ze;const t=u.useDependency(u.LocaleService),n=u.useDependency(D.IDrawingManagerService),e=u.useDependency(y.IRenderManagerService),{drawings:r,transformShow:s}=a,i=r[0];if(i==null)return;const o=i.transform;if(o==null)return;const{unitId:l,subUnitId:m,drawingId:d,drawingType:h}=i,f=e.getRenderById(l),p=f==null?void 0:f.scene;if(p==null)return;const _=(Ze=p.getEngine())==null?void 0:Ze.activeScene;if(_==null)return;const v=p.getTransformerByCreate(),{width:C=0,height:P=0,left:I=0,top:U=0,angle:M=0}=o,[L,N]=S.useState(C),[O,E]=S.useState(P),[j,R]=S.useState(I),[W,H]=S.useState(U),[re,z]=S.useState(M),[ce,ae]=S.useState(v.keepRatio),ie=(w,A,x,k)=>{const{width:V,height:J}=_,{ancestorLeft:F,ancestorTop:Y}=p;let X=w,se=A,he=x,fe=k;return w+F<0&&(X=-F),A+Y<0&&(se=-Y),he=V-X-F,he<ne&&(he=ne),fe=J-se-Y,fe<ne&&(fe=ne),w+he+F>V&&(X=V-x-F),A+fe+Y>J&&(se=J-k-Y),{limitLeft:X,limitTop:se,limitWidth:he,limitHeight:fe}},le=w=>{const{objects:A}=w,x=ge(A,n);if(x.length!==1)return;const k=x[0];if(k==null)return;const{transform:V}=k;if(V==null)return;const{width:J,height:F,left:Y,top:X,angle:se}=V;J!=null&&N(J),F!=null&&E(F),Y!=null&&R(Y),X!=null&&H(X),se!=null&&z(se)};S.useEffect(()=>{const w=[v.changeStart$.subscribe(A=>{le(A)}),v.changing$.subscribe(A=>{le(A)}),v.changeEnd$.subscribe(A=>{le(A)}),n.focus$.subscribe(A=>{if(A.length!==1)return;const x=n.getDrawingByParam(A[0]);if(x==null)return;const k=x.transform;if(k==null)return;const{width:V,height:J,left:F,top:Y,angle:X}=k;V!=null&&N(V),J!=null&&E(J),F!=null&&R(F),Y!=null&&H(Y),X!=null&&z(X)})];return()=>{w.forEach(A=>A.unsubscribe())}},[]);const q=u.debounce(w=>{if(w==null)return;w=Math.max(w,ne);const{limitWidth:A,limitHeight:x}=ie(j,W,w,O);w=Math.min(w,A);const k={unitId:l,subUnitId:m,drawingId:d,drawingType:h,transform:{width:w}};if(ce){let V=w/L*O;if(V=Math.max(V,Cn),V>x)return;E(V),k.transform.height=V}N(w),n.featurePluginUpdateNotification([k]),v.refreshControls().changeNotification()},we),Oe=u.debounce(w=>{if(w==null)return;w=Math.max(w,ne);const{limitHeight:A,limitWidth:x}=ie(j,W,L,w);w=Math.min(w,A);const k={unitId:l,subUnitId:m,drawingId:d,drawingType:h,transform:{height:w}};if(ce){let V=w/O*L;if(V=Math.max(V,ne),V>x)return;N(V),k.transform.width=V}E(w),n.featurePluginUpdateNotification([k]),v.refreshControls().changeNotification()},we),Vn=u.debounce(w=>{if(w==null)return;const{limitLeft:A}=ie(w,W,L,O);w=A;const x={unitId:l,subUnitId:m,drawingId:d,drawingType:h,transform:{left:w}};R(w),n.featurePluginUpdateNotification([x]),v.refreshControls().changeNotification()},we),Wn=u.debounce(w=>{if(w==null)return;const{limitTop:A}=ie(j,w,L,O);w=A;const x={unitId:l,subUnitId:m,drawingId:d,drawingType:h,transform:{top:w}};H(w),n.featurePluginUpdateNotification([x]),v.refreshControls().changeNotification()},we),xn=w=>{if(w==null)return;const[A,x]=wn;w<A&&(w=A),w>x&&(w=x);const k={unitId:l,subUnitId:m,drawingId:d,drawingType:h,transform:{angle:w}};z(w),n.featurePluginUpdateNotification([k]),v.refreshControls().changeNotification()},$n=w=>{ae(w),v.keepRatio=w},kn=w=>w?"block":"none";return c.jsxs("div",{className:B(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:kn(s)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:t.t("image-panel.transform.title")})})}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:c.jsxs("label",{children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.width")})}),c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx($.InputNumber,{precision:1,value:L,onChange:w=>{q(w)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:c.jsxs("label",{children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.height")})}),c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx($.InputNumber,{precision:1,value:O,onChange:w=>{Oe(w)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:c.jsxs("label",{children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.lock")})}),c.jsx("div",{className:B(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx($.Checkbox,{checked:ce,onChange:$n})})})]})})]}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:c.jsxs("label",{children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.x")})}),c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx($.InputNumber,{precision:1,value:j,onChange:w=>{Vn(w)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:c.jsxs("label",{children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.y")})}),c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx($.InputNumber,{precision:1,value:W,onChange:w=>{Wn(w)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:c.jsxs("label",{children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:t.t("image-panel.transform.rotate")})}),c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx($.InputNumber,{precision:1,value:re,onChange:xn,className:g.imageCommonPanelInput})})})]})})]})]})},ve={id:"sheet.operation.open-image-crop",type:u.CommandType.OPERATION,handler:(a,t)=>!0},ee={id:"sheet.operation.close-image-crop",type:u.CommandType.OPERATION,handler:(a,t)=>!0};var G=(a=>(a.FREE="0",a.R1_1="1",a.R16_9="2",a.R9_16="3",a.R5_4="4",a.R4_5="5",a.R4_3="6",a.R3_4="7",a.R3_2="8",a.R2_3="9",a))(G||{});const me={id:"sheet.operation.Auto-image-crop",type:u.CommandType.OPERATION,handler:(a,t)=>!0},Sn=a=>{const t=u.useDependency(u.ICommandService),n=u.useDependency(u.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[i,o]=S.useState(G.FREE),l=S.useRef(!1),m=[{label:n.t("image-panel.crop.mode"),value:G.FREE},{label:"1:1",value:G.R1_1},{label:"16:9",value:G.R16_9},{label:"9:16",value:G.R9_16},{label:"5:4",value:G.R5_4},{label:"4:5",value:G.R4_5},{label:"4:3",value:G.R4_3},{label:"3:4",value:G.R3_4},{label:"3:2",value:G.R3_2},{label:"2:3",value:G.R2_3}];S.useEffect(()=>{const p=t.onCommandExecuted(_=>{if(_.id===ee.id){const v=_.params;v!=null&&v.isAuto||(l.current=!1)}});return()=>{p==null||p.dispose()}},[]);function d(p){o(p),l.current&&t.executeCommand(me.id,{cropType:p})}const h=p=>p?"block":"none",f=p=>{t.executeCommand(me.id,{cropType:p}),l.current=!0};return c.jsxs("div",{className:B(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:h(r)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:n.t("image-panel.crop.title")})})}),c.jsxs("div",{className:B(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:[c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx($.Button,{size:"small",onClick:()=>{f(i)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Re,{}),n.t("image-panel.crop.start")]})})}),c.jsx("div",{className:B(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx($.Select,{value:i,options:m,onChange:d})})]})]})},_n=a=>{const t=u.useDependency(D.IDrawingManagerService),n=u.useDependency(y.IRenderManagerService),e=u.useDependency(u.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:i=!0,hasAlign:o=!0,hasCropper:l=!0,hasGroup:m=!0}=a,d=r[0];if(d==null)return;const{unitId:h}=d,f=n.getRenderById(h),p=f==null?void 0:f.scene;if(p==null)return;const _=p.getTransformerByCreate(),[v,C]=S.useState(!0),[P,I]=S.useState(!0),[U,M]=S.useState(!1),[L,N]=S.useState(!0),[O,E]=S.useState(!1);return S.useEffect(()=>{const j=_.clearControl$.subscribe(H=>{H===!0&&(C(!1),I(!1),M(!1),N(!1),E(!0))}),R=_.changeStart$.subscribe(H=>{const{objects:re}=H,z=ge(re,t);z.length===0?(C(!1),I(!1),M(!1),N(!1),E(!0)):z.length===1?(C(!0),I(!0),M(!1),N(!0),E(!1)):(C(!0),I(!1),M(!0),N(!1),E(!1))}),W=t.focus$.subscribe(H=>{H.length===0?(C(!1),I(!1),M(!1),N(!1),E(!0)):H.length===1?(C(!0),I(!0),M(!1),N(!0),E(!1)):(C(!0),I(!1),M(!0),N(!1),E(!1))});return()=>{R.unsubscribe(),j.unsubscribe(),W.unsubscribe()}},[]),c.jsxs(c.Fragment,{children:[c.jsx("div",{style:{display:O===!0?"block":"none",height:"100%"},children:c.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:c.jsx("span",{children:e.t("image-panel.null")})})}),c.jsx(fn,{arrangeShow:s===!0?v:!1,drawings:r}),c.jsx(vn,{transformShow:i===!0?P:!1,drawings:r}),c.jsx(en,{alignShow:o===!0?U:!1,drawings:r}),c.jsx(Sn,{cropperShow:l===!0?L:!1,drawings:r}),c.jsx(pn,{hasGroup:m,drawings:r})]})},de={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},ke=a=>{var _,v;const t=(v=(_=a.popup)==null?void 0:_.extraProps)==null?void 0:v.menuItems;if(!t)return null;const n=u.useDependency(u.ICommandService),e=u.useDependency(u.LocaleService),[r,s]=S.useState(!1),[i,o]=S.useState(!1),l=()=>{o(!0)},m=()=>{o(!1)},d=C=>{s(C)},h=C=>{n.executeCommand(C.commandId,C.commandParams),s(!1)},f=r||i,p=t.filter(C=>!C.disable);return c.jsx("div",{onMouseEnter:l,onMouseLeave:m,children:c.jsx($.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:c.jsx("ul",{className:de.imagePopupMenu,children:p.map(C=>c.jsx("li",{onClick:()=>h(C),className:de.imagePopupMenuItem,children:c.jsx("span",{className:de.imagePopupMenuItemTitle,children:e.t(C.label)})},C.index))}),visible:r,onVisibleChange:d,children:c.jsxs("div",{className:B(de.btnContainer,{[de.btnContainerExpand]:r}),children:[c.jsx(Ae,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),f&&c.jsx(Ge,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},ze="COMPONENT_IMAGE_POPUP_MENU",In="drawing-ui.config",Ke={},De={id:"sheet.operation.image-reset-size",type:u.CommandType.OPERATION,handler:(a,t)=>!0},bn=a=>{const{src:t}=a;return t?c.jsx("div",{children:c.jsx("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})}):null};var yn=Object.defineProperty,Pn=Object.getOwnPropertyDescriptor,Dn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Pn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&yn(t,n,r),r},Fe=(a,t)=>(n,e)=>t(n,e,a);let Se=class extends u.Disposable{constructor(a,t){super(),this._componentManager=a,this._commandService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(ze,ke)),this.disposeWithMe(a.register(Te,bn))}_initCommands(){[ve,ee,De,Ce,me].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents()}};Se=Dn([Fe(0,u.Inject(pe.ComponentManager)),Fe(1,u.ICommandService)],Se);var Mn=Object.defineProperty,On=Object.getOwnPropertyDescriptor,Nn=(a,t,n,e)=>{for(var r=e>1?void 0:e?On(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&Mn(t,n,r),r},_e=(a,t)=>(n,e)=>t(n,e,a);let Ie=class extends u.Disposable{constructor(t,n,e,r){super();Q(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=t,this._commandService=n,this._renderManagerService=e,this._drawingManagerService=r,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const t=this._drawingManagerService.drawingManagerData,n=Ee(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(i=>{const o=t[s][i].data;o==null||s!==e||i!==r||Object.keys(o).forEach(l=>{o[l]&&this._insertDrawing([{unitId:s,subUnitId:i,drawingId:l}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===Ce.id){const n=t.params;if(n==null)return;this._drawingAlign(n)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(t=>{this._groupDrawings(t)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(t=>{this._ungroupDrawings(t)}))}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t),e=n==null?void 0:n.scene;if(e==null)return null;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_groupDrawings(t){t.forEach(n=>{this._groupDrawing(n)})}_groupDrawing(t){const{parent:n,children:e}=t,{unitId:r,subUnitId:s,drawingId:i}=n,o=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(o==null)return;const{scene:l,transformer:m}=o;this._commandService.syncExecuteCommand(ee.id);const d=[];if(e.forEach(p=>{const _=D.getDrawingShapeKeyByDrawingSearch(p),v=l.getObjectIncludeInGroup(_);if(v==null||d.includes(v))return;d.push(v);const{transform:C}=p;C!=null&&(v.classType===y.RENDER_CLASS_TYPE.GROUP?v.transformByState({left:C.left,top:C.top}):v.transformByState(C))}),d.length===0)return;const h=D.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:i}),f=new y.Group(h);l.addObject(f,y.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...d),n.transform&&f.transformByState({left:n.transform.left,top:n.transform.top}),m.clearSelectedObjects(),m.setSelectedControl(f)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:i}=r;e.forEach(h=>{const f=D.getDrawingShapeKeyByDrawingSearch(h),p=s.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:_}=h;_!=null&&(p.classType===y.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:_.left,top:_.top}):p.transformByState(_))});const o=D.getDrawingShapeKeyByDrawingSearch(n),l=s.getObject(o),{width:m,height:d}=l;l.getObjects().forEach(h=>{l.removeSelfObjectAndTransform(h.oKey,m,d)}),l.dispose(),i.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===T.default)return;const r=[];let s=Number.POSITIVE_INFINITY,i=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,l=Number.NEGATIVE_INFINITY,m=0;e.forEach(d=>{const{unitId:h,subUnitId:f,drawingId:p,drawingType:_}=d,v=this._drawingManagerService.getDrawingByParam({unitId:h,subUnitId:f,drawingId:p});if(v==null||v.transform==null)return;r.push({unitId:h,subUnitId:f,drawingId:p,drawingType:_,transform:v.transform});const{left:C=0,top:P=0,width:I=0,height:U=0}=v.transform;s=Math.min(s,C),i=Math.min(i,P),o=Math.max(o,C+I),l=Math.max(l,P+U),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,i,o,l,m))}_applyAlignType(t,n,e,r,s,i,o){const l=Math.round((s-e)/o*10)/10,m=Math.round((i-r)/o*10)/10,d=[],h=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(h==null)return;const{scene:f,transformer:p}=h;t.forEach((_,v)=>{const{unitId:C,subUnitId:P,drawingId:I,transform:U,drawingType:M}=_,{left:L=0,top:N=0,width:O=0,height:E=0}=U;let j=L,R=N;switch(n){case T.left:j=e;break;case T.center:j=e+(s-e)/2-O/2;break;case T.right:j=s-O;break;case T.top:R=r;break;case T.middle:R=r+(i-r)/2-E/2;break;case T.bottom:R=i-E;break;case T.horizon:j=e+l*v;break;case T.vertical:R=r+m*v;break}(j!==L||R!==N)&&d.push({unitId:C,subUnitId:P,drawingId:I,drawingType:M,transform:{left:j,top:R}})}),this._drawingManagerService.featurePluginUpdateNotification(d),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,i=r.transform,{left:o=0,top:l=0,width:m=0,height:d=0}=s,{left:h=0,top:f=0,width:p=0,height:_=0}=i;switch(n){case T.left:return o-h;case T.center:return o+m/2-(h+p/2);case T.right:return o+m-(h+p);case T.top:return l-f;case T.middle:return l+d/2-(f+_/2);case T.bottom:return l+d-(f+_);case T.horizon:return o+m/2-(h+p/2);case T.vertical:return l+d/2-(f+_/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:i}=s;r.forEach(o=>{const l=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:o}),m=i.fuzzyMathObjects(l,!0);if(m==null||m.length===0)return;const d=this._drawingManagerService.getDrawingOrder(n,e).indexOf(o);for(const h of m)h.setProps({zIndex:d}),h.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const i=this._getSceneAndTransformerByDrawingSearch(r);if(i==null)return;const{scene:o}=i;n.includes(o)||n.push(o)}),n.forEach(e=>{this._sceneListenerOnDrawingMap.has(e)||(this._addListenerOnDrawing(e),this._sceneListenerOnDrawingMap.add(e))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(n=>{var d;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const{scene:o}=i,l=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=o.fuzzyMathObjects(l,!0);if(m.length>0){for(const h of m)h.dispose();(d=o.getTransformer())==null||d.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{var O;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._drawingManagerService.getDrawingByParam(n);if(i==null)return;const{transform:o,drawingType:l}=i,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:d,transformer:h}=m;if(o==null)return!0;const{left:f=0,top:p=0,width:_=0,height:v=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:U=0,skewY:M=0}=o,L=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),N=d.getObject(L);if(N==null)return!0;N.transformByState({left:f,top:p,width:_,height:v,angle:C,flipX:P,flipY:I,skewX:U,skewY:M}),(O=d.getTransformer())==null||O.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:l}=o,{scene:m}=i,d=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),h=m.getObject(d);if(h==null||l==null)return!0;const{left:f=0,top:p=0,width:_=0,height:v=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:U=0,skewY:M=0}=l;h.transformByState({left:f,top:p,width:_,height:v,angle:C,flipX:P,flipY:I,skewX:U,skewY:M})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:i}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:l}=o,m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=l.getObject(m);if(d==null)return!0;i?d.show():d.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return u.checkIfMove(s,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(u.toDisposable(n.changeStart$.subscribe(r=>{const{objects:s}=r,i=Array.from(s.values()),o=[];e=i.map(l=>{const{left:m,top:d,height:h,width:f,angle:p,oKey:_,isInGroup:v}=l,C=this._drawingManagerService.getDrawingOKey(_);if(v||l instanceof y.Group){let P=l.ancestorGroup;if(P==null&&l instanceof y.Group&&(P=l),P==null)return null;const I=this._drawingManagerService.getDrawingOKey(P.oKey);if(I){const{unitId:U,subUnitId:M,drawingId:L}=I;o.push({unitId:U,subUnitId:M,drawingId:L});const{left:N,top:O,height:E,width:j,angle:R}=P;return{left:N,top:O,height:E,width:j,angle:R}}}else if(C!=null){const{unitId:P,subUnitId:I,drawingId:U}=C;return o.push({unitId:P,subUnitId:I,drawingId:U}),{left:m,top:d,height:h,width:f,angle:p}}return null}).filter(l=>l!=null),o.length>0?this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe(u.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s}=r,i=this._filterUpdateParams(ge(s,this._drawingManagerService),e);i.length>0&&this._drawingManagerService.featurePluginUpdateNotification(i)})))}};Ie=Nn([_e(0,u.IUniverInstanceService),_e(1,u.ICommandService),_e(2,y.IRenderManagerService),_e(3,D.IDrawingManagerService)],Ie);class ue extends y.Shape{constructor(n,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(n,e);Q(this,"_srcRect");Q(this,"_prstGeom");Q(this,"_applyTransform");Q(this,"_dragPadding",8);Q(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null||n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var l,m;const r=this.getScene().getEngine(),{width:s,height:i}=r;this._initialCacheCanvas(),(l=this._cacheCanvas)==null||l.clear();const o=(m=this._cacheCanvas)==null?void 0:m.getContext();o!=null&&(o.save(),y.Rect.drawWith(o,{left:0,top:0,width:s,height:i,fill:"rgba(0, 0, 0, 0.5)"}),o.setTransform(n.getTransform()),this._clipForApplyObject(o),this._applyCache(n),o.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:i=0,top:o=0,width:l=0,height:m=0,angle:d}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:_=0,right:v=0,bottom:C=0}=this._srcRect;n=p,e=_,r=v,s=C}const h=i+n,f=o+e;this.transformByState({left:h,top:f,width:i+l-r-h,height:o+m-s-f,angle:d})}_applyCache(n){if(!n||this._cacheCanvas==null)return;const e=this._cacheCanvas.getContext();e.save(),n.save(),n.setTransform(1,0,0,1,0,0),e.setTransform(1,0,0,1,0,0),n.drawImage(this._cacheCanvas.getCanvasEle(),0,0),n.restore(),e.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const n=this.getScene();if(n==null)return;this._cacheCanvas=new y.Canvas;const e=n.getEngine();this._cacheCanvas.setSize(e.width,e.height),e.onTransformChange$.subscribeEvent(()=>{var r;(r=this._cacheCanvas)==null||r.setSize(e.width,e.height),this.makeDirty(!0)})}}var En=Object.defineProperty,Tn=Object.getOwnPropertyDescriptor,Bn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Tn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&En(t,n,r),r},oe=(a,t)=>(n,e)=>t(n,e,a);let be=class extends u.Disposable{constructor(t,n,e,r,s,i){super();Q(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=i,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==me.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const s=r[0],{unitId:i,subUnitId:o,drawingId:l}=s,m=this._renderManagerService.getRenderById(i),d=m==null?void 0:m.scene;if(d==null)return!0;this._searchCropObject(d)!=null&&this._commandService.syncExecuteCommand(ee.id,{isAuto:!0});const f=D.getDrawingShapeKeyByDrawingSearch({unitId:i,subUnitId:o,drawingId:l}),p=d.getObject(f);if(!(p instanceof y.Image)){this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(ve.id,{unitId:i,subUnitId:o,drawingId:l}))}))}_calculateSrcRectByRatio(t,n,e,r,s,i){const o=e/r,l=s/i;let m=e,d=r;o>l?m=r*l:d=e/l;const h=(e-m)/2,f=(r-d)/2;return{left:y.precisionTo(h,1),top:y.precisionTo(f,1),right:y.precisionTo(e-(h+m),1),bottom:y.precisionTo(r-(f+d),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:i}=n.calculateTransformWithSrcRect();let o;switch(t){case G.R1_1:o=this._calculateSrcRectByRatio(e,r,s,i,1,1);break;case G.R16_9:o=this._calculateSrcRectByRatio(e,r,s,i,16,9);break;case G.R9_16:o=this._calculateSrcRectByRatio(e,r,s,i,9,16);break;case G.R5_4:o=this._calculateSrcRectByRatio(e,r,s,i,5,4);break;case G.R4_5:o=this._calculateSrcRectByRatio(e,r,s,i,4,5);break;case G.R4_3:o=this._calculateSrcRectByRatio(e,r,s,i,4,3);break;case G.R3_4:o=this._calculateSrcRectByRatio(e,r,s,i,3,4);break;case G.R3_2:o=this._calculateSrcRectByRatio(e,r,s,i,3,2);break;case G.R2_3:o=this._calculateSrcRectByRatio(e,r,s,i,2,3);break;case G.FREE:}if(o==null)return;n.setSrcRect(o);const{left:l=0,top:m=0,bottom:d=0,right:h=0}=o;n.transformByStateCloseCropper({left:e+l,top:r+m,width:s-h-l,height:i-d-m})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==ve.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:s}=n,i=this._renderManagerService.getRenderById(e),o=i==null?void 0:i.scene;if(o==null)return!0;if(this._sceneListenerOnImageMap.has(o)||(this._addListenerOnImage(o),this._sceneListenerOnImageMap.add(o)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=o.getObject(m);if(d==null)return;if(!(d instanceof y.Image)){this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const h=o.getTransformer();h==null||h.clearControls();const f=new ue(`${m}-crop`,{srcRect:d.srcRect,prstGeom:d.prstGeom,applyTransform:d.calculateTransformWithSrcRect()});o.addObject(f,d.getLayerIndex()+1).attachTransformerTo(f),h==null||h.createControlForCopper(f),this._addHoverForImageCopper(f),d.openRenderByCropper(),h==null||h.refreshControls(),f.makeDirty(!0),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjectsByOrder();for(const e of n)if(e instanceof ue)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==ee.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),i=s==null?void 0:s.scene;if(i==null)return!0;const o=this._searchCropObject(i);if(o==null)return;const l=this._getApplyObjectByCropObject(o);if(l==null)return;const m=i.getTransformerByCreate();m.detachFrom(o),m.clearCopperControl();const d=this._getSrcRectByTransformState(l,o),h=this._drawingManagerService.getDrawingOKey(l.oKey);if(h!=null){const{left:f,top:p,height:_,width:v}=o;this._drawingManagerService.featurePluginUpdateNotification([{...h,transform:{...h.transform,left:f,top:p,height:_,width:v},srcRect:d.srcRectAngle}])}l.setSrcRect({...d.srcRectAngle}),l.closeRenderByCropper(),l.makeDirty(!0),o==null||o.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(u.UniverInstanceType.UNIVER_SHEET).pipe(Ne.filter(n=>!!n),Ne.switchMap(n=>n.activeSheet$));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ee.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene();if(!r)return null;const s=r.getObject(e);return s==null?null:s}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,i=s.values().next().value;if(i==null||!(i instanceof ue))return;const{left:o,top:l,height:m,width:d,angle:h}=i;e={left:o,top:l,height:m,width:d,angle:h},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,i=s.values().next().value;if(i==null||!(i instanceof ue))return;const{left:o,top:l,height:m,width:d,angle:h}=i;if(!u.checkIfMove({left:o,top:l,height:m,width:d,angle:h},e))return;const f=this._getApplyObjectByCropObject(i);if(f==null)return;const p=this._getSrcRectByTransformState(f,i);i.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(i)})),this._endCropListener(t)}_addHoverForImageCopper(t){this.disposeWithMe(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=y.CURSOR_TYPE.MOVE})),this.disposeWithMe(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=y.CURSOR_TYPE.DEFAULT}))}_endCropListener(t){const n=t.getTransformerByCreate();this.disposeWithMe(n.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ee.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:i,strokeWidth:o,angle:l}=n,{left:m,top:d,width:h,height:f,angle:p,strokeWidth:_}=t,v=e-m,C=r-d,P={left:v,top:C,right:h-v-i,bottom:f-C-s},I={...P};if(p!==0){const U=e+i/2,M=r+s/2,L=new y.Vector2(U,M),N=h/2+m,O=f/2+d,E=new y.Vector2(N,O),j=new y.Vector2(m,d);j.rotateByPoint(y.degToRad(p),E);const R=j.clone();R.rotateByPoint(y.degToRad(-p),L);const W=e-R.x,H=r-R.y;I.left=W,I.top=H,I.right=h-W-i,I.bottom=f-H-s}return{srcRect:P,srcRectAngle:I}}};be=Bn([oe(0,u.ICommandService),oe(1,D.IDrawingManagerService),oe(2,y.IRenderManagerService),oe(3,u.IUniverInstanceService),oe(4,pe.IMessageService),oe(5,u.Inject(u.LocaleService))],be);var Un=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,An=(a,t,n,e)=>{for(var r=e>1?void 0:e?jn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&Un(t,n,r),r},te=(a,t)=>(n,e)=>t(n,e,a);let ye=class extends u.Disposable{constructor(a,t,n,e,r,s,i){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=i,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===De.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:i}=e,o=this._getSceneAndTransformerByDrawingSearch(r);if(o==null)return;const{scene:l}=o,m=D.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:i}),d=l.getObject(m);if(d==null)return!0;const h=this._drawingManagerService.getDrawingByParam(e);if(h==null)return!0;if(h.drawingType!==u.DrawingTypeEnum.DRAWING_IMAGE)return;d.resetSize();const{width:f,height:p}=d.getNativeSize();n.includes(l)===!1&&n.push(l),t.push({...h,transform:{...h.transform,height:p,width:f,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var m;const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n),i=(m=Ee(this._currentUniverService,n))==null?void 0:m.subUnitId;if(s==null||i!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const l=await this._drawingRenderService.renderImages(o,s.scene);if(!(l==null||l.length===0))for(const d of l)this._addHoverForImage(d),this._addDialogForImage(d)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:i,drawingType:o,srcRect:l,prstGeom:m,source:d,imageSourceType:h}=s;if(o!==u.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:_}=f;if(i==null)return!0;const v=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(v);if(C==null)return!0;C.setSrcRect(l),C.setPrstGeom(m)})}))}_addHoverForImage(a){this.disposeWithMe(u.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=y.CURSOR_TYPE.GRAB}))),this.disposeWithMe(u.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=y.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(u.toDisposable(a.onDblclick$.subscribeEvent(()=>{const t=`${a.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(t,a.getNative().src,a.getNativeSize().width,a.getNativeSize().height)})))}};ye=An([te(0,u.ICommandService),te(1,y.IRenderManagerService),te(2,D.IDrawingManagerService),te(3,pe.IDialogService),te(4,D.IImageIoService),te(5,u.IUniverInstanceService),te(6,u.Inject(b.DrawingRenderService))],ye);var Ln=Object.defineProperty,Rn=Object.getOwnPropertyDescriptor,Hn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Rn(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=(e?i(t,n,r):i(r))||r);return e&&r&&Ln(t,n,r),r},Ye=(a,t)=>(n,e)=>t(n,e,a);const Gn="UNIVER_DRAWING_UI_PLUGIN";b.UniverDrawingUIPlugin=(Me=class extends u.Plugin{constructor(t=Ke,n,e){super(),this._config=t,this._injector=n,this._configService=e;const{menu:r,...s}=u.merge({},Ke,this._config);r&&this._configService.setConfig("menu",r,{merge:!0}),this._configService.setConfig(In,s)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(Ie),this._injector.get(Se),this._injector.get(be),this._injector.get(ye)}_initDependencies(){[[b.DrawingRenderService],[Ie],[Se],[be],[ye]].forEach(n=>this._injector.add(n))}},Q(Me,"pluginName",Gn),Me),b.UniverDrawingUIPlugin=Hn([Ye(1,u.Inject(u.Injector)),Ye(2,u.IConfigService)],b.UniverDrawingUIPlugin),b.AutoImageCropOperation=me,b.COMPONENT_IMAGE_POPUP_MENU=ze,b.CloseImageCropOperation=ee,b.DrawingCommonPanel=_n,b.ImageCropperObject=ue,b.ImagePopupMenu=ke,b.ImageResetSizeOperation=De,b.OpenImageCropOperation=ve,b.SetDrawingAlignOperation=Ce,b.getUpdateParams=ge,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
11
3
 
12
4
 
13
5
  // @univerjs/docs-drawing/index
@@ -15,15 +7,7 @@
15
7
 
16
8
 
17
9
  // @univerjs/docs-drawing-ui/index
18
- (function(E,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@univerjs/docs-drawing"),require("@univerjs/drawing"),require("@univerjs/drawing-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("rxjs"),require("@univerjs/design"),require("react")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs-drawing","@univerjs/drawing","@univerjs/drawing-ui","@univerjs/engine-render","@univerjs/ui","@univerjs/docs","@univerjs/docs-ui","rxjs","@univerjs/design","react"],i):(E=typeof globalThis<"u"?globalThis:E||self,i(E.UniverDocsDrawingUi={},E.UniverCore,E.UniverDocsDrawing,E.UniverDrawing,E.UniverDrawingUi,E.UniverEngineRender,E.UniverUi,E.UniverDocs,E.UniverDocsUi,E.rxjs,E.UniverDesign,E.React))})(this,function(E,i,ee,W,Te,B,Z,k,X,pe,$,J){"use strict";var Ot=Object.defineProperty;var yt=(E,i,ee)=>i in E?Ot(E,i,{enumerable:!0,configurable:!0,writable:!0,value:ee}):E[i]=ee;var fe=(E,i,ee)=>yt(E,typeof i!="symbol"?i+"":i,ee);const xn="docs-drawing-ui.config",on={};var Rn=Object.defineProperty,Nn=Object.getOwnPropertyDescriptor,En=(a,e,n,t)=>{for(var r=t>1?void 0:t?Nn(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&Rn(e,n,r),r},be=(a,e)=>(n,t)=>e(n,t,a);function An(a){var t,r,o,s;if(i.JSONX.isNoop(a)||!Array.isArray(a))return null;const e=a.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&n.push({type:(t=c==null?void 0:c[1])!=null&&t.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else n.push({type:(o=e[2])!=null&&o.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function jn(a){if(!Array.isArray(a)||a.length<3||a[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<a.length;n++){const t=a[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let Ae=class extends i.Disposable{constructor(a,e,n,t,r){super(),this._univerInstanceService=a,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(a=>{if(a.id!==k.RichTextEditingMutation.id)return;const e=a.params,{unitId:n,actions:t}=e,r=An(t);if(r!=null)for(const{type:o,drawingId:s,drawing:c}of r)o==="add"?this._addDrawings(n,[c]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id!==k.RichTextEditingMutation.id)return;const e=a.params,{unitId:n,actions:t}=e;jn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{var s;if(a.id!==i.UndoCommand.id&&a.id!==i.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),r=t==null?void 0:t.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(a,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:o,redo:s,objects:c}=r;n.applyJson1(a,o,s),t.applyJson1(a,o,s),n.addNotification(c),t.addNotification(c)}_removeDrawings(a,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(d=>({unitId:a,subUnitId:a,drawingId:d}))),{subUnitId:o,redo:s,objects:c}=r;n.applyJson1(a,o,s),t.applyJson1(a,o,s),n.removeNotification(c),t.removeNotification(c)}_updateDrawingsOrder(a){const e=this._univerInstanceService.getUniverDocInstance(a);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,r=this._docDrawingService;t.setDrawingOrder(a,a,n),r.setDrawingOrder(a,a,n);const o={unitId:a,subUnitId:a,drawingIds:n};t.orderNotification(o),r.orderNotification(o)}};Ae=En([be(0,i.IUniverInstanceService),be(1,i.ICommandService),be(2,W.IDrawingManagerService),be(3,ee.IDocDrawingService),be(4,B.IRenderManagerService)],Ae);class je{constructor(){fe(this,"_refreshDrawings$",new pe.BehaviorSubject(null));fe(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var ie=(a=>(a.INLINE="inline",a.BEHIND_TEXT="behindText",a.IN_FRONT_OF_TEXT="inFrontOfText",a.WRAP_SQUARE="wrapSquare",a.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",a))(ie||{});const Ln={inline:i.PositionedObjectLayoutType.INLINE,wrapSquare:i.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:i.PositionedObjectLayoutType.WRAP_NONE,behindText:i.PositionedObjectLayoutType.WRAP_NONE};function sn(a,e,n,t,r,o,s){var v,h;const c=new i.TextX,d=i.JSONX.getInstance(),l=[],m=o.getSelfOrHeaderFooterModel(e).getBody(),f=o.getSelfOrHeaderFooterModel(a).getBody();if(m==null||f==null)return;const u=(h=(v=m.customBlocks)==null?void 0:v.find(w=>w.blockId===r))==null?void 0:h.startIndex;if(u!=null){if(t=Math.min(f.dataStream.length-2,t),a===e){if(t<u?(t>0&&c.push({t:i.TextXActionType.RETAIN,len:t}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:u-t}),c.push({t:i.TextXActionType.DELETE,len:1})):(u>0&&c.push({t:i.TextXActionType.RETAIN,len:u}),c.push({t:i.TextXActionType.DELETE,len:1}),t-u-1>0&&c.push({t:i.TextXActionType.RETAIN,len:t-u-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),t!==u){const w=X.getRichTextEditPath(o,e),I=d.editOp(c.serialize(),w);l.push(I)}}else{u>0&&c.push({t:i.TextXActionType.RETAIN,len:u}),c.push({t:i.TextXActionType.DELETE,len:1});let w=X.getRichTextEditPath(o,e),I=d.editOp(c.serialize(),w);l.push(I),c.empty(),t>0&&c.push({t:i.TextXActionType.RETAIN,len:t}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),w=X.getRichTextEditPath(o,a),I=d.editOp(c.serialize(),w),l.push(I),s.setSegment(a),s.setSegmentPage(n)}return l}}const cn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(a,e)=>{var A,H;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:r}=e,o=a.get(i.ICommandService),s=a.get(i.IUniverInstanceService),d=a.get(B.IRenderManagerService).getRenderById(r),l=d==null?void 0:d.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),m=d==null?void 0:d.with(k.DocSkeletonManagerService).getViewModel(),f=d==null?void 0:d.scene,u=s.getCurrentUniverDocInstance();if(u==null||l==null||f==null||m==null)return!1;const v=m.getEditArea(),h=f.getTransformerByCreate(),{pages:w,skeHeaders:I,skeFooters:D}=l,O=i.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const N of n){const{drawingId:S}=N,F=y[S].layoutType,z=Ln[t];if(F!==z){const C=O.replaceOp(["drawings",S,"layoutType"],F,z);T.push(C)}if(t==="behindText"||t==="inFrontOfText"){const C=y[S].behindDoc,R=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==R){const b=O.replaceOp(["drawings",S,"behindDoc"],C,R);T.push(b)}}if(t==="inline")continue;let L=null,q=0,_=0;for(const C of w){const{headerId:R,footerId:b,marginTop:U,marginLeft:V,marginBottom:M,pageWidth:j,pageHeight:Y}=C;switch(v){case B.DocumentEditArea.HEADER:{const G=(A=I.get(R))==null?void 0:A.get(j);G!=null&&G.skeDrawings.has(S)&&(L=G.skeDrawings.get(S),q=G.marginTop,_=V);break}case B.DocumentEditArea.FOOTER:{const G=(H=D.get(b))==null?void 0:H.get(j);G!=null&&G.skeDrawings.has(S)&&(L=G.skeDrawings.get(S),q=Y-M+G.marginTop,_=V);break}case B.DocumentEditArea.BODY:{C.skeDrawings.has(S)&&(L=C.skeDrawings.get(S),q=U,_=V);break}}if(L!=null)break}if(L!=null){const{aTop:C,aLeft:R}=L,b=y[S].docTransform.positionH;let U=R;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?U-=_:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(U-=L.columnLeft);const V={relativeFrom:b.relativeFrom,posOffset:U};if(b.posOffset!==V.posOffset){const G=O.replaceOp(["drawings",S,"docTransform","positionH"],b,V);T.push(G)}const M=y[S].docTransform.positionV;let j=C;M.relativeFrom===i.ObjectRelativeFromV.PAGE?j+=q:M.relativeFrom===i.ObjectRelativeFromV.LINE?j-=L.lineTop:M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(j-=L.blockAnchorTop);const Y={relativeFrom:M.relativeFrom,posOffset:j};if(M.posOffset!==Y.posOffset){const G=O.replaceOp(["drawings",S,"docTransform","positionV"],M,Y);T.push(G)}}}const x={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};x.params.actions=T.reduce((N,S)=>i.JSONX.compose(N,S),null);const P=o.syncExecuteCommand(x.id,x.params);return h.refreshControls(),!!P}},ln={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,dist:s,unitId:c}=e,d=i.JSONX.getInstance(),l=[],{drawings:m={}}=r.getSnapshot();for(const v of o){const{drawingId:h}=v;for(const[w,I]of Object.entries(s)){const D=m[h][w];if(D!==I){const O=d.replaceOp(["drawings",h,w],D,I);l.push(O)}}}const f={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=l.reduce((v,h)=>i.JSONX.compose(v,h),null),!!n.syncExecuteCommand(f.id,f.params)}},dn={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,wrapText:s,unitId:c}=e,d=i.JSONX.getInstance(),l=[],{drawings:m={}}=r.getSnapshot();for(const v of o){const{drawingId:h}=v,w=m[h].wrapText;if(w!==s){const I=d.replaceOp(["drawings",h,"wrapText"],w,s);l.push(I)}}const f={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return f.params.actions=l.reduce((v,h)=>i.JSONX.compose(v,h),null),!!n.syncExecuteCommand(f.id,f.params)}},Pe={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(i.ICommandService),t=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService).getRenderById(e.unitId),s=o==null?void 0:o.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),d=t.getCurrentUniverDocInstance();if(d==null)return!1;const{drawings:l,unitId:m}=e,f=i.JSONX.getInstance(),u=[],{drawings:v={}}=d.getSnapshot();for(const I of l){const{drawingId:D,key:O,value:T}=I,y=v[D].docTransform[O];if(!i.Tools.diffValue(y,T)){const x=f.replaceOp(["drawings",D,"docTransform",O],y,T);u.push(x)}}const h={id:k.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null,debounce:!0}};h.params.actions=u.reduce((I,D)=>i.JSONX.compose(I,D),null);const w=n.syncExecuteCommand(h.id,h.params);return c.refreshControls(),!!w}},mn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(a,e)=>{var H,N;if(e==null)return!1;const n=a.get(B.IRenderManagerService),t=(H=n.getRenderById(e.unitId))==null?void 0:H.with(X.DocSelectionRenderService),r=a.get(je),o=n.getRenderById(e.unitId),s=o==null?void 0:o.scene,c=o==null?void 0:o.with(k.DocSkeletonManagerService).getSkeleton();if(s==null||t==null)return!1;const d=s.getTransformerByCreate(),l=a.get(i.ICommandService),f=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(f==null)return!1;const{drawing:u,unitId:v,offset:h,segmentId:w,segmentPage:I,needRefreshDrawings:D}=e;if(D)return r.refreshDrawings(c),d.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(N=t.getSegment())!=null?N:"",x=sn(w,y,I,h,T,f,t);if(x==null||x.length===0)return r.refreshDrawings(c),d.refreshControls(),!1;O.push(...x);const P={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};P.params.actions=O.reduce((S,F)=>i.JSONX.compose(S,F),null);const A=l.syncExecuteCommand(P.id,P.params);return d.refreshControls(),!!A}},gn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(a,e)=>{var L,q;if(e==null)return!1;const n=a.get(B.IRenderManagerService),t=(L=n.getRenderById(e.unitId))==null?void 0:L.with(X.DocSelectionRenderService),r=n.getRenderById(e.unitId),o=r==null?void 0:r.scene;if(o==null||t==null)return!1;const s=o.getTransformerByCreate(),c=a.get(i.ICommandService),l=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:m,unitId:f,offset:u,docTransform:v,segmentId:h,segmentPage:w}=e,I=[],{drawingId:D}=m,O=(q=t.getSegment())!=null?q:"",T=sn(h,O,w,u,D,l,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=i.JSONX.getInstance(),{drawings:x={}}=l.getSnapshot(),P=x[D].docTransform,{positionH:A,positionV:H,size:N,angle:S}=P;if(!i.Tools.diffValue(A,v.positionH)){const _=y.replaceOp(["drawings",D,"docTransform","positionH"],A,v.positionH);I.push(_)}if(!i.Tools.diffValue(H,v.positionV)){const _=y.replaceOp(["drawings",D,"docTransform","positionV"],H,v.positionV);I.push(_)}if(!i.Tools.diffValue(N,v.size)){const _=y.replaceOp(["drawings",D,"docTransform","size"],N,v.size);I.push(_)}if(!i.Tools.diffValue(S,v.angle)){const _=y.replaceOp(["drawings",D,"docTransform","angle"],S,v.angle);I.push(_)}const F={id:k.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null,debounce:!0}};F.params.actions=I.reduce((_,C)=>i.JSONX.compose(_,C),null);const z=c.syncExecuteCommand(F.id,F.params);return s.refreshControls(),!!z}};var Fn=Object.defineProperty,Un=Object.getOwnPropertyDescriptor,Bn=(a,e,n,t)=>{for(var r=t>1?void 0:t?Un(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&Fn(e,n,r),r},Le=(a,e)=>(n,t)=>e(n,t,a);const kn="__InlineDrawingAnchor__";function un(a){const{path:e}=a;return e.some(n=>n==="cells")}let Fe=class extends i.Disposable{constructor(e,n,t,r){super();fe(this,"_liquid",new B.Liquid);fe(this,"_listenerOnImageMap",new Set);fe(this,"_transformerCache",new Map);fe(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var r;const n=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(n==null)return;this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(o=>{var c;this._transformerCache.clear();const{objects:s}=o;for(const d of s.values()){const{oKey:l,width:m,height:f,left:u,top:v,angle:h}=d,w=this._drawingManagerService.getDrawingOKey(l);if(w==null)continue;const I=this._univerInstanceService.getUniverDocInstance(w.unitId),D=(c=I==null?void 0:I.getSnapshot().drawings)==null?void 0:c[w.drawingId];(D==null?void 0:D.layoutType)===i.PositionedObjectLayoutType.INLINE&&d.setOpacity(.2),D!=null&&this._transformerCache.set(w.drawingId,{drawing:D,top:v,left:u,width:m,height:f,angle:h})}})));const t=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;if(s.size>1)t(s);else if(s.size===1){const l=this._transformerCache.values().next().value,m=s.values().next().value,{width:f,height:u,top:v,left:h,angle:w}=m;if(l&&f===l.width&&u===l.height&&v===l.top&&h===l.left&&w===l.angle)return;l&&(l.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&d!=null&&this._updateInlineDrawingAnchor(l.drawing,c,d)}}))),this.disposeWithMe(i.toDisposable(n.changeEnd$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;for(const l of s.values()){const m=this._drawingManagerService.getDrawingOKey(l.oKey);if(m==null)continue;const f=this._transformerCache.get(m==null?void 0:m.drawingId);(f==null?void 0:f.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE&&l.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const l=this._transformerCache.values().next().value,m=s.values().next().value,{width:f,height:u,top:v,left:h,angle:w}=m;if(l&&f===l.width&&u===l.height&&v===l.top&&h===l.left&&w===l.angle)return;l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?f!==l.width||u!==l.height||w!==l.angle?this._updateDrawingSize(l,m):c!=null&&d!=null&&this._moveInlineDrawing(l.drawing,c,d):l&&this._nonInlineDrawingTransform(l.drawing,m)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,r;for(const o of e.values()){const{oKey:s,left:c,top:d,angle:l}=o;let{width:m,height:f}=o;const u=this._drawingManagerService.getDrawingOKey(s);if(u==null)continue;t==null&&(t=u.unitId),r==null&&(r=u.subUnitId);const v=this._transformerCache.get(u.drawingId);if(v==null)continue;const{drawing:h,top:w,left:I,width:D,height:O,angle:T}=v,{width:y,height:x}=this._getPageContentSize(h);if(m=Math.min(m,y),f=Math.min(f,x),(D!==m||O!==f)&&n.push({drawingId:u.drawingId,key:"size",value:{width:m,height:f}}),T!==l&&n.push({drawingId:u.drawingId,key:"angle",value:l}),w!==d||I!==c){const P=d-w,A=c-I;P!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+P}}),A!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:h.docTransform.positionH.relativeFrom,posOffset:h.docTransform.positionH.posOffset+A}})}}n.length>0&&t&&r&&this._commandService.executeCommand(Pe.id,{unitId:t,subUnitId:r,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(o=this._getInlineDrawingAnchor(e,n,t))!=null?o:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,n,t){var L,q;const r=this._renderManagerService.getRenderById(e.unitId),o=r==null?void 0:r.with(k.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:c}=r,d=s,l=c.getViewports()[0],{pageLayoutType:m=B.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:u}=d.getOffsetConfig();let v=null,h=!1,w=-1,I="";const D=.5,O=this._getTransformCoordForDocumentOffset(d,l,n,t);if(O==null)return;const T=(L=this._renderManagerService.getRenderById(e.unitId))==null?void 0:L.with(X.DocSelectionRenderService);if(T==null)return;const y=o==null?void 0:o.findNodeByCoord(O,m,f,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:_,ratioX:C,segmentPage:R,segmentId:b}=y;h=C<D,v=_,w=R,I=b}if(v==null)return;const x=o==null?void 0:o.findPositionByGlyph(v,w),P=this._getDocObject();if(x==null||o==null||P==null||un(x))return;const A={...x,isBack:h},H=P.document.getOffsetConfig(),N=new X.NodePositionConvertToCursor(H,o),{cursorList:S,contentBoxPointGroup:F}=N.getRangePointData(A,A),{startOffset:z}=(q=X.getOneTextSelectionRange(S))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:F,segmentId:I,segmentPage:w}}_getDrawingAnchor(e,n){var ge,ue,ce,he,ve,_e,De,Ie,le,de,Ce;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),o=r==null?void 0:r.getSkeletonData();if(o==null||t==null)return;const{pages:s,skeHeaders:c,skeFooters:d}=o,{mainComponent:l,scene:m}=t,f=l,u=m.getViewports()[0],{pageLayoutType:v=B.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:w,docsLeft:I,docsTop:D}=f.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:x,height:P}=n;const{positionV:A,positionH:H}=e.docTransform,{width:N,height:S}=this._getPageContentSize(e);x=Math.min(x,N),P=Math.min(P,S);let F=null,z="",L=-1;const q=!1,_={...e.docTransform,size:{width:x,height:P},angle:y},{x:C,y:R}=m.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(f,u,O-C,T-R);if(b==null)return;const U=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(X.DocSelectionRenderService);if(U==null)return;const V=r==null?void 0:r.findNodeByCoord(b,v,h,w,{strict:!1,segmentId:U.getSegment(),segmentPage:U.getSegmentPage()});if(V){const{node:me,segmentPage:an,segmentId:rn}=V;F=me,L=an,z=rn}if(F==null)return;const M=(ue=F.parent)==null?void 0:ue.parent,j=M==null?void 0:M.parent,Y=(ce=j==null?void 0:j.lines.find(me=>me.paragraphIndex===(M==null?void 0:M.paragraphIndex)&&me.paragraphStart))!=null?ce:j==null?void 0:j.lines[0],G=(he=j==null?void 0:j.parent)==null?void 0:he.parent;if(M==null||j==null||Y==null||G==null)return;this._liquid.reset();const Q=G.type;for(const me of s){const{headerId:an,footerId:rn,pageHeight:Dt,pageWidth:Pn,marginLeft:Mn,marginBottom:Ct}=me,Tt=s.indexOf(me);if(L>-1&&Tt===L){switch(Q){case B.DocumentSkeletonPageType.HEADER:{const Ee=(ve=c.get(an))==null?void 0:ve.get(Pn);if(Ee)this._liquid.translatePagePadding({marginTop:Ee.marginTop,marginLeft:Mn});else throw new Error("header skeleton not found");break}case B.DocumentSkeletonPageType.FOOTER:{const Ee=(_e=d.get(rn))==null?void 0:_e.get(Pn);if(Ee)this._liquid.translatePagePadding({marginTop:Dt-Ct+Ee.marginTop,marginLeft:Mn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(me),me===G)break;this._liquid.restorePagePadding(me),this._liquid.translatePage(me,v,h,w)}switch(A.relativeFrom===i.ObjectRelativeFromV.LINE?F=M.divides[0].glyphGroup[0]:F=(de=(le=(Ie=(De=Y.divides)==null?void 0:De[0])==null?void 0:Ie.glyphGroup)==null?void 0:le[0])!=null?de:F,_.positionH={relativeFrom:H.relativeFrom,posOffset:O-this._liquid.x-I},H.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=O-this._liquid.x-I-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=O-this._liquid.x-I-j.left;break}}switch(_.positionV={relativeFrom:A.relativeFrom,posOffset:T-this._liquid.y-D},A.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=T-this._liquid.y-D-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=T-this._liquid.y-D-M.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=T-this._liquid.y-D-Y.top;break}}if(F==null)return;const oe=r==null?void 0:r.findPositionByGlyph(F,L),ye=this._getDocObject();if(oe==null||r==null||ye==null||un(oe))return;const Se={...oe,isBack:q},Ne=ye.document.getOffsetConfig(),se=new X.NodePositionConvertToCursor(Ne,r),{cursorList:ne}=se.getRangePointData(Se,Se),{startOffset:te}=(Ce=X.getOneTextSelectionRange(ne))!=null?Ce:{};if(te!=null)return{offset:te,docTransform:_,segmentId:z,segmentPage:L}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:o,height:s,angle:c}=e,{unitId:d,subUnitId:l}=r;let{width:m,height:f,angle:u}=n;const{width:v,height:h}=this._getPageContentSize(r);m=Math.min(v,m),f=Math.min(h,f),(m!==o||f!==s)&&t.push({drawingId:r.drawingId,key:"size",value:{width:m,height:f}}),u!==c&&t.push({drawingId:r.drawingId,key:"angle",value:u}),t.length>0&&d&&l&&this._commandService.executeCommand(Pe.id,{unitId:d,subUnitId:l,drawings:t})}_moveInlineDrawing(e,n,t){const r=this._getInlineDrawingAnchor(e,n,t),{offset:o,segmentId:s,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(mn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,segmentId:s,segmentPage:c,needRefreshDrawings:o==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:r,top:o,width:s,height:c,angle:d}=n,l=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),m=l==null?void 0:l.getSkeletonData(),{pages:f}=m!=null?m:{};if(m==null||t==null||f==null)return{left:r,top:o,width:s,height:c,angle:d};const{mainComponent:u}=t,v=u,{top:h,pageLayoutType:w,pageMarginLeft:I,pageMarginTop:D}=v;let O=o;this._liquid.reset();for(const T of f){const{marginBottom:y,pageHeight:x}=T,P=f.indexOf(T),A=f[P+1];if(A==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+h+x-y,this._liquid.y+h+x+D+A.marginTop)){const N=o+c/2,S=this._liquid.y+h+x+D/2;N<S?O=Math.min(o,this._liquid.y+h+x-y-c):O=Math.max(o,this._liquid.y+h+x+D+A.marginTop)}this._liquid.translatePage(T,w,I,D)}return{left:r,top:O,width:s,height:c,angle:d}}_nonInlineDrawingTransform(e,n,t=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&r.top!==n.top)return;const o=this._getDrawingAnchor(e,r),{offset:s,docTransform:c,segmentId:d,segmentPage:l}=o!=null?o:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(gn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:c,segmentId:d,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const r=t.getTransformerByCreate();return{scene:t,transformer:r}}_getTransformCoordForDocumentOffset(e,n,t,r){const{documentTransform:o}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(B.Vector2.FromArray([t,r]));if(s)return o.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:r,scene:o}=t,s=r,{docsLeft:c,docsTop:d}=s.getOffsetConfig(),l=X.getAnchorBounding(n),{left:m,top:f,height:u}=l,v=m+c,h=f+d;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:h,height:u}),this._anchorShape.show();return}const w=6,I=new B.Rect(kn+i.Tools.generateRandomId(w),{left:v,top:h,height:u,strokeWidth:2,stroke:B.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=I,o.addObject(I,X.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return X.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),r=500,o=500,s=t==null?void 0:t.getSkeletonData();if(s==null||n==null)return{width:r,height:o};const{pages:c}=s;let d=null;for(const l of c){const{skeDrawings:m}=l;if(m.has(e.drawingId)){d=l;break}}if(d){const{pageWidth:l,pageHeight:m,marginLeft:f,marginBottom:u,marginRight:v,marginTop:h}=d;return{width:Math.max(r,l-f-v),height:Math.max(o,m-h-u)}}else return{width:r,height:o}}};Fe=Bn([Le(0,i.ICommandService),Le(1,i.IUniverInstanceService),Le(2,W.IDrawingManagerService),Le(3,B.IRenderManagerService)],Fe);var ae=function(){return ae=Object.assign||function(a){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(a[r]=e[r])}return a},ae.apply(this,arguments)},Hn=function(a,e){var n={};for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&e.indexOf(t)<0&&(n[t]=a[t]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(a);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(a,t[r])&&(n[t[r]]=a[t[r]]);return n},fn=J.forwardRef(function(a,e){var n=a.icon,t=a.id,r=a.className,o=a.extend,s=Hn(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=J.useRef("_".concat(Wn()));return pn(n,"".concat(t),{defIds:n.defIds,idSuffix:d.current},ae({ref:e,className:c},s),o)});function pn(a,e,n,t,r){return J.createElement(a.tag,ae(ae({key:e},Vn(a,n,r)),t),(Gn(a,n).children||[]).map(function(o,s){return pn(o,"".concat(e,"-").concat(a.tag,"-").concat(s),n,void 0,r)}))}function Vn(a,e,n){var t=ae({},a.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var r=e.defIds;return!r||r.length===0||(a.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function Gn(a,e){var n,t=e.defIds;return!t||t.length===0?a:a.tag==="defs"&&(!((n=a.children)===null||n===void 0)&&n.length)?ae(ae({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?ae(ae({},r),{attrs:ae(ae({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):a}function Wn(){return Math.random().toString(36).substring(2,8)}fn.displayName="UniverIcon";var Xn={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"}}]},hn=J.forwardRef(function(a,e){return J.createElement(fn,Object.assign({},a,{id:"add-image-single",ref:e,icon:Xn}))});hn.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{var x,P,A,H;const n=a.get(i.ICommandService),t=a.get(i.IUniverInstanceService),r=a.get(B.IRenderManagerService),o=t.getCurrentUniverDocInstance();if(e==null||o==null)return!1;const s=r.getRenderById(e.unitId).with(X.DocSelectionRenderService),{drawings:c}=e,d=(x=s.getSegment())!=null?x:"",l=new i.TextX,m=i.JSONX.getInstance(),f=(A=(P=o.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:P.customBlocks)!=null?A:[],u=c.map(N=>f.find(S=>S.blockId===N.drawingId)).filter(N=>!!N).sort((N,S)=>N.startIndex>S.startIndex?1:-1),v=c[0].unitId,h=new i.MemoryCursor;h.reset();const w=u[0].startIndex,I=[{startOffset:w,endOffset:w}],D={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const N of u){const{startIndex:S}=N;S>h.cursor&&l.push({t:i.TextXActionType.RETAIN,len:S-h.cursor}),l.push({t:i.TextXActionType.DELETE,len:1}),h.moveCursorTo(S+1)}const T=X.getRichTextEditPath(o,d);O.push(m.editOp(l.serialize(),T));for(const N of u){const{blockId:S}=N,F=((H=o.getDrawings())!=null?H:{})[S],L=o.getDrawingsOrder().indexOf(S),q=m.removeOp(["drawings",S],F),_=m.removeOp(["drawingsOrder",L],S);O.push(q),O.push(_)}return D.params.actions=O.reduce((N,S)=>i.JSONX.compose(N,S),null),!!n.syncExecuteCommand(D.id,D.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:a=>{const e=a.get(i.ICommandService),t=a.get(ee.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:r}=t[0],o=t.map(s=>{const{unitId:c,subUnitId:d,drawingId:l,drawingType:m}=s;return{unitId:c,subUnitId:d,drawingId:l,drawingType:m}});return e.executeCommand(Ue.id,{unitId:r,drawings:o})}},ze={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const n=a.get(ee.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:r,children:o})=>{t.push(r.unitId),o.forEach(s=>{t.push(s.unitId)})}),n.getGroupDrawingOp(e),!1}},qe={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{var P,A,H,N;if(e==null)return!1;const n=a.get(i.ICommandService),t=a.get(k.DocSelectionManagerService),r=a.get(i.IUniverInstanceService),o=t.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(o==null||s==null)return!1;const c=s.getUnitId(),{drawings:d}=e,{collapsed:l,startOffset:m,segmentId:f}=o,u=s.getSelfOrHeaderFooterModel(f).getBody();if(u==null)return!1;const v=new i.TextX,h=i.JSONX.getInstance(),w=[],I=(A=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?A:0;let D=0;if(l)m>0&&v.push({t:i.TextXActionType.RETAIN,len:m});else{const S=i.BuildTextUtils.selection.delete([o],u,0,null,!1);v.push(...S);const F=X.getCustomBlockIdsInSelections(u,[o]),z=(H=s.getDrawings())!=null?H:{},L=(N=s.getDrawingsOrder())!=null?N:[],q=F.sort((_,C)=>L.indexOf(_)>L.indexOf(C)?-1:L.indexOf(_)<L.indexOf(C)?1:0);if(q.length>0)for(const _ of q){const C=z[_],R=L.indexOf(_);if(C==null||R<0)continue;const b=h.removeOp(["drawings",_],C),U=h.removeOp(["drawingsOrder",R],_);w.push(b),w.push(U),D++}}v.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(d.length),customBlocks:d.map((S,F)=>({startIndex:F,blockId:S.drawingId}))},len:d.length});const O=X.getRichTextEditPath(s,f),T=h.editOp(v.serialize(),O);w.push(T);for(const S of d){const{drawingId:F}=S,z=h.insertOp(["drawings",F],S),L=h.insertOp(["drawingsOrder",I-D],F);w.push(z),w.push(L)}const y={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return y.params.actions=w.reduce((S,F)=>i.JSONX.compose(S,F),null),!!n.syncExecuteCommand(y.id,y.params)}},Je={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(i.ICommandService),t=a.get(ee.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:o,drawingIds:s,arrangeType:c}=e,d={unitId:r,subUnitId:o,drawingIds:s};let l;if(c===i.ArrangeTypeEnum.forward?l=t.getForwardDrawingsOp(d):c===i.ArrangeTypeEnum.backward?l=t.getBackwardDrawingOp(d):c===i.ArrangeTypeEnum.front?l=t.getFrontDrawingsOp(d):c===i.ArrangeTypeEnum.back&&(l=t.getBackDrawingsOp(d)),l==null)return!1;const{redo:m}=l;if(m==null)return!1;const f=[];let u=i.Tools.deepClone(m);u=u.slice(3),u.unshift("drawingsOrder"),f.push(u);const v={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return v.params.actions=f.reduce((w,I)=>i.JSONX.compose(w,I),null),!!n.syncExecuteCommand(v.id,v.params)}},Ke={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const n=a.get(ee.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:r,children:o})=>{t.push(r.unitId),o.forEach(s=>{t.push(s.unitId)})}),n.getUngroupDrawingOp(e),!1}};var zn=Object.defineProperty,qn=Object.getOwnPropertyDescriptor,Jn=(a,e,n,t)=>{for(var r=t>1?void 0:t?qn(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&zn(e,n,r),r},re=(a,e)=>(n,t)=>e(n,t,a);let Be=class extends i.Disposable{constructor(a,e,n,t,r,o,s,c,d,l,m,f,u){super(),this._context=a,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=r,this._docDrawingService=o,this._drawingManagerService=s,this._contextService=c,this._messageService=d,this._localeService=l,this._docSelectionRenderService=m,this._docRefreshDrawingsService=f,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const a=await this._fileOpenerService.openFile({multiple:!0,accept:W.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=a.length;return e>W.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(W.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(a),!0)}async _insertFloatImages(a){let e=[];try{e=await Promise.all(a.map(r=>this._imageIoService.saveImage(r)))}catch(r){const o=r.message;let s="";switch(o){case W.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(W.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case W.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case W.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:$.MessageType.Error,content:s})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const r of e){if(r==null)continue;const{imageId:o,imageSourceType:s,source:c,base64Cache:d}=r,{width:l,height:m,image:f}=await W.getImageSize(d||"");this._imageIoService.addImageSourceCache(o,s,f);let u=1;if(l>W.DRAWING_IMAGE_WIDTH_LIMIT||m>W.DRAWING_IMAGE_HEIGHT_LIMIT){const I=W.DRAWING_IMAGE_WIDTH_LIMIT/l,D=W.DRAWING_IMAGE_HEIGHT_LIMIT/m;u=Math.min(I,D)}const v=this._getImagePosition(l*u,m*u);if(v==null)return;const h={unitId:n,subUnitId:n,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:X.docDrawingPositionToTransform(v),docTransform:v,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=i.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),t.push(h)}this._commandService.executeCommand(qe.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:a}=this._context,e=(t=this._renderManagerSrv.getRenderById(a))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===B.DocumentEditArea.HEADER||n===B.DocumentEditArea.FOOTER}_getImagePosition(a,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0,top:0};return{size:{width:a,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(a=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r}=a;this._commandService.executeCommand(Je.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(a=>{this._commandService.executeCommand(ze.id,a)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(a=>{this._commandService.executeCommand(Ke.id,a)})}_getCurrentSceneAndTransformer(){const{scene:a,mainComponent:e}=this._context;if(a==null||e==null)return;const n=a.getTransformerByCreate(),{docsLeft:t,docsTop:r}=e.getOffsetConfig();return{scene:a,transformer:n,docsLeft:t,docsTop:r}}_transformDrawingListener(){const a=this._getCurrentSceneAndTransformer();if(a&&a.transformer)this.disposeWithMe(a.transformer.changeEnd$.pipe(pe.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(a=>{var r;const{transformer:e,docsLeft:n,docsTop:t}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(a==null||a.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(a),this._setDrawingSelections(a);const o=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(a[0].drawingId);o!==s&&this._docSelectionRenderService.setSegment(s),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(a){var s,c,d;const{unit:e}=this._context,{body:n,headers:t={},footers:r={}}=e.getSnapshot();if(((s=n==null?void 0:n.customBlocks)!=null?s:[]).some(l=>l.blockId===a))return"";for(const l of Object.keys(t))if((c=t[l].body.customBlocks)!=null&&c.some(m=>m.blockId===a))return l;for(const l of Object.keys(r))if((d=r[l].body.customBlocks)!=null&&d.some(m=>m.blockId===a))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:a,scene:e,unitId:n}=this._context,t=(c=this._renderManagerSrv.getRenderById(n))==null?void 0:c.with(k.DocSkeletonManagerService).getViewModel();if(t==null||a==null)return;const r=a.getSnapshot(),{drawings:o={}}=r,s=t.getEditArea()===B.DocumentEditArea.BODY;for(const d of Object.keys(o)){const l=o[d],m=W.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:l.drawingId,subUnitId:n}),f=e.fuzzyMathObjects(m,!0);if(f.length)for(const u of f)e.detachTransformerFrom(u),u.setOpacity(.5),(s&&l.isMultiTransform!==i.BooleanNumber.TRUE||!s&&l.isMultiTransform===i.BooleanNumber.TRUE)&&(e.attachTransformerTo(u),u.setOpacity(1))}}_editAreaChangeListener(){var n;const{unitId:a}=this._context,e=(n=this._renderManagerSrv.getRenderById(a))==null?void 0:n.with(k.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(t=>{t!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async t=>{t.id===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(a){var r,o;const{unit:e}=this._context,n=(o=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?o:[],t=a.map(s=>{const c=s.drawingId,d=n.find(l=>l.blockId===c);return d?d.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Be=Jn([re(1,i.ICommandService),re(2,i.Inject(k.DocSelectionManagerService)),re(3,B.IRenderManagerService),re(4,W.IImageIoService),re(5,ee.IDocDrawingService),re(6,W.IDrawingManagerService),re(7,i.IContextService),re(8,Z.IMessageService),re(9,i.Inject(i.LocaleService)),re(10,i.Inject(X.DocSelectionRenderService)),re(11,i.Inject(je)),re(12,Z.ILocalFileService)],Be);const $e={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:a=>{var n,t;return(t=(n=a.get(B.IRenderManagerService).getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(Be).insertDocImage())!=null?t:!1}},Oe={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(i.ICommandService),t=a.get(ee.IDocDrawingService),r=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService),{direction:s}=e,c=t.getFocusDrawings();if(c.length===0)return!1;const d=c[0].unitId,l=o.getRenderById(d),m=l==null?void 0:l.scene;if(m==null)return!1;const f=m.getTransformerByCreate(),u=r.getUniverDocInstance(d),v=c.map(w=>{var P,A,H,N,S;const{drawingId:I}=w,D=(P=u==null?void 0:u.getSnapshot().drawings)==null?void 0:P[I];if(D==null||D.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=D.docTransform,y={...O},x={...T};return s===i.Direction.UP?x.posOffset=((A=x.posOffset)!=null?A:0)-2:s===i.Direction.DOWN?x.posOffset=((H=x.posOffset)!=null?H:0)+2:s===i.Direction.LEFT?y.posOffset=((N=y.posOffset)!=null?N:0)-2:s===i.Direction.RIGHT&&(y.posOffset=((S=y.posOffset)!=null?S:0)+2),{drawingId:I,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?x:y}}).filter(w=>w!=null);if(v.length===0)return!1;const h=n.syncExecuteCommand(Pe.id,{unitId:d,subUnitId:d,drawings:v});return f.refreshControls(),!!h}},vn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(a,e)=>{const n=a.get(B.IRenderManagerService);return e.forEach(t=>{var r,o;(o=(r=n.getRenderById(t))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},In="COMPONENT_DOC_DRAWING_PANEL",Ye={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(a,e)=>{const n=a.get(Z.ISidebarService),t=a.get(i.LocaleService),r=a.get(W.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:In},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Ze={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(a,e)=>{const n=a.get(W.IDrawingManagerService),t=a.get(i.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Ye.id,{value:"open"}),!0)}};var Qe={exports:{}},Me={};/**
19
- * @license React
20
- * react-jsx-runtime.production.min.js
21
- *
22
- * Copyright (c) Facebook, Inc. and its affiliates.
23
- *
24
- * This source code is licensed under the MIT license found in the
25
- * LICENSE file in the root directory of this source tree.
26
- */var wn;function Kn(){if(wn)return Me;wn=1;var a=J,e=Symbol.for("react.element"),n=Symbol.for("react.fragment"),t=Object.prototype.hasOwnProperty,r=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function s(c,d,l){var m,f={},u=null,v=null;l!==void 0&&(u=""+l),d.key!==void 0&&(u=""+d.key),d.ref!==void 0&&(v=d.ref);for(m in d)t.call(d,m)&&!o.hasOwnProperty(m)&&(f[m]=d[m]);if(c&&c.defaultProps)for(m in d=c.defaultProps,d)f[m]===void 0&&(f[m]=d[m]);return{$$typeof:e,type:c,key:u,ref:v,props:f,_owner:r.current}}return Me.Fragment=n,Me.jsx=s,Me.jsxs=s,Me}var Sn;function $n(){return Sn||(Sn=1,Qe.exports=Kn()),Qe.exports}var g=$n();function _n(a){var e,n,t="";if(typeof a=="string"||typeof a=="number")t+=a;else if(typeof a=="object")if(Array.isArray(a)){var r=a.length;for(e=0;e<r;e++)a[e]&&(n=_n(a[e]))&&(t&&(t+=" "),t+=n)}else for(n in a)a[n]&&(t&&(t+=" "),t+=n);return t}function K(){for(var a,e,n=0,t="",r=arguments.length;n<r;n++)(a=arguments[n])&&(e=_n(a))&&(t&&(t+=" "),t+=e);return t}const p={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",sheetImageMenu:"univer-sheet-image-menu",sheetImageMenuInput:"univer-sheet-image-menu-input"},Dn=-1e3,Cn=1e3,Yn=a=>{const e=i.useDependency(i.ICommandService),n=i.useDependency(i.LocaleService),t=i.useDependency(W.IDrawingManagerService),r=i.useDependency(B.IRenderManagerService),o=i.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return;const{unitId:d}=c,l=o.getUniverDocInstance(d),m=l==null?void 0:l.getSnapshot().documentStyle.documentFlavor,f=r.getRenderById(d),u=f==null?void 0:f.scene;if(u==null)return;const v=u.getTransformerByCreate(),h=[{label:n.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],w=[{label:n.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:m===i.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:m===i.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:m===i.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[I,D]=J.useState(!0),[O,T]=J.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[y,x]=J.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[P,A]=J.useState(!0),[H,N]=J.useState(!0);function S(C,R){var M;C==="positionH"?T(R):x(R);const b=t.getFocusDrawings();if(b.length===0)return;const U=b.map(j=>({unitId:j.unitId,subUnitId:j.subUnitId,drawingId:j.drawingId}));e.executeCommand(Pe.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:U.map(j=>({drawingId:j.drawingId,key:C,value:R}))});const V=(M=r.getRenderById(d))==null?void 0:M.with(X.DocSelectionRenderService);V&&V.blur(),v.refreshControls()}function F(C){var te,ge,ue;const R=O.relativeFrom,b=O.posOffset,U=Number(C);if(R===U)return;const V=t.getFocusDrawings();if(V.length===0)return;const M=V[0].drawingId,j=V[0].unitId;let Y=null,G=0;const Q=(te=r.getRenderById(j))==null?void 0:te.with(k.DocSkeletonManagerService).getSkeleton(),oe=Q==null?void 0:Q.getSkeletonData();if(oe==null)return;const{pages:ye,skeHeaders:Se,skeFooters:Ne}=oe;for(const ce of ye){const{marginLeft:he,skeDrawings:ve,headerId:_e,footerId:De,pageWidth:Ie}=ce;if(ve.has(M)){Y=ve.get(M),G=he;break}const le=(ge=Se.get(_e))==null?void 0:ge.get(Ie);if(le!=null&&le.skeDrawings.has(M)){Y=le==null?void 0:le.skeDrawings.get(M),G=he;break}const de=(ue=Ne.get(De))==null?void 0:ue.get(Ie);if(de!=null&&de.skeDrawings.has(M)){Y=de==null?void 0:de.skeDrawings.get(M),G=he;break}}if(Y==null)return;let se=0;R===i.ObjectRelativeFromH.COLUMN?se-=Y.columnLeft:R===i.ObjectRelativeFromH.MARGIN&&(se-=G),U===i.ObjectRelativeFromH.COLUMN?se+=Y.columnLeft:U===i.ObjectRelativeFromH.MARGIN?se+=G:i.ObjectRelativeFromH.PAGE;const ne={relativeFrom:U,posOffset:(b!=null?b:0)-se};S("positionH",ne)}function z(C){var ve,_e,De,Ie,le,de;const R=y.relativeFrom,b=y.posOffset,U=Number(C);if(R===U)return;const V=t.getFocusDrawings();if(V.length===0)return;const{drawingId:M,unitId:j}=V[0],Y=o.getUniverDocInstance(j),G=(ve=r.getRenderById(j))==null?void 0:ve.with(k.DocSkeletonManagerService).getSkeleton(),Q=(_e=r.getRenderById(j))==null?void 0:_e.with(X.DocSelectionRenderService),oe=Q==null?void 0:Q.getSegment(),ye=Q==null?void 0:Q.getSegmentPage(),Se=(Ie=(De=Y==null?void 0:Y.getSelfOrHeaderFooterModel(oe).getBody())==null?void 0:De.customBlocks)==null?void 0:Ie.find(Ce=>Ce.blockId===M);if(Se==null||G==null||Q==null)return;const{startIndex:Ne}=Se,se=G.findNodeByCharIndex(Ne,oe,ye),ne=(le=se==null?void 0:se.parent)==null?void 0:le.parent,te=ne==null?void 0:ne.parent,ge=te==null?void 0:te.lines.find(Ce=>Ce.paragraphIndex===(ne==null?void 0:ne.paragraphIndex)&&Ce.paragraphStart),ue=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(se==null||ne==null||ge==null||te==null||ue==null)return;let ce=0;R===i.ObjectRelativeFromV.PARAGRAPH?ce-=ge.top:R===i.ObjectRelativeFromV.LINE?ce-=ne.top:R===i.ObjectRelativeFromV.PAGE&&(ce+=ue.marginTop),U===i.ObjectRelativeFromV.PARAGRAPH?ce+=ge.top:U===i.ObjectRelativeFromV.LINE?ce+=ne.top:U===i.ObjectRelativeFromV.PAGE&&(ce-=ue.marginTop);const he={relativeFrom:U,posOffset:(b!=null?b:0)-ce};S("positionV",he)}function L(C){var j;const R=l==null?void 0:l.getSnapshot(),b=(j=R==null?void 0:R.drawings)==null?void 0:j[C.drawingId];if(b==null)return;const{layoutType:U}=b,{positionH:V,positionV:M}=b.docTransform;T(V),x(M),D(U===i.PositionedObjectLayoutType.INLINE),A(M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||M.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const C=t.getFocusDrawings();C.length!==0&&L(C[0])}function _(C){A(C),z(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return J.useEffect(()=>{q();const C=t.focus$.subscribe(b=>{if(b.length===0){N(!1);return}N(!0),L(b[0])}),R=e.onCommandExecuted(async b=>{b.id===k.RichTextEditingMutation.id&&q()});return()=>{C.unsubscribe(),R.dispose()}},[]),g.jsxs("div",{className:K(p.imageCommonPanelGrid,p.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-position.title")})})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.horizontal")})})}),g.jsxs("div",{className:p.imageCommonPanelRow,children:[g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.InputNumber,{min:Dn,max:Cn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{S("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:p.imageCommonPanelInput})})})]})}),g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.Select,{value:String(O.relativeFrom),disabled:I,options:h,onChange:F})})})]})})]}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.vertical")})})}),g.jsxs("div",{className:p.imageCommonPanelRow,children:[g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.InputNumber,{min:Dn,max:Cn,precision:1,disabled:I,value:y.posOffset,onChange:C=>{S("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:p.imageCommonPanelInput})})})]})}),g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.Select,{disabled:I,value:String(y.relativeFrom),options:w,onChange:z})})})]})})]}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.options")})})}),g.jsx("div",{className:p.imageCommonPanelRow,style:{marginBottom:"50px"},children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.Checkbox,{disabled:I,checked:P,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},ke=0,He=100,Zn=a=>{const e=i.useDependency(i.ICommandService),n=i.useDependency(i.LocaleService),t=i.useDependency(W.IDrawingManagerService),r=i.useDependency(B.IRenderManagerService),o=i.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return null;const{unitId:d}=c,l=o.getUniverDocInstance(d),m=r.getRenderById(d);if((m==null?void 0:m.scene)==null)return null;const[u,v]=J.useState(!0),[h,w]=J.useState(!0),[I,D]=J.useState(!0),[O,T]=J.useState(ie.INLINE),[y,x]=J.useState(""),[P,A]=J.useState({distT:0,distL:0,distB:0,distR:0}),[H,N]=J.useState(!0);function S(_){T(_);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:R,subUnitId:b}=C[0],U=C.map(({unitId:V,subUnitId:M,drawingId:j})=>({unitId:V,subUnitId:M,drawingId:j}));e.executeCommand(cn.id,{unitId:R,subUnitId:b,drawings:U,wrappingStyle:_})}function F(_){x(_);const C=t.getFocusDrawings();if(C.length===0)return;const R=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(dn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:R,wrapText:_})}function z(_,C){if(_==null)return;const R={...P,[C]:_};A(R);const b=t.getFocusDrawings();if(b.length===0)return;const U=b.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(ln.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:U,dist:{[C]:_}})}function L(){const _=t.getFocusDrawings();_.length!==0&&q(_[0])}function q(_){var Q,oe;const C=(oe=(Q=l==null?void 0:l.getSnapshot())==null?void 0:Q.drawings)==null?void 0:oe[_.drawingId];if(C==null)return;const{distT:R=0,distL:b=0,distB:U=0,distR:V=0,layoutType:M=i.PositionedObjectLayoutType.INLINE,behindDoc:j=i.BooleanNumber.FALSE,wrapText:Y=i.WrapTextType.BOTH_SIDES}=C;if(A({distT:R,distL:b,distB:U,distR:V}),x(Y),v(M!==i.PositionedObjectLayoutType.WRAP_SQUARE),M===i.PositionedObjectLayoutType.WRAP_NONE||M===i.PositionedObjectLayoutType.INLINE?w(!0):w(!1),M===i.PositionedObjectLayoutType.WRAP_NONE||M===i.PositionedObjectLayoutType.INLINE||M===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?D(!0):D(!1),M===i.PositionedObjectLayoutType.WRAP_NONE)j===i.BooleanNumber.TRUE?T(ie.BEHIND_TEXT):T(ie.IN_FRONT_OF_TEXT);else switch(M){case i.PositionedObjectLayoutType.INLINE:T(ie.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:T(ie.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(ie.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${M}`)}}return J.useEffect(()=>{L();const _=t.focus$.subscribe(R=>{if(R.length===0){N(!1);return}N(!0),q(R[0])}),C=e.onCommandExecuted(async R=>{R.id===k.RichTextEditingMutation.id&&L()});return()=>{_.unsubscribe(),C.dispose()}},[]),g.jsxs("div",{className:K(p.imageCommonPanelGrid,p.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-text-wrap.title")})})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),g.jsx("div",{className:K(p.imageCommonPanelRow),children:g.jsx("div",{className:K(p.imageCommonPanelColumn),children:g.jsxs($.RadioGroup,{value:O,onChange:S,direction:"vertical",children:[g.jsx($.Radio,{value:ie.INLINE,children:n.t("image-text-wrap.inline")}),g.jsx($.Radio,{value:ie.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),g.jsx($.Radio,{value:ie.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),g.jsx($.Radio,{value:ie.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),g.jsx($.Radio,{value:ie.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),g.jsx("div",{className:K(p.imageCommonPanelRow),children:g.jsx("div",{className:K(p.imageCommonPanelColumn),children:g.jsxs($.RadioGroup,{disabled:u,value:y,onChange:F,direction:"horizontal",children:[g.jsx($.Radio,{value:i.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),g.jsx($.Radio,{value:i.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),g.jsx($.Radio,{value:i.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),g.jsxs("div",{className:p.imageCommonPanelRow,children:[g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.InputNumber,{min:ke,max:He,disabled:h,precision:1,value:P.distT,onChange:_=>{z(_,"distT")},className:p.imageCommonPanelInput})})})]})}),g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.InputNumber,{min:ke,max:He,disabled:I,precision:1,value:P.distL,onChange:_=>{z(_,"distL")},className:p.imageCommonPanelInput})})})]})})]}),g.jsxs("div",{className:p.imageCommonPanelRow,children:[g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.InputNumber,{min:ke,max:He,disabled:h,precision:1,value:P.distB,onChange:_=>{z(_,"distB")},className:p.imageCommonPanelInput})})})]})}),g.jsx("div",{className:K(p.imageCommonPanelColumn,p.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),g.jsx("div",{className:p.imageCommonPanelRow,children:g.jsx("div",{className:p.imageCommonPanelColumn,children:g.jsx($.InputNumber,{min:ke,max:He,disabled:I,precision:1,value:P.distR,onChange:_=>{z(_,"distR")},className:p.imageCommonPanelInput})})})]})})]})]})},Qn=()=>{const a=i.useDependency(W.IDrawingManagerService),e=a.getFocusDrawings(),[n,t]=J.useState(e);return J.useEffect(()=>{const r=a.focus$.subscribe(o=>{t(o)});return()=>{r.unsubscribe()}},[]),!!(n!=null&&n.length)&&g.jsxs("div",{className:p.imageCommonPanel,children:[g.jsx(Te.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),g.jsx(Zn,{drawings:n}),g.jsx(Yn,{drawings:n})]})},Tn="addition-and-subtraction-single",en="doc.menu.image",On=$e.id,et=a=>{const e=a.get(k.DocSelectionManagerService),n=a.get(i.IUniverInstanceService);return new pe.Observable(t=>{const r=e.textSelection$.subscribe(()=>{var s;const o=e.getActiveTextRange();if(o){const{segmentId:c,startOffset:d,endOffset:l}=o,m=n.getCurrentUniverDocInstance(),f=(s=m==null?void 0:m.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:s.tables;if(f&&f.length&&f.some(u=>{const{startIndex:v,endIndex:h}=u;return d>=v&&d<h||l>=v&&l<h})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>r.unsubscribe()})};function nt(a){return{id:en,type:Z.MenuItemType.SUBITEMS,icon:Tn,tooltip:"docImage.title",disabled$:et(a),hidden$:Z.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC)}}function tt(a){return{id:On,title:"docImage.upload.float",type:Z.MenuItemType.BUTTON,hidden$:Z.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC)}}const it={[Z.RibbonStartGroup.LAYOUT]:{[en]:{order:0,menuItemFactory:nt,[On]:{order:0,menuItemFactory:tt}}}};function xe(a){return a.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&a.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const at={id:Oe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_DOWN,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.DOWN}},rt={id:Oe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_UP,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.UP}},ot={id:Oe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_LEFT,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.LEFT}},st={id:Oe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_RIGHT,priority:100,preconditions:xe,staticParameters:{direction:i.Direction.RIGHT}},ct={id:Xe.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:xe,binding:Z.KeyCode.DELETE,mac:Z.KeyCode.BACKSPACE};var lt=Object.defineProperty,dt=Object.getOwnPropertyDescriptor,mt=(a,e,n,t)=>{for(var r=t>1?void 0:t?dt(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&lt(e,n,r),r},Ve=(a,e)=>(n,t)=>e(n,t,a);let Ge=class extends i.Disposable{constructor(a,e,n,t){super(),this._componentManager=a,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(Tn,hn)),this.disposeWithMe(a.register(In,Qn))}_initMenus(){this._menuManagerService.mergeMenu(it)}_initCommands(){[$e,qe,cn,ln,dn,Pe,mn,gn,Ue,Ye,vn,Ze,ze,Ke,Oe,Xe,Je].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initShortcuts(){[at,rt,ot,st,ct].forEach(a=>{this.disposeWithMe(this._shortcutService.registerShortcut(a))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ge=mt([Ve(0,i.Inject(Z.ComponentManager)),Ve(1,Z.IMenuManagerService),Ve(2,i.ICommandService),Ve(3,Z.IShortcutService)],Ge);var gt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,ft=(a,e,n,t)=>{for(var r=t>1?void 0:t?ut(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&gt(e,n,r),r},Re=(a,e)=>(n,t)=>e(n,t,a);let We=class extends i.RxDisposable{constructor(e,n,t,r,o){super();fe(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(pe.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(pe.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof Te.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var o;const n=(o=this._renderManagerService.getRenderById(e))==null?void 0:o.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const r=[];this.disposeWithMe(i.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const d=c.oKey,l=this._drawingManagerService.getDrawingOKey(d);if(!l)return;const{unitId:m,subUnitId:f,drawingId:u}=l,v=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Te.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(m,f,u)}},m);r.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===m&&I.subUnitId===f&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:m,subUnitId:f,drawingId:u}])}))),this.disposeWithMe(i.toDisposable(t.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Ze.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!i.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:Ue.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Te.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:Te.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};We=ft([Re(0,W.IDrawingManagerService),Re(1,i.Inject(X.DocCanvasPopManagerService)),Re(2,B.IRenderManagerService),Re(3,i.IUniverInstanceService),Re(4,i.IContextService)],We);var pt=Object.defineProperty,ht=Object.getOwnPropertyDescriptor,vt=(a,e,n,t)=>{for(var r=t>1?void 0:t?ht(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&pt(e,n,r),r},we=(a,e)=>(n,t)=>e(n,t,a);let nn=class extends i.Disposable{constructor(e,n,t,r,o,s,c,d){super();fe(this,"_liquid",new B.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=r,this._drawingManagerService=o,this._docRefreshDrawingsService=s,this._univerInstanceService=c,this._lifecycleService=d,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,X.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:r}=t,{unitId:o,mainComponent:s}=this._context;if(r!==o)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(o)&&o!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null||s.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(pe.filter(e=>e.type===B.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),pe.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var O,T;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:r}=this._context,o=t;if(!n)return;const{left:s,top:c,pageLayoutType:d,pageMarginLeft:l,pageMarginTop:m}=o,{pages:f,skeHeaders:u,skeFooters:v}=n,h={};this._liquid.reset();for(let y=0,x=f.length;y<x;y++){const P=f[y],{headerId:A,footerId:H,pageWidth:N}=P;if(A){const S=(O=u.get(A))==null?void 0:O.get(N);S&&this._calculateDrawingPosition(r,S,s,c,h,S.marginTop,P.marginLeft)}if(H){const S=(T=v.get(H))==null?void 0:T.get(N);S&&this._calculateDrawingPosition(r,S,s,c,h,P.pageHeight-P.marginBottom+S.marginTop,P.marginLeft)}this._calculateDrawingPosition(r,P,s,c,h,P.marginTop,P.marginLeft),this._liquid.translatePage(P,d,l,m)}const w=Object.values(h),I=w.filter(y=>!y.isMultiTransform),D=w.filter(y=>y.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(D)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,r=n.getTransformerByCreate();e.forEach(d=>{const l=this._drawingManagerService.getDrawingByParam(d);l!=null&&(l.transform=d.transform,l.transforms=d.transforms,l.isMultiTransform=d.isMultiTransform)});const s=[...r.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(d=>d.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),e.length>0&&this._drawingManagerService.addNotification(e);for(const d of s){const l=n.getObject(d);l&&r.setSelectedControl(l)}}_calculateDrawingPosition(e,n,t,r,o,s,c){const{skeDrawings:d}=n;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),d.forEach(l=>{const{aLeft:m,aTop:f,height:u,width:v,angle:h,drawingId:w,drawingOrigin:I}=l,D=I.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:O=i.BooleanNumber.FALSE}=I,T={left:m+t+this._liquid.x,top:f+r+this._liquid.y,width:v,height:u,angle:h};o[w]==null?o[w]={unitId:e,subUnitId:e,drawingId:w,behindText:D,transform:T,transforms:[T],isMultiTransform:O}:O===i.BooleanNumber.TRUE&&o[w].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:c})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage===i.LifecycleStages.Steady?setTimeout(()=>{e()},1e3):this._lifecycleService.lifecycle$.pipe(pe.filter(n=>n===i.LifecycleStages.Steady)).subscribe(e)}};nn=vt([we(1,i.Inject(k.DocSkeletonManagerService)),we(2,i.ICommandService),we(3,X.IEditorService),we(4,W.IDrawingManagerService),we(5,i.Inject(je)),we(6,i.IUniverInstanceService),we(7,i.Inject(i.LifecycleService))],nn);var yn=Object.defineProperty,It=Object.getOwnPropertyDescriptor,wt=(a,e,n)=>e in a?yn(a,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[e]=n,St=(a,e,n,t)=>{for(var r=t>1?void 0:t?It(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&yn(e,n,r),r},tn=(a,e)=>(n,t)=>e(n,t,a),bn=(a,e,n)=>wt(a,typeof e!="symbol"?e+"":e,n);const _t="DOC_DRAWING_UI_PLUGIN";E.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=on,n,t,r){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=r;const{...o}=i.merge({},on,this._config);this._configService.setConfig(xn,o)}onStarting(){[[Ge],[We],[Fe],[Ae],[je]].forEach(n=>this._injector.add(n))}onReady(){[[Be],[nn]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Ae),this._injector.get(Ge),this._injector.get(Fe)}onRendered(){this._injector.get(We)}},bn(E.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),bn(E.UniverDocsDrawingUIPlugin,"pluginName",_t),E.UniverDocsDrawingUIPlugin=St([i.DependentOn(Te.UniverDrawingUIPlugin,W.UniverDrawingPlugin,ee.UniverDocsDrawingPlugin,Z.UniverUIPlugin),tn(1,i.Inject(i.Injector)),tn(2,B.IRenderManagerService),tn(3,i.IConfigService)],E.UniverDocsDrawingUIPlugin),E.ClearDocDrawingTransformerOperation=vn,E.DOCS_IMAGE_MENU_ID=en,E.DeleteDocDrawingsCommand=Xe,E.EditDocDrawingOperation=Ze,E.GroupDocDrawingCommand=ze,E.InsertDocDrawingCommand=qe,E.InsertDocImageCommand=$e,E.MoveDocDrawingsCommand=Oe,E.RemoveDocDrawingCommand=Ue,E.SetDocDrawingArrangeCommand=Je,E.SidebarDocDrawingOperation=Ye,E.UngroupDocDrawingCommand=Ke,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
10
+ (function(x,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@univerjs/docs-drawing"),require("@univerjs/drawing"),require("@univerjs/drawing-ui"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("rxjs"),require("@univerjs/design"),require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs-drawing","@univerjs/drawing","@univerjs/drawing-ui","@univerjs/engine-render","@univerjs/ui","@univerjs/docs","@univerjs/docs-ui","rxjs","@univerjs/design","react/jsx-runtime","react"],i):(x=typeof globalThis<"u"?globalThis:x||self,i(x.UniverDocsDrawingUi={},x.UniverCore,x.UniverDocsDrawing,x.UniverDrawing,x.UniverDrawingUi,x.UniverEngineRender,x.UniverUi,x.UniverDocs,x.UniverDocsUi,x.rxjs,x.UniverDesign,x.React,x.React))})(this,function(x,i,ee,W,Te,j,Z,k,X,he,K,g,J){"use strict";var wt=Object.defineProperty;var St=(x,i,ee)=>i in x?wt(x,i,{enumerable:!0,configurable:!0,writable:!0,value:ee}):x[i]=ee;var fe=(x,i,ee)=>St(x,typeof i!="symbol"?i+"":i,ee);const yn="docs-drawing-ui.config",an={};var bn=Object.defineProperty,Pn=Object.getOwnPropertyDescriptor,Mn=(a,e,n,t)=>{for(var r=t>1?void 0:t?Pn(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&bn(e,n,r),r},be=(a,e)=>(n,t)=>e(n,t,a);function Nn(a){var t,r,o,s;if(i.JSONX.isNoop(a)||!Array.isArray(a))return null;const e=a.find(l=>Array.isArray(l)&&(l==null?void 0:l[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const n=[];if(Array.isArray(e==null?void 0:e[1]))for(const l of e)Array.isArray(l)&&n.push({type:(t=l==null?void 0:l[1])!=null&&t.i?"add":"remove",drawingId:l==null?void 0:l[0],drawing:(r=l==null?void 0:l[1])==null?void 0:r.i});else n.push({type:(o=e[2])!=null&&o.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function En(a){if(!Array.isArray(a)||a.length<3||a[0]!=="drawingsOrder")return[];const e=[];for(let n=1;n<a.length;n++){const t=a[n];if(Array.isArray(t)&&typeof t[0]=="number"&&typeof t[1]=="object")e.push(t[0]);else{e.length=0;break}}return e}let xe=class extends i.Disposable{constructor(a,e,n,t,r){super(),this._univerInstanceService=a,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(a=>{if(a.id!==k.RichTextEditingMutation.id)return;const e=a.params,{unitId:n,actions:t}=e,r=Nn(t);if(r!=null)for(const{type:o,drawingId:s,drawing:l}of r)o==="add"?this._addDrawings(n,[l]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id!==k.RichTextEditingMutation.id)return;const e=a.params,{unitId:n,actions:t}=e;En(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{var s;if(a.id!==i.UndoCommand.id&&a.id!==i.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null||n.length===0)return;const t=this._renderManagerService.getRenderById(e),r=t==null?void 0:t.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(a,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:o,redo:s,objects:l}=r;n.applyJson1(a,o,s),t.applyJson1(a,o,s),n.addNotification(l),t.addNotification(l)}_removeDrawings(a,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(d=>({unitId:a,subUnitId:a,drawingId:d}))),{subUnitId:o,redo:s,objects:l}=r;n.applyJson1(a,o,s),t.applyJson1(a,o,s),n.removeNotification(l),t.removeNotification(l)}_updateDrawingsOrder(a){const e=this._univerInstanceService.getUniverDocInstance(a);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,r=this._docDrawingService;t.setDrawingOrder(a,a,n),r.setDrawingOrder(a,a,n);const o={unitId:a,subUnitId:a,drawingIds:n};t.orderNotification(o),r.orderNotification(o)}};xe=Mn([be(0,i.IUniverInstanceService),be(1,i.ICommandService),be(2,W.IDrawingManagerService),be(3,ee.IDocDrawingService),be(4,j.IRenderManagerService)],xe);class Re{constructor(){fe(this,"_refreshDrawings$",new he.BehaviorSubject(null));fe(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var ie=(a=>(a.INLINE="inline",a.BEHIND_TEXT="behindText",a.IN_FRONT_OF_TEXT="inFrontOfText",a.WRAP_SQUARE="wrapSquare",a.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",a))(ie||{});const An={inline:i.PositionedObjectLayoutType.INLINE,wrapSquare:i.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:i.PositionedObjectLayoutType.WRAP_NONE,behindText:i.PositionedObjectLayoutType.WRAP_NONE};function rn(a,e,n,t,r,o,s){var v,p;const l=new i.TextX,d=i.JSONX.getInstance(),c=[],m=o.getSelfOrHeaderFooterModel(e).getBody(),h=o.getSelfOrHeaderFooterModel(a).getBody();if(m==null||h==null)return;const u=(p=(v=m.customBlocks)==null?void 0:v.find(w=>w.blockId===r))==null?void 0:p.startIndex;if(u!=null){if(t=Math.min(h.dataStream.length-2,t),a===e){if(t<u?(t>0&&l.push({t:i.TextXActionType.RETAIN,len:t}),l.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),l.push({t:i.TextXActionType.RETAIN,len:u-t}),l.push({t:i.TextXActionType.DELETE,len:1})):(u>0&&l.push({t:i.TextXActionType.RETAIN,len:u}),l.push({t:i.TextXActionType.DELETE,len:1}),t-u-1>0&&l.push({t:i.TextXActionType.RETAIN,len:t-u-1}),l.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),t!==u){const w=X.getRichTextEditPath(o,e),I=d.editOp(l.serialize(),w);c.push(I)}}else{u>0&&l.push({t:i.TextXActionType.RETAIN,len:u}),l.push({t:i.TextXActionType.DELETE,len:1});let w=X.getRichTextEditPath(o,e),I=d.editOp(l.serialize(),w);c.push(I),l.empty(),t>0&&l.push({t:i.TextXActionType.RETAIN,len:t}),l.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),w=X.getRichTextEditPath(o,a),I=d.editOp(l.serialize(),w),c.push(I),s.setSegment(a),s.setSegmentPage(n)}return c}}const on={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(a,e)=>{var R,H;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:r}=e,o=a.get(i.ICommandService),s=a.get(i.IUniverInstanceService),d=a.get(j.IRenderManagerService).getRenderById(r),c=d==null?void 0:d.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),m=d==null?void 0:d.with(k.DocSkeletonManagerService).getViewModel(),h=d==null?void 0:d.scene,u=s.getCurrentUniverDocInstance();if(u==null||c==null||h==null||m==null)return!1;const v=m.getEditArea(),p=h.getTransformerByCreate(),{pages:w,skeHeaders:I,skeFooters:D}=c,O=i.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const A of n){const{drawingId:S}=A,U=y[S].layoutType,$=An[t];if(U!==$){const C=O.replaceOp(["drawings",S,"layoutType"],U,$);T.push(C)}if(t==="behindText"||t==="inFrontOfText"){const C=y[S].behindDoc,E=t==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==E){const b=O.replaceOp(["drawings",S,"behindDoc"],C,E);T.push(b)}}if(t==="inline")continue;let F=null,z=0,_=0;for(const C of w){const{headerId:E,footerId:b,marginTop:B,marginLeft:V,marginBottom:M,pageWidth:L,pageHeight:Y}=C;switch(v){case j.DocumentEditArea.HEADER:{const G=(R=I.get(E))==null?void 0:R.get(L);G!=null&&G.skeDrawings.has(S)&&(F=G.skeDrawings.get(S),z=G.marginTop,_=V);break}case j.DocumentEditArea.FOOTER:{const G=(H=D.get(b))==null?void 0:H.get(L);G!=null&&G.skeDrawings.has(S)&&(F=G.skeDrawings.get(S),z=Y-M+G.marginTop,_=V);break}case j.DocumentEditArea.BODY:{C.skeDrawings.has(S)&&(F=C.skeDrawings.get(S),z=B,_=V);break}}if(F!=null)break}if(F!=null){const{aTop:C,aLeft:E}=F,b=y[S].docTransform.positionH;let B=E;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?B-=_:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(B-=F.columnLeft);const V={relativeFrom:b.relativeFrom,posOffset:B};if(b.posOffset!==V.posOffset){const G=O.replaceOp(["drawings",S,"docTransform","positionH"],b,V);T.push(G)}const M=y[S].docTransform.positionV;let L=C;M.relativeFrom===i.ObjectRelativeFromV.PAGE?L+=z:M.relativeFrom===i.ObjectRelativeFromV.LINE?L-=F.lineTop:M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(L-=F.blockAnchorTop);const Y={relativeFrom:M.relativeFrom,posOffset:L};if(M.posOffset!==Y.posOffset){const G=O.replaceOp(["drawings",S,"docTransform","positionV"],M,Y);T.push(G)}}}const N={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};N.params.actions=T.reduce((A,S)=>i.JSONX.compose(A,S),null);const P=o.syncExecuteCommand(N.id,N.params);return p.refreshControls(),!!P}},sn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,dist:s,unitId:l}=e,d=i.JSONX.getInstance(),c=[],{drawings:m={}}=r.getSnapshot();for(const v of o){const{drawingId:p}=v;for(const[w,I]of Object.entries(s)){const D=m[p][w];if(D!==I){const O=d.replaceOp(["drawings",p,w],D,I);c.push(O)}}}const h={id:k.RichTextEditingMutation.id,params:{unitId:l,actions:[],textRanges:null}};return h.params.actions=c.reduce((v,p)=>i.JSONX.compose(v,p),null),!!n.syncExecuteCommand(h.id,h.params)}},cn={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,wrapText:s,unitId:l}=e,d=i.JSONX.getInstance(),c=[],{drawings:m={}}=r.getSnapshot();for(const v of o){const{drawingId:p}=v,w=m[p].wrapText;if(w!==s){const I=d.replaceOp(["drawings",p,"wrapText"],w,s);c.push(I)}}const h={id:k.RichTextEditingMutation.id,params:{unitId:l,actions:[],textRanges:null}};return h.params.actions=c.reduce((v,p)=>i.JSONX.compose(v,p),null),!!n.syncExecuteCommand(h.id,h.params)}},Pe={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(a,e)=>{if(e==null)return!1;const n=a.get(i.ICommandService),t=a.get(i.IUniverInstanceService),o=a.get(j.IRenderManagerService).getRenderById(e.unitId),s=o==null?void 0:o.scene;if(s==null)return!1;const l=s.getTransformerByCreate(),d=t.getCurrentUniverDocInstance();if(d==null)return!1;const{drawings:c,unitId:m}=e,h=i.JSONX.getInstance(),u=[],{drawings:v={}}=d.getSnapshot();for(const I of c){const{drawingId:D,key:O,value:T}=I,y=v[D].docTransform[O];if(!i.Tools.diffValue(y,T)){const N=h.replaceOp(["drawings",D,"docTransform",O],y,T);u.push(N)}}const p={id:k.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null,debounce:!0}};p.params.actions=u.reduce((I,D)=>i.JSONX.compose(I,D),null);const w=n.syncExecuteCommand(p.id,p.params);return l.refreshControls(),!!w}},ln={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(a,e)=>{var H,A;if(e==null)return!1;const n=a.get(j.IRenderManagerService),t=(H=n.getRenderById(e.unitId))==null?void 0:H.with(X.DocSelectionRenderService),r=a.get(Re),o=n.getRenderById(e.unitId),s=o==null?void 0:o.scene,l=o==null?void 0:o.with(k.DocSkeletonManagerService).getSkeleton();if(s==null||t==null)return!1;const d=s.getTransformerByCreate(),c=a.get(i.ICommandService),h=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:u,unitId:v,offset:p,segmentId:w,segmentPage:I,needRefreshDrawings:D}=e;if(D)return r.refreshDrawings(l),d.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(A=t.getSegment())!=null?A:"",N=rn(w,y,I,p,T,h,t);if(N==null||N.length===0)return r.refreshDrawings(l),d.refreshControls(),!1;O.push(...N);const P={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};P.params.actions=O.reduce((S,U)=>i.JSONX.compose(S,U),null);const R=c.syncExecuteCommand(P.id,P.params);return d.refreshControls(),!!R}},dn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(a,e)=>{var F,z;if(e==null)return!1;const n=a.get(j.IRenderManagerService),t=(F=n.getRenderById(e.unitId))==null?void 0:F.with(X.DocSelectionRenderService),r=n.getRenderById(e.unitId),o=r==null?void 0:r.scene;if(o==null||t==null)return!1;const s=o.getTransformerByCreate(),l=a.get(i.ICommandService),c=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:m,unitId:h,offset:u,docTransform:v,segmentId:p,segmentPage:w}=e,I=[],{drawingId:D}=m,O=(z=t.getSegment())!=null?z:"",T=rn(p,O,w,u,D,c,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=i.JSONX.getInstance(),{drawings:N={}}=c.getSnapshot(),P=N[D].docTransform,{positionH:R,positionV:H,size:A,angle:S}=P;if(!i.Tools.diffValue(R,v.positionH)){const _=y.replaceOp(["drawings",D,"docTransform","positionH"],R,v.positionH);I.push(_)}if(!i.Tools.diffValue(H,v.positionV)){const _=y.replaceOp(["drawings",D,"docTransform","positionV"],H,v.positionV);I.push(_)}if(!i.Tools.diffValue(A,v.size)){const _=y.replaceOp(["drawings",D,"docTransform","size"],A,v.size);I.push(_)}if(!i.Tools.diffValue(S,v.angle)){const _=y.replaceOp(["drawings",D,"docTransform","angle"],S,v.angle);I.push(_)}const U={id:k.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};U.params.actions=I.reduce((_,C)=>i.JSONX.compose(_,C),null);const $=l.syncExecuteCommand(U.id,U.params);return s.refreshControls(),!!$}};var xn=Object.defineProperty,Rn=Object.getOwnPropertyDescriptor,Ln=(a,e,n,t)=>{for(var r=t>1?void 0:t?Rn(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&xn(e,n,r),r},Le=(a,e)=>(n,t)=>e(n,t,a);const Fn="__InlineDrawingAnchor__";function gn(a){const{path:e}=a;return e.some(n=>n==="cells")}let Fe=class extends i.Disposable{constructor(e,n,t,r){super();fe(this,"_liquid",new j.Liquid);fe(this,"_listenerOnImageMap",new Set);fe(this,"_transformerCache",new Map);fe(this,"_anchorShape");this._commandService=e,this._univerInstanceService=n,this._drawingManagerService=t,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const n of e){const{unitId:t}=n;this._listenerOnImageMap.has(t)||(this._listenTransformerChange(t),this._listenerOnImageMap.add(t))}}))}_listenTransformerChange(e){var r;const n=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(n==null)return;this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(o=>{var l;this._transformerCache.clear();const{objects:s}=o;for(const d of s.values()){const{oKey:c,width:m,height:h,left:u,top:v,angle:p}=d,w=this._drawingManagerService.getDrawingOKey(c);if(w==null)continue;const I=this._univerInstanceService.getUniverDocInstance(w.unitId),D=(l=I==null?void 0:I.getSnapshot().drawings)==null?void 0:l[w.drawingId];(D==null?void 0:D.layoutType)===i.PositionedObjectLayoutType.INLINE&&d.setOpacity(.2),D!=null&&this._transformerCache.set(w.drawingId,{drawing:D,top:v,left:u,width:m,height:h,angle:p})}})));const t=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(o=>{const{objects:s,offsetX:l,offsetY:d}=o;if(s.size>1)t(s);else if(s.size===1){const c=this._transformerCache.values().next().value,m=s.values().next().value,{width:h,height:u,top:v,left:p,angle:w}=m;if(c&&h===c.width&&u===c.height&&v===c.top&&p===c.left&&w===c.angle)return;c&&(c.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&l!=null&&d!=null&&this._updateInlineDrawingAnchor(c.drawing,l,d)}}))),this.disposeWithMe(i.toDisposable(n.changeEnd$.subscribe(o=>{const{objects:s,offsetX:l,offsetY:d}=o;for(const c of s.values()){const m=this._drawingManagerService.getDrawingOKey(c.oKey);if(m==null)continue;const h=this._transformerCache.get(m==null?void 0:m.drawingId);(h==null?void 0:h.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE&&c.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const c=this._transformerCache.values().next().value,m=s.values().next().value,{width:h,height:u,top:v,left:p,angle:w}=m;if(c&&h===c.width&&u===c.height&&v===c.top&&p===c.left&&w===c.angle)return;c&&c.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==c.width||u!==c.height||w!==c.angle?this._updateDrawingSize(c,m):l!=null&&d!=null&&this._moveInlineDrawing(c.drawing,l,d):c&&this._nonInlineDrawingTransform(c.drawing,m)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,r;for(const o of e.values()){const{oKey:s,left:l,top:d,angle:c}=o;let{width:m,height:h}=o;const u=this._drawingManagerService.getDrawingOKey(s);if(u==null)continue;t==null&&(t=u.unitId),r==null&&(r=u.subUnitId);const v=this._transformerCache.get(u.drawingId);if(v==null)continue;const{drawing:p,top:w,left:I,width:D,height:O,angle:T}=v,{width:y,height:N}=this._getPageContentSize(p);if(m=Math.min(m,y),h=Math.min(h,N),(D!==m||O!==h)&&n.push({drawingId:u.drawingId,key:"size",value:{width:m,height:h}}),T!==c&&n.push({drawingId:u.drawingId,key:"angle",value:c}),w!==d||I!==l){const P=d-w,R=l-I;P!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+P}}),R!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+R}})}}n.length>0&&t&&r&&this._commandService.executeCommand(Pe.id,{unitId:t,subUnitId:r,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(o=this._getInlineDrawingAnchor(e,n,t))!=null?o:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,n,t){var F,z;const r=this._renderManagerService.getRenderById(e.unitId),o=r==null?void 0:r.with(k.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:l}=r,d=s,c=l.getViewports()[0],{pageLayoutType:m=j.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:u}=d.getOffsetConfig();let v=null,p=!1,w=-1,I="";const D=.5,O=this._getTransformCoordForDocumentOffset(d,c,n,t);if(O==null)return;const T=(F=this._renderManagerService.getRenderById(e.unitId))==null?void 0:F.with(X.DocSelectionRenderService);if(T==null)return;const y=o==null?void 0:o.findNodeByCoord(O,m,h,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:_,ratioX:C,segmentPage:E,segmentId:b}=y;p=C<D,v=_,w=E,I=b}if(v==null)return;const N=o==null?void 0:o.findPositionByGlyph(v,w),P=this._getDocObject();if(N==null||o==null||P==null||gn(N))return;const R={...N,isBack:p},H=P.document.getOffsetConfig(),A=new X.NodePositionConvertToCursor(H,o),{cursorList:S,contentBoxPointGroup:U}=A.getRangePointData(R,R),{startOffset:$}=(z=X.getOneTextSelectionRange(S))!=null?z:{};if($!=null)return{offset:$,contentBoxPointGroup:U,segmentId:I,segmentPage:w}}_getDrawingAnchor(e,n){var me,ue,ce,pe,ve,_e,De,Ie,le,de,Ce;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),o=r==null?void 0:r.getSkeletonData();if(o==null||t==null)return;const{pages:s,skeHeaders:l,skeFooters:d}=o,{mainComponent:c,scene:m}=t,h=c,u=m.getViewports()[0],{pageLayoutType:v=j.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:w,docsLeft:I,docsTop:D}=h.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:N,height:P}=n;const{positionV:R,positionH:H}=e.docTransform,{width:A,height:S}=this._getPageContentSize(e);N=Math.min(N,A),P=Math.min(P,S);let U=null,$="",F=-1;const z=!1,_={...e.docTransform,size:{width:N,height:P},angle:y},{x:C,y:E}=m.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(h,u,O-C,T-E);if(b==null)return;const B=(me=this._renderManagerService.getRenderById(e.unitId))==null?void 0:me.with(X.DocSelectionRenderService);if(B==null)return;const V=r==null?void 0:r.findNodeByCoord(b,v,p,w,{strict:!1,segmentId:B.getSegment(),segmentPage:B.getSegmentPage()});if(V){const{node:ge,segmentPage:nn,segmentId:tn}=V;U=ge,F=nn,$=tn}if(U==null)return;const M=(ue=U.parent)==null?void 0:ue.parent,L=M==null?void 0:M.parent,Y=(ce=L==null?void 0:L.lines.find(ge=>ge.paragraphIndex===(M==null?void 0:M.paragraphIndex)&&ge.paragraphStart))!=null?ce:L==null?void 0:L.lines[0],G=(pe=L==null?void 0:L.parent)==null?void 0:pe.parent;if(M==null||L==null||Y==null||G==null)return;this._liquid.reset();const Q=G.type;for(const ge of s){const{headerId:nn,footerId:tn,pageHeight:pt,pageWidth:Tn,marginLeft:On,marginBottom:vt}=ge,It=s.indexOf(ge);if(F>-1&&It===F){switch(Q){case j.DocumentSkeletonPageType.HEADER:{const Ae=(ve=l.get(nn))==null?void 0:ve.get(Tn);if(Ae)this._liquid.translatePagePadding({marginTop:Ae.marginTop,marginLeft:On});else throw new Error("header skeleton not found");break}case j.DocumentSkeletonPageType.FOOTER:{const Ae=(_e=d.get(tn))==null?void 0:_e.get(Tn);if(Ae)this._liquid.translatePagePadding({marginTop:pt-vt+Ae.marginTop,marginLeft:On});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ge),ge===G)break;this._liquid.restorePagePadding(ge),this._liquid.translatePage(ge,v,p,w)}switch(R.relativeFrom===i.ObjectRelativeFromV.LINE?U=M.divides[0].glyphGroup[0]:U=(de=(le=(Ie=(De=Y.divides)==null?void 0:De[0])==null?void 0:Ie.glyphGroup)==null?void 0:le[0])!=null?de:U,_.positionH={relativeFrom:H.relativeFrom,posOffset:O-this._liquid.x-I},H.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=O-this._liquid.x-I-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=O-this._liquid.x-I-L.left;break}}switch(_.positionV={relativeFrom:R.relativeFrom,posOffset:T-this._liquid.y-D},R.relativeFrom){case i.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=T-this._liquid.y-D-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{_.positionV.posOffset=T-this._liquid.y-D-M.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=T-this._liquid.y-D-Y.top;break}}if(U==null)return;const oe=r==null?void 0:r.findPositionByGlyph(U,F),ye=this._getDocObject();if(oe==null||r==null||ye==null||gn(oe))return;const Se={...oe,isBack:z},Ee=ye.document.getOffsetConfig(),se=new X.NodePositionConvertToCursor(Ee,r),{cursorList:ne}=se.getRangePointData(Se,Se),{startOffset:te}=(Ce=X.getOneTextSelectionRange(ne))!=null?Ce:{};if(te!=null)return{offset:te,docTransform:_,segmentId:$,segmentPage:F}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:o,height:s,angle:l}=e,{unitId:d,subUnitId:c}=r;let{width:m,height:h,angle:u}=n;const{width:v,height:p}=this._getPageContentSize(r);m=Math.min(v,m),h=Math.min(p,h),(m!==o||h!==s)&&t.push({drawingId:r.drawingId,key:"size",value:{width:m,height:h}}),u!==l&&t.push({drawingId:r.drawingId,key:"angle",value:u}),t.length>0&&d&&c&&this._commandService.executeCommand(Pe.id,{unitId:d,subUnitId:c,drawings:t})}_moveInlineDrawing(e,n,t){const r=this._getInlineDrawingAnchor(e,n,t),{offset:o,segmentId:s,segmentPage:l}=r!=null?r:{};return this._commandService.executeCommand(ln.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:o,segmentId:s,segmentPage:l,needRefreshDrawings:o==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:r,top:o,width:s,height:l,angle:d}=n,c=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),m=c==null?void 0:c.getSkeletonData(),{pages:h}=m!=null?m:{};if(m==null||t==null||h==null)return{left:r,top:o,width:s,height:l,angle:d};const{mainComponent:u}=t,v=u,{top:p,pageLayoutType:w,pageMarginLeft:I,pageMarginTop:D}=v;let O=o;this._liquid.reset();for(const T of h){const{marginBottom:y,pageHeight:N}=T,P=h.indexOf(T),R=h[P+1];if(R==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+l,this._liquid.y+p+N-y,this._liquid.y+p+N+D+R.marginTop)){const A=o+l/2,S=this._liquid.y+p+N+D/2;A<S?O=Math.min(o,this._liquid.y+p+N-y-l):O=Math.max(o,this._liquid.y+p+N+D+R.marginTop)}this._liquid.translatePage(T,w,I,D)}return{left:r,top:O,width:s,height:l,angle:d}}_nonInlineDrawingTransform(e,n,t=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&r.top!==n.top)return;const o=this._getDrawingAnchor(e,r),{offset:s,docTransform:l,segmentId:d,segmentPage:c}=o!=null?o:{};return s==null||l==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(dn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:l,segmentId:d,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const r=t.getTransformerByCreate();return{scene:t,transformer:r}}_getTransformCoordForDocumentOffset(e,n,t,r){const{documentTransform:o}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(j.Vector2.FromArray([t,r]));if(s)return o.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:r,scene:o}=t,s=r,{docsLeft:l,docsTop:d}=s.getOffsetConfig(),c=X.getAnchorBounding(n),{left:m,top:h,height:u}=c,v=m+l,p=h+d;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:p,height:u}),this._anchorShape.show();return}const w=6,I=new j.Rect(Fn+i.Tools.generateRandomId(w),{left:v,top:p,height:u,strokeWidth:2,stroke:j.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=I,o.addObject(I,X.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return X.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const n=this._renderManagerService.getRenderById(e.unitId),t=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),r=500,o=500,s=t==null?void 0:t.getSkeletonData();if(s==null||n==null)return{width:r,height:o};const{pages:l}=s;let d=null;for(const c of l){const{skeDrawings:m}=c;if(m.has(e.drawingId)){d=c;break}}if(d){const{pageWidth:c,pageHeight:m,marginLeft:h,marginBottom:u,marginRight:v,marginTop:p}=d;return{width:Math.max(r,c-h-v),height:Math.max(o,m-p-u)}}else return{width:r,height:o}}};Fe=Ln([Le(0,i.ICommandService),Le(1,i.IUniverInstanceService),Le(2,W.IDrawingManagerService),Le(3,j.IRenderManagerService)],Fe);var ae=function(){return ae=Object.assign||function(a){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(a[r]=e[r])}return a},ae.apply(this,arguments)},Un=function(a,e){var n={};for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&e.indexOf(t)<0&&(n[t]=a[t]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(a);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(a,t[r])&&(n[t[r]]=a[t[r]]);return n},mn=J.forwardRef(function(a,e){var n=a.icon,t=a.id,r=a.className,o=a.extend,s=Un(a,["icon","id","className","extend"]),l="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=J.useRef("_".concat(kn()));return un(n,"".concat(t),{defIds:n.defIds,idSuffix:d.current},ae({ref:e,className:l},s),o)});function un(a,e,n,t,r){return J.createElement(a.tag,ae(ae({key:e},Bn(a,n,r)),t),(jn(a,n).children||[]).map(function(o,s){return un(o,"".concat(e,"-").concat(a.tag,"-").concat(s),n,void 0,r)}))}function Bn(a,e,n){var t=ae({},a.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var r=e.defIds;return!r||r.length===0||(a.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],l=o[1];typeof l=="string"&&(t[s]=l.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function jn(a,e){var n,t=e.defIds;return!t||t.length===0?a:a.tag==="defs"&&(!((n=a.children)===null||n===void 0)&&n.length)?ae(ae({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?ae(ae({},r),{attrs:ae(ae({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):a}function kn(){return Math.random().toString(36).substring(2,8)}mn.displayName="UniverIcon";var Hn={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"}}]},fn=J.forwardRef(function(a,e){return J.createElement(mn,Object.assign({},a,{id:"add-image-single",ref:e,icon:Hn}))});fn.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{var N,P,R,H;const n=a.get(i.ICommandService),t=a.get(i.IUniverInstanceService),r=a.get(j.IRenderManagerService),o=t.getCurrentUniverDocInstance();if(e==null||o==null)return!1;const s=r.getRenderById(e.unitId).with(X.DocSelectionRenderService),{drawings:l}=e,d=(N=s.getSegment())!=null?N:"",c=new i.TextX,m=i.JSONX.getInstance(),h=(R=(P=o.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:P.customBlocks)!=null?R:[],u=l.map(A=>h.find(S=>S.blockId===A.drawingId)).filter(A=>!!A).sort((A,S)=>A.startIndex>S.startIndex?1:-1),v=l[0].unitId,p=new i.MemoryCursor;p.reset();const w=u[0].startIndex,I=[{startOffset:w,endOffset:w}],D={id:k.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const A of u){const{startIndex:S}=A;S>p.cursor&&c.push({t:i.TextXActionType.RETAIN,len:S-p.cursor}),c.push({t:i.TextXActionType.DELETE,len:1}),p.moveCursorTo(S+1)}const T=X.getRichTextEditPath(o,d);O.push(m.editOp(c.serialize(),T));for(const A of u){const{blockId:S}=A,U=((H=o.getDrawings())!=null?H:{})[S],F=o.getDrawingsOrder().indexOf(S),z=m.removeOp(["drawings",S],U),_=m.removeOp(["drawingsOrder",F],S);O.push(z),O.push(_)}return D.params.actions=O.reduce((A,S)=>i.JSONX.compose(A,S),null),!!n.syncExecuteCommand(D.id,D.params)}},We={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:a=>{const e=a.get(i.ICommandService),t=a.get(ee.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:r}=t[0],o=t.map(s=>{const{unitId:l,subUnitId:d,drawingId:c,drawingType:m}=s;return{unitId:l,subUnitId:d,drawingId:c,drawingType:m}});return e.executeCommand(Ue.id,{unitId:r,drawings:o})}},Xe={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const n=a.get(ee.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:r,children:o})=>{t.push(r.unitId),o.forEach(s=>{t.push(s.unitId)})}),n.getGroupDrawingOp(e),!1}},$e={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{var P,R,H,A;if(e==null)return!1;const n=a.get(i.ICommandService),t=a.get(k.DocSelectionManagerService),r=a.get(i.IUniverInstanceService),o=t.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(o==null||s==null)return!1;const l=s.getUnitId(),{drawings:d}=e,{collapsed:c,startOffset:m,segmentId:h}=o,u=s.getSelfOrHeaderFooterModel(h).getBody();if(u==null)return!1;const v=new i.TextX,p=i.JSONX.getInstance(),w=[],I=(R=(P=s.getSnapshot().drawingsOrder)==null?void 0:P.length)!=null?R:0;let D=0;if(c)m>0&&v.push({t:i.TextXActionType.RETAIN,len:m});else{const S=i.BuildTextUtils.selection.delete([o],u,0,null,!1);v.push(...S);const U=X.getCustomBlockIdsInSelections(u,[o]),$=(H=s.getDrawings())!=null?H:{},F=(A=s.getDrawingsOrder())!=null?A:[],z=U.sort((_,C)=>F.indexOf(_)>F.indexOf(C)?-1:F.indexOf(_)<F.indexOf(C)?1:0);if(z.length>0)for(const _ of z){const C=$[_],E=F.indexOf(_);if(C==null||E<0)continue;const b=p.removeOp(["drawings",_],C),B=p.removeOp(["drawingsOrder",E],_);w.push(b),w.push(B),D++}}v.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(d.length),customBlocks:d.map((S,U)=>({startIndex:U,blockId:S.drawingId}))},len:d.length});const O=X.getRichTextEditPath(s,h),T=p.editOp(v.serialize(),O);w.push(T);for(const S of d){const{drawingId:U}=S,$=p.insertOp(["drawings",U],S),F=p.insertOp(["drawingsOrder",I-D],U);w.push($),w.push(F)}const y={id:k.RichTextEditingMutation.id,params:{unitId:l,actions:[],textRanges:[]}};return y.params.actions=w.reduce((S,U)=>i.JSONX.compose(S,U),null),!!n.syncExecuteCommand(y.id,y.params)}},ze={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(i.ICommandService),t=a.get(ee.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:o,drawingIds:s,arrangeType:l}=e,d={unitId:r,subUnitId:o,drawingIds:s};let c;if(l===i.ArrangeTypeEnum.forward?c=t.getForwardDrawingsOp(d):l===i.ArrangeTypeEnum.backward?c=t.getBackwardDrawingOp(d):l===i.ArrangeTypeEnum.front?c=t.getFrontDrawingsOp(d):l===i.ArrangeTypeEnum.back&&(c=t.getBackDrawingsOp(d)),c==null)return!1;const{redo:m}=c;if(m==null)return!1;const h=[];let u=i.Tools.deepClone(m);u=u.slice(3),u.unshift("drawingsOrder"),h.push(u);const v={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return v.params.actions=h.reduce((w,I)=>i.JSONX.compose(w,I),null),!!n.syncExecuteCommand(v.id,v.params)}},qe={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(a,e)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const n=a.get(ee.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:r,children:o})=>{t.push(r.unitId),o.forEach(s=>{t.push(s.unitId)})}),n.getUngroupDrawingOp(e),!1}};var Vn=Object.defineProperty,Gn=Object.getOwnPropertyDescriptor,Wn=(a,e,n,t)=>{for(var r=t>1?void 0:t?Gn(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&Vn(e,n,r),r},re=(a,e)=>(n,t)=>e(n,t,a);let Be=class extends i.Disposable{constructor(a,e,n,t,r,o,s,l,d,c,m,h,u){super(),this._context=a,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=r,this._docDrawingService=o,this._drawingManagerService=s,this._contextService=l,this._messageService=d,this._localeService=c,this._docSelectionRenderService=m,this._docRefreshDrawingsService=h,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const a=await this._fileOpenerService.openFile({multiple:!0,accept:W.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=a.length;return e>W.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:K.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(W.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(a),!0)}async _insertFloatImages(a){let e=[];try{e=await Promise.all(a.map(r=>this._imageIoService.saveImage(r)))}catch(r){const o=r.message;let s="";switch(o){case W.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(W.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case W.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case W.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:K.MessageType.Error,content:s})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const r of e){if(r==null)continue;const{imageId:o,imageSourceType:s,source:l,base64Cache:d}=r,{width:c,height:m,image:h}=await W.getImageSize(d||"");this._imageIoService.addImageSourceCache(o,s,h);let u=1;if(c>W.DRAWING_IMAGE_WIDTH_LIMIT||m>W.DRAWING_IMAGE_HEIGHT_LIMIT){const I=W.DRAWING_IMAGE_WIDTH_LIMIT/c,D=W.DRAWING_IMAGE_HEIGHT_LIMIT/m;u=Math.min(I,D)}const v=this._getImagePosition(c*u,m*u);if(v==null)return;const p={unitId:n,subUnitId:n,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:l,transform:X.docDrawingPositionToTransform(v),docTransform:v,behindDoc:i.BooleanNumber.FALSE,title:"",description:"",layoutType:i.PositionedObjectLayoutType.INLINE,wrapText:i.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(p.isMultiTransform=i.BooleanNumber.TRUE,p.transforms=p.transform?[p.transform]:null),t.push(p)}this._commandService.executeCommand($e.id,{unitId:n,drawings:t})}_isInsertInHeaderFooter(){var t;const{unitId:a}=this._context,e=(t=this._renderManagerSrv.getRenderById(a))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel(),n=e==null?void 0:e.getEditArea();return n===j.DocumentEditArea.HEADER||n===j.DocumentEditArea.FOOTER}_getImagePosition(a,e){const n=this._docSelectionRenderService.getActiveTextRange(),t=(n==null?void 0:n.getAbsolutePosition())||{left:0,top:0};return{size:{width:a,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(a=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r}=a;this._commandService.executeCommand(ze.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(a=>{this._commandService.executeCommand(Xe.id,a)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(a=>{this._commandService.executeCommand(qe.id,a)})}_getCurrentSceneAndTransformer(){const{scene:a,mainComponent:e}=this._context;if(a==null||e==null)return;const n=a.getTransformerByCreate(),{docsLeft:t,docsTop:r}=e.getOffsetConfig();return{scene:a,transformer:n,docsLeft:t,docsTop:r}}_transformDrawingListener(){const a=this._getCurrentSceneAndTransformer();if(a&&a.transformer)this.disposeWithMe(a.transformer.changeEnd$.pipe(he.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(a=>{var r;const{transformer:e,docsLeft:n,docsTop:t}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(a==null||a.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(a),this._setDrawingSelections(a);const o=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(a[0].drawingId);o!==s&&this._docSelectionRenderService.setSegment(s),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(a){var s,l,d;const{unit:e}=this._context,{body:n,headers:t={},footers:r={}}=e.getSnapshot();if(((s=n==null?void 0:n.customBlocks)!=null?s:[]).some(c=>c.blockId===a))return"";for(const c of Object.keys(t))if((l=t[c].body.customBlocks)!=null&&l.some(m=>m.blockId===a))return c;for(const c of Object.keys(r))if((d=r[c].body.customBlocks)!=null&&d.some(m=>m.blockId===a))return c;return""}_updateDrawingsEditStatus(){var l;const{unit:a,scene:e,unitId:n}=this._context,t=(l=this._renderManagerSrv.getRenderById(n))==null?void 0:l.with(k.DocSkeletonManagerService).getViewModel();if(t==null||a==null)return;const r=a.getSnapshot(),{drawings:o={}}=r,s=t.getEditArea()===j.DocumentEditArea.BODY;for(const d of Object.keys(o)){const c=o[d],m=W.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),h=e.fuzzyMathObjects(m,!0);if(h.length)for(const u of h)e.detachTransformerFrom(u),u.setOpacity(.5),(s&&c.isMultiTransform!==i.BooleanNumber.TRUE||!s&&c.isMultiTransform===i.BooleanNumber.TRUE)&&(e.attachTransformerTo(u),u.setOpacity(1))}}_editAreaChangeListener(){var n;const{unitId:a}=this._context,e=(n=this._renderManagerSrv.getRenderById(a))==null?void 0:n.with(k.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(t=>{t!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async t=>{t.id===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(a){var r,o;const{unit:e}=this._context,n=(o=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?o:[],t=a.map(s=>{const l=s.drawingId,d=n.find(c=>c.blockId===l);return d?d.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Be=Wn([re(1,i.ICommandService),re(2,i.Inject(k.DocSelectionManagerService)),re(3,j.IRenderManagerService),re(4,W.IImageIoService),re(5,ee.IDocDrawingService),re(6,W.IDrawingManagerService),re(7,i.IContextService),re(8,Z.IMessageService),re(9,i.Inject(i.LocaleService)),re(10,i.Inject(X.DocSelectionRenderService)),re(11,i.Inject(Re)),re(12,Z.ILocalFileService)],Be);const Ke={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:a=>{var n,t;return(t=(n=a.get(j.IRenderManagerService).getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(Be).insertDocImage())!=null?t:!1}},Oe={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(a,e)=>{const n=a.get(i.ICommandService),t=a.get(ee.IDocDrawingService),r=a.get(i.IUniverInstanceService),o=a.get(j.IRenderManagerService),{direction:s}=e,l=t.getFocusDrawings();if(l.length===0)return!1;const d=l[0].unitId,c=o.getRenderById(d),m=c==null?void 0:c.scene;if(m==null)return!1;const h=m.getTransformerByCreate(),u=r.getUniverDocInstance(d),v=l.map(w=>{var P,R,H,A,S;const{drawingId:I}=w,D=(P=u==null?void 0:u.getSnapshot().drawings)==null?void 0:P[I];if(D==null||D.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=D.docTransform,y={...O},N={...T};return s===i.Direction.UP?N.posOffset=((R=N.posOffset)!=null?R:0)-2:s===i.Direction.DOWN?N.posOffset=((H=N.posOffset)!=null?H:0)+2:s===i.Direction.LEFT?y.posOffset=((A=y.posOffset)!=null?A:0)-2:s===i.Direction.RIGHT&&(y.posOffset=((S=y.posOffset)!=null?S:0)+2),{drawingId:I,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?N:y}}).filter(w=>w!=null);if(v.length===0)return!1;const p=n.syncExecuteCommand(Pe.id,{unitId:d,subUnitId:d,drawings:v});return h.refreshControls(),!!p}},hn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(a,e)=>{const n=a.get(j.IRenderManagerService);return e.forEach(t=>{var r,o;(o=(r=n.getRenderById(t))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},pn="COMPONENT_DOC_DRAWING_PANEL",Je={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(a,e)=>{const n=a.get(Z.ISidebarService),t=a.get(i.LocaleService),r=a.get(W.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:pn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},Ye={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(a,e)=>{const n=a.get(W.IDrawingManagerService),t=a.get(i.ICommandService);return e==null?!1:(n.focusDrawing([e]),t.executeCommand(Je.id,{value:"open"}),!0)}};function vn(a){var e,n,t="";if(typeof a=="string"||typeof a=="number")t+=a;else if(typeof a=="object")if(Array.isArray(a)){var r=a.length;for(e=0;e<r;e++)a[e]&&(n=vn(a[e]))&&(t&&(t+=" "),t+=n)}else for(n in a)a[n]&&(t&&(t+=" "),t+=n);return t}function q(){for(var a,e,n=0,t="",r=arguments.length;n<r;n++)(a=arguments[n])&&(e=vn(a))&&(t&&(t+=" "),t+=e);return t}const f={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",sheetImageMenu:"univer-sheet-image-menu",sheetImageMenuInput:"univer-sheet-image-menu-input"},In=-1e3,wn=1e3,Xn=a=>{const e=i.useDependency(i.ICommandService),n=i.useDependency(i.LocaleService),t=i.useDependency(W.IDrawingManagerService),r=i.useDependency(j.IRenderManagerService),o=i.useDependency(i.IUniverInstanceService),{drawings:s}=a,l=s[0];if(l==null)return;const{unitId:d}=l,c=o.getUniverDocInstance(d),m=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(d),u=h==null?void 0:h.scene;if(u==null)return;const v=u.getTransformerByCreate(),p=[{label:n.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],w=[{label:n.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:m===i.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:m===i.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:m===i.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[I,D]=J.useState(!0),[O,T]=J.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[y,N]=J.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[P,R]=J.useState(!0),[H,A]=J.useState(!0);function S(C,E){var M;C==="positionH"?T(E):N(E);const b=t.getFocusDrawings();if(b.length===0)return;const B=b.map(L=>({unitId:L.unitId,subUnitId:L.subUnitId,drawingId:L.drawingId}));e.executeCommand(Pe.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:B.map(L=>({drawingId:L.drawingId,key:C,value:E}))});const V=(M=r.getRenderById(d))==null?void 0:M.with(X.DocSelectionRenderService);V&&V.blur(),v.refreshControls()}function U(C){var te,me,ue;const E=O.relativeFrom,b=O.posOffset,B=Number(C);if(E===B)return;const V=t.getFocusDrawings();if(V.length===0)return;const M=V[0].drawingId,L=V[0].unitId;let Y=null,G=0;const Q=(te=r.getRenderById(L))==null?void 0:te.with(k.DocSkeletonManagerService).getSkeleton(),oe=Q==null?void 0:Q.getSkeletonData();if(oe==null)return;const{pages:ye,skeHeaders:Se,skeFooters:Ee}=oe;for(const ce of ye){const{marginLeft:pe,skeDrawings:ve,headerId:_e,footerId:De,pageWidth:Ie}=ce;if(ve.has(M)){Y=ve.get(M),G=pe;break}const le=(me=Se.get(_e))==null?void 0:me.get(Ie);if(le!=null&&le.skeDrawings.has(M)){Y=le==null?void 0:le.skeDrawings.get(M),G=pe;break}const de=(ue=Ee.get(De))==null?void 0:ue.get(Ie);if(de!=null&&de.skeDrawings.has(M)){Y=de==null?void 0:de.skeDrawings.get(M),G=pe;break}}if(Y==null)return;let se=0;E===i.ObjectRelativeFromH.COLUMN?se-=Y.columnLeft:E===i.ObjectRelativeFromH.MARGIN&&(se-=G),B===i.ObjectRelativeFromH.COLUMN?se+=Y.columnLeft:B===i.ObjectRelativeFromH.MARGIN?se+=G:i.ObjectRelativeFromH.PAGE;const ne={relativeFrom:B,posOffset:(b!=null?b:0)-se};S("positionH",ne)}function $(C){var ve,_e,De,Ie,le,de;const E=y.relativeFrom,b=y.posOffset,B=Number(C);if(E===B)return;const V=t.getFocusDrawings();if(V.length===0)return;const{drawingId:M,unitId:L}=V[0],Y=o.getUniverDocInstance(L),G=(ve=r.getRenderById(L))==null?void 0:ve.with(k.DocSkeletonManagerService).getSkeleton(),Q=(_e=r.getRenderById(L))==null?void 0:_e.with(X.DocSelectionRenderService),oe=Q==null?void 0:Q.getSegment(),ye=Q==null?void 0:Q.getSegmentPage(),Se=(Ie=(De=Y==null?void 0:Y.getSelfOrHeaderFooterModel(oe).getBody())==null?void 0:De.customBlocks)==null?void 0:Ie.find(Ce=>Ce.blockId===M);if(Se==null||G==null||Q==null)return;const{startIndex:Ee}=Se,se=G.findNodeByCharIndex(Ee,oe,ye),ne=(le=se==null?void 0:se.parent)==null?void 0:le.parent,te=ne==null?void 0:ne.parent,me=te==null?void 0:te.lines.find(Ce=>Ce.paragraphIndex===(ne==null?void 0:ne.paragraphIndex)&&Ce.paragraphStart),ue=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(se==null||ne==null||me==null||te==null||ue==null)return;let ce=0;E===i.ObjectRelativeFromV.PARAGRAPH?ce-=me.top:E===i.ObjectRelativeFromV.LINE?ce-=ne.top:E===i.ObjectRelativeFromV.PAGE&&(ce+=ue.marginTop),B===i.ObjectRelativeFromV.PARAGRAPH?ce+=me.top:B===i.ObjectRelativeFromV.LINE?ce+=ne.top:B===i.ObjectRelativeFromV.PAGE&&(ce-=ue.marginTop);const pe={relativeFrom:B,posOffset:(b!=null?b:0)-ce};S("positionV",pe)}function F(C){var L;const E=c==null?void 0:c.getSnapshot(),b=(L=E==null?void 0:E.drawings)==null?void 0:L[C.drawingId];if(b==null)return;const{layoutType:B}=b,{positionH:V,positionV:M}=b.docTransform;T(V),N(M),D(B===i.PositionedObjectLayoutType.INLINE),R(M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||M.relativeFrom===i.ObjectRelativeFromV.LINE)}function z(){const C=t.getFocusDrawings();C.length!==0&&F(C[0])}function _(C){R(C),$(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return J.useEffect(()=>{z();const C=t.focus$.subscribe(b=>{if(b.length===0){A(!1);return}A(!0),F(b[0])}),E=e.onCommandExecuted(async b=>{b.id===k.RichTextEditingMutation.id&&z()});return()=>{C.unsubscribe(),E.dispose()}},[]),g.jsxs("div",{className:q(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-position.title")})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.horizontal")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:In,max:wn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{S("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.Select,{value:String(O.relativeFrom),disabled:I,options:p,onChange:U})})})]})})]}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.vertical")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:In,max:wn,precision:1,disabled:I,value:y.posOffset,onChange:C=>{S("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.Select,{disabled:I,value:String(y.relativeFrom),options:w,onChange:$})})})]})})]}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.options")})})}),g.jsx("div",{className:f.imageCommonPanelRow,style:{marginBottom:"50px"},children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.Checkbox,{disabled:I,checked:P,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},je=0,ke=100,$n=a=>{const e=i.useDependency(i.ICommandService),n=i.useDependency(i.LocaleService),t=i.useDependency(W.IDrawingManagerService),r=i.useDependency(j.IRenderManagerService),o=i.useDependency(i.IUniverInstanceService),{drawings:s}=a,l=s[0];if(l==null)return null;const{unitId:d}=l,c=o.getUniverDocInstance(d),m=r.getRenderById(d);if((m==null?void 0:m.scene)==null)return null;const[u,v]=J.useState(!0),[p,w]=J.useState(!0),[I,D]=J.useState(!0),[O,T]=J.useState(ie.INLINE),[y,N]=J.useState(""),[P,R]=J.useState({distT:0,distL:0,distB:0,distR:0}),[H,A]=J.useState(!0);function S(_){T(_);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:E,subUnitId:b}=C[0],B=C.map(({unitId:V,subUnitId:M,drawingId:L})=>({unitId:V,subUnitId:M,drawingId:L}));e.executeCommand(on.id,{unitId:E,subUnitId:b,drawings:B,wrappingStyle:_})}function U(_){N(_);const C=t.getFocusDrawings();if(C.length===0)return;const E=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(cn.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:E,wrapText:_})}function $(_,C){if(_==null)return;const E={...P,[C]:_};R(E);const b=t.getFocusDrawings();if(b.length===0)return;const B=b.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(sn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:B,dist:{[C]:_}})}function F(){const _=t.getFocusDrawings();_.length!==0&&z(_[0])}function z(_){var Q,oe;const C=(oe=(Q=c==null?void 0:c.getSnapshot())==null?void 0:Q.drawings)==null?void 0:oe[_.drawingId];if(C==null)return;const{distT:E=0,distL:b=0,distB:B=0,distR:V=0,layoutType:M=i.PositionedObjectLayoutType.INLINE,behindDoc:L=i.BooleanNumber.FALSE,wrapText:Y=i.WrapTextType.BOTH_SIDES}=C;if(R({distT:E,distL:b,distB:B,distR:V}),N(Y),v(M!==i.PositionedObjectLayoutType.WRAP_SQUARE),M===i.PositionedObjectLayoutType.WRAP_NONE||M===i.PositionedObjectLayoutType.INLINE?w(!0):w(!1),M===i.PositionedObjectLayoutType.WRAP_NONE||M===i.PositionedObjectLayoutType.INLINE||M===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?D(!0):D(!1),M===i.PositionedObjectLayoutType.WRAP_NONE)L===i.BooleanNumber.TRUE?T(ie.BEHIND_TEXT):T(ie.IN_FRONT_OF_TEXT);else switch(M){case i.PositionedObjectLayoutType.INLINE:T(ie.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:T(ie.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(ie.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${M}`)}}return J.useEffect(()=>{F();const _=t.focus$.subscribe(E=>{if(E.length===0){A(!1);return}A(!0),z(E[0])}),C=e.onCommandExecuted(async E=>{E.id===k.RichTextEditingMutation.id&&F()});return()=>{_.unsubscribe(),C.dispose()}},[]),g.jsxs("div",{className:q(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-text-wrap.title")})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),g.jsx("div",{className:q(f.imageCommonPanelRow),children:g.jsx("div",{className:q(f.imageCommonPanelColumn),children:g.jsxs(K.RadioGroup,{value:O,onChange:S,direction:"vertical",children:[g.jsx(K.Radio,{value:ie.INLINE,children:n.t("image-text-wrap.inline")}),g.jsx(K.Radio,{value:ie.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),g.jsx(K.Radio,{value:ie.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),g.jsx(K.Radio,{value:ie.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),g.jsx(K.Radio,{value:ie.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),g.jsx("div",{className:q(f.imageCommonPanelRow),children:g.jsx("div",{className:q(f.imageCommonPanelColumn),children:g.jsxs(K.RadioGroup,{disabled:u,value:y,onChange:U,direction:"horizontal",children:[g.jsx(K.Radio,{value:i.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),g.jsx(K.Radio,{value:i.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),g.jsx(K.Radio,{value:i.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:je,max:ke,disabled:p,precision:1,value:P.distT,onChange:_=>{$(_,"distT")},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:je,max:ke,disabled:I,precision:1,value:P.distL,onChange:_=>{$(_,"distL")},className:f.imageCommonPanelInput})})})]})})]}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:je,max:ke,disabled:p,precision:1,value:P.distB,onChange:_=>{$(_,"distB")},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:je,max:ke,disabled:I,precision:1,value:P.distR,onChange:_=>{$(_,"distR")},className:f.imageCommonPanelInput})})})]})})]})]})},zn=()=>{const a=i.useDependency(W.IDrawingManagerService),e=a.getFocusDrawings(),[n,t]=J.useState(e);return J.useEffect(()=>{const r=a.focus$.subscribe(o=>{t(o)});return()=>{r.unsubscribe()}},[]),!!(n!=null&&n.length)&&g.jsxs("div",{className:f.imageCommonPanel,children:[g.jsx(Te.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),g.jsx($n,{drawings:n}),g.jsx(Xn,{drawings:n})]})},Sn="addition-and-subtraction-single",Ze="doc.menu.image",_n=Ke.id,qn=a=>{const e=a.get(k.DocSelectionManagerService),n=a.get(i.IUniverInstanceService);return new he.Observable(t=>{const r=e.textSelection$.subscribe(()=>{var s;const o=e.getActiveTextRange();if(o){const{segmentId:l,startOffset:d,endOffset:c}=o,m=n.getCurrentUniverDocInstance(),h=(s=m==null?void 0:m.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:s.tables;if(h&&h.length&&h.some(u=>{const{startIndex:v,endIndex:p}=u;return d>=v&&d<p||c>=v&&c<p})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>r.unsubscribe()})};function Kn(a){return{id:Ze,type:Z.MenuItemType.SUBITEMS,icon:Sn,tooltip:"docImage.title",disabled$:qn(a),hidden$:Z.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC)}}function Jn(a){return{id:_n,title:"docImage.upload.float",type:Z.MenuItemType.BUTTON,hidden$:Z.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC)}}const Yn={[Z.RibbonStartGroup.LAYOUT]:{[Ze]:{order:0,menuItemFactory:Kn,[_n]:{order:0,menuItemFactory:Jn}}}};function Me(a){return a.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&a.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const Zn={id:Oe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_DOWN,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.DOWN}},Qn={id:Oe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_UP,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.UP}},et={id:Oe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_LEFT,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.LEFT}},nt={id:Oe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:Z.KeyCode.ARROW_RIGHT,priority:100,preconditions:Me,staticParameters:{direction:i.Direction.RIGHT}},tt={id:We.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Me,binding:Z.KeyCode.DELETE,mac:Z.KeyCode.BACKSPACE};var it=Object.defineProperty,at=Object.getOwnPropertyDescriptor,rt=(a,e,n,t)=>{for(var r=t>1?void 0:t?at(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&it(e,n,r),r},He=(a,e)=>(n,t)=>e(n,t,a);let Ve=class extends i.Disposable{constructor(a,e,n,t){super(),this._componentManager=a,this._menuManagerService=e,this._commandService=n,this._shortcutService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(Sn,fn)),this.disposeWithMe(a.register(pn,zn))}_initMenus(){this._menuManagerService.mergeMenu(Yn)}_initCommands(){[Ke,$e,on,sn,cn,Pe,ln,dn,Ue,Je,hn,Ye,Xe,qe,Oe,We,ze].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initShortcuts(){[Zn,Qn,et,nt,tt].forEach(a=>{this.disposeWithMe(this._shortcutService.registerShortcut(a))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ve=rt([He(0,i.Inject(Z.ComponentManager)),He(1,Z.IMenuManagerService),He(2,i.ICommandService),He(3,Z.IShortcutService)],Ve);var ot=Object.defineProperty,st=Object.getOwnPropertyDescriptor,ct=(a,e,n,t)=>{for(var r=t>1?void 0:t?st(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&ot(e,n,r),r},Ne=(a,e)=>(n,t)=>e(n,t,a);let Ge=class extends i.RxDisposable{constructor(e,n,t,r,o){super();fe(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(he.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(he.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const n=e.getUnitId();this._renderManagerService.removeRender(n)}_create(e){if(!e)return;const n=e.getUnitId();this._renderManagerService.has(n)&&!this._initImagePopupMenu.has(n)&&(this._popupMenuListener(n),this._initImagePopupMenu.add(n))}_hasCropObject(e){const n=e.getAllObjects();for(const t of n)if(t instanceof Te.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var o;const n=(o=this._renderManagerService.getRenderById(e))==null?void 0:o.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const r=[];this.disposeWithMe(i.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const l=s.values().next().value;if(!l)return;const d=l.oKey,c=this._drawingManagerService.getDrawingOKey(d);if(!c)return;const{unitId:m,subUnitId:h,drawingId:u}=c,v=this._canvasPopManagerService.attachPopupToObject(l,{componentKey:Te.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(m,h,u)}},m);r.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===m&&I.subUnitId===h&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:m,subUnitId:h,drawingId:u}])}))),this.disposeWithMe(i.toDisposable(t.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:Ye.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!i.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:Ue.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:n,drawingId:t}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Te.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!0},{label:"image-popup.reset",index:3,commandId:Te.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:n,drawingId:t}],disable:!0}]}};Ge=ct([Ne(0,W.IDrawingManagerService),Ne(1,i.Inject(X.DocCanvasPopManagerService)),Ne(2,j.IRenderManagerService),Ne(3,i.IUniverInstanceService),Ne(4,i.IContextService)],Ge);var lt=Object.defineProperty,dt=Object.getOwnPropertyDescriptor,gt=(a,e,n,t)=>{for(var r=t>1?void 0:t?dt(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&lt(e,n,r),r},we=(a,e)=>(n,t)=>e(n,t,a);let Qe=class extends i.Disposable{constructor(e,n,t,r,o,s,l,d){super();fe(this,"_liquid",new j.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=r,this._drawingManagerService=o,this._docRefreshDrawingsService=s,this._univerInstanceService=l,this._lifecycleService=d,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,X.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:r}=t,{unitId:o,mainComponent:s}=this._context;if(r!==o)return;const l=this._docSkeletonManagerService.getSkeleton();if(l==null)return;if(this._editorService.isEditor(o)&&o!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null||s.makeDirty();return}this._refreshDrawing(l)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(he.filter(e=>e.type===j.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),he.debounceTime(16)).subscribe(()=>{var t;const e=this._docSkeletonManagerService.getSkeleton(),{scene:n}=this._context;(t=n.getTransformer())==null||t.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var O,T;const n=e==null?void 0:e.getSkeletonData(),{mainComponent:t,unitId:r}=this._context,o=t;if(!n)return;const{left:s,top:l,pageLayoutType:d,pageMarginLeft:c,pageMarginTop:m}=o,{pages:h,skeHeaders:u,skeFooters:v}=n,p={};this._liquid.reset();for(let y=0,N=h.length;y<N;y++){const P=h[y],{headerId:R,footerId:H,pageWidth:A}=P;if(R){const S=(O=u.get(R))==null?void 0:O.get(A);S&&this._calculateDrawingPosition(r,S,s,l,p,S.marginTop,P.marginLeft)}if(H){const S=(T=v.get(H))==null?void 0:T.get(A);S&&this._calculateDrawingPosition(r,S,s,l,p,P.pageHeight-P.marginBottom+S.marginTop,P.marginLeft)}this._calculateDrawingPosition(r,P,s,l,p,P.marginTop,P.marginLeft),this._liquid.translatePage(P,d,c,m)}const w=Object.values(p),I=w.filter(y=>!y.isMultiTransform),D=w.filter(y=>y.isMultiTransform);I.length>0&&this._drawingManagerService.refreshTransform(I),this._handleMultiDrawingsTransform(D)}_handleMultiDrawingsTransform(e){const{scene:n,unitId:t}=this._context,r=n.getTransformerByCreate();e.forEach(d=>{const c=this._drawingManagerService.getDrawingByParam(d);c!=null&&(c.transform=d.transform,c.transforms=d.transforms,c.isMultiTransform=d.isMultiTransform)});const s=[...r.getSelectedObjectMap().keys()],l=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(d=>d.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(l),e.length>0&&this._drawingManagerService.addNotification(e);for(const d of s){const c=n.getObject(d);c&&r.setSelectedControl(c)}}_calculateDrawingPosition(e,n,t,r,o,s,l){const{skeDrawings:d}=n;this._liquid.translatePagePadding({marginTop:s,marginLeft:l}),d.forEach(c=>{const{aLeft:m,aTop:h,height:u,width:v,angle:p,drawingId:w,drawingOrigin:I}=c,D=I.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:O=i.BooleanNumber.FALSE}=I,T={left:m+t+this._liquid.x,top:h+r+this._liquid.y,width:v,height:u,angle:p};o[w]==null?o[w]={unitId:e,subUnitId:e,drawingId:w,behindText:D,transform:T,transforms:[T],isMultiTransform:O}:O===i.BooleanNumber.TRUE&&o[w].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:l})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage===i.LifecycleStages.Steady?setTimeout(()=>{e()},1e3):this._lifecycleService.lifecycle$.pipe(he.filter(n=>n===i.LifecycleStages.Steady)).subscribe(e)}};Qe=gt([we(1,i.Inject(k.DocSkeletonManagerService)),we(2,i.ICommandService),we(3,X.IEditorService),we(4,W.IDrawingManagerService),we(5,i.Inject(Re)),we(6,i.IUniverInstanceService),we(7,i.Inject(i.LifecycleService))],Qe);var Dn=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,ut=(a,e,n)=>e in a?Dn(a,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[e]=n,ft=(a,e,n,t)=>{for(var r=t>1?void 0:t?mt(e,n):e,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=(t?s(e,n,r):s(r))||r);return t&&r&&Dn(e,n,r),r},en=(a,e)=>(n,t)=>e(n,t,a),Cn=(a,e,n)=>ut(a,typeof e!="symbol"?e+"":e,n);const ht="DOC_DRAWING_UI_PLUGIN";x.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=an,n,t,r){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=r;const{...o}=i.merge({},an,this._config);this._configService.setConfig(yn,o)}onStarting(){[[Ve],[Ge],[Fe],[xe],[Re]].forEach(n=>this._injector.add(n))}onReady(){[[Be],[Qe]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(xe),this._injector.get(Ve),this._injector.get(Fe)}onRendered(){this._injector.get(Ge)}},Cn(x.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Cn(x.UniverDocsDrawingUIPlugin,"pluginName",ht),x.UniverDocsDrawingUIPlugin=ft([i.DependentOn(Te.UniverDrawingUIPlugin,W.UniverDrawingPlugin,ee.UniverDocsDrawingPlugin,Z.UniverUIPlugin),en(1,i.Inject(i.Injector)),en(2,j.IRenderManagerService),en(3,i.IConfigService)],x.UniverDocsDrawingUIPlugin),x.ClearDocDrawingTransformerOperation=hn,x.DOCS_IMAGE_MENU_ID=Ze,x.DeleteDocDrawingsCommand=We,x.EditDocDrawingOperation=Ye,x.GroupDocDrawingCommand=Xe,x.InsertDocDrawingCommand=$e,x.InsertDocImageCommand=Ke,x.MoveDocDrawingsCommand=Oe,x.RemoveDocDrawingCommand=Ue,x.SetDocDrawingArrangeCommand=ze,x.SidebarDocDrawingOperation=Je,x.UngroupDocDrawingCommand=qe,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
27
11
 
28
12
 
29
13
  // index
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-docs-drawing",
3
- "version": "0.5.4",
3
+ "version": "0.6.0-alpha.0",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -57,15 +57,15 @@
57
57
  "rxjs": ">=7.0.0"
58
58
  },
59
59
  "dependencies": {
60
- "@univerjs/docs-drawing": "0.5.4",
61
- "@univerjs/docs-drawing-ui": "0.5.4",
62
- "@univerjs/drawing": "0.5.4",
63
- "@univerjs/drawing-ui": "0.5.4"
60
+ "@univerjs/docs-drawing": "0.6.0-alpha.0",
61
+ "@univerjs/docs-drawing-ui": "0.6.0-alpha.0",
62
+ "@univerjs/drawing": "0.6.0-alpha.0",
63
+ "@univerjs/drawing-ui": "0.6.0-alpha.0"
64
64
  },
65
65
  "devDependencies": {
66
- "@univerjs/core": "0.5.4",
66
+ "@univerjs/core": "0.6.0-alpha.0",
67
67
  "typescript": "^5.7.2",
68
- "@univerjs-infra/shared": "0.5.4"
68
+ "@univerjs-infra/shared": "0.6.0-alpha.0"
69
69
  },
70
70
  "scripts": {
71
71
  "prebuild:preset": "tsx prepare.ts",