@univerjs/preset-docs-drawing 0.6.1-nightly.202502231605 → 0.6.1-nightly.202502251606

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 +5 -3
  3. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .univer-box-border{box-sizing:border-box}.univer-p-2{padding:.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.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)}.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-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}
1
+ .univer-flex{display:flex}.univer-items-center{align-items:center}.univer-gap-2{gap:.5rem}.univer-rounded{border-radius:.25rem}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-1{padding:.25rem}.univer-text-\[10px\]{font-size:10px}.univer-text-gray-400{--tw-text-opacity: 1;color:#979dac;color:rgba(151,157,172,var(--tw-text-opacity, 1))}.hover\:univer-bg-gray-100:hover{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.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,7 +1,9 @@
1
1
  // @univerjs/drawing-ui/index
2
- (function(y,h){typeof exports=="object"&&typeof module<"u"?h(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"],h):(y=typeof globalThis<"u"?globalThis:y||self,h(y.UniverDrawingUi={},y.UniverCore,y.UniverDrawing,y.UniverEngineRender,y.UniverUi,y.React,y.React,y.UniverDesign,y.rxjs))})(this,function(y,h,D,b,V,c,S,x,Ne){"use strict";var Gn=Object.defineProperty;var Vn=(y,h,D)=>h in y?Gn(y,h,{enumerable:!0,configurable:!0,writable:!0,value:D}):y[h]=D;var ee=(y,h,D)=>Vn(y,typeof h!="symbol"?h+"":h,D);var Me;function Xe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const i=D.getDrawingShapeKeyByDrawingSearch(a),s=n.getObject(i);if(s&&!(s instanceof b.Group))return;if(s!=null){s.addObject(t);return}const o=new b.Group(i);n.addObject(o,b.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 i;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===h.UniverInstanceType.UNIVER_SHEET?r=(i=n.getActiveSheet())==null?void 0:i.getSheetId():(n.type===h.UniverInstanceType.UNIVER_DOC||n.type===h.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Te="COMPONENT_IMAGE_VIEWER";var qe=Object.getOwnPropertyDescriptor,Je=(a,t,n,e)=>{for(var r=e>1?void 0:e?qe(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},Pe=(a,t)=>(n,e)=>t(n,e,a);const Be=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:i,imageSourceType:s,srcRect:o,prstGeom:l,groupId:m,unitId:d,subUnitId:u,drawingId:f,isMultiTransform:p,transforms:_}=t;if(r!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const w=p&&_?_:[e],C=[];for(const P of w){const{left:I,top:B,width:M,height:R,angle:N,flipX:O,flipY:E,skewX:U,skewY:L}=P,W=w.indexOf(P),H=D.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:u,drawingId:f},p?W:void 0),ae=n.getObject(H);if(ae!=null){ae.transformByState({left:I,top:B,width:M,height:R,angle:N,flipX:O,flipY:E,skewX:U,skewY:L});continue}const K=this._drawingManagerService.getDrawingOrder(d,u),le=K.indexOf(f),ie={...P,zIndex:le===-1?K.length-1:le},se=this._imageIoService.getImageSourceCache(i,s);let ge=!1;if(se!=null)ie.image=se;else{if(s===D.ImageSourceType.UUID)try{ie.url=await this._imageIoService.getImage(i)}catch(Oe){console.error(Oe);continue}else ie.url=i;ge=!0}if(n.getObject(H))continue;ie.printable=!0;const J=new b.Image(H,ie);ge&&this._imageIoService.addImageSourceCache(i,s,J.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(J,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(J),m&&Xe({drawingId:m,unitId:d,subUnitId:u},J,n,this._drawingManagerService),l!=null&&J.setPrstGeom(l),o!=null&&J.setSrcRect(o),C.push(J))}return C}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case h.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const i=`${t}-viewer-dialog`,s=window.innerWidth-Be,o=window.innerHeight-Be,l=this._adjustImageSize(e,r,s,o),m=this._dialogService.open({width:Math.max(l.width,200),id:i,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(i),m.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const i=e/t,s=r/n,o=Math.min(i,s);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},y.DrawingRenderService=Je([Pe(0,D.IDrawingManagerService),Pe(1,D.IImageIoService),Pe(2,V.IDialogService)],y.DrawingRenderService);function me(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:i,top:s,height:o,width:l,angle:m}=e,d=t.getDrawingOKey(r);if(d==null)return n.push(null),!0;const{unitId:u,subUnitId:f,drawingId:p,drawingType:_}=d,w={unitId:u,subUnitId:f,drawingId:p,drawingType:_,transform:{left:i,top:s,height:o,width:l,angle:m}};_===h.DrawingTypeEnum.DRAWING_IMAGE&&(w.srcRect=e.srcRect),n.push(w)}),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 A(){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:h.CommandType.OPERATION,handler:(a,t)=>!0},g={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},Qe=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{alignShow:e}=a,[r,i]=S.useState(T.default),s=[{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){i(m),t.executeCommand(Ce.id,{alignType:m})}const l=m=>m?"block":"none";return c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:l(e)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(g.imageCommonPanelColumn),children:c.jsx(x.Select,{value:r,options:s,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)},en=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,i=a.extend,s=en(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=S.useRef("_".concat(rn()));return je(n,"".concat(e),{defIds:n.defIds,idSuffix:l.current},F({ref:t,className:o},s),i)});function je(a,t,n,e,r){return S.createElement(a.tag,F(F({key:t},nn(a,n,r)),e),(tn(a,n).children||[]).map(function(i,s){return je(i,"".concat(t,"-").concat(a.tag,"-").concat(s),n,void 0,r)}))}function nn(a,t,n){var e=F({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+t.idSuffix),Object.entries(e).forEach(function(i){var s=i[0],o=i[1];s==="mask"&&typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});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(i){var s=i[0],o=i[1];typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function tn(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 rn(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var an={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(X,Object.assign({},a,{id:"autofill",ref:t,icon:an}))});Ae.displayName="Autofill";var sn={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"}}]},Re=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:sn}))});Re.displayName="BottomSingle";var on={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"}}]},Le=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:on}))});Le.displayName="CreateCopySingle";var cn={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(X,Object.assign({},a,{id:"group-single",ref:t,icon:cn}))});He.displayName="GroupSingle";var ln={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(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:ln}))});Ge.displayName="MoreDownSingle";var gn={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(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:gn}))});Ve.displayName="MoveDownSingle";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 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:mn}))});ke.displayName="MoveUpSingle";var dn={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(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:dn}))});xe.displayName="TopmostSingle";var un={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"}}]},We=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:un}))});We.displayName="UngroupSingle";const hn=a=>{const{arrangeShow:t,drawings:n}=a,e=V.useDependency(h.LocaleService),r=V.useDependency(D.IDrawingManagerService),i=m=>m?"block":"none",[s,o]=S.useState(n);S.useEffect(()=>{const m=r.focus$.subscribe(d=>{o(d)});return()=>{m.unsubscribe()}},[]);const l=m=>{const d=s[0].unitId,u=s[0].subUnitId,f=s.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:d,subUnitId:u,drawingIds:f,arrangeType:m})};return c.jsxs("div",{className:g.imageCommonPanelGrid,style:{display:i(t)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(x.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.forward)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(ke,{}),e.t("image-panel.arrange.forward")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(x.Button,{size:"small",onClick:()=>{l(h.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:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(x.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.front)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(xe,{}),e.t("image-panel.arrange.front")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(x.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.back)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Re,{}),e.t("image-panel.arrange.back")]})})})]})]})},fn=a=>{const t=V.useDependency(h.LocaleService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(D.IDrawingManagerService),{hasGroup:r,drawings:i}=a,[s,o]=S.useState(!1),[l,m]=S.useState(!0),[d,u]=S.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:I}=C[0],B=h.Tools.generateRandomId(10),M=b.getGroupState(0,0,C.map(O=>O.transform||{})),R={unitId:P,subUnitId:I,drawingId:B,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:M},N=C.map(O=>{const E=O.transform||{left:0,top:0},{unitId:U,subUnitId:L,drawingId:W}=O;return{unitId:U,subUnitId:L,drawingId:W,transform:{...E,left:E.left-M.left,top:E.top-M.top},groupId:B}});e.featurePluginGroupUpdateNotification([{parent:R,children:N}])},_=C=>{if(C.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:I,drawingId:B,transform:M={width:0,height:0}}=C;if(M==null)return;const R=e.getDrawingsByGroup({unitId:P,subUnitId:I,drawingId:B});if(R.length===0)return;const N=R.map(O=>{const{transform:E}=O,{unitId:U,subUnitId:L,drawingId:W}=O,H=b.transformObjectOutOfGroup(E||{},M,M.width||0,M.height||0);return{unitId:U,subUnitId:L,drawingId:W,transform:{...E,...H},groupId:void 0}});return{parent:C,children:N}},w=()=>{const P=e.getFocusDrawings().map(I=>_(I)).filter(I=>I!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return S.useEffect(()=>{const C=i[0];if(C==null)return;const{unitId:P}=C,I=n.getRenderById(P),B=I==null?void 0:I.scene;if(B==null)return;const M=B.getTransformerByCreate(),R=M.clearControl$.subscribe(O=>{O===!0&&o(!1)}),N=M.changeStart$.subscribe(O=>{const{objects:E}=O,U=me(E,e),L=U.filter(K=>(K==null?void 0:K.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let W=!1,H=!1;U.length>1&&(W=!0),L.length>0&&(H=!0),o(W||H),m(W),u(H)});return()=>{N.unsubscribe(),R.unsubscribe()}},[]),c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:f(r===!0?s:!1)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:c.jsx(x.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:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:c.jsx(x.Button,{size:"small",onClick:()=>{w()},style:{display:f(d)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(We,{}),t.t("image-panel.group.unGroup")]})})})]})]})},te=20,pn=20,Cn=[-3600,3600],ve=300,vn=a=>{var Ze;const t=V.useDependency(h.LocaleService),n=V.useDependency(D.IDrawingManagerService),e=V.useDependency(b.IRenderManagerService),{drawings:r,transformShow:i}=a,s=r[0];if(s==null)return;const o=s.transform;if(o==null)return;const{unitId:l,subUnitId:m,drawingId:d,drawingType:u}=s,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 w=p.getTransformerByCreate(),{width:C=0,height:P=0,left:I=0,top:B=0,angle:M=0}=o,[R,N]=S.useState(C),[O,E]=S.useState(P),[U,L]=S.useState(I),[W,H]=S.useState(B),[ae,K]=S.useState(M),[le,ie]=S.useState(w.keepRatio),se=(v,j,$,z)=>{const{width:k,height:Q}=_,{ancestorLeft:Y,ancestorTop:Z}=p;let q=v,oe=j,fe=$,pe=z;return v+Y<0&&(q=-Y),j+Z<0&&(oe=-Z),fe=k-q-Y,fe<te&&(fe=te),pe=Q-oe-Z,pe<te&&(pe=te),v+fe+Y>k&&(q=k-$-Y),j+pe+Z>Q&&(oe=Q-z-Z),{limitLeft:q,limitTop:oe,limitWidth:fe,limitHeight:pe}},ge=v=>{const{objects:j}=v,$=me(j,n);if($.length!==1)return;const z=$[0];if(z==null)return;const{transform:k}=z;if(k==null)return;const{width:Q,height:Y,left:Z,top:q,angle:oe}=k;Q!=null&&N(Q),Y!=null&&E(Y),Z!=null&&L(Z),q!=null&&H(q),oe!=null&&K(oe)};S.useEffect(()=>{const v=[w.changeStart$.subscribe(j=>{ge(j)}),w.changing$.subscribe(j=>{ge(j)}),w.changeEnd$.subscribe(j=>{ge(j)}),n.focus$.subscribe(j=>{if(j.length!==1)return;const $=n.getDrawingByParam(j[0]);if($==null)return;const z=$.transform;if(z==null)return;const{width:k,height:Q,left:Y,top:Z,angle:q}=z;k!=null&&N(k),Q!=null&&E(Q),Y!=null&&L(Y),Z!=null&&H(Z),q!=null&&K(q)})];return()=>{v.forEach(j=>j.unsubscribe())}},[]);const J=h.debounce(v=>{if(v==null)return;v=Math.max(v,te);const{limitWidth:j,limitHeight:$}=se(U,W,v,O);v=Math.min(v,j);const z={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{width:v}};if(le){let k=v/R*O;if(k=Math.max(k,pn),k>$)return;E(k),z.transform.height=k}N(v),n.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},ve),Oe=h.debounce(v=>{if(v==null)return;v=Math.max(v,te);const{limitHeight:j,limitWidth:$}=se(U,W,R,v);v=Math.min(v,j);const z={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{height:v}};if(le){let k=v/O*R;if(k=Math.max(k,te),k>$)return;N(k),z.transform.width=k}E(v),n.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},ve),jn=h.debounce(v=>{if(v==null)return;const{limitLeft:j}=se(v,W,R,O);v=j;const $={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{left:v}};L(v),n.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},ve),An=h.debounce(v=>{if(v==null)return;const{limitTop:j}=se(U,v,R,O);v=j;const $={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{top:v}};H(v),n.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},ve),Rn=v=>{if(v==null)return;const[j,$]=Cn;v<j&&(v=j),v>$&&(v=$);const z={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{angle:v}};K(v),n.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},Ln=v=>{ie(v),w.keepRatio=v},Hn=v=>v?"block":"none";return c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:Hn(i)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(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(x.InputNumber,{precision:1,value:R,onChange:v=>{J(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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(x.InputNumber,{precision:1,value:O,onChange:v=>{Oe(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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:A(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx(x.Checkbox,{checked:le,onChange:Ln})})})]})})]}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:A(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(x.InputNumber,{precision:1,value:U,onChange:v=>{jn(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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(x.InputNumber,{precision:1,value:W,onChange:v=>{An(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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(x.InputNumber,{precision:1,value:ae,onChange:Rn,className:g.imageCommonPanelInput})})})]})})]})]})},we={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ne={id:"sheet.operation.close-image-crop",type:h.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 de={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},wn=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[s,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===ne.id){const w=_.params;w!=null&&w.isAuto||(l.current=!1)}});return()=>{p==null||p.dispose()}},[]);function d(p){o(p),l.current&&t.executeCommand(de.id,{cropType:p})}const u=p=>p?"block":"none",f=p=>{t.executeCommand(de.id,{cropType:p}),l.current=!0};return c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:u(r)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:n.t("image-panel.crop.title")})})}),c.jsxs("div",{className:A(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:[c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(x.Button,{size:"small",onClick:()=>{f(s)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Le,{}),n.t("image-panel.crop.start")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(x.Select,{value:s,options:m,onChange:d})})]})]})},Sn=a=>{const t=V.useDependency(D.IDrawingManagerService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(h.LocaleService),{drawings:r,hasArrange:i=!0,hasTransform:s=!0,hasAlign:o=!0,hasCropper:l=!0,hasGroup:m=!0}=a,d=r[0];if(d==null)return;const{unitId:u}=d,f=n.getRenderById(u),p=f==null?void 0:f.scene;if(p==null)return;const _=p.getTransformerByCreate(),[w,C]=S.useState(!0),[P,I]=S.useState(!0),[B,M]=S.useState(!1),[R,N]=S.useState(!0),[O,E]=S.useState(!1);return S.useEffect(()=>{const U=_.clearControl$.subscribe(H=>{H===!0&&(C(!1),I(!1),M(!1),N(!1),E(!0))}),L=_.changeStart$.subscribe(H=>{const{objects:ae}=H,K=me(ae,t);K.length===0?(C(!1),I(!1),M(!1),N(!1),E(!0)):K.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()=>{L.unsubscribe(),U.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(hn,{arrangeShow:i===!0?w:!1,drawings:r}),c.jsx(vn,{transformShow:s===!0?P:!1,drawings:r}),c.jsx(Qe,{alignShow:o===!0?B:!1,drawings:r}),c.jsx(wn,{cropperShow:l===!0?R:!1,drawings:r}),c.jsx(fn,{hasGroup:m,drawings:r})]})},ue={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},$e=a=>{var _,w;const t=(w=(_=a.popup)==null?void 0:_.extraProps)==null?void 0:w.menuItems;if(!t)return null;const n=V.useDependency(h.ICommandService),e=V.useDependency(h.LocaleService),[r,i]=S.useState(!1),[s,o]=S.useState(!1),l=()=>{o(!0)},m=()=>{o(!1)},d=C=>{i(C)},u=C=>{n.executeCommand(C.commandId,C.commandParams),i(!1)},f=r||s,p=t.filter(C=>!C.disable);return c.jsx("div",{onMouseEnter:l,onMouseLeave:m,children:c.jsx(x.Dropdown,{align:"start",overlay:c.jsx("ul",{className:x.clsx(ue.imagePopupMenu,`
3
- univer-box-border univer-p-2 univer-text-sm univer-theme
4
- `),children:p.map(C=>c.jsx("li",{onClick:()=>u(C),className:ue.imagePopupMenuItem,children:c.jsx("span",{className:ue.imagePopupMenuItemTitle,children:e.t(C.label)})},C.index))}),open:r,onOpenChange:d,children:c.jsxs("div",{className:x.clsx(ue.btnContainer,{[ue.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",_n="drawing-ui.config",Ke={},De={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(a,t)=>!0},In=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.getOwnPropertyDescriptor,bn=(a,t,n,e)=>{for(var r=e>1?void 0:e?yn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},Fe=(a,t)=>(n,e)=>t(n,e,a);let Se=class extends h.Disposable{constructor(a,t){super(),this._componentManager=a,this._commandService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(ze,$e)),this.disposeWithMe(a.register(Te,In))}_initCommands(){[we,ne,De,Ce,de].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents()}};Se=bn([Fe(0,h.Inject(V.ComponentManager)),Fe(1,h.ICommandService)],Se);var Pn=Object.getOwnPropertyDescriptor,Dn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Pn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},_e=(a,t)=>(n,e)=>t(n,e,a);let Ie=class extends h.Disposable{constructor(t,n,e,r){super();ee(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(i=>{Object.keys(t[i]).forEach(s=>{const o=t[i][s].data;o==null||i!==e||s!==r||Object.keys(o).forEach(l=>{o[l]&&this._insertDrawing([{unitId:i,subUnitId:s,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:i,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(o==null)return;const{scene:l,transformer:m}=o;this._commandService.syncExecuteCommand(ne.id);const d=[];if(e.forEach(p=>{const _=D.getDrawingShapeKeyByDrawingSearch(p),w=l.getObjectIncludeInGroup(_);if(w==null||d.includes(w))return;d.push(w);const{transform:C}=p;C!=null&&(w.classType===b.RENDER_CLASS_TYPE.GROUP?w.transformByState({left:C.left,top:C.top}):w.transformByState(C))}),d.length===0)return;const u=D.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:i,drawingId:s}),f=new b.Group(u);l.addObject(f,b.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:i,transformer:s}=r;e.forEach(u=>{const f=D.getDrawingShapeKeyByDrawingSearch(u),p=i.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:_}=u;_!=null&&(p.classType===b.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:_.left,top:_.top}):p.transformByState(_))});const o=D.getDrawingShapeKeyByDrawingSearch(n),l=i.getObject(o),{width:m,height:d}=l;l.getObjects().forEach(u=>{l.removeSelfObjectAndTransform(u.oKey,m,d)}),l.dispose(),s.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===T.default)return;const r=[];let i=Number.POSITIVE_INFINITY,s=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,l=Number.NEGATIVE_INFINITY,m=0;e.forEach(d=>{const{unitId:u,subUnitId:f,drawingId:p,drawingType:_}=d,w=this._drawingManagerService.getDrawingByParam({unitId:u,subUnitId:f,drawingId:p});if(w==null||w.transform==null)return;r.push({unitId:u,subUnitId:f,drawingId:p,drawingType:_,transform:w.transform});const{left:C=0,top:P=0,width:I=0,height:B=0}=w.transform;i=Math.min(i,C),s=Math.min(s,P),o=Math.max(o,C+I),l=Math.max(l,P+B),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,i,s,o,l,m))}_applyAlignType(t,n,e,r,i,s,o){const l=Math.round((i-e)/o*10)/10,m=Math.round((s-r)/o*10)/10,d=[],u=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(u==null)return;const{scene:f,transformer:p}=u;t.forEach((_,w)=>{const{unitId:C,subUnitId:P,drawingId:I,transform:B,drawingType:M}=_,{left:R=0,top:N=0,width:O=0,height:E=0}=B;let U=R,L=N;switch(n){case T.left:U=e;break;case T.center:U=e+(i-e)/2-O/2;break;case T.right:U=i-O;break;case T.top:L=r;break;case T.middle:L=r+(s-r)/2-E/2;break;case T.bottom:L=s-E;break;case T.horizon:U=e+l*w;break;case T.vertical:L=r+m*w;break}(U!==R||L!==N)&&d.push({unitId:C,subUnitId:P,drawingId:I,drawingType:M,transform:{left:U,top:L}})}),this._drawingManagerService.featurePluginUpdateNotification(d),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const i=e.transform,s=r.transform,{left:o=0,top:l=0,width:m=0,height:d=0}=i,{left:u=0,top:f=0,width:p=0,height:_=0}=s;switch(n){case T.left:return o-u;case T.center:return o+m/2-(u+p/2);case T.right:return o+m-(u+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-(u+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,i=this._getSceneAndTransformerByDrawingSearch(n);if(i==null)return;const{scene:s}=i;r.forEach(o=>{const l=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:o}),m=s.fuzzyMathObjects(l,!0);if(m==null||m.length===0)return;const d=this._drawingManagerService.getDrawingOrder(n,e).indexOf(o);for(const u of m)u.setProps({zIndex:d}),u.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 s=this._getSceneAndTransformerByDrawingSearch(r);if(s==null)return;const{scene:o}=s;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:i}=n,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const{scene:o}=s,l=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),m=o.fuzzyMathObjects(l,!0);if(m.length>0){for(const u of m)u.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:i}=n,s=this._drawingManagerService.getDrawingByParam(n);if(s==null)return;const{transform:o,drawingType:l}=s,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:d,transformer:u}=m;if(o==null)return!0;const{left:f=0,top:p=0,width:_=0,height:w=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:B=0,skewY:M=0}=o,R=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),N=d.getObject(R);if(N==null)return!0;N.transformByState({left:f,top:p,width:_,height:w,angle:C,flipX:P,flipY:I,skewX:B,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:i}=n,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:l}=o,{scene:m}=s,d=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),u=m.getObject(d);if(u==null||l==null)return!0;const{left:f=0,top:p=0,width:_=0,height:w=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:B=0,skewY:M=0}=l;u.transformByState({left:f,top:p,width:_,height:w,angle:C,flipX:P,flipY:I,skewX:B,skewY:M})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:i,visible:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:l}=o,m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),d=l.getObject(m);if(d==null)return!0;s?d.show():d.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:i}=e;return h.checkIfMove(i,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(h.toDisposable(n.changeStart$.subscribe(r=>{const{objects:i}=r,s=Array.from(i.values()),o=[];e=s.map(l=>{const{left:m,top:d,height:u,width:f,angle:p,oKey:_,isInGroup:w}=l,C=this._drawingManagerService.getDrawingOKey(_);if(w||l instanceof b.Group){let P=l.ancestorGroup;if(P==null&&l instanceof b.Group&&(P=l),P==null)return null;const I=this._drawingManagerService.getDrawingOKey(P.oKey);if(I){const{unitId:B,subUnitId:M,drawingId:R}=I;o.push({unitId:B,subUnitId:M,drawingId:R});const{left:N,top:O,height:E,width:U,angle:L}=P;return{left:N,top:O,height:E,width:U,angle:L}}}else if(C!=null){const{unitId:P,subUnitId:I,drawingId:B}=C;return o.push({unitId:P,subUnitId:I,drawingId:B}),{left:m,top:d,height:u,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(h.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:i}=r,s=this._filterUpdateParams(me(i,this._drawingManagerService),e);s.length>0&&this._drawingManagerService.featurePluginUpdateNotification(s)})))}};Ie=Dn([_e(0,h.IUniverInstanceService),_e(1,h.ICommandService),_e(2,b.IRenderManagerService),_e(3,D.IDrawingManagerService)],Ie);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);ee(this,"_srcRect");ee(this,"_prstGeom");ee(this,"_applyTransform");ee(this,"_dragPadding",8);ee(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:i,height:s}=r;this._initialCacheCanvas(),(l=this._cacheCanvas)==null||l.clear();const o=(m=this._cacheCanvas)==null?void 0:m.getContext();o!=null&&(o.save(),b.Rect.drawWith(o,{left:0,top:0,width:i,height:s,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,i=0;const{left:s=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:w=0,bottom:C=0}=this._srcRect;n=p,e=_,r=w,i=C}const u=s+n,f=o+e;this.transformByState({left:u,top:f,width:s+l-r-u,height:o+m-i-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 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 Mn=Object.getOwnPropertyDescriptor,On=(a,t,n,e)=>{for(var r=e>1?void 0:e?Mn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},ce=(a,t)=>(n,e)=>t(n,e,a);let ye=class extends h.Disposable{constructor(t,n,e,r,i,s){super();ee(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=i,this._localeService=s,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==de.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const i=r[0],{unitId:s,subUnitId:o,drawingId:l}=i,m=this._renderManagerService.getRenderById(s),d=m==null?void 0:m.scene;if(d==null)return!0;this._searchCropObject(d)!=null&&this._commandService.syncExecuteCommand(ne.id,{isAuto:!0});const f=D.getDrawingShapeKeyByDrawingSearch({unitId:s,subUnitId:o,drawingId:l}),p=d.getObject(f);if(!(p instanceof b.Image)){this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(we.id,{unitId:s,subUnitId:o,drawingId:l}))}))}_calculateSrcRectByRatio(t,n,e,r,i,s){const o=e/r,l=i/s;let m=e,d=r;o>l?m=r*l:d=e/l;const u=(e-m)/2,f=(r-d)/2;return{left:b.precisionTo(u,1),top:b.precisionTo(f,1),right:b.precisionTo(e-(u+m),1),bottom:b.precisionTo(r-(f+d),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:i,height:s}=n.calculateTransformWithSrcRect();let o;switch(t){case G.R1_1:o=this._calculateSrcRectByRatio(e,r,i,s,1,1);break;case G.R16_9:o=this._calculateSrcRectByRatio(e,r,i,s,16,9);break;case G.R9_16:o=this._calculateSrcRectByRatio(e,r,i,s,9,16);break;case G.R5_4:o=this._calculateSrcRectByRatio(e,r,i,s,5,4);break;case G.R4_5:o=this._calculateSrcRectByRatio(e,r,i,s,4,5);break;case G.R4_3:o=this._calculateSrcRectByRatio(e,r,i,s,4,3);break;case G.R3_4:o=this._calculateSrcRectByRatio(e,r,i,s,3,4);break;case G.R3_2:o=this._calculateSrcRectByRatio(e,r,i,s,3,2);break;case G.R2_3:o=this._calculateSrcRectByRatio(e,r,i,s,2,3);break;case G.FREE:}if(o==null)return;n.setSrcRect(o);const{left:l=0,top:m=0,bottom:d=0,right:u=0}=o;n.transformByStateCloseCropper({left:e+l,top:r+m,width:i-u-l,height:s-d-m})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==we.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:i}=n,s=this._renderManagerService.getRenderById(e),o=s==null?void 0:s.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:i})==null)return;const m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),d=o.getObject(m);if(d==null)return;if(!(d instanceof b.Image)){this._messageService.show({type:x.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const u=o.getTransformer();u==null||u.clearControls();const f=new he(`${m}-crop`,{srcRect:d.srcRect,prstGeom:d.prstGeom,applyTransform:d.calculateTransformWithSrcRect()});o.addObject(f,d.getLayerIndex()+1).attachTransformerTo(f),u==null||u.createControlForCopper(f),this._addHoverForImageCopper(f),d.openRenderByCropper(),u==null||u.refreshControls(),f.makeDirty(!0),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:r,drawingId:i}])}))}_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!==ne.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),i=this._renderManagerService.getRenderById(r),s=i==null?void 0:i.scene;if(s==null)return!0;const o=this._searchCropObject(s);if(o==null)return;const l=this._getApplyObjectByCropObject(o);if(l==null)return;const m=s.getTransformerByCreate();m.detachFrom(o),m.clearCopperControl();const d=this._getSrcRectByTransformState(l,o),u=this._drawingManagerService.getDrawingOKey(l.oKey);if(u!=null){const{left:f,top:p,height:_,width:w}=o;this._drawingManagerService.featurePluginUpdateNotification([{...u,transform:{...u.transform,left:f,top:p,height:_,width:w},srcRect:d.srcRectAngle}])}l.setSrcRect({...d.srcRectAngle}),l.closeRenderByCropper(),l.makeDirty(!0),o==null||o.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Ne.switchMap(n=>n?n.activeSheet$:Ne.of(null)));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ne.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene();if(!r)return null;const i=r.getObject(e);return i==null?null:i}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:i}=r,s=i.values().next().value;if(s==null||!(s instanceof he))return;const{left:o,top:l,height:m,width:d,angle:u}=s;e={left:o,top:l,height:m,width:d,angle:u},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:i}=r,s=i.values().next().value;if(s==null||!(s instanceof he))return;const{left:o,top:l,height:m,width:d,angle:u}=s;if(!h.checkIfMove({left:o,top:l,height:m,width:d,angle:u},e))return;const f=this._getApplyObjectByCropObject(s);if(f==null)return;const p=this._getSrcRectByTransformState(f,s);s.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(s)})),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(ne.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:i,width:s,strokeWidth:o,angle:l}=n,{left:m,top:d,width:u,height:f,angle:p,strokeWidth:_}=t,w=e-m,C=r-d,P={left:w,top:C,right:u-w-s,bottom:f-C-i},I={...P};if(p!==0){const B=e+s/2,M=r+i/2,R=new b.Vector2(B,M),N=u/2+m,O=f/2+d,E=new b.Vector2(N,O),U=new b.Vector2(m,d);U.rotateByPoint(b.degToRad(p),E);const L=U.clone();L.rotateByPoint(b.degToRad(-p),R);const W=e-L.x,H=r-L.y;I.left=W,I.top=H,I.right=u-W-s,I.bottom=f-H-i}return{srcRect:P,srcRectAngle:I}}};ye=On([ce(0,h.ICommandService),ce(1,D.IDrawingManagerService),ce(2,b.IRenderManagerService),ce(3,h.IUniverInstanceService),ce(4,V.IMessageService),ce(5,h.Inject(h.LocaleService))],ye);var Nn=Object.getOwnPropertyDescriptor,En=(a,t,n,e)=>{for(var r=e>1?void 0:e?Nn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},re=(a,t)=>(n,e)=>t(n,e,a);let be=class extends h.Disposable{constructor(a,t,n,e,r,i,s){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=i,this._drawingRenderService=s,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:i,drawingId:s}=e,o=this._getSceneAndTransformerByDrawingSearch(r);if(o==null)return;const{scene:l}=o,m=D.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:i,drawingId:s}),d=l.getObject(m);if(d==null)return!0;const u=this._drawingManagerService.getDrawingByParam(e);if(u==null)return!0;if(u.drawingType!==h.DrawingTypeEnum.DRAWING_IMAGE)return;d.resetSize();const{width:f,height:p}=d.getNativeSize();n.includes(l)===!1&&n.push(l),t.push({...u,transform:{...u.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,i=this._getSceneAndTransformerByDrawingSearch(n),s=(m=Ee(this._currentUniverService,n))==null?void 0:m.subUnitId;if(i==null||s!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const l=await this._drawingRenderService.renderImages(o,i.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,i=this._drawingManagerService.getDrawingByParam(t);if(i==null)return;const{transform:s,drawingType:o,srcRect:l,prstGeom:m,source:d,imageSourceType:u}=i;if(o!==h.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:_}=f;if(s==null)return!0;const w=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(w);if(C==null)return!0;C.setSrcRect(l),C.setPrstGeom(m),d!=null&&d.length>0&&(u===h.ImageSourceType.BASE64||u===h.ImageSourceType.URL)&&C.changeSource(d)})}))}_addHoverForImage(a){this.disposeWithMe(h.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(h.toDisposable(a.onDblclick$.subscribeEvent(()=>{const t=`${a.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(t,a.getNative().src,a.getNativeSize().width,a.getNativeSize().height)})))}};be=En([re(0,h.ICommandService),re(1,b.IRenderManagerService),re(2,D.IDrawingManagerService),re(3,V.IDialogService),re(4,D.IImageIoService),re(5,h.IUniverInstanceService),re(6,h.Inject(y.DrawingRenderService))],be);var Tn=Object.getOwnPropertyDescriptor,Bn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Tn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},Ye=(a,t)=>(n,e)=>t(n,e,a);const Un="UNIVER_DRAWING_UI_PLUGIN";y.UniverDrawingUIPlugin=(Me=class extends h.Plugin{constructor(t=Ke,n,e){super(),this._config=t,this._injector=n,this._configService=e;const{menu:r,...i}=h.merge({},Ke,this._config);r&&this._configService.setConfig("menu",r,{merge:!0}),this._configService.setConfig(_n,i)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(Ie),this._injector.get(Se),this._injector.get(ye),this._injector.get(be)}_initDependencies(){[[y.DrawingRenderService],[Ie],[Se],[ye],[be]].forEach(n=>this._injector.add(n))}},ee(Me,"pluginName",Un),Me),y.UniverDrawingUIPlugin=Bn([Ye(1,h.Inject(h.Injector)),Ye(2,h.IConfigService)],y.UniverDrawingUIPlugin),y.AutoImageCropOperation=de,y.COMPONENT_IMAGE_POPUP_MENU=ze,y.CloseImageCropOperation=ne,y.DrawingCommonPanel=Sn,y.ImageCropperObject=he,y.ImagePopupMenu=$e,y.ImageResetSizeOperation=De,y.OpenImageCropOperation=we,y.SetDrawingAlignOperation=Ce,y.getUpdateParams=me,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
2
+ (function(y,h){typeof exports=="object"&&typeof module<"u"?h(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"],h):(y=typeof globalThis<"u"?globalThis:y||self,h(y.UniverDrawingUi={},y.UniverCore,y.UniverDrawing,y.UniverEngineRender,y.UniverUi,y.React,y.React,y.UniverDesign,y.rxjs))})(this,function(y,h,D,b,V,c,S,W,Oe){"use strict";var Hn=Object.defineProperty;var Gn=(y,h,D)=>h in y?Hn(y,h,{enumerable:!0,configurable:!0,writable:!0,value:D}):y[h]=D;var ee=(y,h,D)=>Gn(y,typeof h!="symbol"?h+"":h,D);var De;function Ze(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const i=D.getDrawingShapeKeyByDrawingSearch(a),s=n.getObject(i);if(s&&!(s instanceof b.Group))return;if(s!=null){s.addObject(t);return}const o=new b.Group(i);n.addObject(o,b.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 Ne(a,t){var i;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===h.UniverInstanceType.UNIVER_SHEET?r=(i=n.getActiveSheet())==null?void 0:i.getSheetId():(n.type===h.UniverInstanceType.UNIVER_DOC||n.type===h.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Ee="COMPONENT_IMAGE_VIEWER";var Xe=Object.getOwnPropertyDescriptor,qe=(a,t,n,e)=>{for(var r=e>1?void 0:e?Xe(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},be=(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:i,imageSourceType:s,srcRect:o,prstGeom:l,groupId:m,unitId:d,subUnitId:u,drawingId:f,isMultiTransform:p,transforms:_}=t;if(r!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const w=p&&_?_:[e],C=[];for(const P of w){const{left:I,top:B,width:M,height:R,angle:N,flipX:O,flipY:E,skewX:U,skewY:L}=P,x=w.indexOf(P),H=D.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:u,drawingId:f},p?x:void 0),ae=n.getObject(H);if(ae!=null){ae.transformByState({left:I,top:B,width:M,height:R,angle:N,flipX:O,flipY:E,skewX:U,skewY:L});continue}const K=this._drawingManagerService.getDrawingOrder(d,u),le=K.indexOf(f),ie={...P,zIndex:le===-1?K.length-1:le},se=this._imageIoService.getImageSourceCache(i,s);let ge=!1;if(se!=null)ie.image=se;else{if(s===D.ImageSourceType.UUID)try{ie.url=await this._imageIoService.getImage(i)}catch(Me){console.error(Me);continue}else ie.url=i;ge=!0}if(n.getObject(H))continue;ie.printable=!0;const J=new b.Image(H,ie);ge&&this._imageIoService.addImageSourceCache(i,s,J.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(J,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(J),m&&Ze({drawingId:m,unitId:d,subUnitId:u},J,n,this._drawingManagerService),l!=null&&J.setPrstGeom(l),o!=null&&J.setSrcRect(o),C.push(J))}return C}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case h.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const i=`${t}-viewer-dialog`,s=window.innerWidth-Te,o=window.innerHeight-Te,l=this._adjustImageSize(e,r,s,o),m=this._dialogService.open({width:Math.max(l.width,200),id:i,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ee,props:{src:n,width:l.width,height:l.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(i),m.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const i=e/t,s=r/n,o=Math.min(i,s);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},y.DrawingRenderService=qe([be(0,D.IDrawingManagerService),be(1,D.IImageIoService),be(2,V.IDialogService)],y.DrawingRenderService);function me(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:i,top:s,height:o,width:l,angle:m}=e,d=t.getDrawingOKey(r);if(d==null)return n.push(null),!0;const{unitId:u,subUnitId:f,drawingId:p,drawingType:_}=d,w={unitId:u,subUnitId:f,drawingId:p,drawingType:_,transform:{left:i,top:s,height:o,width:l,angle:m}};_===h.DrawingTypeEnum.DRAWING_IMAGE&&(w.srcRect=e.srcRect),n.push(w)}),n}function Be(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=Be(a[t]))&&(e&&(e+=" "),e+=n)}else for(n in a)a[n]&&(e&&(e+=" "),e+=n);return e}function A(){for(var a,t,n=0,e="",r=arguments.length;n<r;n++)(a=arguments[n])&&(t=Be(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 pe={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(a,t)=>!0},g={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},Je=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{alignShow:e}=a,[r,i]=S.useState(T.default),s=[{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){i(m),t.executeCommand(pe.id,{alignType:m})}const l=m=>m?"block":"none";return c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:l(e)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(g.imageCommonPanelColumn),children:c.jsx(W.Select,{value:r,options:s,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)},Qe=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,i=a.extend,s=Qe(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=S.useRef("_".concat(tn()));return Ue(n,"".concat(e),{defIds:n.defIds,idSuffix:l.current},F({ref:t,className:o},s),i)});function Ue(a,t,n,e,r){return S.createElement(a.tag,F(F({key:t},en(a,n,r)),e),(nn(a,n).children||[]).map(function(i,s){return Ue(i,"".concat(t,"-").concat(a.tag,"-").concat(s),n,void 0,r)}))}function en(a,t,n){var e=F({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+t.idSuffix),Object.entries(e).forEach(function(i){var s=i[0],o=i[1];s==="mask"&&typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});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(i){var s=i[0],o=i[1];typeof o=="string"&&(e[s]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function nn(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 tn(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var rn={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"}}]},je=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"autofill",ref:t,icon:rn}))});je.displayName="Autofill";var an={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"}}]},Ae=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:an}))});Ae.displayName="BottomSingle";var sn={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(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:sn}))});Re.displayName="CreateCopySingle";var on={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"}}]},Le=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"group-single",ref:t,icon:on}))});Le.displayName="GroupSingle";var cn={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"}}]},He=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:cn}))});He.displayName="MoreDownSingle";var ln={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"}}]},Ge=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:ln}))});Ge.displayName="MoveDownSingle";var gn={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"}}]},Ve=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"move-up-single",ref:t,icon:gn}))});Ve.displayName="MoveUpSingle";var mn={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"}}]},ke=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:mn}))});ke.displayName="TopmostSingle";var dn={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"}}]},We=S.forwardRef(function(a,t){return S.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:dn}))});We.displayName="UngroupSingle";const un=a=>{const{arrangeShow:t,drawings:n}=a,e=V.useDependency(h.LocaleService),r=V.useDependency(D.IDrawingManagerService),i=m=>m?"block":"none",[s,o]=S.useState(n);S.useEffect(()=>{const m=r.focus$.subscribe(d=>{o(d)});return()=>{m.unsubscribe()}},[]);const l=m=>{const d=s[0].unitId,u=s[0].subUnitId,f=s.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:d,subUnitId:u,drawingIds:f,arrangeType:m})};return c.jsxs("div",{className:g.imageCommonPanelGrid,style:{display:i(t)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(W.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.forward)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Ve,{}),e.t("image-panel.arrange.forward")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(W.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.backward)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Ge,{}),e.t("image-panel.arrange.backward")]})})})]}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(W.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.front)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(ke,{}),e.t("image-panel.arrange.front")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(W.Button,{size:"small",onClick:()=>{l(h.ArrangeTypeEnum.back)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Ae,{}),e.t("image-panel.arrange.back")]})})})]})]})},hn=a=>{const t=V.useDependency(h.LocaleService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(D.IDrawingManagerService),{hasGroup:r,drawings:i}=a,[s,o]=S.useState(!1),[l,m]=S.useState(!0),[d,u]=S.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:I}=C[0],B=h.Tools.generateRandomId(10),M=b.getGroupState(0,0,C.map(O=>O.transform||{})),R={unitId:P,subUnitId:I,drawingId:B,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:M},N=C.map(O=>{const E=O.transform||{left:0,top:0},{unitId:U,subUnitId:L,drawingId:x}=O;return{unitId:U,subUnitId:L,drawingId:x,transform:{...E,left:E.left-M.left,top:E.top-M.top},groupId:B}});e.featurePluginGroupUpdateNotification([{parent:R,children:N}])},_=C=>{if(C.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:I,drawingId:B,transform:M={width:0,height:0}}=C;if(M==null)return;const R=e.getDrawingsByGroup({unitId:P,subUnitId:I,drawingId:B});if(R.length===0)return;const N=R.map(O=>{const{transform:E}=O,{unitId:U,subUnitId:L,drawingId:x}=O,H=b.transformObjectOutOfGroup(E||{},M,M.width||0,M.height||0);return{unitId:U,subUnitId:L,drawingId:x,transform:{...E,...H},groupId:void 0}});return{parent:C,children:N}},w=()=>{const P=e.getFocusDrawings().map(I=>_(I)).filter(I=>I!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return S.useEffect(()=>{const C=i[0];if(C==null)return;const{unitId:P}=C,I=n.getRenderById(P),B=I==null?void 0:I.scene;if(B==null)return;const M=B.getTransformerByCreate(),R=M.clearControl$.subscribe(O=>{O===!0&&o(!1)}),N=M.changeStart$.subscribe(O=>{const{objects:E}=O,U=me(E,e),L=U.filter(K=>(K==null?void 0:K.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let x=!1,H=!1;U.length>1&&(x=!0),L.length>0&&(H=!0),o(x||H),m(x),u(H)});return()=>{N.unsubscribe(),R.unsubscribe()}},[]),c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:f(r===!0?s:!1)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:c.jsx(W.Button,{size:"small",onClick:()=>{p()},style:{display:f(l)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Le,{}),t.t("image-panel.group.group")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter),children:c.jsx(W.Button,{size:"small",onClick:()=>{w()},style:{display:f(d)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(We,{}),t.t("image-panel.group.unGroup")]})})})]})]})},te=20,fn=20,pn=[-3600,3600],Ce=300,Cn=a=>{var Ye;const t=V.useDependency(h.LocaleService),n=V.useDependency(D.IDrawingManagerService),e=V.useDependency(b.IRenderManagerService),{drawings:r,transformShow:i}=a,s=r[0];if(s==null)return;const o=s.transform;if(o==null)return;const{unitId:l,subUnitId:m,drawingId:d,drawingType:u}=s,f=e.getRenderById(l),p=f==null?void 0:f.scene;if(p==null)return;const _=(Ye=p.getEngine())==null?void 0:Ye.activeScene;if(_==null)return;const w=p.getTransformerByCreate(),{width:C=0,height:P=0,left:I=0,top:B=0,angle:M=0}=o,[R,N]=S.useState(C),[O,E]=S.useState(P),[U,L]=S.useState(I),[x,H]=S.useState(B),[ae,K]=S.useState(M),[le,ie]=S.useState(w.keepRatio),se=(v,j,$,z)=>{const{width:k,height:Q}=_,{ancestorLeft:Y,ancestorTop:Z}=p;let q=v,oe=j,he=$,fe=z;return v+Y<0&&(q=-Y),j+Z<0&&(oe=-Z),he=k-q-Y,he<te&&(he=te),fe=Q-oe-Z,fe<te&&(fe=te),v+he+Y>k&&(q=k-$-Y),j+fe+Z>Q&&(oe=Q-z-Z),{limitLeft:q,limitTop:oe,limitWidth:he,limitHeight:fe}},ge=v=>{const{objects:j}=v,$=me(j,n);if($.length!==1)return;const z=$[0];if(z==null)return;const{transform:k}=z;if(k==null)return;const{width:Q,height:Y,left:Z,top:q,angle:oe}=k;Q!=null&&N(Q),Y!=null&&E(Y),Z!=null&&L(Z),q!=null&&H(q),oe!=null&&K(oe)};S.useEffect(()=>{const v=[w.changeStart$.subscribe(j=>{ge(j)}),w.changing$.subscribe(j=>{ge(j)}),w.changeEnd$.subscribe(j=>{ge(j)}),n.focus$.subscribe(j=>{if(j.length!==1)return;const $=n.getDrawingByParam(j[0]);if($==null)return;const z=$.transform;if(z==null)return;const{width:k,height:Q,left:Y,top:Z,angle:q}=z;k!=null&&N(k),Q!=null&&E(Q),Y!=null&&L(Y),Z!=null&&H(Z),q!=null&&K(q)})];return()=>{v.forEach(j=>j.unsubscribe())}},[]);const J=h.debounce(v=>{if(v==null)return;v=Math.max(v,te);const{limitWidth:j,limitHeight:$}=se(U,x,v,O);v=Math.min(v,j);const z={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{width:v}};if(le){let k=v/R*O;if(k=Math.max(k,fn),k>$)return;E(k),z.transform.height=k}N(v),n.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},Ce),Me=h.debounce(v=>{if(v==null)return;v=Math.max(v,te);const{limitHeight:j,limitWidth:$}=se(U,x,R,v);v=Math.min(v,j);const z={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{height:v}};if(le){let k=v/O*R;if(k=Math.max(k,te),k>$)return;N(k),z.transform.width=k}E(v),n.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},Ce),Un=h.debounce(v=>{if(v==null)return;const{limitLeft:j}=se(v,x,R,O);v=j;const $={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{left:v}};L(v),n.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},Ce),jn=h.debounce(v=>{if(v==null)return;const{limitTop:j}=se(U,v,R,O);v=j;const $={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{top:v}};H(v),n.featurePluginUpdateNotification([$]),w.refreshControls().changeNotification()},Ce),An=v=>{if(v==null)return;const[j,$]=pn;v<j&&(v=j),v>$&&(v=$);const z={unitId:l,subUnitId:m,drawingId:d,drawingType:u,transform:{angle:v}};K(v),n.featurePluginUpdateNotification([z]),w.refreshControls().changeNotification()},Rn=v=>{ie(v),w.keepRatio=v},Ln=v=>v?"block":"none";return c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:Ln(i)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(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:A(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(W.InputNumber,{precision:1,value:R,onChange:v=>{J(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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(W.InputNumber,{precision:1,value:O,onChange:v=>{Me(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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:A(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:c.jsx("div",{className:g.imageCommonPanelColumn,children:c.jsx(W.Checkbox,{checked:le,onChange:Rn})})})]})})]}),c.jsxs("div",{className:g.imageCommonPanelRow,children:[c.jsx("div",{className:A(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(W.InputNumber,{precision:1,value:U,onChange:v=>{Un(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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(W.InputNumber,{precision:1,value:x,onChange:v=>{jn(v)},className:g.imageCommonPanelInput})})})]})}),c.jsx("div",{className:A(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(W.InputNumber,{precision:1,value:ae,onChange:An,className:g.imageCommonPanelInput})})})]})})]})]})},ve={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ne={id:"sheet.operation.close-image-crop",type:h.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 de={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},vn=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[s,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===ne.id){const w=_.params;w!=null&&w.isAuto||(l.current=!1)}});return()=>{p==null||p.dispose()}},[]);function d(p){o(p),l.current&&t.executeCommand(de.id,{cropType:p})}const u=p=>p?"block":"none",f=p=>{t.executeCommand(de.id,{cropType:p}),l.current=!0};return c.jsxs("div",{className:A(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:u(r)},children:[c.jsx("div",{className:g.imageCommonPanelRow,children:c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:c.jsx("div",{children:n.t("image-panel.crop.title")})})}),c.jsxs("div",{className:A(g.imageCommonPanelRow,g.imageCommonPanelRowVertical),children:[c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(W.Button,{size:"small",onClick:()=>{f(s)},children:c.jsxs("span",{className:g.imageCommonPanelInline,children:[c.jsx(Re,{}),n.t("image-panel.crop.start")]})})}),c.jsx("div",{className:A(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:c.jsx(W.Select,{value:s,options:m,onChange:d})})]})]})},wn=a=>{const t=V.useDependency(D.IDrawingManagerService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(h.LocaleService),{drawings:r,hasArrange:i=!0,hasTransform:s=!0,hasAlign:o=!0,hasCropper:l=!0,hasGroup:m=!0}=a,d=r[0];if(d==null)return;const{unitId:u}=d,f=n.getRenderById(u),p=f==null?void 0:f.scene;if(p==null)return;const _=p.getTransformerByCreate(),[w,C]=S.useState(!0),[P,I]=S.useState(!0),[B,M]=S.useState(!1),[R,N]=S.useState(!0),[O,E]=S.useState(!1);return S.useEffect(()=>{const U=_.clearControl$.subscribe(H=>{H===!0&&(C(!1),I(!1),M(!1),N(!1),E(!0))}),L=_.changeStart$.subscribe(H=>{const{objects:ae}=H,K=me(ae,t);K.length===0?(C(!1),I(!1),M(!1),N(!1),E(!0)):K.length===1?(C(!0),I(!0),M(!1),N(!0),E(!1)):(C(!0),I(!1),M(!0),N(!1),E(!1))}),x=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()=>{L.unsubscribe(),U.unsubscribe(),x.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(un,{arrangeShow:i===!0?w:!1,drawings:r}),c.jsx(Cn,{transformShow:s===!0?P:!1,drawings:r}),c.jsx(Je,{alignShow:o===!0?B:!1,drawings:r}),c.jsx(vn,{cropperShow:l===!0?R:!1,drawings:r}),c.jsx(hn,{hasGroup:m,drawings:r})]})},xe=a=>{var w;const{popup:t}=a,n=(w=t==null?void 0:t.extraProps)==null?void 0:w.menuItems;if(!n)return null;const e=V.useDependency(h.ICommandService),r=V.useDependency(h.LocaleService),[i,s]=S.useState(!1),[o,l]=S.useState(!1),m=()=>{l(!0)},d=()=>{l(!1)},u=C=>{s(C)},f=C=>{e.executeCommand(C.commandId,C.commandParams),s(!1)},p=i||o,_=n.filter(C=>!C.disable);return c.jsx("div",{onMouseEnter:m,onMouseLeave:d,children:c.jsx(W.DropdownMenu,{align:"start",items:_.map(C=>({type:"item",children:r.t(C.label),onSelect:()=>f(C)})),open:i,onOpenChange:u,children:c.jsxs("div",{className:W.clsx(`
3
+ univer-flex univer-items-center univer-gap-2 univer-rounded univer-border univer-border-solid
4
+ univer-border-gray-200 univer-p-1
5
+ hover:univer-bg-gray-100
6
+ `,{"univer-bg-gray-100":i,"univer-bg-white":!i}),children:[c.jsx(je,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),p&&c.jsx(He,{className:"univer-text-[10px] univer-text-gray-400"})]})})})},$e="COMPONENT_IMAGE_POPUP_MENU",Sn="drawing-ui.config",ze={},Pe={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(a,t)=>!0},_n=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 In=Object.getOwnPropertyDescriptor,yn=(a,t,n,e)=>{for(var r=e>1?void 0:e?In(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},Ke=(a,t)=>(n,e)=>t(n,e,a);let we=class extends h.Disposable{constructor(a,t){super(),this._componentManager=a,this._commandService=t,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register($e,xe)),this.disposeWithMe(a.register(Ee,_n))}_initCommands(){[ve,ne,Pe,pe,de].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents()}};we=yn([Ke(0,h.Inject(V.ComponentManager)),Ke(1,h.ICommandService)],we);var bn=Object.getOwnPropertyDescriptor,Pn=(a,t,n,e)=>{for(var r=e>1?void 0:e?bn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},Se=(a,t)=>(n,e)=>t(n,e,a);let _e=class extends h.Disposable{constructor(t,n,e,r){super();ee(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(i=>{Object.keys(t[i]).forEach(s=>{const o=t[i][s].data;o==null||i!==e||s!==r||Object.keys(o).forEach(l=>{o[l]&&this._insertDrawing([{unitId:i,subUnitId:s,drawingId:l}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===pe.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:i,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(o==null)return;const{scene:l,transformer:m}=o;this._commandService.syncExecuteCommand(ne.id);const d=[];if(e.forEach(p=>{const _=D.getDrawingShapeKeyByDrawingSearch(p),w=l.getObjectIncludeInGroup(_);if(w==null||d.includes(w))return;d.push(w);const{transform:C}=p;C!=null&&(w.classType===b.RENDER_CLASS_TYPE.GROUP?w.transformByState({left:C.left,top:C.top}):w.transformByState(C))}),d.length===0)return;const u=D.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:i,drawingId:s}),f=new b.Group(u);l.addObject(f,b.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:i,transformer:s}=r;e.forEach(u=>{const f=D.getDrawingShapeKeyByDrawingSearch(u),p=i.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:_}=u;_!=null&&(p.classType===b.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:_.left,top:_.top}):p.transformByState(_))});const o=D.getDrawingShapeKeyByDrawingSearch(n),l=i.getObject(o),{width:m,height:d}=l;l.getObjects().forEach(u=>{l.removeSelfObjectAndTransform(u.oKey,m,d)}),l.dispose(),s.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===T.default)return;const r=[];let i=Number.POSITIVE_INFINITY,s=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,l=Number.NEGATIVE_INFINITY,m=0;e.forEach(d=>{const{unitId:u,subUnitId:f,drawingId:p,drawingType:_}=d,w=this._drawingManagerService.getDrawingByParam({unitId:u,subUnitId:f,drawingId:p});if(w==null||w.transform==null)return;r.push({unitId:u,subUnitId:f,drawingId:p,drawingType:_,transform:w.transform});const{left:C=0,top:P=0,width:I=0,height:B=0}=w.transform;i=Math.min(i,C),s=Math.min(s,P),o=Math.max(o,C+I),l=Math.max(l,P+B),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,i,s,o,l,m))}_applyAlignType(t,n,e,r,i,s,o){const l=Math.round((i-e)/o*10)/10,m=Math.round((s-r)/o*10)/10,d=[],u=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(u==null)return;const{scene:f,transformer:p}=u;t.forEach((_,w)=>{const{unitId:C,subUnitId:P,drawingId:I,transform:B,drawingType:M}=_,{left:R=0,top:N=0,width:O=0,height:E=0}=B;let U=R,L=N;switch(n){case T.left:U=e;break;case T.center:U=e+(i-e)/2-O/2;break;case T.right:U=i-O;break;case T.top:L=r;break;case T.middle:L=r+(s-r)/2-E/2;break;case T.bottom:L=s-E;break;case T.horizon:U=e+l*w;break;case T.vertical:L=r+m*w;break}(U!==R||L!==N)&&d.push({unitId:C,subUnitId:P,drawingId:I,drawingType:M,transform:{left:U,top:L}})}),this._drawingManagerService.featurePluginUpdateNotification(d),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const i=e.transform,s=r.transform,{left:o=0,top:l=0,width:m=0,height:d=0}=i,{left:u=0,top:f=0,width:p=0,height:_=0}=s;switch(n){case T.left:return o-u;case T.center:return o+m/2-(u+p/2);case T.right:return o+m-(u+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-(u+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,i=this._getSceneAndTransformerByDrawingSearch(n);if(i==null)return;const{scene:s}=i;r.forEach(o=>{const l=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:o}),m=s.fuzzyMathObjects(l,!0);if(m==null||m.length===0)return;const d=this._drawingManagerService.getDrawingOrder(n,e).indexOf(o);for(const u of m)u.setProps({zIndex:d}),u.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 s=this._getSceneAndTransformerByDrawingSearch(r);if(s==null)return;const{scene:o}=s;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:i}=n,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const{scene:o}=s,l=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),m=o.fuzzyMathObjects(l,!0);if(m.length>0){for(const u of m)u.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:i}=n,s=this._drawingManagerService.getDrawingByParam(n);if(s==null)return;const{transform:o,drawingType:l}=s,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:d,transformer:u}=m;if(o==null)return!0;const{left:f=0,top:p=0,width:_=0,height:w=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:B=0,skewY:M=0}=o,R=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),N=d.getObject(R);if(N==null)return!0;N.transformByState({left:f,top:p,width:_,height:w,angle:C,flipX:P,flipY:I,skewX:B,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:i}=n,s=this._getSceneAndTransformerByDrawingSearch(e);if(s==null)return;const o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:l}=o,{scene:m}=s,d=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),u=m.getObject(d);if(u==null||l==null)return!0;const{left:f=0,top:p=0,width:_=0,height:w=0,angle:C=0,flipX:P=!1,flipY:I=!1,skewX:B=0,skewY:M=0}=l;u.transformByState({left:f,top:p,width:_,height:w,angle:C,flipX:P,flipY:I,skewX:B,skewY:M})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:i,visible:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:l}=o,m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),d=l.getObject(m);if(d==null)return!0;s?d.show():d.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:i}=e;return h.checkIfMove(i,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(h.toDisposable(n.changeStart$.subscribe(r=>{const{objects:i}=r,s=Array.from(i.values()),o=[];e=s.map(l=>{const{left:m,top:d,height:u,width:f,angle:p,oKey:_,isInGroup:w}=l,C=this._drawingManagerService.getDrawingOKey(_);if(w||l instanceof b.Group){let P=l.ancestorGroup;if(P==null&&l instanceof b.Group&&(P=l),P==null)return null;const I=this._drawingManagerService.getDrawingOKey(P.oKey);if(I){const{unitId:B,subUnitId:M,drawingId:R}=I;o.push({unitId:B,subUnitId:M,drawingId:R});const{left:N,top:O,height:E,width:U,angle:L}=P;return{left:N,top:O,height:E,width:U,angle:L}}}else if(C!=null){const{unitId:P,subUnitId:I,drawingId:B}=C;return o.push({unitId:P,subUnitId:I,drawingId:B}),{left:m,top:d,height:u,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(h.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:i}=r,s=this._filterUpdateParams(me(i,this._drawingManagerService),e);s.length>0&&this._drawingManagerService.featurePluginUpdateNotification(s)})))}};_e=Pn([Se(0,h.IUniverInstanceService),Se(1,h.ICommandService),Se(2,b.IRenderManagerService),Se(3,D.IDrawingManagerService)],_e);class ue 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);ee(this,"_srcRect");ee(this,"_prstGeom");ee(this,"_applyTransform");ee(this,"_dragPadding",8);ee(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:i,height:s}=r;this._initialCacheCanvas(),(l=this._cacheCanvas)==null||l.clear();const o=(m=this._cacheCanvas)==null?void 0:m.getContext();o!=null&&(o.save(),b.Rect.drawWith(o,{left:0,top:0,width:i,height:s,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,i=0;const{left:s=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:w=0,bottom:C=0}=this._srcRect;n=p,e=_,r=w,i=C}const u=s+n,f=o+e;this.transformByState({left:u,top:f,width:s+l-r-u,height:o+m-i-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 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 Dn=Object.getOwnPropertyDescriptor,Mn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Dn(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},ce=(a,t)=>(n,e)=>t(n,e,a);let Ie=class extends h.Disposable{constructor(t,n,e,r,i,s){super();ee(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=i,this._localeService=s,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==de.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const i=r[0],{unitId:s,subUnitId:o,drawingId:l}=i,m=this._renderManagerService.getRenderById(s),d=m==null?void 0:m.scene;if(d==null)return!0;this._searchCropObject(d)!=null&&this._commandService.syncExecuteCommand(ne.id,{isAuto:!0});const f=D.getDrawingShapeKeyByDrawingSearch({unitId:s,subUnitId:o,drawingId:l}),p=d.getObject(f);if(!(p instanceof b.Image)){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(ve.id,{unitId:s,subUnitId:o,drawingId:l}))}))}_calculateSrcRectByRatio(t,n,e,r,i,s){const o=e/r,l=i/s;let m=e,d=r;o>l?m=r*l:d=e/l;const u=(e-m)/2,f=(r-d)/2;return{left:b.precisionTo(u,1),top:b.precisionTo(f,1),right:b.precisionTo(e-(u+m),1),bottom:b.precisionTo(r-(f+d),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:i,height:s}=n.calculateTransformWithSrcRect();let o;switch(t){case G.R1_1:o=this._calculateSrcRectByRatio(e,r,i,s,1,1);break;case G.R16_9:o=this._calculateSrcRectByRatio(e,r,i,s,16,9);break;case G.R9_16:o=this._calculateSrcRectByRatio(e,r,i,s,9,16);break;case G.R5_4:o=this._calculateSrcRectByRatio(e,r,i,s,5,4);break;case G.R4_5:o=this._calculateSrcRectByRatio(e,r,i,s,4,5);break;case G.R4_3:o=this._calculateSrcRectByRatio(e,r,i,s,4,3);break;case G.R3_4:o=this._calculateSrcRectByRatio(e,r,i,s,3,4);break;case G.R3_2:o=this._calculateSrcRectByRatio(e,r,i,s,3,2);break;case G.R2_3:o=this._calculateSrcRectByRatio(e,r,i,s,2,3);break;case G.FREE:}if(o==null)return;n.setSrcRect(o);const{left:l=0,top:m=0,bottom:d=0,right:u=0}=o;n.transformByStateCloseCropper({left:e+l,top:r+m,width:i-u-l,height:s-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:i}=n,s=this._renderManagerService.getRenderById(e),o=s==null?void 0:s.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:i})==null)return;const m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:i}),d=o.getObject(m);if(d==null)return;if(!(d instanceof b.Image)){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const u=o.getTransformer();u==null||u.clearControls();const f=new ue(`${m}-crop`,{srcRect:d.srcRect,prstGeom:d.prstGeom,applyTransform:d.calculateTransformWithSrcRect()});o.addObject(f,d.getLayerIndex()+1).attachTransformerTo(f),u==null||u.createControlForCopper(f),this._addHoverForImageCopper(f),d.openRenderByCropper(),u==null||u.refreshControls(),f.makeDirty(!0),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[{unitId:e,subUnitId:r,drawingId:i}])}))}_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!==ne.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),i=this._renderManagerService.getRenderById(r),s=i==null?void 0:i.scene;if(s==null)return!0;const o=this._searchCropObject(s);if(o==null)return;const l=this._getApplyObjectByCropObject(o);if(l==null)return;const m=s.getTransformerByCreate();m.detachFrom(o),m.clearCopperControl();const d=this._getSrcRectByTransformState(l,o),u=this._drawingManagerService.getDrawingOKey(l.oKey);if(u!=null){const{left:f,top:p,height:_,width:w}=o;this._drawingManagerService.featurePluginUpdateNotification([{...u,transform:{...u.transform,left:f,top:p,height:_,width:w},srcRect:d.srcRectAngle}])}l.setSrcRect({...d.srcRectAngle}),l.closeRenderByCropper(),l.makeDirty(!0),o==null||o.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Oe.switchMap(n=>n?n.activeSheet$:Oe.of(null)));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ne.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene();if(!r)return null;const i=r.getObject(e);return i==null?null:i}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:i}=r,s=i.values().next().value;if(s==null||!(s instanceof ue))return;const{left:o,top:l,height:m,width:d,angle:u}=s;e={left:o,top:l,height:m,width:d,angle:u},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:i}=r,s=i.values().next().value;if(s==null||!(s instanceof ue))return;const{left:o,top:l,height:m,width:d,angle:u}=s;if(!h.checkIfMove({left:o,top:l,height:m,width:d,angle:u},e))return;const f=this._getApplyObjectByCropObject(s);if(f==null)return;const p=this._getSrcRectByTransformState(f,s);s.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(s)})),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(ne.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:i,width:s,strokeWidth:o,angle:l}=n,{left:m,top:d,width:u,height:f,angle:p,strokeWidth:_}=t,w=e-m,C=r-d,P={left:w,top:C,right:u-w-s,bottom:f-C-i},I={...P};if(p!==0){const B=e+s/2,M=r+i/2,R=new b.Vector2(B,M),N=u/2+m,O=f/2+d,E=new b.Vector2(N,O),U=new b.Vector2(m,d);U.rotateByPoint(b.degToRad(p),E);const L=U.clone();L.rotateByPoint(b.degToRad(-p),R);const x=e-L.x,H=r-L.y;I.left=x,I.top=H,I.right=u-x-s,I.bottom=f-H-i}return{srcRect:P,srcRectAngle:I}}};Ie=Mn([ce(0,h.ICommandService),ce(1,D.IDrawingManagerService),ce(2,b.IRenderManagerService),ce(3,h.IUniverInstanceService),ce(4,V.IMessageService),ce(5,h.Inject(h.LocaleService))],Ie);var On=Object.getOwnPropertyDescriptor,Nn=(a,t,n,e)=>{for(var r=e>1?void 0:e?On(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},re=(a,t)=>(n,e)=>t(n,e,a);let ye=class extends h.Disposable{constructor(a,t,n,e,r,i,s){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=i,this._drawingRenderService=s,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===Pe.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:i,drawingId:s}=e,o=this._getSceneAndTransformerByDrawingSearch(r);if(o==null)return;const{scene:l}=o,m=D.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:i,drawingId:s}),d=l.getObject(m);if(d==null)return!0;const u=this._drawingManagerService.getDrawingByParam(e);if(u==null)return!0;if(u.drawingType!==h.DrawingTypeEnum.DRAWING_IMAGE)return;d.resetSize();const{width:f,height:p}=d.getNativeSize();n.includes(l)===!1&&n.push(l),t.push({...u,transform:{...u.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,i=this._getSceneAndTransformerByDrawingSearch(n),s=(m=Ne(this._currentUniverService,n))==null?void 0:m.subUnitId;if(i==null||s!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const l=await this._drawingRenderService.renderImages(o,i.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,i=this._drawingManagerService.getDrawingByParam(t);if(i==null)return;const{transform:s,drawingType:o,srcRect:l,prstGeom:m,source:d,imageSourceType:u}=i;if(o!==h.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:_}=f;if(s==null)return!0;const w=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(w);if(C==null)return!0;C.setSrcRect(l),C.setPrstGeom(m),d!=null&&d.length>0&&(u===h.ImageSourceType.BASE64||u===h.ImageSourceType.URL)&&C.changeSource(d)})}))}_addHoverForImage(a){this.disposeWithMe(h.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(h.toDisposable(a.onDblclick$.subscribeEvent(()=>{const t=`${a.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(t,a.getNative().src,a.getNativeSize().width,a.getNativeSize().height)})))}};ye=Nn([re(0,h.ICommandService),re(1,b.IRenderManagerService),re(2,D.IDrawingManagerService),re(3,V.IDialogService),re(4,D.IImageIoService),re(5,h.IUniverInstanceService),re(6,h.Inject(y.DrawingRenderService))],ye);var En=Object.getOwnPropertyDescriptor,Tn=(a,t,n,e)=>{for(var r=e>1?void 0:e?En(t,n):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(r=s(r)||r);return r},Fe=(a,t)=>(n,e)=>t(n,e,a);const Bn="UNIVER_DRAWING_UI_PLUGIN";y.UniverDrawingUIPlugin=(De=class extends h.Plugin{constructor(t=ze,n,e){super(),this._config=t,this._injector=n,this._configService=e;const{menu:r,...i}=h.merge({},ze,this._config);r&&this._configService.setConfig("menu",r,{merge:!0}),this._configService.setConfig(Sn,i)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(_e),this._injector.get(we),this._injector.get(Ie),this._injector.get(ye)}_initDependencies(){[[y.DrawingRenderService],[_e],[we],[Ie],[ye]].forEach(n=>this._injector.add(n))}},ee(De,"pluginName",Bn),De),y.UniverDrawingUIPlugin=Tn([Fe(1,h.Inject(h.Injector)),Fe(2,h.IConfigService)],y.UniverDrawingUIPlugin),y.AutoImageCropOperation=de,y.COMPONENT_IMAGE_POPUP_MENU=$e,y.CloseImageCropOperation=ne,y.DrawingCommonPanel=wn,y.ImageCropperObject=ue,y.ImagePopupMenu=xe,y.ImageResetSizeOperation=Pe,y.OpenImageCropOperation=ve,y.SetDrawingAlignOperation=pe,y.getUpdateParams=me,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
5
7
 
6
8
 
7
9
  // @univerjs/docs-drawing/index
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-docs-drawing",
3
- "version": "0.6.1-nightly.202502231605",
3
+ "version": "0.6.1-nightly.202502251606",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -57,13 +57,13 @@
57
57
  "rxjs": ">=7.0.0"
58
58
  },
59
59
  "dependencies": {
60
- "@univerjs/docs-drawing": "0.6.1-nightly.202502231605",
61
- "@univerjs/docs-drawing-ui": "0.6.1-nightly.202502231605",
62
- "@univerjs/drawing": "0.6.1-nightly.202502231605",
63
- "@univerjs/drawing-ui": "0.6.1-nightly.202502231605"
60
+ "@univerjs/docs-drawing": "0.6.1-nightly.202502251606",
61
+ "@univerjs/docs-drawing-ui": "0.6.1-nightly.202502251606",
62
+ "@univerjs/drawing": "0.6.1-nightly.202502251606",
63
+ "@univerjs/drawing-ui": "0.6.1-nightly.202502251606"
64
64
  },
65
65
  "devDependencies": {
66
- "@univerjs/core": "0.6.1-nightly.202502231605",
66
+ "@univerjs/core": "0.6.1-nightly.202502251606",
67
67
  "typescript": "^5.7.2",
68
68
  "@univerjs-infra/shared": "0.6.1"
69
69
  },