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

@univerjs/drawing-ui 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/lib/cjs/index.js +1 -1
package/lib/es/index.js +11 -13
package/lib/types/controllers/drawing-ui.controller.d.ts +1 -2
package/lib/types/plugin.d.ts +1 -2
package/lib/umd/index.js +1 -1
package/package.json +12 -14

package/lib/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var Qe=Object.defineProperty;var en=(a,t,n)=>t in a?Qe(a,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[t]=n;var Q=(a,t,n)=>en(a,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("@univerjs/drawing"),b=require("@univerjs/engine-render"),v=require("@univerjs/core"),$=require("@wendellhu/redi/react-bindings"),i=require("react"),W=require("@univerjs/design"),T=require("clsx"),ee=require("@wendellhu/redi"),be=require("@univerjs/ui"),Te=require("rxjs");function nn(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=I.getDrawingShapeKeyByDrawingSearch(a),o=n.getObject(s);if(o&&!(o instanceof b.Group))return;if(o!=null){o.addObject(t);return}const c=new b.Group(s);n.addObject(c,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(c),c.addObject(t);const{transform:l}=r;l&&c.transformByState({left:l.left,top:l.top,angle:l.angle})}function De(a){var r;const t=a.getFocusedUnit();if(t==null)return;const n=t.getUnitId();let e;return t.type===v.UniverInstanceType.UNIVER_SHEET?e=(r=t.getActiveSheet())==null?void 0:r.getSheetId():(t.type===v.UniverInstanceType.UNIVER_DOC\|\|t.type===v.UniverInstanceType.UNIVER_SLIDE)&&(e=n),{unitId:n,subUnitId:e}}var tn=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,an=(a,t,n,e)=>{for(var r=e>1?void 0:e?rn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&tn(t,n,r),r},Be=(a,t)=>(n,e)=>t(n,e,a);exports.DrawingRenderService=class{constructor(t,n){this._drawingManagerService=t,this._imageIoService=n}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:o,srcRect:c,prstGeom:l,groupId:m,unitId:u,subUnitId:d,drawingId:h,isMultiTransform:f,transforms:S}=t;if(r!==I.DrawingTypeEnum.DRAWING_IMAGE\|\|!this._drawingManagerService.getDrawingVisible()\|\|e==null)return;const w=f&&S?S:[e],p=[];for(const y of w){const{left:_,top:O,width:P,height:B,angle:E,flipX:M,flipY:R,skewX:N,skewY:U}=y,G=w.indexOf(y),j=I.getDrawingShapeKeyByDrawingSearch({unitId:u,subUnitId:d,drawingId:h},f?G:void 0),re=n.getObject(j);if(re!=null){re.transformByState({left:_,top:O,width:P,height:B,angle:E,flipX:M,flipY:R,skewX:N,skewY:U});continue}const k=this._drawingManagerService.getDrawingOrder(u,d),ce=k.indexOf(h),ae={...y,zIndex:ce===-1?k.length-1:ce},ie=this._imageIoService.getImageSourceCache(s,o);let me=!1;if(ie!=null)ae.image=ie;else{if(o===I.ImageSourceType.UUID)try{ae.url=await this._imageIoService.getImage(s)}catch(Re){console.error(Re);continue}else ae.url=s;me=!0}ae.printable=!0;const q=new b.Image(j,ae);if(me&&this._imageIoService.addImageSourceCache(s,o,q.getNative()),!this._drawingManagerService.getDrawingVisible())continue;const Ee=n.addObject(q,b.DRAWING_OBJECT_LAYER_INDEX);this._drawingManagerService.getDrawingEditable()&&Ee.attachTransformerTo(q),m&&nn({drawingId:m,unitId:u,subUnitId:d},q,n,this._drawingManagerService),l!=null&&q.setPrstGeom(l),c!=null&&q.setSrcRect(c),p.push(q)}return p}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case I.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}};exports.DrawingRenderService=an([Be(0,I.IDrawingManagerService),Be(1,I.IImageIoService)],exports.DrawingRenderService);function pe(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:o,height:c,width:l,angle:m}=e,u=t.getDrawingOKey(r);if(u==null)return n.push(null),!0;const{unitId:d,subUnitId:h,drawingId:f,drawingType:S}=u,w={unitId:d,subUnitId:h,drawingId:f,drawingType:S,transform:{left:s,top:o,height:c,width:l,angle:m}};S===I.DrawingTypeEnum.DRAWING_IMAGE&&(w.srcRect=e.srcRect),n.push(w)}),n}var z=function(){return z=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},z.apply(this,arguments)},on=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=i.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,o=on(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(e," ").concat(r\|\|"").trim(),l=i.useRef("_".concat(ln()));return Le(n,"".concat(e),{defIds:n.defIds,idSuffix:l.current},z({ref:t,className:c},o),s)});function Le(a,t,n,e,r){return i.createElement(a.tag,z(z({key:t},sn(a,n,r)),e),(cn(a,n).children\|\|[]).map(function(s,o){return Le(s,"".concat(t,"-").concat(a.tag,"-").concat(o),n,void 0,r)}))}function sn(a,t,n){var e=z({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r\|\|r.length===0\|\|(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var o=s[0],c=s[1];typeof c=="string"&&(e[o]=c.replace(/url$#(.)$/,"url(#$1".concat(t.idSuffix,")")))})),e}function cn(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)?z(z({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?z(z({},r),{attrs:z(z({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function ln(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var mn={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=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"autofill",ref:t,icon:mn}))});Ae.displayName="Autofill";var gn={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"}}]},He=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:gn}))});He.displayName="BottomSingle";var un={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"}}]},Ge=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:un}))});Ge.displayName="CreateCopySingle";var dn={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"}}]},Ve=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"group-single",ref:t,icon:dn}))});Ve.displayName="GroupSingle";var hn={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"}}]},xe=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:hn}))});xe.displayName="MoreDownSingle";var fn={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"}}]},We=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:fn}))});We.displayName="MoveDownSingle";var pn={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"}}]},$e=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"move-up-single",ref:t,icon:pn}))});$e.displayName="MoveUpSingle";var Cn={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=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:Cn}))});ke.displayName="TopmostSingle";var wn={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"}}]},ze=i.forwardRef(function(a,t){return i.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:wn}))});ze.displayName="UngroupSingle";const vn="univer-image-common-panel",Sn="univer-image-common-panel-grid",_n="univer-image-common-panel-border",In="univer-image-common-panel-title",bn="univer-image-common-panel-subtitle",yn="univer-image-common-panel-row",Pn="univer-image-common-panel-row-vertical",En="univer-image-common-panel-column",Rn="univer-image-common-panel-column-center",Mn="univer-image-common-panel-inline",Dn="univer-image-common-panel-span2",On="univer-image-common-panel-span3",Nn="univer-image-common-panel-input",g={imageCommonPanel:vn,imageCommonPanelGrid:Sn,imageCommonPanelBorder:_n,imageCommonPanelTitle:In,imageCommonPanelSubtitle:bn,imageCommonPanelRow:yn,imageCommonPanelRowVertical:Pn,imageCommonPanelColumn:En,imageCommonPanelColumnCenter:Rn,imageCommonPanelInline:Mn,imageCommonPanelSpan2:Dn,imageCommonPanelSpan3:On,imageCommonPanelInput:Nn},Tn=a=>{const{arrangeShow:t,drawings:n}=a,e=$.useDependency(v.LocaleService),r=$.useDependency(I.IDrawingManagerService),s=m=>m?"block":"none",[o,c]=i.useState(n);i.useEffect(()=>{const m=r.focus$.subscribe(u=>{c(u)});return()=>{m.unsubscribe()}},[]);const l=m=>{const u=o[0].unitId,d=o[0].subUnitId,h=o.map(f=>f.drawingId);r.featurePluginOrderUpdateNotification({unitId:u,subUnitId:d,drawingIds:h,arrangeType:m})};return i.createElement("div",{className:g.imageCommonPanelGrid,style:{display:s(t)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,e.t("image-panel.arrange.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.forward)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement($e,null),e.t("image-panel.arrange.forward")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.backward)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(We,null),e.t("image-panel.arrange.backward"))))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.front)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(ke,null),e.t("image-panel.arrange.front")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.back)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(He,null),e.t("image-panel.arrange.back"))))))},oe=20,Bn=20,Un=[-3600,3600],Ce=300,jn=a=>{var Ne;const t=$.useDependency(v.LocaleService),n=$.useDependency(I.IDrawingManagerService),e=$.useDependency(b.IRenderManagerService),{drawings:r,transformShow:s}=a,o=r[0];if(o==null)return;const c=o.transform;if(c==null)return;const{unitId:l,subUnitId:m,drawingId:u,drawingType:d}=o,h=e.getRenderById(l),f=h==null?void 0:h.scene;if(f==null)return;const S=(Ne=f.getEngine())==null?void 0:Ne.activeScene;if(S==null)return;const w=f.getTransformerByCreate(),{width:p=0,height:y=0,left:_=0,top:O=0,angle:P=0}=c,[B,E]=i.useState(p),[M,R]=i.useState(y),[N,U]=i.useState(_),[G,j]=i.useState(O),[re,k]=i.useState(P),[ce,ae]=i.useState(w.keepRatio),ie=(C,V,x,H)=>{const{width:A,height:J}=S,{ancestorLeft:K,ancestorTop:F}=f;let Y=C,Z=V,ne=x,ge=H;return C+K<0&&(Y=-K),V+F<0&&(Z=-F),ne=A-Y-K,ne<oe&&(ne=oe),ge=J-Z-F,ge<oe&&(ge=oe),C+ne+K>A&&(Y=A-x-K),V+ge+F>J&&(Z=J-H-F),{limitLeft:Y,limitTop:Z,limitWidth:ne,limitHeight:ge}},me=C=>{const{objects:V}=C,x=pe(V,n);if(x.length!==1)return;const H=x[0];if(H==null)return;const{transform:A}=H;if(A==null)return;const{width:J,height:K,left:F,top:Y,angle:Z}=A;J!=null&&E(J),K!=null&&R(K),F!=null&&U(F),Y!=null&&j(Y),Z!=null&&k(Z)};i.useEffect(()=>{const C=w.changeStart$.subscribe(H=>{me(H)}),V=w.changing$.subscribe(H=>{me(H)}),x=n.focus$.subscribe(H=>{if(H.length!==1)return;const A=n.getDrawingByParam(H[0]);if(A==null)return;const J=A.transform;if(J==null)return;const{width:K,height:F,left:Y,top:Z,angle:ne}=J;K!=null&&E(K),F!=null&&R(F),Y!=null&&U(Y),Z!=null&&j(Z),ne!=null&&k(ne)});return()=>{V.unsubscribe(),C.unsubscribe(),x.unsubscribe()}},[]);const q=v.debounce(C=>{if(C==null)return;C=Math.max(C,oe);const{limitWidth:V,limitHeight:x}=ie(N,G,C,M);C=Math.min(C,V);const H={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{width:C}};if(ce){let A=C/BM;if(A=Math.max(A,Bn),A>x)return;R(A),H.transform.height=A}E(C),n.featurePluginUpdateNotification([H]),w.refreshControls().changeNotification()},Ce),Ee=v.debounce(C=>{if(C==null)return;C=Math.max(C,oe);const{limitHeight:V,limitWidth:x}=ie(N,G,B,C);C=Math.min(C,V);const H={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{height:C}};if(ce){let A=C/MB;if(A=Math.max(A,oe),A>x)return;E(A),H.transform.width=A}R(C),n.featurePluginUpdateNotification([H]),w.refreshControls().changeNotification()},Ce),Re=v.debounce(C=>{if(C==null)return;const{limitLeft:V}=ie(C,G,B,M);C=V;const x={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{left:C}};U(C),n.featurePluginUpdateNotification([x]),w.refreshControls().changeNotification()},Ce),Ze=v.debounce(C=>{if(C==null)return;const{limitTop:V}=ie(N,C,B,M);C=V;const x={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{top:C}};j(C),n.featurePluginUpdateNotification([x]),w.refreshControls().changeNotification()},Ce),Xe=C=>{if(C==null)return;const[V,x]=Un;C<V&&(C=V),C>x&&(C=x);const H={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{angle:C}};k(C),n.featurePluginUpdateNotification([H]),w.refreshControls().changeNotification()},qe=C=>{ae(C),w.keepRatio=C},Je=C=>C?"block":"none";return i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:Je(s)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.transform.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.width"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:B,onChange:C=>{q(C)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.height"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:M,onChange:C=>{Ee(C)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.lock"))),i.createElement("div",{className:T(g.imageCommonPanelRow,g.imageCommonPanelRowVertical)},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.Checkbox,{checked:ce,onChange:qe})))))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.x"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:N,onChange:C=>{Re(C)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.y"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:G,onChange:C=>{Ze(C)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.rotate"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:re,onChange:Xe,className:g.imageCommonPanelInput})))))))};var D=(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))(D\|\|{});const Pe={id:"sheet.operation.set-image-align",type:v.CommandType.OPERATION,handler:(a,t)=>!0},Ln=a=>{const t=$.useDependency(v.ICommandService),n=$.useDependency(v.LocaleService),{alignShow:e}=a,[r,s]=i.useState(D.default),o=[{label:n.t("image-panel.align.default"),value:D.default},{options:[{label:n.t("image-panel.align.left"),value:D.left},{label:n.t("image-panel.align.center"),value:D.center},{label:n.t("image-panel.align.right"),value:D.right}]},{options:[{label:n.t("image-panel.align.top"),value:D.top},{label:n.t("image-panel.align.middle"),value:D.middle},{label:n.t("image-panel.align.bottom"),value:D.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:D.horizon},{label:n.t("image-panel.align.vertical"),value:D.vertical}]}];function c(m){s(m),t.executeCommand(Pe.id,{alignType:m})}const l=m=>m?"block":"none";return i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:l(e)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.align.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn)},i.createElement(W.Select,{value:r,options:o,onChange:c}))))},ye={id:"sheet.operation.open-image-crop",type:v.CommandType.OPERATION,handler:(a,t)=>!0},te={id:"sheet.operation.close-image-crop",type:v.CommandType.OPERATION,handler:(a,t)=>!0};var L=(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))(L\|\|{});const fe={id:"sheet.operation.Auto-image-crop",type:v.CommandType.OPERATION,handler:(a,t)=>!0},An=a=>{const t=$.useDependency(v.ICommandService),n=$.useDependency(v.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[o,c]=i.useState(L.FREE),l=i.useRef(!1),m=[{label:n.t("image-panel.crop.mode"),value:L.FREE},{label:"1:1",value:L.R1_1},{label:"16:9",value:L.R16_9},{label:"9:16",value:L.R9_16},{label:"5:4",value:L.R5_4},{label:"4:5",value:L.R4_5},{label:"4:3",value:L.R4_3},{label:"3:4",value:L.R3_4},{label:"3:2",value:L.R3_2},{label:"2:3",value:L.R2_3}];i.useEffect(()=>{const f=t.onCommandExecuted(S=>{if(S.id===te.id){const w=S.params;w!=null&&w.isAuto\|\|(l.current=!1)}});return()=>{f==null\|\|f.dispose()}},[]);function u(f){c(f),l.current&&t.executeCommand(fe.id,{cropType:f})}const d=f=>f?"block":"none",h=f=>{t.executeCommand(fe.id,{cropType:f}),l.current=!0};return i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:d(r)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.crop.title")))),i.createElement("div",{className:T(g.imageCommonPanelRow,g.imageCommonPanelRowVertical)},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{h(o)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(Ge,null),n.t("image-panel.crop.start")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Select,{value:o,options:m,onChange:u}))))},Hn=a=>{const t=$.useDependency(v.LocaleService),n=$.useDependency(b.IRenderManagerService),e=$.useDependency(I.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[o,c]=i.useState(!1),[l,m]=i.useState(!0),[u,d]=i.useState(!0),h=p=>p?"block":"none",f=()=>{const p=e.getFocusDrawings(),{unitId:y,subUnitId:_}=p[0],O=v.Tools.generateRandomId(10),P=b.getGroupState(0,0,p.map(M=>M.transform\|\|{})),B={unitId:y,subUnitId:_,drawingId:O,drawingType:I.DrawingTypeEnum.DRAWING_GROUP,transform:P},E=p.map(M=>{const R=M.transform\|\|{left:0,top:0},{unitId:N,subUnitId:U,drawingId:G}=M;return{unitId:N,subUnitId:U,drawingId:G,transform:{...R,left:R.left-P.left,top:R.top-P.top},groupId:O}});e.featurePluginGroupUpdateNotification([{parent:B,children:E}])},S=p=>{if(p.drawingType!==I.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:y,subUnitId:_,drawingId:O,transform:P={width:0,height:0}}=p;if(P==null)return;const B=e.getDrawingsByGroup({unitId:y,subUnitId:_,drawingId:O});if(B.length===0)return;const E=B.map(M=>{const{transform:R}=M,{unitId:N,subUnitId:U,drawingId:G}=M,j=b.transformObjectOutOfGroup(R\|\|{},P,P.width\|\|0,P.height\|\|0);return{unitId:N,subUnitId:U,drawingId:G,transform:{...R,...j},groupId:void 0}});return{parent:p,children:E}},w=()=>{const y=e.getFocusDrawings().map(_=>S(_)).filter(_=>_!=null);y.length!==0&&e.featurePluginUngroupUpdateNotification(y)};return i.useEffect(()=>{const p=s[0];if(p==null)return;const{unitId:y}=p,_=n.getRenderById(y),O=_==null?void 0:_.scene;if(O==null)return;const P=O.getTransformerByCreate(),B=P.clearControl$.subscribe(M=>{M===!0&&c(!1)}),E=P.changeStart$.subscribe(M=>{const{objects:R}=M,N=pe(R,e),U=N.filter(k=>(k==null?void 0:k.drawingType)===I.DrawingTypeEnum.DRAWING_GROUP);let G=!1,j=!1;N.length>1&&(G=!0),U.length>0&&(j=!0),c(G\|\|j),m(G),d(j)});return()=>{E.unsubscribe(),B.unsubscribe()}},[]),i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:h(r===!0?o:!1)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.group.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter)},i.createElement(W.Button,{size:"small",onClick:()=>{f()},style:{display:h(l)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(Ve,null),t.t("image-panel.group.group")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter)},i.createElement(W.Button,{size:"small",onClick:()=>{w()},style:{display:h(u)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(ze,null),t.t("image-panel.group.unGroup"))))))},Gn=a=>{const t=$.useDependency(I.IDrawingManagerService),n=$.useDependency(b.IRenderManagerService),e=$.useDependency(v.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:o=!0,hasAlign:c=!0,hasCropper:l=!0,hasGroup:m=!0}=a,u=r[0];if(u==null)return;const{unitId:d}=u,h=n.getRenderById(d),f=h==null?void 0:h.scene;if(f==null)return;const S=f.getTransformerByCreate(),[w,p]=i.useState(!0),[y,_]=i.useState(!0),[O,P]=i.useState(!1),[B,E]=i.useState(!0),[M,R]=i.useState(!1);return i.useEffect(()=>{const N=S.clearControl$.subscribe(j=>{j===!0&&(p(!1),_(!1),P(!1),E(!1),R(!0))}),U=S.changeStart$.subscribe(j=>{const{objects:re}=j,k=pe(re,t);k.length===0?(p(!1),_(!1),P(!1),E(!1),R(!0)):k.length===1?(p(!0),_(!0),P(!1),E(!0),R(!1)):(p(!0),_(!1),P(!0),E(!1),R(!1))}),G=t.focus$.subscribe(j=>{j.length===0?(p(!1),_(!1),P(!1),E(!1),R(!0)):j.length===1?(p(!0),_(!0),P(!1),E(!0),R(!1)):(p(!0),_(!1),P(!0),E(!1),R(!1))});return()=>{U.unsubscribe(),N.unsubscribe(),G.unsubscribe()}},[]),i.createElement(i.Fragment,null,i.createElement("div",{style:{display:M===!0?"block":"none",height:"100%"}},i.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"}},i.createElement("span",null,e.t("image-panel.null")))),i.createElement(Tn,{arrangeShow:s===!0?w:!1,drawings:r}),i.createElement(jn,{transformShow:o===!0?y:!1,drawings:r}),i.createElement(Ln,{alignShow:c===!0?O:!1,drawings:r}),i.createElement(An,{cropperShow:l===!0?B:!1,drawings:r}),i.createElement(Hn,{hasGroup:m,drawings:r}))},Vn="univer-image-popup-menu",xn="univer-image-popup-menu-item",Wn="univer-image-popup-menu-item-icon",$n="univer-image-popup-menu-item-title",kn="univer-image-popup-menu-item-hide",zn="univer-btn-container",Kn="univer-btn-container-expand",ue={imagePopupMenu:Vn,imagePopupMenuItem:xn,imagePopupMenuItemIcon:Wn,imagePopupMenuItemTitle:$n,imagePopupMenuItemHide:kn,btnContainer:zn,btnContainerExpand:Kn},Ke=a=>{var S,w;const t=(w=(S=a.popup)==null?void 0:S.extraProps)==null?void 0:w.menuItems;if(!t)return null;const n=$.useDependency(v.ICommandService),e=$.useDependency(v.LocaleService),[r,s]=i.useState(!1),[o,c]=i.useState(!1),l=()=>{c(!0)},m=()=>{c(!1)},u=p=>{s(p)},d=p=>{n.executeCommand(p.commandId,p.commandParams),s(!1)},h=r\|\|o,f=t.filter(p=>!p.disable);return i.createElement("div",{onMouseEnter:l,onMouseLeave:m},i.createElement(W.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:i.createElement("ul",{className:ue.imagePopupMenu},f.map(p=>i.createElement("li",{key:p.index,onClick:()=>d(p),className:ue.imagePopupMenuItem},i.createElement("span",{className:ue.imagePopupMenuItemTitle},e.t(p.label))))),visible:r,onVisibleChange:u},i.createElement("div",{className:T(ue.btnContainer,{[ue.btnContainerExpand]:r})},i.createElement(Ae,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),h&&i.createElement(xe,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}}))))},Fe="COMPONENT_IMAGE_POPUP_MENU";var Fn=Object.defineProperty,Yn=Object.getOwnPropertyDescriptor,Zn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Yn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Fn(t,n,r),r},we=(a,t)=>(n,e)=>t(n,e,a);let ve=class extends v.Disposable{constructor(t,n,e,r){super();Q(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=t,this._commandService=n,this._renderManagerService=e,this._drawingManagerService=r,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const t=this._drawingManagerService.drawingManagerData,n=De(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(o=>{const c=t[s][o].data;c==null\|\|s!==e\|\|o!==r\|\|Object.keys(c).forEach(l=>{c[l]&&this._insertDrawing([{unitId:s,subUnitId:o,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:s,drawingId:o}=n,c=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(c==null)return;const{scene:l,transformer:m}=c;this._commandService.syncExecuteCommand(te.id);const u=[];if(e.forEach(f=>{const S=I.getDrawingShapeKeyByDrawingSearch(f),w=l.getObjectIncludeInGroup(S);if(w==null\|\|u.includes(w))return;u.push(w);const{transform:p}=f;p!=null&&(w.classType===b.RENDER_CLASS_TYPE.GROUP?w.transformByState({left:p.left,top:p.top}):w.transformByState(p))}),u.length===0)return;const d=I.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),h=new b.Group(d);l.addObject(h,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(h),h.addObjects(...u),n.transform&&h.transformByState({left:n.transform.left,top:n.transform.top}),m.clearSelectedObjects(),m.setSelectedControl(h)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:o}=r;e.forEach(d=>{const h=I.getDrawingShapeKeyByDrawingSearch(d),f=s.getObjectIncludeInGroup(h);if(f==null)return!0;if(f==null)return;const{transform:S}=d;S!=null&&(f.classType===b.RENDER_CLASS_TYPE.GROUP?f.transformByState({left:S.left,top:S.top}):f.transformByState(S))});const c=I.getDrawingShapeKeyByDrawingSearch(n),l=s.getObject(c),{width:m,height:u}=l;l.getObjects().forEach(d=>{l.removeSelfObjectAndTransform(d.oKey,m,u)}),l.dispose(),o.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===D.default)return;const r=[];let s=Number.POSITIVE_INFINITY,o=Number.POSITIVE_INFINITY,c=Number.NEGATIVE_INFINITY,l=Number.NEGATIVE_INFINITY,m=0;e.forEach(u=>{const{unitId:d,subUnitId:h,drawingId:f,drawingType:S}=u,w=this._drawingManagerService.getDrawingByParam({unitId:d,subUnitId:h,drawingId:f});if(w==null\|\|w.transform==null)return;r.push({unitId:d,subUnitId:h,drawingId:f,drawingType:S,transform:w.transform});const{left:p=0,top:y=0,width:_=0,height:O=0}=w.transform;s=Math.min(s,p),o=Math.min(o,y),c=Math.max(c,p+_),l=Math.max(l,y+O),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,o,c,l,m))}_applyAlignType(t,n,e,r,s,o,c){const l=Math.round((s-e)/c10)/10,m=Math.round((o-r)/c10)/10,u=[],d=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(d==null)return;const{scene:h,transformer:f}=d;t.forEach((S,w)=>{const{unitId:p,subUnitId:y,drawingId:_,transform:O,drawingType:P}=S,{left:B=0,top:E=0,width:M=0,height:R=0}=O;let N=B,U=E;switch(n){case D.left:N=e;break;case D.center:N=e+(s-e)/2-M/2;break;case D.right:N=s-M;break;case D.top:U=r;break;case D.middle:U=r+(o-r)/2-R/2;break;case D.bottom:U=o-R;break;case D.horizon:N=e+lw;break;case D.vertical:U=r+mw;break}(N!==B\|\|U!==E)&&u.push({unitId:p,subUnitId:y,drawingId:_,drawingType:P,transform:{left:N,top:U}})}),this._drawingManagerService.featurePluginUpdateNotification(u),f.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,o=r.transform,{left:c=0,top:l=0,width:m=0,height:u=0}=s,{left:d=0,top:h=0,width:f=0,height:S=0}=o;switch(n){case D.left:return c-d;case D.center:return c+m/2-(d+f/2);case D.right:return c+m-(d+f);case D.top:return l-h;case D.middle:return l+u/2-(h+S/2);case D.bottom:return l+u-(h+S);case D.horizon:return c+m/2-(d+f/2);case D.vertical:return l+u/2-(h+S/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:o}=s;r.forEach(c=>{const l=I.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:c}),m=o.fuzzyMathObjects(l,!0);if(m==null\|\|m.length===0)return;const u=this._drawingManagerService.getDrawingOrder(n,e).indexOf(c);for(const d of m)d.setProps({zIndex:u}),d.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const l=this._getSceneAndTransformerByDrawingSearch(r);if(l==null)return;const{scene:m,transformer:u}=l;n.includes(m)\|\|n.push(m)}),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 u;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:c}=o,l=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=c.fuzzyMathObjects(l,!0);if(m.length>0){for(const d of m)d.dispose();(u=c.getTransformer())==null\|\|u.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:c,drawingType:l}=o,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:u,transformer:d}=m;if(c==null)return!0;const{left:h=0,top:f=0,width:S=0,height:w=0,angle:p=0,flipX:y=!1,flipY:_=!1,skewX:O=0,skewY:P=0}=c,B=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),E=u.getObject(B);if(E==null)return!0;E.transformByState({left:h,top:f,width:S,height:w,angle:p,flipX:y,flipY:_,skewX:O,skewY:P})})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const c=this._drawingManagerService.getDrawingByParam(n);if(c==null)return;const{transform:l}=c,{scene:m}=o,u=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=m.getObject(u);if(d==null\|\|l==null)return!0;const{left:h=0,top:f=0,width:S=0,height:w=0,angle:p=0,flipX:y=!1,flipY:_=!1,skewX:O=0,skewY:P=0}=l;d.transformByState({left:h,top:f,width:S,height:w,angle:p,flipX:y,flipY:_,skewX:O,skewY:P})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:o}=n,c=this._getSceneAndTransformerByDrawingSearch(e);if(c==null)return;const{scene:l}=c,m=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),u=l.getObject(m);if(u==null)return!0;o?u.show():u.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return v.checkIfMove(s,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(v.toDisposable(n.changeStart$.subscribe(r=>{const{objects:s}=r,o=Array.from(s.values()),c=[];e=o.map(l=>{const{left:m,top:u,height:d,width:h,angle:f,oKey:S,isInGroup:w}=l,p=this._drawingManagerService.getDrawingOKey(S);if(w\|\|l instanceof b.Group){let y=l.ancestorGroup;if(y==null&&l instanceof b.Group&&(y=l),y==null)return null;const _=this._drawingManagerService.getDrawingOKey(y.oKey);if(_){const{unitId:O,subUnitId:P,drawingId:B}=_;c.push({unitId:O,subUnitId:P,drawingId:B});const{left:E,top:M,height:R,width:N,angle:U}=y;return{left:E,top:M,height:R,width:N,angle:U}}}else if(p!=null){const{unitId:y,subUnitId:_,drawingId:O}=p;return c.push({unitId:y,subUnitId:_,drawingId:O}),{left:m,top:u,height:d,width:h,angle:f}}return null}).filter(l=>l!=null),c.length>0?this._drawingManagerService.focusDrawing(c):this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(v.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s}=r;this._filterUpdateParams(pe(s,this._drawingManagerService),e).length>0})))}};ve=Zn([v.OnLifecycle(v.LifecycleStages.Rendered,ve),we(0,v.IUniverInstanceService),we(1,v.ICommandService),we(2,b.IRenderManagerService),we(3,I.IDrawingManagerService)],ve);const Xn=a=>{const{src:t}=a;return t?i.createElement("div",null,i.createElement("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})):null},Ye="COMPONENT_IMAGE_VIEWER",Oe={id:"sheet.operation.image-reset-size",type:v.CommandType.OPERATION,handler:(a,t)=>!0};var qn=Object.defineProperty,Jn=Object.getOwnPropertyDescriptor,Qn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Jn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&qn(t,n,r),r},de=(a,t)=>(n,e)=>t(n,e,a);let Se=class extends v.Disposable{constructor(a,t,n,e,r){super(),this._injector=a,this._componentManager=t,this._menuService=n,this._commandService=e,this._localeService=r,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(Fe,Ke)),this.disposeWithMe(a.register(Ye,Xn))}_initMenus(){}_initCommands(){[ye,te,Oe,Pe,fe].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus()}};Se=Qn([v.OnLifecycle(v.LifecycleStages.Rendered,Se),de(0,ee.Inject(ee.Injector)),de(1,ee.Inject(be.ComponentManager)),de(2,be.IMenuService),de(3,v.ICommandService),de(4,ee.Inject(v.LocaleService))],Se);class he extends b.Shape{constructor(n,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(n,e);Q(this,"_srcRect");Q(this,"_prstGeom");Q(this,"_applyTransform");Q(this,"_dragPadding",8);Q(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null\|\|n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var l,m;const r=this.getScene().getEngine(),{width:s,height:o}=r;this._initialCacheCanvas(),(l=this._cacheCanvas)==null\|\|l.clear();const c=(m=this._cacheCanvas)==null?void 0:m.getContext();c!=null&&(c.save(),b.Rect.drawWith(c,{left:0,top:0,width:s,height:o,fill:"rgba(0, 0, 0, 0.5)"}),c.setTransform(n.getTransform()),this._clipForApplyObject(c),this._applyCache(n),c.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:o=0,top:c=0,width:l=0,height:m=0,angle:u}=this._applyTransform;if(this._srcRect!=null){const{left:f=0,top:S=0,right:w=0,bottom:p=0}=this._srcRect;n=f,e=S,r=w,s=p}const d=o+n,h=c+e;this.transformByState({left:d,top:h,width:o+l-r-d,height:c+m-s-h,angle:u})}_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;this._cacheCanvas=new b.Canvas;const n=this.getScene().getEngine();this._cacheCanvas.setSize(n.width,n.height),n.onTransformChange$.subscribeEvent(()=>{var e;(e=this._cacheCanvas)==null\|\|e.setSize(n.width,n.height),this.makeDirty(!0)})}}var et=Object.defineProperty,nt=Object.getOwnPropertyDescriptor,tt=(a,t,n,e)=>{for(var r=e>1?void 0:e?nt(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&et(t,n,r),r},le=(a,t)=>(n,e)=>t(n,e,a);let _e=class extends v.Disposable{constructor(t,n,e,r,s,o){super();Q(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=o,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==fe.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const s=r[0],{unitId:o,subUnitId:c,drawingId:l}=s,m=this._renderManagerService.getRenderById(o),u=m==null?void 0:m.scene;if(u==null)return!0;this._searchCropObject(u)!=null&&this._commandService.syncExecuteCommand(te.id,{isAuto:!0});const h=I.getDrawingShapeKeyByDrawingSearch({unitId:o,subUnitId:c,drawingId:l}),f=u.getObject(h);if(!(f instanceof b.Image)){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}f!=null&&(this._updateCropperObject(e,f),this._commandService.executeCommand(ye.id,{unitId:o,subUnitId:c,drawingId:l}))}))}_calculateSrcRectByRatio(t,n,e,r,s,o){const c=e/r,l=s/o;let m=e,u=r;c>l?m=rl:u=e/l;const d=(e-m)/2,h=(r-u)/2;return{left:b.precisionTo(d,1),top:b.precisionTo(h,1),right:b.precisionTo(e-(d+m),1),bottom:b.precisionTo(r-(h+u),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:o}=n.calculateTransformWithSrcRect();let c;switch(t){case L.R1_1:c=this._calculateSrcRectByRatio(e,r,s,o,1,1);break;case L.R16_9:c=this._calculateSrcRectByRatio(e,r,s,o,16,9);break;case L.R9_16:c=this._calculateSrcRectByRatio(e,r,s,o,9,16);break;case L.R5_4:c=this._calculateSrcRectByRatio(e,r,s,o,5,4);break;case L.R4_5:c=this._calculateSrcRectByRatio(e,r,s,o,4,5);break;case L.R4_3:c=this._calculateSrcRectByRatio(e,r,s,o,4,3);break;case L.R3_4:c=this._calculateSrcRectByRatio(e,r,s,o,3,4);break;case L.R3_2:c=this._calculateSrcRectByRatio(e,r,s,o,3,2);break;case L.R2_3:c=this._calculateSrcRectByRatio(e,r,s,o,2,3);break;case L.FREE:}if(c==null)return;n.setSrcRect(c);const{left:l=0,top:m=0,bottom:u=0,right:d=0}=c;n.transformByStateCloseCropper({left:e+l,top:r+m,width:s-d-l,height:o-u-m})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==ye.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._renderManagerService.getRenderById(e),c=o==null?void 0:o.scene;if(c==null)return!0;if(this._sceneListenerOnImageMap.has(c)\|\|(this._addListenerOnImage(c),this._sceneListenerOnImageMap.add(c)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const m=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),u=c.getObject(m);if(u==null)return;if(!(u instanceof b.Image)){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const d=c.getTransformer();d==null\|\|d.clearControls();const h=new he(`${m}-crop`,{srcRect:u.srcRect,prstGeom:u.prstGeom,applyTransform:u.calculateTransformWithSrcRect()});c.addObject(h,u.getLayerIndex()+1).attachTransformerTo(h),d==null\|\|d.createControlForCopper(h),this._addHoverForImageCopper(h),u.openRenderByCropper(),d==null\|\|d.refreshControls(),h.makeDirty(!0),this._drawingManagerService.focusDrawing([{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjects();for(const e of n)if(e instanceof he)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==te.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),o=s==null?void 0:s.scene;if(o==null)return!0;const c=this._searchCropObject(o);if(c==null)return;const l=this._getApplyObjectByCropObject(c);if(l==null)return;const m=o.getTransformerByCreate();m.detachFrom(c),m.clearCopperControl();const u=this._getSrcRectByTransformState(l,c),d=this._drawingManagerService.getDrawingOKey(l.oKey);if(d!=null){const{left:h,top:f,height:S,width:w}=c;this._drawingManagerService.featurePluginUpdateNotification([{...d,transform:{...d.transform,left:h,top:f,height:S,width:w},srcRect:u.srcRectAngle}])}l.setSrcRect({...u.srcRectAngle}),l.closeRenderByCropper(),l.makeDirty(!0),c==null\|\|c.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(v.UniverInstanceType.UNIVER_SHEET).pipe(Te.filter(n=>!!n),Te.switchMap(n=>n.activeSheet$));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(te.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene().getObject(e);return r==null?null:r}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof he))return;const{left:c,top:l,height:m,width:u,angle:d}=o;e={left:c,top:l,height:m,width:u,angle:d},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof he))return;const{left:c,top:l,height:m,width:u,angle:d}=o;if(!v.checkIfMove({left:c,top:l,height:m,width:u,angle:d},e))return;const h=this._getApplyObjectByCropObject(o);if(h==null)return;const f=this._getSrcRectByTransformState(h,o);o.refreshSrcRect(f.srcRect,h.getState()),n.createControlForCopper(o)})),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(te.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:o,strokeWidth:c,angle:l}=n,{left:m,top:u,width:d,height:h,angle:f,strokeWidth:S}=t,w=e-m,p=r-u,y={left:w,top:p,right:d-w-o,bottom:h-p-s},_={...y};if(f!==0){const O=e+o/2,P=r+s/2,B=new b.Vector2(O,P),E=d/2+m,M=h/2+u,R=new b.Vector2(E,M),N=new b.Vector2(m,u);N.rotateByPoint(b.degToRad(f),R);const U=N.clone();U.rotateByPoint(b.degToRad(-f),B);const G=e-U.x,j=r-U.y;_.left=G,_.top=j,_.right=d-G-o,_.bottom=h-j-s}return{srcRect:y,srcRectAngle:_}}};_e=tt([v.OnLifecycle(v.LifecycleStages.Rendered,_e),le(0,v.ICommandService),le(1,I.IDrawingManagerService),le(2,b.IRenderManagerService),le(3,v.IUniverInstanceService),le(4,be.IMessageService),le(5,ee.Inject(v.LocaleService))],_e);var rt=Object.defineProperty,at=Object.getOwnPropertyDescriptor,it=(a,t,n,e)=>{for(var r=e>1?void 0:e?at(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&rt(t,n,r),r},se=(a,t)=>(n,e)=>t(n,e,a);const Ue=50;let Ie=class extends v.Disposable{constructor(a,t,n,e,r,s,o){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=o,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_recoveryImages(){const a=this._drawingManagerService.drawingManagerData,t=De(this._currentUniverService);if(t==null)return;const{unitId:n,subUnitId:e}=t;Object.keys(a).forEach(r=>{Object.keys(a[r]).forEach(s=>{const o=a[r][s].data;o==null\|\|r!==n\|\|s!==e\|\|Object.keys(o).forEach(c=>{o[c]&&this._insertImages([{unitId:r,subUnitId:s,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===Oe.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e,c=this._getSceneAndTransformerByDrawingSearch(r);if(c==null)return;const{scene:l}=c,m=I.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),u=l.getObject(m);if(u==null)return!0;const d=this._drawingManagerService.getDrawingByParam(e);if(d==null)return!0;if(d.drawingType!==I.DrawingTypeEnum.DRAWING_IMAGE)return;u.resetSize();const{width:h,height:f}=u.getNativeSize();n.includes(l)===!1&&n.push(l),t.push({...d,transform:{...d.transform,height:f,width:h,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._drawingManagerService.focusDrawing(a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var l;const{unitId:n,subUnitId:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n),s=(l=De(this._currentUniverService))==null?void 0:l.subUnitId;if(r==null\|\|s!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const c=await this._drawingRenderService.renderImages(o,r.scene);if(!(c==null\|\|c.length===0))for(const m of c)this._addHoverForImage(m),this._addDialogForImage(m)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:o,drawingType:c,srcRect:l,prstGeom:m,source:u,imageSourceType:d}=s;if(c!==I.DrawingTypeEnum.DRAWING_IMAGE)return;const h=this._getSceneAndTransformerByDrawingSearch(n);if(h==null)return;const{scene:f,transformer:S}=h;if(o==null)return!0;const w=I.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),p=f.getObject(w);if(p==null)return!0;p.setSrcRect(l),p.setPrstGeom(m)})}))}_addHoverForImage(a){this.disposeWithMe(v.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.GRAB}))),this.disposeWithMe(v.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=b.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(v.toDisposable(a.onDblclick$.subscribeEvent(()=>{var c;const t=`${a.oKey}-viewer-dialog`,n=a.getNativeSize(),e=window.innerWidth-Ue,r=window.innerHeight-Ue,s=this._adjustImageSize(n.width,n.height,e,r),o=this._dialogService.open({width:s.width,id:t,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ye,props:{src:(c=a.getNative())==null?void 0:c.src,width:s.width,height:s.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(t),o.dispose()}})})))}_adjustImageSize(a,t,n,e){if(a<=n&&t<=e)return{width:a,height:t};const r=n/a,s=e/t,o=Math.min(r,s);return{width:Math.floor(ao),height:Math.floor(to)}}};Ie=it([v.OnLifecycle(v.LifecycleStages.Rendered,Ie),se(0,v.ICommandService),se(1,b.IRenderManagerService),se(2,I.IDrawingManagerService),se(3,be.IDialogService),se(4,I.IImageIoService),se(5,v.IUniverInstanceService),se(6,ee.Inject(exports.DrawingRenderService))],Ie);var ot=Object.defineProperty,st=Object.getOwnPropertyDescriptor,ct=(a,t,n,e)=>{for(var r=e>1?void 0:e?st(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&ot(t,n,r),r},je=(a,t)=>(n,e)=>t(n,e,a);const lt="DRAWING_UI_PLUGIN";var Me;exports.UniverDrawingUIPlugin=(Me=class extends v.Plugin{constructor(t,n,e){super(),this._injector=n,this._localeService=e}onStarting(t){this._initDependencies(t)}_initDependencies(t){[[exports.DrawingRenderService],[ve],[Se],[_e],[Ie]].forEach(e=>t.add(e))}},Q(Me,"pluginName",lt),Me);exports.UniverDrawingUIPlugin=ct([je(1,ee.Inject(ee.Injector)),je(2,ee.Inject(v.LocaleService))],exports.UniverDrawingUIPlugin);exports.AutoImageCropOperation=fe;exports.COMPONENT_IMAGE_POPUP_MENU=Fe;exports.CloseImageCropOperation=te;exports.DrawingCommonPanel=Gn;exports.ImageCropperObject=he;exports.ImagePopupMenu=Ke;exports.ImageResetSizeOperation=Oe;exports.OpenImageCropOperation=ye;exports.SetDrawingAlignOperation=Pe;exports.getUpdateParams=pe;
1	+ "use strict";var qe=Object.defineProperty;var Je=(a,t,n)=>t in a?qe(a,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[t]=n;var J=(a,t,n)=>Je(a,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("@univerjs/drawing"),b=require("@univerjs/engine-render"),h=require("@univerjs/core"),i=require("react"),W=require("@univerjs/design"),T=require("clsx"),_e=require("@univerjs/ui"),Oe=require("rxjs");function Qe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=I.getDrawingShapeKeyByDrawingSearch(a),o=n.getObject(s);if(o&&!(o instanceof b.Group))return;if(o!=null){o.addObject(t);return}const c=new b.Group(s);n.addObject(c,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(c),c.addObject(t);const{transform:l}=r;l&&c.transformByState({left:l.left,top:l.top,angle:l.angle})}function Re(a){var r;const t=a.getFocusedUnit();if(t==null)return;const n=t.getUnitId();let e;return t.type===h.UniverInstanceType.UNIVER_SHEET?e=(r=t.getActiveSheet())==null?void 0:r.getSheetId():(t.type===h.UniverInstanceType.UNIVER_DOC\|\|t.type===h.UniverInstanceType.UNIVER_SLIDE)&&(e=n),{unitId:n,subUnitId:e}}var en=Object.defineProperty,nn=Object.getOwnPropertyDescriptor,tn=(a,t,n,e)=>{for(var r=e>1?void 0:e?nn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&en(t,n,r),r},Ne=(a,t)=>(n,e)=>t(n,e,a);exports.DrawingRenderService=class{constructor(t,n){this._drawingManagerService=t,this._imageIoService=n}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:o,srcRect:c,prstGeom:l,groupId:m,unitId:u,subUnitId:d,drawingId:f,isMultiTransform:p,transforms:S}=t;if(r!==I.DrawingTypeEnum.DRAWING_IMAGE\|\|!this._drawingManagerService.getDrawingVisible()\|\|e==null)return;const v=p&&S?S:[e],C=[];for(const y of v){const{left:_,top:O,width:P,height:B,angle:E,flipX:M,flipY:R,skewX:N,skewY:U}=y,G=v.indexOf(y),j=I.getDrawingShapeKeyByDrawingSearch({unitId:u,subUnitId:d,drawingId:f},p?G:void 0),ne=n.getObject(j);if(ne!=null){ne.transformByState({left:_,top:O,width:P,height:B,angle:E,flipX:M,flipY:R,skewX:N,skewY:U});continue}const $=this._drawingManagerService.getDrawingOrder(u,d),oe=$.indexOf(f),te={...y,zIndex:oe===-1?$.length-1:oe},re=this._imageIoService.getImageSourceCache(s,o);let ce=!1;if(re!=null)te.image=re;else{if(o===I.ImageSourceType.UUID)try{te.url=await this._imageIoService.getImage(s)}catch(Pe){console.error(Pe);continue}else te.url=s;ce=!0}te.printable=!0;const X=new b.Image(j,te);if(ce&&this._imageIoService.addImageSourceCache(s,o,X.getNative()),!this._drawingManagerService.getDrawingVisible())continue;const ye=n.addObject(X,b.DRAWING_OBJECT_LAYER_INDEX);this._drawingManagerService.getDrawingEditable()&&ye.attachTransformerTo(X),m&&Qe({drawingId:m,unitId:u,subUnitId:d},X,n,this._drawingManagerService),l!=null&&X.setPrstGeom(l),c!=null&&X.setSrcRect(c),C.push(X)}return C}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case I.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}};exports.DrawingRenderService=tn([Ne(0,I.IDrawingManagerService),Ne(1,I.IImageIoService)],exports.DrawingRenderService);function he(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:o,height:c,width:l,angle:m}=e,u=t.getDrawingOKey(r);if(u==null)return n.push(null),!0;const{unitId:d,subUnitId:f,drawingId:p,drawingType:S}=u,v={unitId:d,subUnitId:f,drawingId:p,drawingType:S,transform:{left:s,top:o,height:c,width:l,angle:m}};S===I.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}var k=function(){return k=Object.assign\|\|function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},k.apply(this,arguments)},rn=function(a,t){var n={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(n[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(n[e[r]]=a[e[r]]);return n},Z=i.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,o=rn(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(e," ").concat(r\|\|"").trim(),l=i.useRef("_".concat(sn()));return Ue(n,"".concat(e),{defIds:n.defIds,idSuffix:l.current},k({ref:t,className:c},o),s)});function Ue(a,t,n,e,r){return i.createElement(a.tag,k(k({key:t},an(a,n,r)),e),(on(a,n).children\|\|[]).map(function(s,o){return Ue(s,"".concat(t,"-").concat(a.tag,"-").concat(o),n,void 0,r)}))}function an(a,t,n){var e=k({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r\|\|r.length===0\|\|(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var o=s[0],c=s[1];typeof c=="string"&&(e[o]=c.replace(/url$#(.)$/,"url(#$1".concat(t.idSuffix,")")))})),e}function on(a,t){var n,e=t.defIds;return!e\|\|e.length===0?a:a.tag==="defs"&&(!((n=a.children)===null\|\|n===void 0)&&n.length)?k(k({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?k(k({},r),{attrs:k(k({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function sn(){return Math.random().toString(36).substring(2,8)}Z.displayName="UniverIcon";var cn={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=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"autofill",ref:t,icon:cn}))});je.displayName="Autofill";var ln={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Le=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"bottom-single",ref:t,icon:ln}))});Le.displayName="BottomSingle";var mn={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"}}]},Ae=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"create-copy-single",ref:t,icon:mn}))});Ae.displayName="CreateCopySingle";var gn={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=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"group-single",ref:t,icon:gn}))});He.displayName="GroupSingle";var un={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=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"more-down-single",ref:t,icon:un}))});Ge.displayName="MoreDownSingle";var dn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 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=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"move-down-single",ref:t,icon:dn}))});Ve.displayName="MoveDownSingle";var hn={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"}}]},xe=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"move-up-single",ref:t,icon:hn}))});xe.displayName="MoveUpSingle";var fn={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"}}]},We=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"topmost-single",ref:t,icon:fn}))});We.displayName="TopmostSingle";var pn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z",fillRule:"evenodd",clipRule:"evenodd"}}]},$e=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"ungroup-single",ref:t,icon:pn}))});$e.displayName="UngroupSingle";const Cn="univer-image-common-panel",wn="univer-image-common-panel-grid",vn="univer-image-common-panel-border",Sn="univer-image-common-panel-title",_n="univer-image-common-panel-subtitle",In="univer-image-common-panel-row",bn="univer-image-common-panel-row-vertical",yn="univer-image-common-panel-column",Pn="univer-image-common-panel-column-center",En="univer-image-common-panel-inline",Rn="univer-image-common-panel-span2",Mn="univer-image-common-panel-span3",Dn="univer-image-common-panel-input",g={imageCommonPanel:Cn,imageCommonPanelGrid:wn,imageCommonPanelBorder:vn,imageCommonPanelTitle:Sn,imageCommonPanelSubtitle:_n,imageCommonPanelRow:In,imageCommonPanelRowVertical:bn,imageCommonPanelColumn:yn,imageCommonPanelColumnCenter:Pn,imageCommonPanelInline:En,imageCommonPanelSpan2:Rn,imageCommonPanelSpan3:Mn,imageCommonPanelInput:Dn},On=a=>{const{arrangeShow:t,drawings:n}=a,e=h.useDependency(h.LocaleService),r=h.useDependency(I.IDrawingManagerService),s=m=>m?"block":"none",[o,c]=i.useState(n);i.useEffect(()=>{const m=r.focus$.subscribe(u=>{c(u)});return()=>{m.unsubscribe()}},[]);const l=m=>{const u=o[0].unitId,d=o[0].subUnitId,f=o.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:u,subUnitId:d,drawingIds:f,arrangeType:m})};return i.createElement("div",{className:g.imageCommonPanelGrid,style:{display:s(t)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,e.t("image-panel.arrange.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.forward)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(xe,null),e.t("image-panel.arrange.forward")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.backward)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(Ve,null),e.t("image-panel.arrange.backward"))))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.front)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(We,null),e.t("image-panel.arrange.front")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{l(I.ArrangeTypeEnum.back)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(Le,null),e.t("image-panel.arrange.back"))))))},ae=20,Nn=20,Tn=[-3600,3600],fe=300,Bn=a=>{var De;const t=h.useDependency(h.LocaleService),n=h.useDependency(I.IDrawingManagerService),e=h.useDependency(b.IRenderManagerService),{drawings:r,transformShow:s}=a,o=r[0];if(o==null)return;const c=o.transform;if(c==null)return;const{unitId:l,subUnitId:m,drawingId:u,drawingType:d}=o,f=e.getRenderById(l),p=f==null?void 0:f.scene;if(p==null)return;const S=(De=p.getEngine())==null?void 0:De.activeScene;if(S==null)return;const v=p.getTransformerByCreate(),{width:C=0,height:y=0,left:_=0,top:O=0,angle:P=0}=c,[B,E]=i.useState(C),[M,R]=i.useState(y),[N,U]=i.useState(_),[G,j]=i.useState(O),[ne,$]=i.useState(P),[oe,te]=i.useState(v.keepRatio),re=(w,V,x,H)=>{const{width:A,height:q}=S,{ancestorLeft:z,ancestorTop:K}=p;let F=w,Y=V,Q=x,le=H;return w+z<0&&(F=-z),V+K<0&&(Y=-K),Q=A-F-z,Q<ae&&(Q=ae),le=q-Y-K,le<ae&&(le=ae),w+Q+z>A&&(F=A-x-z),V+le+K>q&&(Y=q-H-K),{limitLeft:F,limitTop:Y,limitWidth:Q,limitHeight:le}},ce=w=>{const{objects:V}=w,x=he(V,n);if(x.length!==1)return;const H=x[0];if(H==null)return;const{transform:A}=H;if(A==null)return;const{width:q,height:z,left:K,top:F,angle:Y}=A;q!=null&&E(q),z!=null&&R(z),K!=null&&U(K),F!=null&&j(F),Y!=null&&$(Y)};i.useEffect(()=>{const w=v.changeStart$.subscribe(H=>{ce(H)}),V=v.changing$.subscribe(H=>{ce(H)}),x=n.focus$.subscribe(H=>{if(H.length!==1)return;const A=n.getDrawingByParam(H[0]);if(A==null)return;const q=A.transform;if(q==null)return;const{width:z,height:K,left:F,top:Y,angle:Q}=q;z!=null&&E(z),K!=null&&R(K),F!=null&&U(F),Y!=null&&j(Y),Q!=null&&$(Q)});return()=>{V.unsubscribe(),w.unsubscribe(),x.unsubscribe()}},[]);const X=h.debounce(w=>{if(w==null)return;w=Math.max(w,ae);const{limitWidth:V,limitHeight:x}=re(N,G,w,M);w=Math.min(w,V);const H={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{width:w}};if(oe){let A=w/BM;if(A=Math.max(A,Nn),A>x)return;R(A),H.transform.height=A}E(w),n.featurePluginUpdateNotification([H]),v.refreshControls().changeNotification()},fe),ye=h.debounce(w=>{if(w==null)return;w=Math.max(w,ae);const{limitHeight:V,limitWidth:x}=re(N,G,B,w);w=Math.min(w,V);const H={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{height:w}};if(oe){let A=w/MB;if(A=Math.max(A,ae),A>x)return;E(A),H.transform.width=A}R(w),n.featurePluginUpdateNotification([H]),v.refreshControls().changeNotification()},fe),Pe=h.debounce(w=>{if(w==null)return;const{limitLeft:V}=re(w,G,B,M);w=V;const x={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{left:w}};U(w),n.featurePluginUpdateNotification([x]),v.refreshControls().changeNotification()},fe),Fe=h.debounce(w=>{if(w==null)return;const{limitTop:V}=re(N,w,B,M);w=V;const x={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{top:w}};j(w),n.featurePluginUpdateNotification([x]),v.refreshControls().changeNotification()},fe),Ye=w=>{if(w==null)return;const[V,x]=Tn;w<V&&(w=V),w>x&&(w=x);const H={unitId:l,subUnitId:m,drawingId:u,drawingType:d,transform:{angle:w}};$(w),n.featurePluginUpdateNotification([H]),v.refreshControls().changeNotification()},Ze=w=>{te(w),v.keepRatio=w},Xe=w=>w?"block":"none";return i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:Xe(s)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.transform.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.width"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:B,onChange:w=>{X(w)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.height"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:M,onChange:w=>{ye(w)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.lock"))),i.createElement("div",{className:T(g.imageCommonPanelRow,g.imageCommonPanelRowVertical)},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.Checkbox,{checked:oe,onChange:Ze})))))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.x"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:N,onChange:w=>{Pe(w)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.y"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:G,onChange:w=>{Fe(w)},className:g.imageCommonPanelInput}))))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},t.t("image-panel.transform.rotate"))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:g.imageCommonPanelColumn},i.createElement(W.InputNumber,{precision:1,value:ne,onChange:Ye,className:g.imageCommonPanelInput})))))))};var D=(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))(D\|\|{});const be={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(a,t)=>!0},Un=a=>{const t=h.useDependency(h.ICommandService),n=h.useDependency(h.LocaleService),{alignShow:e}=a,[r,s]=i.useState(D.default),o=[{label:n.t("image-panel.align.default"),value:D.default},{options:[{label:n.t("image-panel.align.left"),value:D.left},{label:n.t("image-panel.align.center"),value:D.center},{label:n.t("image-panel.align.right"),value:D.right}]},{options:[{label:n.t("image-panel.align.top"),value:D.top},{label:n.t("image-panel.align.middle"),value:D.middle},{label:n.t("image-panel.align.bottom"),value:D.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:D.horizon},{label:n.t("image-panel.align.vertical"),value:D.vertical}]}];function c(m){s(m),t.executeCommand(be.id,{alignType:m})}const l=m=>m?"block":"none";return i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:l(e)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.align.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn)},i.createElement(W.Select,{value:r,options:o,onChange:c}))))},Ie={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ee={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var L=(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))(L\|\|{});const de={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},jn=a=>{const t=h.useDependency(h.ICommandService),n=h.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[o,c]=i.useState(L.FREE),l=i.useRef(!1),m=[{label:n.t("image-panel.crop.mode"),value:L.FREE},{label:"1:1",value:L.R1_1},{label:"16:9",value:L.R16_9},{label:"9:16",value:L.R9_16},{label:"5:4",value:L.R5_4},{label:"4:5",value:L.R4_5},{label:"4:3",value:L.R4_3},{label:"3:4",value:L.R3_4},{label:"3:2",value:L.R3_2},{label:"2:3",value:L.R2_3}];i.useEffect(()=>{const p=t.onCommandExecuted(S=>{if(S.id===ee.id){const v=S.params;v!=null&&v.isAuto\|\|(l.current=!1)}});return()=>{p==null\|\|p.dispose()}},[]);function u(p){c(p),l.current&&t.executeCommand(de.id,{cropType:p})}const d=p=>p?"block":"none",f=p=>{t.executeCommand(de.id,{cropType:p}),l.current=!0};return i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:d(r)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.crop.title")))),i.createElement("div",{className:T(g.imageCommonPanelRow,g.imageCommonPanelRowVertical)},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Button,{size:"small",onClick:()=>{f(o)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(Ae,null),n.t("image-panel.crop.start")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2)},i.createElement(W.Select,{value:o,options:m,onChange:u}))))},Ln=a=>{const t=h.useDependency(h.LocaleService),n=h.useDependency(b.IRenderManagerService),e=h.useDependency(I.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[o,c]=i.useState(!1),[l,m]=i.useState(!0),[u,d]=i.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:y,subUnitId:_}=C[0],O=h.Tools.generateRandomId(10),P=b.getGroupState(0,0,C.map(M=>M.transform\|\|{})),B={unitId:y,subUnitId:_,drawingId:O,drawingType:I.DrawingTypeEnum.DRAWING_GROUP,transform:P},E=C.map(M=>{const R=M.transform\|\|{left:0,top:0},{unitId:N,subUnitId:U,drawingId:G}=M;return{unitId:N,subUnitId:U,drawingId:G,transform:{...R,left:R.left-P.left,top:R.top-P.top},groupId:O}});e.featurePluginGroupUpdateNotification([{parent:B,children:E}])},S=C=>{if(C.drawingType!==I.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:y,subUnitId:_,drawingId:O,transform:P={width:0,height:0}}=C;if(P==null)return;const B=e.getDrawingsByGroup({unitId:y,subUnitId:_,drawingId:O});if(B.length===0)return;const E=B.map(M=>{const{transform:R}=M,{unitId:N,subUnitId:U,drawingId:G}=M,j=b.transformObjectOutOfGroup(R\|\|{},P,P.width\|\|0,P.height\|\|0);return{unitId:N,subUnitId:U,drawingId:G,transform:{...R,...j},groupId:void 0}});return{parent:C,children:E}},v=()=>{const y=e.getFocusDrawings().map(_=>S(_)).filter(_=>_!=null);y.length!==0&&e.featurePluginUngroupUpdateNotification(y)};return i.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:y}=C,_=n.getRenderById(y),O=_==null?void 0:_.scene;if(O==null)return;const P=O.getTransformerByCreate(),B=P.clearControl$.subscribe(M=>{M===!0&&c(!1)}),E=P.changeStart$.subscribe(M=>{const{objects:R}=M,N=he(R,e),U=N.filter($=>($==null?void 0:$.drawingType)===I.DrawingTypeEnum.DRAWING_GROUP);let G=!1,j=!1;N.length>1&&(G=!0),U.length>0&&(j=!0),c(G\|\|j),m(G),d(j)});return()=>{E.unsubscribe(),B.unsubscribe()}},[]),i.createElement("div",{className:T(g.imageCommonPanelGrid,g.imageCommonPanelBorder),style:{display:f(r===!0?o:!1)}},i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.group.title")))),i.createElement("div",{className:g.imageCommonPanelRow},i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter)},i.createElement(W.Button,{size:"small",onClick:()=>{p()},style:{display:f(l)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement(He,null),t.t("image-panel.group.group")))),i.createElement("div",{className:T(g.imageCommonPanelColumn,g.imageCommonPanelSpan2,g.imageCommonPanelColumnCenter)},i.createElement(W.Button,{size:"small",onClick:()=>{v()},style:{display:f(u)}},i.createElement("span",{className:g.imageCommonPanelInline},i.createElement($e,null),t.t("image-panel.group.unGroup"))))))},An=a=>{const t=h.useDependency(I.IDrawingManagerService),n=h.useDependency(b.IRenderManagerService),e=h.useDependency(h.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:o=!0,hasAlign:c=!0,hasCropper:l=!0,hasGroup:m=!0}=a,u=r[0];if(u==null)return;const{unitId:d}=u,f=n.getRenderById(d),p=f==null?void 0:f.scene;if(p==null)return;const S=p.getTransformerByCreate(),[v,C]=i.useState(!0),[y,_]=i.useState(!0),[O,P]=i.useState(!1),[B,E]=i.useState(!0),[M,R]=i.useState(!1);return i.useEffect(()=>{const N=S.clearControl$.subscribe(j=>{j===!0&&(C(!1),_(!1),P(!1),E(!1),R(!0))}),U=S.changeStart$.subscribe(j=>{const{objects:ne}=j,$=he(ne,t);$.length===0?(C(!1),_(!1),P(!1),E(!1),R(!0)):$.length===1?(C(!0),_(!0),P(!1),E(!0),R(!1)):(C(!0),_(!1),P(!0),E(!1),R(!1))}),G=t.focus$.subscribe(j=>{j.length===0?(C(!1),_(!1),P(!1),E(!1),R(!0)):j.length===1?(C(!0),_(!0),P(!1),E(!0),R(!1)):(C(!0),_(!1),P(!0),E(!1),R(!1))});return()=>{U.unsubscribe(),N.unsubscribe(),G.unsubscribe()}},[]),i.createElement(i.Fragment,null,i.createElement("div",{style:{display:M===!0?"block":"none",height:"100%"}},i.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"}},i.createElement("span",null,e.t("image-panel.null")))),i.createElement(On,{arrangeShow:s===!0?v:!1,drawings:r}),i.createElement(Bn,{transformShow:o===!0?y:!1,drawings:r}),i.createElement(Un,{alignShow:c===!0?O:!1,drawings:r}),i.createElement(jn,{cropperShow:l===!0?B:!1,drawings:r}),i.createElement(Ln,{hasGroup:m,drawings:r}))},Hn="univer-image-popup-menu",Gn="univer-image-popup-menu-item",Vn="univer-image-popup-menu-item-icon",xn="univer-image-popup-menu-item-title",Wn="univer-image-popup-menu-item-hide",$n="univer-btn-container",kn="univer-btn-container-expand",me={imagePopupMenu:Hn,imagePopupMenuItem:Gn,imagePopupMenuItemIcon:Vn,imagePopupMenuItemTitle:xn,imagePopupMenuItemHide:Wn,btnContainer:$n,btnContainerExpand:kn},ke=a=>{var S,v;const t=(v=(S=a.popup)==null?void 0:S.extraProps)==null?void 0:v.menuItems;if(!t)return null;const n=h.useDependency(h.ICommandService),e=h.useDependency(h.LocaleService),[r,s]=i.useState(!1),[o,c]=i.useState(!1),l=()=>{c(!0)},m=()=>{c(!1)},u=C=>{s(C)},d=C=>{n.executeCommand(C.commandId,C.commandParams),s(!1)},f=r\|\|o,p=t.filter(C=>!C.disable);return i.createElement("div",{onMouseEnter:l,onMouseLeave:m},i.createElement(W.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:i.createElement("ul",{className:me.imagePopupMenu},p.map(C=>i.createElement("li",{key:C.index,onClick:()=>d(C),className:me.imagePopupMenuItem},i.createElement("span",{className:me.imagePopupMenuItemTitle},e.t(C.label))))),visible:r,onVisibleChange:u},i.createElement("div",{className:T(me.btnContainer,{[me.btnContainerExpand]:r})},i.createElement(je,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),f&&i.createElement(Ge,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}}))))},ze="COMPONENT_IMAGE_POPUP_MENU";var zn=Object.defineProperty,Kn=Object.getOwnPropertyDescriptor,Fn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Kn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&zn(t,n,r),r},pe=(a,t)=>(n,e)=>t(n,e,a);let Ce=class extends h.Disposable{constructor(t,n,e,r){super();J(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=Re(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(o=>{const c=t[s][o].data;c==null\|\|s!==e\|\|o!==r\|\|Object.keys(c).forEach(l=>{c[l]&&this._insertDrawing([{unitId:s,subUnitId:o,drawingId:l}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===be.id){const n=t.params;if(n==null)return;this._drawingAlign(n)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(t=>{this._groupDrawings(t)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(t=>{this._ungroupDrawings(t)}))}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t),e=n==null?void 0:n.scene;if(e==null)return null;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_groupDrawings(t){t.forEach(n=>{this._groupDrawing(n)})}_groupDrawing(t){const{parent:n,children:e}=t,{unitId:r,subUnitId:s,drawingId:o}=n,c=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(c==null)return;const{scene:l,transformer:m}=c;this._commandService.syncExecuteCommand(ee.id);const u=[];if(e.forEach(p=>{const S=I.getDrawingShapeKeyByDrawingSearch(p),v=l.getObjectIncludeInGroup(S);if(v==null\|\|u.includes(v))return;u.push(v);const{transform:C}=p;C!=null&&(v.classType===b.RENDER_CLASS_TYPE.GROUP?v.transformByState({left:C.left,top:C.top}):v.transformByState(C))}),u.length===0)return;const d=I.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),f=new b.Group(d);l.addObject(f,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...u),n.transform&&f.transformByState({left:n.transform.left,top:n.transform.top}),m.clearSelectedObjects(),m.setSelectedControl(f)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:o}=r;e.forEach(d=>{const f=I.getDrawingShapeKeyByDrawingSearch(d),p=s.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:S}=d;S!=null&&(p.classType===b.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:S.left,top:S.top}):p.transformByState(S))});const c=I.getDrawingShapeKeyByDrawingSearch(n),l=s.getObject(c),{width:m,height:u}=l;l.getObjects().forEach(d=>{l.removeSelfObjectAndTransform(d.oKey,m,u)}),l.dispose(),o.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===D.default)return;const r=[];let s=Number.POSITIVE_INFINITY,o=Number.POSITIVE_INFINITY,c=Number.NEGATIVE_INFINITY,l=Number.NEGATIVE_INFINITY,m=0;e.forEach(u=>{const{unitId:d,subUnitId:f,drawingId:p,drawingType:S}=u,v=this._drawingManagerService.getDrawingByParam({unitId:d,subUnitId:f,drawingId:p});if(v==null\|\|v.transform==null)return;r.push({unitId:d,subUnitId:f,drawingId:p,drawingType:S,transform:v.transform});const{left:C=0,top:y=0,width:_=0,height:O=0}=v.transform;s=Math.min(s,C),o=Math.min(o,y),c=Math.max(c,C+_),l=Math.max(l,y+O),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,o,c,l,m))}_applyAlignType(t,n,e,r,s,o,c){const l=Math.round((s-e)/c10)/10,m=Math.round((o-r)/c10)/10,u=[],d=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(d==null)return;const{scene:f,transformer:p}=d;t.forEach((S,v)=>{const{unitId:C,subUnitId:y,drawingId:_,transform:O,drawingType:P}=S,{left:B=0,top:E=0,width:M=0,height:R=0}=O;let N=B,U=E;switch(n){case D.left:N=e;break;case D.center:N=e+(s-e)/2-M/2;break;case D.right:N=s-M;break;case D.top:U=r;break;case D.middle:U=r+(o-r)/2-R/2;break;case D.bottom:U=o-R;break;case D.horizon:N=e+lv;break;case D.vertical:U=r+mv;break}(N!==B\|\|U!==E)&&u.push({unitId:C,subUnitId:y,drawingId:_,drawingType:P,transform:{left:N,top:U}})}),this._drawingManagerService.featurePluginUpdateNotification(u),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,o=r.transform,{left:c=0,top:l=0,width:m=0,height:u=0}=s,{left:d=0,top:f=0,width:p=0,height:S=0}=o;switch(n){case D.left:return c-d;case D.center:return c+m/2-(d+p/2);case D.right:return c+m-(d+p);case D.top:return l-f;case D.middle:return l+u/2-(f+S/2);case D.bottom:return l+u-(f+S);case D.horizon:return c+m/2-(d+p/2);case D.vertical:return l+u/2-(f+S/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:o}=s;r.forEach(c=>{const l=I.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:c}),m=o.fuzzyMathObjects(l,!0);if(m==null\|\|m.length===0)return;const u=this._drawingManagerService.getDrawingOrder(n,e).indexOf(c);for(const d of m)d.setProps({zIndex:u}),d.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const l=this._getSceneAndTransformerByDrawingSearch(r);if(l==null)return;const{scene:m,transformer:u}=l;n.includes(m)\|\|n.push(m)}),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 u;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:c}=o,l=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=c.fuzzyMathObjects(l,!0);if(m.length>0){for(const d of m)d.dispose();(u=c.getTransformer())==null\|\|u.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:c,drawingType:l}=o,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:u,transformer:d}=m;if(c==null)return!0;const{left:f=0,top:p=0,width:S=0,height:v=0,angle:C=0,flipX:y=!1,flipY:_=!1,skewX:O=0,skewY:P=0}=c,B=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),E=u.getObject(B);if(E==null)return!0;E.transformByState({left:f,top:p,width:S,height:v,angle:C,flipX:y,flipY:_,skewX:O,skewY:P})})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const c=this._drawingManagerService.getDrawingByParam(n);if(c==null)return;const{transform:l}=c,{scene:m}=o,u=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=m.getObject(u);if(d==null\|\|l==null)return!0;const{left:f=0,top:p=0,width:S=0,height:v=0,angle:C=0,flipX:y=!1,flipY:_=!1,skewX:O=0,skewY:P=0}=l;d.transformByState({left:f,top:p,width:S,height:v,angle:C,flipX:y,flipY:_,skewX:O,skewY:P})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:o}=n,c=this._getSceneAndTransformerByDrawingSearch(e);if(c==null)return;const{scene:l}=c,m=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),u=l.getObject(m);if(u==null)return!0;o?u.show():u.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return h.checkIfMove(s,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:s}=r,o=Array.from(s.values()),c=[];e=o.map(l=>{const{left:m,top:u,height:d,width:f,angle:p,oKey:S,isInGroup:v}=l,C=this._drawingManagerService.getDrawingOKey(S);if(v\|\|l instanceof b.Group){let y=l.ancestorGroup;if(y==null&&l instanceof b.Group&&(y=l),y==null)return null;const _=this._drawingManagerService.getDrawingOKey(y.oKey);if(_){const{unitId:O,subUnitId:P,drawingId:B}=_;c.push({unitId:O,subUnitId:P,drawingId:B});const{left:E,top:M,height:R,width:N,angle:U}=y;return{left:E,top:M,height:R,width:N,angle:U}}}else if(C!=null){const{unitId:y,subUnitId:_,drawingId:O}=C;return c.push({unitId:y,subUnitId:_,drawingId:O}),{left:m,top:u,height:d,width:f,angle:p}}return null}).filter(l=>l!=null),c.length>0?this._drawingManagerService.focusDrawing(c):this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(h.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s}=r;this._filterUpdateParams(he(s,this._drawingManagerService),e).length>0})))}};Ce=Fn([h.OnLifecycle(h.LifecycleStages.Rendered,Ce),pe(0,h.IUniverInstanceService),pe(1,h.ICommandService),pe(2,b.IRenderManagerService),pe(3,I.IDrawingManagerService)],Ce);const Yn=a=>{const{src:t}=a;return t?i.createElement("div",null,i.createElement("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})):null},Ke="COMPONENT_IMAGE_VIEWER",Me={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var Zn=Object.defineProperty,Xn=Object.getOwnPropertyDescriptor,qn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Xn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Zn(t,n,r),r},ge=(a,t)=>(n,e)=>t(n,e,a);let we=class extends h.Disposable{constructor(a,t,n,e,r){super(),this._injector=a,this._componentManager=t,this._menuService=n,this._commandService=e,this._localeService=r,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(ze,ke)),this.disposeWithMe(a.register(Ke,Yn))}_initMenus(){}_initCommands(){[Ie,ee,Me,be,de].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus()}};we=qn([h.OnLifecycle(h.LifecycleStages.Rendered,we),ge(0,h.Inject(h.Injector)),ge(1,h.Inject(_e.ComponentManager)),ge(2,_e.IMenuService),ge(3,h.ICommandService),ge(4,h.Inject(h.LocaleService))],we);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);J(this,"_srcRect");J(this,"_prstGeom");J(this,"_applyTransform");J(this,"_dragPadding",8);J(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null\|\|n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var l,m;const r=this.getScene().getEngine(),{width:s,height:o}=r;this._initialCacheCanvas(),(l=this._cacheCanvas)==null\|\|l.clear();const c=(m=this._cacheCanvas)==null?void 0:m.getContext();c!=null&&(c.save(),b.Rect.drawWith(c,{left:0,top:0,width:s,height:o,fill:"rgba(0, 0, 0, 0.5)"}),c.setTransform(n.getTransform()),this._clipForApplyObject(c),this._applyCache(n),c.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:o=0,top:c=0,width:l=0,height:m=0,angle:u}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:S=0,right:v=0,bottom:C=0}=this._srcRect;n=p,e=S,r=v,s=C}const d=o+n,f=c+e;this.transformByState({left:d,top:f,width:o+l-r-d,height:c+m-s-f,angle:u})}_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;this._cacheCanvas=new b.Canvas;const n=this.getScene().getEngine();this._cacheCanvas.setSize(n.width,n.height),n.onTransformChange$.subscribeEvent(()=>{var e;(e=this._cacheCanvas)==null\|\|e.setSize(n.width,n.height),this.makeDirty(!0)})}}var Jn=Object.defineProperty,Qn=Object.getOwnPropertyDescriptor,et=(a,t,n,e)=>{for(var r=e>1?void 0:e?Qn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Jn(t,n,r),r},se=(a,t)=>(n,e)=>t(n,e,a);let ve=class extends h.Disposable{constructor(t,n,e,r,s,o){super();J(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=o,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 s=r[0],{unitId:o,subUnitId:c,drawingId:l}=s,m=this._renderManagerService.getRenderById(o),u=m==null?void 0:m.scene;if(u==null)return!0;this._searchCropObject(u)!=null&&this._commandService.syncExecuteCommand(ee.id,{isAuto:!0});const f=I.getDrawingShapeKeyByDrawingSearch({unitId:o,subUnitId:c,drawingId:l}),p=u.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(Ie.id,{unitId:o,subUnitId:c,drawingId:l}))}))}_calculateSrcRectByRatio(t,n,e,r,s,o){const c=e/r,l=s/o;let m=e,u=r;c>l?m=rl:u=e/l;const d=(e-m)/2,f=(r-u)/2;return{left:b.precisionTo(d,1),top:b.precisionTo(f,1),right:b.precisionTo(e-(d+m),1),bottom:b.precisionTo(r-(f+u),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:o}=n.calculateTransformWithSrcRect();let c;switch(t){case L.R1_1:c=this._calculateSrcRectByRatio(e,r,s,o,1,1);break;case L.R16_9:c=this._calculateSrcRectByRatio(e,r,s,o,16,9);break;case L.R9_16:c=this._calculateSrcRectByRatio(e,r,s,o,9,16);break;case L.R5_4:c=this._calculateSrcRectByRatio(e,r,s,o,5,4);break;case L.R4_5:c=this._calculateSrcRectByRatio(e,r,s,o,4,5);break;case L.R4_3:c=this._calculateSrcRectByRatio(e,r,s,o,4,3);break;case L.R3_4:c=this._calculateSrcRectByRatio(e,r,s,o,3,4);break;case L.R3_2:c=this._calculateSrcRectByRatio(e,r,s,o,3,2);break;case L.R2_3:c=this._calculateSrcRectByRatio(e,r,s,o,2,3);break;case L.FREE:}if(c==null)return;n.setSrcRect(c);const{left:l=0,top:m=0,bottom:u=0,right:d=0}=c;n.transformByStateCloseCropper({left:e+l,top:r+m,width:s-d-l,height:o-u-m})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==Ie.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._renderManagerService.getRenderById(e),c=o==null?void 0:o.scene;if(c==null)return!0;if(this._sceneListenerOnImageMap.has(c)\|\|(this._addListenerOnImage(c),this._sceneListenerOnImageMap.add(c)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const m=I.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),u=c.getObject(m);if(u==null)return;if(!(u instanceof b.Image)){this._messageService.show({type:W.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const d=c.getTransformer();d==null\|\|d.clearControls();const f=new ue(`${m}-crop`,{srcRect:u.srcRect,prstGeom:u.prstGeom,applyTransform:u.calculateTransformWithSrcRect()});c.addObject(f,u.getLayerIndex()+1).attachTransformerTo(f),d==null\|\|d.createControlForCopper(f),this._addHoverForImageCopper(f),u.openRenderByCropper(),d==null\|\|d.refreshControls(),f.makeDirty(!0),this._drawingManagerService.focusDrawing([{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjects();for(const e of n)if(e instanceof ue)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==ee.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),o=s==null?void 0:s.scene;if(o==null)return!0;const c=this._searchCropObject(o);if(c==null)return;const l=this._getApplyObjectByCropObject(c);if(l==null)return;const m=o.getTransformerByCreate();m.detachFrom(c),m.clearCopperControl();const u=this._getSrcRectByTransformState(l,c),d=this._drawingManagerService.getDrawingOKey(l.oKey);if(d!=null){const{left:f,top:p,height:S,width:v}=c;this._drawingManagerService.featurePluginUpdateNotification([{...d,transform:{...d.transform,left:f,top:p,height:S,width:v},srcRect:u.srcRectAngle}])}l.setSrcRect({...u.srcRectAngle}),l.closeRenderByCropper(),l.makeDirty(!0),c==null\|\|c.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Oe.filter(n=>!!n),Oe.switchMap(n=>n.activeSheet$));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ee.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene().getObject(e);return r==null?null:r}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof ue))return;const{left:c,top:l,height:m,width:u,angle:d}=o;e={left:c,top:l,height:m,width:u,angle:d},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof ue))return;const{left:c,top:l,height:m,width:u,angle:d}=o;if(!h.checkIfMove({left:c,top:l,height:m,width:u,angle:d},e))return;const f=this._getApplyObjectByCropObject(o);if(f==null)return;const p=this._getSrcRectByTransformState(f,o);o.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(o)})),this._endCropListener(t)}_addHoverForImageCopper(t){this.disposeWithMe(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=b.CURSOR_TYPE.MOVE})),this.disposeWithMe(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=b.CURSOR_TYPE.DEFAULT}))}_endCropListener(t){const n=t.getTransformerByCreate();this.disposeWithMe(n.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ee.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:o,strokeWidth:c,angle:l}=n,{left:m,top:u,width:d,height:f,angle:p,strokeWidth:S}=t,v=e-m,C=r-u,y={left:v,top:C,right:d-v-o,bottom:f-C-s},_={...y};if(p!==0){const O=e+o/2,P=r+s/2,B=new b.Vector2(O,P),E=d/2+m,M=f/2+u,R=new b.Vector2(E,M),N=new b.Vector2(m,u);N.rotateByPoint(b.degToRad(p),R);const U=N.clone();U.rotateByPoint(b.degToRad(-p),B);const G=e-U.x,j=r-U.y;_.left=G,_.top=j,_.right=d-G-o,_.bottom=f-j-s}return{srcRect:y,srcRectAngle:_}}};ve=et([h.OnLifecycle(h.LifecycleStages.Rendered,ve),se(0,h.ICommandService),se(1,I.IDrawingManagerService),se(2,b.IRenderManagerService),se(3,h.IUniverInstanceService),se(4,_e.IMessageService),se(5,h.Inject(h.LocaleService))],ve);var nt=Object.defineProperty,tt=Object.getOwnPropertyDescriptor,rt=(a,t,n,e)=>{for(var r=e>1?void 0:e?tt(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&nt(t,n,r),r},ie=(a,t)=>(n,e)=>t(n,e,a);const Te=50;let Se=class extends h.Disposable{constructor(a,t,n,e,r,s,o){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=o,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_recoveryImages(){const a=this._drawingManagerService.drawingManagerData,t=Re(this._currentUniverService);if(t==null)return;const{unitId:n,subUnitId:e}=t;Object.keys(a).forEach(r=>{Object.keys(a[r]).forEach(s=>{const o=a[r][s].data;o==null\|\|r!==n\|\|s!==e\|\|Object.keys(o).forEach(c=>{o[c]&&this._insertImages([{unitId:r,subUnitId:s,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===Me.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e,c=this._getSceneAndTransformerByDrawingSearch(r);if(c==null)return;const{scene:l}=c,m=I.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),u=l.getObject(m);if(u==null)return!0;const d=this._drawingManagerService.getDrawingByParam(e);if(d==null)return!0;if(d.drawingType!==I.DrawingTypeEnum.DRAWING_IMAGE)return;u.resetSize();const{width:f,height:p}=u.getNativeSize();n.includes(l)===!1&&n.push(l),t.push({...d,transform:{...d.transform,height:p,width:f,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._drawingManagerService.focusDrawing(a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var l;const{unitId:n,subUnitId:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n),s=(l=Re(this._currentUniverService))==null?void 0:l.subUnitId;if(r==null\|\|s!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const c=await this._drawingRenderService.renderImages(o,r.scene);if(!(c==null\|\|c.length===0))for(const m of c)this._addHoverForImage(m),this._addDialogForImage(m)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:o,drawingType:c,srcRect:l,prstGeom:m,source:u,imageSourceType:d}=s;if(c!==I.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:S}=f;if(o==null)return!0;const v=I.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(v);if(C==null)return!0;C.setSrcRect(l),C.setPrstGeom(m)})}))}_addHoverForImage(a){this.disposeWithMe(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(()=>{var c;const t=`${a.oKey}-viewer-dialog`,n=a.getNativeSize(),e=window.innerWidth-Te,r=window.innerHeight-Te,s=this._adjustImageSize(n.width,n.height,e,r),o=this._dialogService.open({width:s.width,id:t,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ke,props:{src:(c=a.getNative())==null?void 0:c.src,width:s.width,height:s.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(t),o.dispose()}})})))}_adjustImageSize(a,t,n,e){if(a<=n&&t<=e)return{width:a,height:t};const r=n/a,s=e/t,o=Math.min(r,s);return{width:Math.floor(ao),height:Math.floor(to)}}};Se=rt([h.OnLifecycle(h.LifecycleStages.Rendered,Se),ie(0,h.ICommandService),ie(1,b.IRenderManagerService),ie(2,I.IDrawingManagerService),ie(3,_e.IDialogService),ie(4,I.IImageIoService),ie(5,h.IUniverInstanceService),ie(6,h.Inject(exports.DrawingRenderService))],Se);var at=Object.defineProperty,it=Object.getOwnPropertyDescriptor,ot=(a,t,n,e)=>{for(var r=e>1?void 0:e?it(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&at(t,n,r),r},Be=(a,t)=>(n,e)=>t(n,e,a);const st="DRAWING_UI_PLUGIN";var Ee;exports.UniverDrawingUIPlugin=(Ee=class extends h.Plugin{constructor(t,n,e){super(),this._injector=n,this._localeService=e}onStarting(t){this._initDependencies(t)}_initDependencies(t){[[exports.DrawingRenderService],[Ce],[we],[ve],[Se]].forEach(e=>t.add(e))}},J(Ee,"pluginName",st),Ee);exports.UniverDrawingUIPlugin=ot([Be(1,h.Inject(h.Injector)),Be(2,h.Inject(h.LocaleService))],exports.UniverDrawingUIPlugin);exports.AutoImageCropOperation=de;exports.COMPONENT_IMAGE_POPUP_MENU=ze;exports.CloseImageCropOperation=ee;exports.DrawingCommonPanel=An;exports.ImageCropperObject=ue;exports.ImagePopupMenu=ke;exports.ImageResetSizeOperation=Me;exports.OpenImageCropOperation=Ie;exports.SetDrawingAlignOperation=be;exports.getUpdateParams=he;

package/lib/es/index.js CHANGED Viewed

@@ -3,12 +3,10 @@ var Ot = (a, n, e) => n in a ? Mt(a, n, { enumerable: !0, configurable: !0, writ
 var te = (a, n, e) => Ot(a, typeof n != "symbol" ? n + "" : n, e);
 import { getDrawingShapeKeyByDrawingSearch as G, DrawingTypeEnum as re, ImageSourceType as Nt, IDrawingManagerService as ae, IImageIoService as ot, ArrangeTypeEnum as Pe } from "@univerjs/drawing";
 import { Group as ve, DRAWING_OBJECT_LAYER_INDEX as Ye, Image as Fe, IRenderManagerService as he, getGroupState as Dt, transformObjectOutOfGroup as Tt, RENDER_CLASS_TYPE as Qe, Shape as Bt, Rect as jt, Canvas as Ut, precisionTo as ye, CURSOR_TYPE as Ue, Vector2 as ke, degToRad as et } from "@univerjs/engine-render";
-import { UniverInstanceType as Ne, LocaleService as Y, debounce as Ee, CommandType as Se, ICommandService as ue, Tools as Ht, Disposable as Ae, checkIfMove as st, toDisposable as _e, OnLifecycle as xe, LifecycleStages as Ve, IUniverInstanceService as Xe, Plugin as Lt } from "@univerjs/core";
-import { useDependency as V } from "@wendellhu/redi/react-bindings";
-import c, { forwardRef as X, useRef as ct, createElement as J, useState as L, useEffect as be } from "react";
-import { Button as le, InputNumber as pe, Checkbox as At, Select as lt, Dropdown as xt, MessageType as tt } from "@univerjs/design";
+import { UniverInstanceType as Ne, useDependency as V, LocaleService as Y, debounce as Ee, CommandType as Se, ICommandService as ue, Tools as Ht, Disposable as Ae, checkIfMove as st, toDisposable as _e, OnLifecycle as xe, LifecycleStages as Ve, IUniverInstanceService as Xe, Inject as ge, Injector as ct, Plugin as Lt } from "@univerjs/core";
+import c, { forwardRef as X, useRef as lt, createElement as J, useState as L, useEffect as be } from "react";
+import { Button as le, InputNumber as pe, Checkbox as At, Select as mt, Dropdown as xt, MessageType as tt } from "@univerjs/design";
 import O from "clsx";
-import { Inject as ge, Injector as mt } from "@wendellhu/redi";
 import { ComponentManager as Vt, IMenuService as Gt, IMessageService as Wt, IDialogService as $t } from "@univerjs/ui";
 import { filter as kt, switchMap as zt } from "rxjs";
 function Ft(a, n, e, t) {
@@ -152,7 +150,7 @@ var $ = function() {
       n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(a, t[r]) && (e[t[r]] = a[t[r]]);
   return e;
 }, q = X(function(a, n) {
-  var e = a.icon, t = a.id, r = a.className, o = a.extend, i = Xt(a, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = ct("_".concat(Qt()));
+  var e = a.icon, t = a.id, r = a.className, o = a.extend, i = Xt(a, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = lt("_".concat(Qt()));
   return gt(e, "".concat(t), { defIds: e.defIds, idSuffix: l.current }, $({ ref: n, className: s }, i), o);
 });
 function gt(a, n, e, t, r) {
@@ -487,7 +485,7 @@ const Je = {
     });
   }
   const l = (m) => m ? "block" : "none";
-  return /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelGrid, g.imageCommonPanelBorder), style: { display: l(t) } }, /* @__PURE__ */ c.createElement("div", { className: g.imageCommonPanelRow }, /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelTitle) }, /* @__PURE__ */ c.createElement("div", null, e.t("image-panel.align.title")))), /* @__PURE__ */ c.createElement("div", { className: g.imageCommonPanelRow }, /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn) }, /* @__PURE__ */ c.createElement(lt, { value: r, options: i, onChange: s }))));
+  return /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelGrid, g.imageCommonPanelBorder), style: { display: l(t) } }, /* @__PURE__ */ c.createElement("div", { className: g.imageCommonPanelRow }, /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelTitle) }, /* @__PURE__ */ c.createElement("div", null, e.t("image-panel.align.title")))), /* @__PURE__ */ c.createElement("div", { className: g.imageCommonPanelRow }, /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn) }, /* @__PURE__ */ c.createElement(mt, { value: r, options: i, onChange: s }))));
 }, Ze = {
   id: "sheet.operation.open-image-crop",
   type: Se.OPERATION,
@@ -506,7 +504,7 @@ const Le = {
   const n = V(ue), e = V(Y), { drawings: t, cropperShow: r } = a;
   if (t[0] == null)
     return;
-  const [i, s] = L(B.FREE), l = ct(!1), m = [
+  const [i, s] = L(B.FREE), l = lt(!1), m = [
     {
       label: e.t("image-panel.crop.mode"),
       value: B.FREE
@@ -571,7 +569,7 @@ const Le = {
   };
   return /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelGrid, g.imageCommonPanelBorder), style: { display: d(r) } }, /* @__PURE__ */ c.createElement("div", { className: g.imageCommonPanelRow }, /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelTitle) }, /* @__PURE__ */ c.createElement("div", null, e.t("image-panel.crop.title")))), /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelRow, g.imageCommonPanelRowVertical) }, /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelSpan2) }, /* @__PURE__ */ c.createElement(le, { size: "small", onClick: () => {
     h(i);
-  } }, /* @__PURE__ */ c.createElement("span", { className: g.imageCommonPanelInline }, /* @__PURE__ */ c.createElement(ht, null), e.t("image-panel.crop.start")))), /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelSpan2) }, /* @__PURE__ */ c.createElement(lt, { value: i, options: m, onChange: u }))));
+  } }, /* @__PURE__ */ c.createElement("span", { className: g.imageCommonPanelInline }, /* @__PURE__ */ c.createElement(ht, null), e.t("image-panel.crop.start")))), /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelSpan2) }, /* @__PURE__ */ c.createElement(mt, { value: i, options: m, onChange: u }))));
 }, On = (a) => {
   const n = V(Y), e = V(he), t = V(ae), { hasGroup: r, drawings: o } = a, [i, s] = L(!1), [l, m] = L(!0), [u, d] = L(!0), h = (p) => p ? "block" : "none", f = () => {
     const p = t.getFocusDrawings(), { unitId: S, subUnitId: _ } = p[0], R = Ht.generateRandomId(10), b = Dt(0, 0, p.map((y) => y.transform || {})), N = {
@@ -652,7 +650,7 @@ const Le = {
   }, style: { display: h(l) } }, /* @__PURE__ */ c.createElement("span", { className: g.imageCommonPanelInline }, /* @__PURE__ */ c.createElement(ft, null), n.t("image-panel.group.group")))), /* @__PURE__ */ c.createElement("div", { className: O(g.imageCommonPanelColumn, g.imageCommonPanelSpan2, g.imageCommonPanelColumnCenter) }, /* @__PURE__ */ c.createElement(le, { size: "small", onClick: () => {
     w();
   }, style: { display: h(u) } }, /* @__PURE__ */ c.createElement("span", { className: g.imageCommonPanelInline }, /* @__PURE__ */ c.createElement(_t, null), n.t("image-panel.group.unGroup"))))));
-}, dr = (a) => {
+}, gr = (a) => {
   const n = V(ae), e = V(he), t = V(Y), { drawings: r, hasArrange: o = !0, hasTransform: i = !0, hasAlign: s = !0, hasCropper: l = !0, hasGroup: m = !0 } = a, u = r[0];
   if (u == null)
     return;
@@ -1228,7 +1226,7 @@ let Te = class extends Ae {
 };
 Te = zn([
   xe(Ve.Rendered, Te),
-  we(0, ge(mt)),
+  we(0, ge(ct)),
   we(1, ge(Vt)),
   we(2, Gt),
   we(3, ue),
@@ -1811,14 +1809,14 @@ let it = (ze = class extends Lt {
   }
 }, te(ze, "pluginName", tr), ze);
 it = er([
-  at(1, ge(mt)),
+  at(1, ge(ct)),
   at(2, ge(Y))
 ], it);
 export {
   Le as AutoImageCropOperation,
   An as COMPONENT_IMAGE_POPUP_MENU,
   me as CloseImageCropOperation,
-  dr as DrawingCommonPanel,
+  gr as DrawingCommonPanel,
   He as DrawingRenderService,
   Oe as ImageCropperObject,
   Ln as ImagePopupMenu,

package/lib/types/controllers/drawing-ui.controller.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import { Disposable, ICommandService, LocaleService } from '@univerjs/core';
+import { Disposable, ICommandService, Injector, LocaleService } from '@univerjs/core';
 import { ComponentManager, IMenuService } from '@univerjs/ui';
-import { Injector } from '@wendellhu/redi';
 export declare class DrawingUIController extends Disposable {
     private readonly _injector;

package/lib/types/plugin.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
-import { LocaleService, Plugin } from '@univerjs/core';
-import { Injector } from '@wendellhu/redi';
+import { Injector, LocaleService, Plugin } from '@univerjs/core';
 export declare class UniverDrawingUIPlugin extends Plugin {
     protected _injector: Injector;

package/lib/umd/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(y,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/core"),require("@wendellhu/redi/react-bindings"),require("react"),require("@univerjs/design"),require("clsx"),require("@wendellhu/redi"),require("@univerjs/ui"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/drawing","@univerjs/engine-render","@univerjs/core","@wendellhu/redi/react-bindings","react","@univerjs/design","clsx","@wendellhu/redi","@univerjs/ui","rxjs"],S):(y=typeof globalThis<"u"?globalThis:y\|\|self,S(y.UniverDrawingUi={},y.UniverDrawing,y.UniverEngineRender,y.UniverCore,y["@wendellhu/redi/react-bindings"],y.React,y.UniverDesign,y.clsx,y["@wendellhu/redi"],y.UniverUi,y.rxjs))})(this,function(y,S,I,w,z,i,$,T,J,ve,Ue){"use strict";var Rn=Object.defineProperty;var zn=(y,S,I)=>S in y?Rn(y,S,{enumerable:!0,configurable:!0,writable:!0,value:I}):y[S]=I;var ne=(y,S,I)=>zn(y,typeof S!="symbol"?S+"":S,I);var Oe;function Xe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=S.getDrawingShapeKeyByDrawingSearch(a),o=n.getObject(s);if(o&&!(o instanceof I.Group))return;if(o!=null){o.addObject(t);return}const l=new I.Group(s);n.addObject(l,I.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(l),l.addObject(t);const{transform:c}=r;c&&l.transformByState({left:c.left,top:c.top,angle:c.angle})}function Me(a){var r;const t=a.getFocusedUnit();if(t==null)return;const n=t.getUnitId();let e;return t.type===w.UniverInstanceType.UNIVER_SHEET?e=(r=t.getActiveSheet())==null?void 0:r.getSheetId():(t.type===w.UniverInstanceType.UNIVER_DOC\|\|t.type===w.UniverInstanceType.UNIVER_SLIDE)&&(e=n),{unitId:n,subUnitId:e}}var qe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Qe=(a,t,n,e)=>{for(var r=e>1?void 0:e?Je(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&qe(t,n,r),r},je=(a,t)=>(n,e)=>t(n,e,a);y.DrawingRenderService=class{constructor(t,n){this._drawingManagerService=t,this._imageIoService=n}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:o,srcRect:l,prstGeom:c,groupId:m,unitId:g,subUnitId:d,drawingId:h,isMultiTransform:f,transforms:_}=t;if(r!==S.DrawingTypeEnum.DRAWING_IMAGE\|\|!this._drawingManagerService.getDrawingVisible()\|\|e==null)return;const v=f&&_?_:[e],p=[];for(const P of v){const{left:b,top:U,width:E,height:B,angle:M,flipX:O,flipY:D,skewX:j,skewY:L}=P,W=v.indexOf(P),H=S.getDrawingShapeKeyByDrawingSearch({unitId:g,subUnitId:d,drawingId:h},f?W:void 0),oe=n.getObject(H);if(oe!=null){oe.transformByState({left:b,top:U,width:E,height:B,angle:M,flipX:O,flipY:D,skewX:j,skewY:L});continue}const x=this._drawingManagerService.getDrawingOrder(g,d),me=x.indexOf(h),se={...P,zIndex:me===-1?x.length-1:me},le=this._imageIoService.getImageSourceCache(s,o);let pe=!1;if(le!=null)se.image=le;else{if(o===S.ImageSourceType.UUID)try{se.url=await this._imageIoService.getImage(s)}catch(Te){console.error(Te);continue}else se.url=s;pe=!0}se.printable=!0;const Q=new I.Image(H,se);if(pe&&this._imageIoService.addImageSourceCache(s,o,Q.getNative()),!this._drawingManagerService.getDrawingVisible())continue;const Ne=n.addObject(Q,I.DRAWING_OBJECT_LAYER_INDEX);this._drawingManagerService.getDrawingEditable()&&Ne.attachTransformerTo(Q),m&&Xe({drawingId:m,unitId:g,subUnitId:d},Q,n,this._drawingManagerService),c!=null&&Q.setPrstGeom(c),l!=null&&Q.setSrcRect(l),p.push(Q)}return p}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case S.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}},y.DrawingRenderService=Qe([je(0,S.IDrawingManagerService),je(1,S.IImageIoService)],y.DrawingRenderService);function ue(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:o,height:l,width:c,angle:m}=e,g=t.getDrawingOKey(r);if(g==null)return n.push(null),!0;const{unitId:d,subUnitId:h,drawingId:f,drawingType:_}=g,v={unitId:d,subUnitId:h,drawingId:f,drawingType:_,transform:{left:s,top:o,height:l,width:c,angle:m}};_===S.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}var K=function(){return K=Object.assign\|\|function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},K.apply(this,arguments)},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},Z=i.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,o=en(a,["icon","id","className","extend"]),l="univerjs-icon univerjs-icon-".concat(e," ").concat(r\|\|"").trim(),c=i.useRef("_".concat(rn()));return Be(n,"".concat(e),{defIds:n.defIds,idSuffix:c.current},K({ref:t,className:l},o),s)});function Be(a,t,n,e,r){return i.createElement(a.tag,K(K({key:t},nn(a,n,r)),e),(tn(a,n).children\|\|[]).map(function(s,o){return Be(s,"".concat(t,"-").concat(a.tag,"-").concat(o),n,void 0,r)}))}function nn(a,t,n){var e=K({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r\|\|r.length===0\|\|(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var o=s[0],l=s[1];typeof l=="string"&&(e[o]=l.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)?K(K({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?K(K({},r),{attrs:K(K({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function rn(){return Math.random().toString(36).substring(2,8)}Z.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"}}]},Le=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"autofill",ref:t,icon:an}))});Le.displayName="Autofill";var on={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Ae=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"bottom-single",ref:t,icon:on}))});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"}}]},He=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"create-copy-single",ref:t,icon:sn}))});He.displayName="CreateCopySingle";var ln={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ge=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"group-single",ref:t,icon:ln}))});Ge.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"}}]},Ve=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"more-down-single",ref:t,icon:cn}))});Ve.displayName="MoreDownSingle";var mn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},We=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"move-down-single",ref:t,icon:mn}))});We.displayName="MoveDownSingle";var un={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"}}]},$e=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"move-up-single",ref:t,icon:un}))});$e.displayName="MoveUpSingle";var gn={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=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"topmost-single",ref:t,icon:gn}))});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"}}]},Re=i.forwardRef(function(a,t){return i.createElement(Z,Object.assign({},a,{id:"ungroup-single",ref:t,icon:dn}))});Re.displayName="UngroupSingle";const u={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},hn=a=>{const{arrangeShow:t,drawings:n}=a,e=z.useDependency(w.LocaleService),r=z.useDependency(S.IDrawingManagerService),s=m=>m?"block":"none",[o,l]=i.useState(n);i.useEffect(()=>{const m=r.focus$.subscribe(g=>{l(g)});return()=>{m.unsubscribe()}},[]);const c=m=>{const g=o[0].unitId,d=o[0].subUnitId,h=o.map(f=>f.drawingId);r.featurePluginOrderUpdateNotification({unitId:g,subUnitId:d,drawingIds:h,arrangeType:m})};return i.createElement("div",{className:u.imageCommonPanelGrid,style:{display:s(t)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,e.t("image-panel.arrange.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.forward)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement($e,null),e.t("image-panel.arrange.forward")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.backward)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(We,null),e.t("image-panel.arrange.backward"))))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.front)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(ke,null),e.t("image-panel.arrange.front")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.back)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Ae,null),e.t("image-panel.arrange.back"))))))},ae=20,fn=20,pn=[-3600,3600],we=300,Cn=a=>{var Ze;const t=z.useDependency(w.LocaleService),n=z.useDependency(S.IDrawingManagerService),e=z.useDependency(I.IRenderManagerService),{drawings:r,transformShow:s}=a,o=r[0];if(o==null)return;const l=o.transform;if(l==null)return;const{unitId:c,subUnitId:m,drawingId:g,drawingType:d}=o,h=e.getRenderById(c),f=h==null?void 0:h.scene;if(f==null)return;const _=(Ze=f.getEngine())==null?void 0:Ze.activeScene;if(_==null)return;const v=f.getTransformerByCreate(),{width:p=0,height:P=0,left:b=0,top:U=0,angle:E=0}=l,[B,M]=i.useState(p),[O,D]=i.useState(P),[j,L]=i.useState(b),[W,H]=i.useState(U),[oe,x]=i.useState(E),[me,se]=i.useState(v.keepRatio),le=(C,k,R,V)=>{const{width:G,height:ee}=_,{ancestorLeft:F,ancestorTop:Y}=f;let X=C,q=k,re=R,Ce=V;return C+F<0&&(X=-F),k+Y<0&&(q=-Y),re=G-X-F,re<ae&&(re=ae),Ce=ee-q-Y,Ce<ae&&(Ce=ae),C+re+F>G&&(X=G-R-F),k+Ce+Y>ee&&(q=ee-V-Y),{limitLeft:X,limitTop:q,limitWidth:re,limitHeight:Ce}},pe=C=>{const{objects:k}=C,R=ue(k,n);if(R.length!==1)return;const V=R[0];if(V==null)return;const{transform:G}=V;if(G==null)return;const{width:ee,height:F,left:Y,top:X,angle:q}=G;ee!=null&&M(ee),F!=null&&D(F),Y!=null&&L(Y),X!=null&&H(X),q!=null&&x(q)};i.useEffect(()=>{const C=v.changeStart$.subscribe(V=>{pe(V)}),k=v.changing$.subscribe(V=>{pe(V)}),R=n.focus$.subscribe(V=>{if(V.length!==1)return;const G=n.getDrawingByParam(V[0]);if(G==null)return;const ee=G.transform;if(ee==null)return;const{width:F,height:Y,left:X,top:q,angle:re}=ee;F!=null&&M(F),Y!=null&&D(Y),X!=null&&L(X),q!=null&&H(q),re!=null&&x(re)});return()=>{k.unsubscribe(),C.unsubscribe(),R.unsubscribe()}},[]);const Q=w.debounce(C=>{if(C==null)return;C=Math.max(C,ae);const{limitWidth:k,limitHeight:R}=le(j,W,C,O);C=Math.min(C,k);const V={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{width:C}};if(me){let G=C/BO;if(G=Math.max(G,fn),G>R)return;D(G),V.transform.height=G}M(C),n.featurePluginUpdateNotification([V]),v.refreshControls().changeNotification()},we),Ne=w.debounce(C=>{if(C==null)return;C=Math.max(C,ae);const{limitHeight:k,limitWidth:R}=le(j,W,B,C);C=Math.min(C,k);const V={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{height:C}};if(me){let G=C/OB;if(G=Math.max(G,ae),G>R)return;M(G),V.transform.width=G}D(C),n.featurePluginUpdateNotification([V]),v.refreshControls().changeNotification()},we),Te=w.debounce(C=>{if(C==null)return;const{limitLeft:k}=le(C,W,B,O);C=k;const R={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{left:C}};L(C),n.featurePluginUpdateNotification([R]),v.refreshControls().changeNotification()},we),Vn=w.debounce(C=>{if(C==null)return;const{limitTop:k}=le(j,C,B,O);C=k;const R={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{top:C}};H(C),n.featurePluginUpdateNotification([R]),v.refreshControls().changeNotification()},we),Wn=C=>{if(C==null)return;const[k,R]=pn;C<k&&(C=k),C>R&&(C=R);const V={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{angle:C}};x(C),n.featurePluginUpdateNotification([V]),v.refreshControls().changeNotification()},$n=C=>{se(C),v.keepRatio=C},kn=C=>C?"block":"none";return i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:kn(s)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.transform.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.width"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:B,onChange:C=>{Q(C)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.height"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:O,onChange:C=>{Ne(C)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.lock"))),i.createElement("div",{className:T(u.imageCommonPanelRow,u.imageCommonPanelRowVertical)},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.Checkbox,{checked:me,onChange:$n})))))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.x"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:j,onChange:C=>{Te(C)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.y"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:W,onChange:C=>{Vn(C)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.rotate"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:oe,onChange:Wn,className:u.imageCommonPanelInput})))))))};var N=(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))(N\|\|{});const Se={id:"sheet.operation.set-image-align",type:w.CommandType.OPERATION,handler:(a,t)=>!0},vn=a=>{const t=z.useDependency(w.ICommandService),n=z.useDependency(w.LocaleService),{alignShow:e}=a,[r,s]=i.useState(N.default),o=[{label:n.t("image-panel.align.default"),value:N.default},{options:[{label:n.t("image-panel.align.left"),value:N.left},{label:n.t("image-panel.align.center"),value:N.center},{label:n.t("image-panel.align.right"),value:N.right}]},{options:[{label:n.t("image-panel.align.top"),value:N.top},{label:n.t("image-panel.align.middle"),value:N.middle},{label:n.t("image-panel.align.bottom"),value:N.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:N.horizon},{label:n.t("image-panel.align.vertical"),value:N.vertical}]}];function l(m){s(m),t.executeCommand(Se.id,{alignType:m})}const c=m=>m?"block":"none";return i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:c(e)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.align.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn)},i.createElement($.Select,{value:r,options:o,onChange:l}))))},_e={id:"sheet.operation.open-image-crop",type:w.CommandType.OPERATION,handler:(a,t)=>!0},te={id:"sheet.operation.close-image-crop",type:w.CommandType.OPERATION,handler:(a,t)=>!0};var A=(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))(A\|\|{});const ge={id:"sheet.operation.Auto-image-crop",type:w.CommandType.OPERATION,handler:(a,t)=>!0},wn=a=>{const t=z.useDependency(w.ICommandService),n=z.useDependency(w.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[o,l]=i.useState(A.FREE),c=i.useRef(!1),m=[{label:n.t("image-panel.crop.mode"),value:A.FREE},{label:"1:1",value:A.R1_1},{label:"16:9",value:A.R16_9},{label:"9:16",value:A.R9_16},{label:"5:4",value:A.R5_4},{label:"4:5",value:A.R4_5},{label:"4:3",value:A.R4_3},{label:"3:4",value:A.R3_4},{label:"3:2",value:A.R3_2},{label:"2:3",value:A.R2_3}];i.useEffect(()=>{const f=t.onCommandExecuted(_=>{if(_.id===te.id){const v=_.params;v!=null&&v.isAuto\|\|(c.current=!1)}});return()=>{f==null\|\|f.dispose()}},[]);function g(f){l(f),c.current&&t.executeCommand(ge.id,{cropType:f})}const d=f=>f?"block":"none",h=f=>{t.executeCommand(ge.id,{cropType:f}),c.current=!0};return i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:d(r)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.crop.title")))),i.createElement("div",{className:T(u.imageCommonPanelRow,u.imageCommonPanelRowVertical)},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{h(o)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(He,null),n.t("image-panel.crop.start")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Select,{value:o,options:m,onChange:g}))))},Sn=a=>{const t=z.useDependency(w.LocaleService),n=z.useDependency(I.IRenderManagerService),e=z.useDependency(S.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[o,l]=i.useState(!1),[c,m]=i.useState(!0),[g,d]=i.useState(!0),h=p=>p?"block":"none",f=()=>{const p=e.getFocusDrawings(),{unitId:P,subUnitId:b}=p[0],U=w.Tools.generateRandomId(10),E=I.getGroupState(0,0,p.map(O=>O.transform\|\|{})),B={unitId:P,subUnitId:b,drawingId:U,drawingType:S.DrawingTypeEnum.DRAWING_GROUP,transform:E},M=p.map(O=>{const D=O.transform\|\|{left:0,top:0},{unitId:j,subUnitId:L,drawingId:W}=O;return{unitId:j,subUnitId:L,drawingId:W,transform:{...D,left:D.left-E.left,top:D.top-E.top},groupId:U}});e.featurePluginGroupUpdateNotification([{parent:B,children:M}])},_=p=>{if(p.drawingType!==S.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:b,drawingId:U,transform:E={width:0,height:0}}=p;if(E==null)return;const B=e.getDrawingsByGroup({unitId:P,subUnitId:b,drawingId:U});if(B.length===0)return;const M=B.map(O=>{const{transform:D}=O,{unitId:j,subUnitId:L,drawingId:W}=O,H=I.transformObjectOutOfGroup(D\|\|{},E,E.width\|\|0,E.height\|\|0);return{unitId:j,subUnitId:L,drawingId:W,transform:{...D,...H},groupId:void 0}});return{parent:p,children:M}},v=()=>{const P=e.getFocusDrawings().map(b=>_(b)).filter(b=>b!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return i.useEffect(()=>{const p=s[0];if(p==null)return;const{unitId:P}=p,b=n.getRenderById(P),U=b==null?void 0:b.scene;if(U==null)return;const E=U.getTransformerByCreate(),B=E.clearControl$.subscribe(O=>{O===!0&&l(!1)}),M=E.changeStart$.subscribe(O=>{const{objects:D}=O,j=ue(D,e),L=j.filter(x=>(x==null?void 0:x.drawingType)===S.DrawingTypeEnum.DRAWING_GROUP);let W=!1,H=!1;j.length>1&&(W=!0),L.length>0&&(H=!0),l(W\|\|H),m(W),d(H)});return()=>{M.unsubscribe(),B.unsubscribe()}},[]),i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:h(r===!0?o:!1)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.group.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2,u.imageCommonPanelColumnCenter)},i.createElement($.Button,{size:"small",onClick:()=>{f()},style:{display:h(c)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Ge,null),t.t("image-panel.group.group")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2,u.imageCommonPanelColumnCenter)},i.createElement($.Button,{size:"small",onClick:()=>{v()},style:{display:h(g)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Re,null),t.t("image-panel.group.unGroup"))))))},_n=a=>{const t=z.useDependency(S.IDrawingManagerService),n=z.useDependency(I.IRenderManagerService),e=z.useDependency(w.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:o=!0,hasAlign:l=!0,hasCropper:c=!0,hasGroup:m=!0}=a,g=r[0];if(g==null)return;const{unitId:d}=g,h=n.getRenderById(d),f=h==null?void 0:h.scene;if(f==null)return;const _=f.getTransformerByCreate(),[v,p]=i.useState(!0),[P,b]=i.useState(!0),[U,E]=i.useState(!1),[B,M]=i.useState(!0),[O,D]=i.useState(!1);return i.useEffect(()=>{const j=_.clearControl$.subscribe(H=>{H===!0&&(p(!1),b(!1),E(!1),M(!1),D(!0))}),L=_.changeStart$.subscribe(H=>{const{objects:oe}=H,x=ue(oe,t);x.length===0?(p(!1),b(!1),E(!1),M(!1),D(!0)):x.length===1?(p(!0),b(!0),E(!1),M(!0),D(!1)):(p(!0),b(!1),E(!0),M(!1),D(!1))}),W=t.focus$.subscribe(H=>{H.length===0?(p(!1),b(!1),E(!1),M(!1),D(!0)):H.length===1?(p(!0),b(!0),E(!1),M(!0),D(!1)):(p(!0),b(!1),E(!0),M(!1),D(!1))});return()=>{L.unsubscribe(),j.unsubscribe(),W.unsubscribe()}},[]),i.createElement(i.Fragment,null,i.createElement("div",{style:{display:O===!0?"block":"none",height:"100%"}},i.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"}},i.createElement("span",null,e.t("image-panel.null")))),i.createElement(hn,{arrangeShow:s===!0?v:!1,drawings:r}),i.createElement(Cn,{transformShow:o===!0?P:!1,drawings:r}),i.createElement(vn,{alignShow:l===!0?U:!1,drawings:r}),i.createElement(wn,{cropperShow:c===!0?B:!1,drawings:r}),i.createElement(Sn,{hasGroup:m,drawings:r}))},de={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},ze=a=>{var _,v;const t=(v=(_=a.popup)==null?void 0:_.extraProps)==null?void 0:v.menuItems;if(!t)return null;const n=z.useDependency(w.ICommandService),e=z.useDependency(w.LocaleService),[r,s]=i.useState(!1),[o,l]=i.useState(!1),c=()=>{l(!0)},m=()=>{l(!1)},g=p=>{s(p)},d=p=>{n.executeCommand(p.commandId,p.commandParams),s(!1)},h=r\|\|o,f=t.filter(p=>!p.disable);return i.createElement("div",{onMouseEnter:c,onMouseLeave:m},i.createElement($.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:i.createElement("ul",{className:de.imagePopupMenu},f.map(p=>i.createElement("li",{key:p.index,onClick:()=>d(p),className:de.imagePopupMenuItem},i.createElement("span",{className:de.imagePopupMenuItemTitle},e.t(p.label))))),visible:r,onVisibleChange:g},i.createElement("div",{className:T(de.btnContainer,{[de.btnContainerExpand]:r})},i.createElement(Le,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),h&&i.createElement(Ve,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}}))))},xe="COMPONENT_IMAGE_POPUP_MENU";var In=Object.defineProperty,bn=Object.getOwnPropertyDescriptor,yn=(a,t,n,e)=>{for(var r=e>1?void 0:e?bn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&In(t,n,r),r},Ie=(a,t)=>(n,e)=>t(n,e,a);let be=class extends w.Disposable{constructor(t,n,e,r){super();ne(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=Me(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(o=>{const l=t[s][o].data;l==null\|\|s!==e\|\|o!==r\|\|Object.keys(l).forEach(c=>{l[c]&&this._insertDrawing([{unitId:s,subUnitId:o,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===Se.id){const n=t.params;if(n==null)return;this._drawingAlign(n)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(t=>{this._groupDrawings(t)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(t=>{this._ungroupDrawings(t)}))}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t),e=n==null?void 0:n.scene;if(e==null)return null;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_groupDrawings(t){t.forEach(n=>{this._groupDrawing(n)})}_groupDrawing(t){const{parent:n,children:e}=t,{unitId:r,subUnitId:s,drawingId:o}=n,l=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(l==null)return;const{scene:c,transformer:m}=l;this._commandService.syncExecuteCommand(te.id);const g=[];if(e.forEach(f=>{const _=S.getDrawingShapeKeyByDrawingSearch(f),v=c.getObjectIncludeInGroup(_);if(v==null\|\|g.includes(v))return;g.push(v);const{transform:p}=f;p!=null&&(v.classType===I.RENDER_CLASS_TYPE.GROUP?v.transformByState({left:p.left,top:p.top}):v.transformByState(p))}),g.length===0)return;const d=S.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),h=new I.Group(d);c.addObject(h,I.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(h),h.addObjects(...g),n.transform&&h.transformByState({left:n.transform.left,top:n.transform.top}),m.clearSelectedObjects(),m.setSelectedControl(h)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:o}=r;e.forEach(d=>{const h=S.getDrawingShapeKeyByDrawingSearch(d),f=s.getObjectIncludeInGroup(h);if(f==null)return!0;if(f==null)return;const{transform:_}=d;_!=null&&(f.classType===I.RENDER_CLASS_TYPE.GROUP?f.transformByState({left:_.left,top:_.top}):f.transformByState(_))});const l=S.getDrawingShapeKeyByDrawingSearch(n),c=s.getObject(l),{width:m,height:g}=c;c.getObjects().forEach(d=>{c.removeSelfObjectAndTransform(d.oKey,m,g)}),c.dispose(),o.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===N.default)return;const r=[];let s=Number.POSITIVE_INFINITY,o=Number.POSITIVE_INFINITY,l=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,m=0;e.forEach(g=>{const{unitId:d,subUnitId:h,drawingId:f,drawingType:_}=g,v=this._drawingManagerService.getDrawingByParam({unitId:d,subUnitId:h,drawingId:f});if(v==null\|\|v.transform==null)return;r.push({unitId:d,subUnitId:h,drawingId:f,drawingType:_,transform:v.transform});const{left:p=0,top:P=0,width:b=0,height:U=0}=v.transform;s=Math.min(s,p),o=Math.min(o,P),l=Math.max(l,p+b),c=Math.max(c,P+U),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,o,l,c,m))}_applyAlignType(t,n,e,r,s,o,l){const c=Math.round((s-e)/l10)/10,m=Math.round((o-r)/l10)/10,g=[],d=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(d==null)return;const{scene:h,transformer:f}=d;t.forEach((_,v)=>{const{unitId:p,subUnitId:P,drawingId:b,transform:U,drawingType:E}=_,{left:B=0,top:M=0,width:O=0,height:D=0}=U;let j=B,L=M;switch(n){case N.left:j=e;break;case N.center:j=e+(s-e)/2-O/2;break;case N.right:j=s-O;break;case N.top:L=r;break;case N.middle:L=r+(o-r)/2-D/2;break;case N.bottom:L=o-D;break;case N.horizon:j=e+cv;break;case N.vertical:L=r+mv;break}(j!==B\|\|L!==M)&&g.push({unitId:p,subUnitId:P,drawingId:b,drawingType:E,transform:{left:j,top:L}})}),this._drawingManagerService.featurePluginUpdateNotification(g),f.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,o=r.transform,{left:l=0,top:c=0,width:m=0,height:g=0}=s,{left:d=0,top:h=0,width:f=0,height:_=0}=o;switch(n){case N.left:return l-d;case N.center:return l+m/2-(d+f/2);case N.right:return l+m-(d+f);case N.top:return c-h;case N.middle:return c+g/2-(h+_/2);case N.bottom:return c+g-(h+_);case N.horizon:return l+m/2-(d+f/2);case N.vertical:return c+g/2-(h+_/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:o}=s;r.forEach(l=>{const c=S.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:l}),m=o.fuzzyMathObjects(c,!0);if(m==null\|\|m.length===0)return;const g=this._drawingManagerService.getDrawingOrder(n,e).indexOf(l);for(const d of m)d.setProps({zIndex:g}),d.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const c=this._getSceneAndTransformerByDrawingSearch(r);if(c==null)return;const{scene:m,transformer:g}=c;n.includes(m)\|\|n.push(m)}),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 g;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:l}=o,c=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=l.fuzzyMathObjects(c,!0);if(m.length>0){for(const d of m)d.dispose();(g=l.getTransformer())==null\|\|g.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:l,drawingType:c}=o,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:g,transformer:d}=m;if(l==null)return!0;const{left:h=0,top:f=0,width:_=0,height:v=0,angle:p=0,flipX:P=!1,flipY:b=!1,skewX:U=0,skewY:E=0}=l,B=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),M=g.getObject(B);if(M==null)return!0;M.transformByState({left:h,top:f,width:_,height:v,angle:p,flipX:P,flipY:b,skewX:U,skewY:E})})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const l=this._drawingManagerService.getDrawingByParam(n);if(l==null)return;const{transform:c}=l,{scene:m}=o,g=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=m.getObject(g);if(d==null\|\|c==null)return!0;const{left:h=0,top:f=0,width:_=0,height:v=0,angle:p=0,flipX:P=!1,flipY:b=!1,skewX:U=0,skewY:E=0}=c;d.transformByState({left:h,top:f,width:_,height:v,angle:p,flipX:P,flipY:b,skewX:U,skewY:E})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:o}=n,l=this._getSceneAndTransformerByDrawingSearch(e);if(l==null)return;const{scene:c}=l,m=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),g=c.getObject(m);if(g==null)return!0;o?g.show():g.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return w.checkIfMove(s,n==null?void 0:n[r])})}_addListenerOnDrawing(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(w.toDisposable(n.changeStart$.subscribe(r=>{const{objects:s}=r,o=Array.from(s.values()),l=[];e=o.map(c=>{const{left:m,top:g,height:d,width:h,angle:f,oKey:_,isInGroup:v}=c,p=this._drawingManagerService.getDrawingOKey(_);if(v\|\|c instanceof I.Group){let P=c.ancestorGroup;if(P==null&&c instanceof I.Group&&(P=c),P==null)return null;const b=this._drawingManagerService.getDrawingOKey(P.oKey);if(b){const{unitId:U,subUnitId:E,drawingId:B}=b;l.push({unitId:U,subUnitId:E,drawingId:B});const{left:M,top:O,height:D,width:j,angle:L}=P;return{left:M,top:O,height:D,width:j,angle:L}}}else if(p!=null){const{unitId:P,subUnitId:b,drawingId:U}=p;return l.push({unitId:P,subUnitId:b,drawingId:U}),{left:m,top:g,height:d,width:h,angle:f}}return null}).filter(c=>c!=null),l.length>0?this._drawingManagerService.focusDrawing(l):this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(w.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s}=r;this._filterUpdateParams(ue(s,this._drawingManagerService),e).length>0})))}};be=yn([w.OnLifecycle(w.LifecycleStages.Rendered,be),Ie(0,w.IUniverInstanceService),Ie(1,w.ICommandService),Ie(2,I.IRenderManagerService),Ie(3,S.IDrawingManagerService)],be);const Pn=a=>{const{src:t}=a;return t?i.createElement("div",null,i.createElement("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})):null},Ke="COMPONENT_IMAGE_VIEWER",De={id:"sheet.operation.image-reset-size",type:w.CommandType.OPERATION,handler:(a,t)=>!0};var En=Object.defineProperty,Mn=Object.getOwnPropertyDescriptor,Dn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Mn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&En(t,n,r),r},he=(a,t)=>(n,e)=>t(n,e,a);let ye=class extends w.Disposable{constructor(a,t,n,e,r){super(),this._injector=a,this._componentManager=t,this._menuService=n,this._commandService=e,this._localeService=r,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(xe,ze)),this.disposeWithMe(a.register(Ke,Pn))}_initMenus(){}_initCommands(){[_e,te,De,Se,ge].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus()}};ye=Dn([w.OnLifecycle(w.LifecycleStages.Rendered,ye),he(0,J.Inject(J.Injector)),he(1,J.Inject(ve.ComponentManager)),he(2,ve.IMenuService),he(3,w.ICommandService),he(4,J.Inject(w.LocaleService))],ye);class fe extends I.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);ne(this,"_srcRect");ne(this,"_prstGeom");ne(this,"_applyTransform");ne(this,"_dragPadding",8);ne(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null\|\|n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var c,m;const r=this.getScene().getEngine(),{width:s,height:o}=r;this._initialCacheCanvas(),(c=this._cacheCanvas)==null\|\|c.clear();const l=(m=this._cacheCanvas)==null?void 0:m.getContext();l!=null&&(l.save(),I.Rect.drawWith(l,{left:0,top:0,width:s,height:o,fill:"rgba(0, 0, 0, 0.5)"}),l.setTransform(n.getTransform()),this._clipForApplyObject(l),this._applyCache(n),l.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:o=0,top:l=0,width:c=0,height:m=0,angle:g}=this._applyTransform;if(this._srcRect!=null){const{left:f=0,top:_=0,right:v=0,bottom:p=0}=this._srcRect;n=f,e=_,r=v,s=p}const d=o+n,h=l+e;this.transformByState({left:d,top:h,width:o+c-r-d,height:l+m-s-h,angle:g})}_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;this._cacheCanvas=new I.Canvas;const n=this.getScene().getEngine();this._cacheCanvas.setSize(n.width,n.height),n.onTransformChange$.subscribeEvent(()=>{var e;(e=this._cacheCanvas)==null\|\|e.setSize(n.width,n.height),this.makeDirty(!0)})}}var On=Object.defineProperty,Nn=Object.getOwnPropertyDescriptor,Tn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Nn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&On(t,n,r),r},ce=(a,t)=>(n,e)=>t(n,e,a);let Pe=class extends w.Disposable{constructor(t,n,e,r,s,o){super();ne(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=o,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==ge.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const s=r[0],{unitId:o,subUnitId:l,drawingId:c}=s,m=this._renderManagerService.getRenderById(o),g=m==null?void 0:m.scene;if(g==null)return!0;this._searchCropObject(g)!=null&&this._commandService.syncExecuteCommand(te.id,{isAuto:!0});const h=S.getDrawingShapeKeyByDrawingSearch({unitId:o,subUnitId:l,drawingId:c}),f=g.getObject(h);if(!(f instanceof I.Image)){this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}f!=null&&(this._updateCropperObject(e,f),this._commandService.executeCommand(_e.id,{unitId:o,subUnitId:l,drawingId:c}))}))}_calculateSrcRectByRatio(t,n,e,r,s,o){const l=e/r,c=s/o;let m=e,g=r;l>c?m=rc:g=e/c;const d=(e-m)/2,h=(r-g)/2;return{left:I.precisionTo(d,1),top:I.precisionTo(h,1),right:I.precisionTo(e-(d+m),1),bottom:I.precisionTo(r-(h+g),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:o}=n.calculateTransformWithSrcRect();let l;switch(t){case A.R1_1:l=this._calculateSrcRectByRatio(e,r,s,o,1,1);break;case A.R16_9:l=this._calculateSrcRectByRatio(e,r,s,o,16,9);break;case A.R9_16:l=this._calculateSrcRectByRatio(e,r,s,o,9,16);break;case A.R5_4:l=this._calculateSrcRectByRatio(e,r,s,o,5,4);break;case A.R4_5:l=this._calculateSrcRectByRatio(e,r,s,o,4,5);break;case A.R4_3:l=this._calculateSrcRectByRatio(e,r,s,o,4,3);break;case A.R3_4:l=this._calculateSrcRectByRatio(e,r,s,o,3,4);break;case A.R3_2:l=this._calculateSrcRectByRatio(e,r,s,o,3,2);break;case A.R2_3:l=this._calculateSrcRectByRatio(e,r,s,o,2,3);break;case A.FREE:}if(l==null)return;n.setSrcRect(l);const{left:c=0,top:m=0,bottom:g=0,right:d=0}=l;n.transformByStateCloseCropper({left:e+c,top:r+m,width:s-d-c,height:o-g-m})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==_e.id)return;const n=t.params;if(n==null)return;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._renderManagerService.getRenderById(e),l=o==null?void 0:o.scene;if(l==null)return!0;if(this._sceneListenerOnImageMap.has(l)\|\|(this._addListenerOnImage(l),this._sceneListenerOnImageMap.add(l)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const m=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),g=l.getObject(m);if(g==null)return;if(!(g instanceof I.Image)){this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const d=l.getTransformer();d==null\|\|d.clearControls();const h=new fe(`${m}-crop`,{srcRect:g.srcRect,prstGeom:g.prstGeom,applyTransform:g.calculateTransformWithSrcRect()});l.addObject(h,g.getLayerIndex()+1).attachTransformerTo(h),d==null\|\|d.createControlForCopper(h),this._addHoverForImageCopper(h),g.openRenderByCropper(),d==null\|\|d.refreshControls(),h.makeDirty(!0),this._drawingManagerService.focusDrawing([{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjects();for(const e of n)if(e instanceof fe)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==te.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),o=s==null?void 0:s.scene;if(o==null)return!0;const l=this._searchCropObject(o);if(l==null)return;const c=this._getApplyObjectByCropObject(l);if(c==null)return;const m=o.getTransformerByCreate();m.detachFrom(l),m.clearCopperControl();const g=this._getSrcRectByTransformState(c,l),d=this._drawingManagerService.getDrawingOKey(c.oKey);if(d!=null){const{left:h,top:f,height:_,width:v}=l;this._drawingManagerService.featurePluginUpdateNotification([{...d,transform:{...d.transform,left:h,top:f,height:_,width:v},srcRect:g.srcRectAngle}])}c.setSrcRect({...g.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),l==null\|\|l.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(w.UniverInstanceType.UNIVER_SHEET).pipe(Ue.filter(n=>!!n),Ue.switchMap(n=>n.activeSheet$));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(te.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene().getObject(e);return r==null?null:r}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof fe))return;const{left:l,top:c,height:m,width:g,angle:d}=o;e={left:l,top:c,height:m,width:g,angle:d},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof fe))return;const{left:l,top:c,height:m,width:g,angle:d}=o;if(!w.checkIfMove({left:l,top:c,height:m,width:g,angle:d},e))return;const h=this._getApplyObjectByCropObject(o);if(h==null)return;const f=this._getSrcRectByTransformState(h,o);o.refreshSrcRect(f.srcRect,h.getState()),n.createControlForCopper(o)})),this._endCropListener(t)}_addHoverForImageCopper(t){this.disposeWithMe(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=I.CURSOR_TYPE.MOVE})),this.disposeWithMe(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=I.CURSOR_TYPE.DEFAULT}))}_endCropListener(t){const n=t.getTransformerByCreate();this.disposeWithMe(n.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(te.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:o,strokeWidth:l,angle:c}=n,{left:m,top:g,width:d,height:h,angle:f,strokeWidth:_}=t,v=e-m,p=r-g,P={left:v,top:p,right:d-v-o,bottom:h-p-s},b={...P};if(f!==0){const U=e+o/2,E=r+s/2,B=new I.Vector2(U,E),M=d/2+m,O=h/2+g,D=new I.Vector2(M,O),j=new I.Vector2(m,g);j.rotateByPoint(I.degToRad(f),D);const L=j.clone();L.rotateByPoint(I.degToRad(-f),B);const W=e-L.x,H=r-L.y;b.left=W,b.top=H,b.right=d-W-o,b.bottom=h-H-s}return{srcRect:P,srcRectAngle:b}}};Pe=Tn([w.OnLifecycle(w.LifecycleStages.Rendered,Pe),ce(0,w.ICommandService),ce(1,S.IDrawingManagerService),ce(2,I.IRenderManagerService),ce(3,w.IUniverInstanceService),ce(4,ve.IMessageService),ce(5,J.Inject(w.LocaleService))],Pe);var Un=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Bn=(a,t,n,e)=>{for(var r=e>1?void 0:e?jn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Un(t,n,r),r},ie=(a,t)=>(n,e)=>t(n,e,a);const Fe=50;let Ee=class extends w.Disposable{constructor(a,t,n,e,r,s,o){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=o,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_recoveryImages(){const a=this._drawingManagerService.drawingManagerData,t=Me(this._currentUniverService);if(t==null)return;const{unitId:n,subUnitId:e}=t;Object.keys(a).forEach(r=>{Object.keys(a[r]).forEach(s=>{const o=a[r][s].data;o==null\|\|r!==n\|\|s!==e\|\|Object.keys(o).forEach(l=>{o[l]&&this._insertImages([{unitId:r,subUnitId:s,drawingId:l}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===De.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e,l=this._getSceneAndTransformerByDrawingSearch(r);if(l==null)return;const{scene:c}=l,m=S.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),g=c.getObject(m);if(g==null)return!0;const d=this._drawingManagerService.getDrawingByParam(e);if(d==null)return!0;if(d.drawingType!==S.DrawingTypeEnum.DRAWING_IMAGE)return;g.resetSize();const{width:h,height:f}=g.getNativeSize();n.includes(c)===!1&&n.push(c),t.push({...d,transform:{...d.transform,height:f,width:h,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._drawingManagerService.focusDrawing(a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var c;const{unitId:n,subUnitId:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n),s=(c=Me(this._currentUniverService))==null?void 0:c.subUnitId;if(r==null\|\|s!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const l=await this._drawingRenderService.renderImages(o,r.scene);if(!(l==null\|\|l.length===0))for(const m of l)this._addHoverForImage(m),this._addDialogForImage(m)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:o,drawingType:l,srcRect:c,prstGeom:m,source:g,imageSourceType:d}=s;if(l!==S.DrawingTypeEnum.DRAWING_IMAGE)return;const h=this._getSceneAndTransformerByDrawingSearch(n);if(h==null)return;const{scene:f,transformer:_}=h;if(o==null)return!0;const v=S.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),p=f.getObject(v);if(p==null)return!0;p.setSrcRect(c),p.setPrstGeom(m)})}))}_addHoverForImage(a){this.disposeWithMe(w.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=I.CURSOR_TYPE.GRAB}))),this.disposeWithMe(w.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=I.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(w.toDisposable(a.onDblclick$.subscribeEvent(()=>{var l;const t=`${a.oKey}-viewer-dialog`,n=a.getNativeSize(),e=window.innerWidth-Fe,r=window.innerHeight-Fe,s=this._adjustImageSize(n.width,n.height,e,r),o=this._dialogService.open({width:s.width,id:t,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ke,props:{src:(l=a.getNative())==null?void 0:l.src,width:s.width,height:s.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(t),o.dispose()}})})))}_adjustImageSize(a,t,n,e){if(a<=n&&t<=e)return{width:a,height:t};const r=n/a,s=e/t,o=Math.min(r,s);return{width:Math.floor(ao),height:Math.floor(to)}}};Ee=Bn([w.OnLifecycle(w.LifecycleStages.Rendered,Ee),ie(0,w.ICommandService),ie(1,I.IRenderManagerService),ie(2,S.IDrawingManagerService),ie(3,ve.IDialogService),ie(4,S.IImageIoService),ie(5,w.IUniverInstanceService),ie(6,J.Inject(y.DrawingRenderService))],Ee);var Ln=Object.defineProperty,An=Object.getOwnPropertyDescriptor,Hn=(a,t,n,e)=>{for(var r=e>1?void 0:e?An(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Ln(t,n,r),r},Ye=(a,t)=>(n,e)=>t(n,e,a);const Gn="DRAWING_UI_PLUGIN";y.UniverDrawingUIPlugin=(Oe=class extends w.Plugin{constructor(t,n,e){super(),this._injector=n,this._localeService=e}onStarting(t){this._initDependencies(t)}_initDependencies(t){[[y.DrawingRenderService],[be],[ye],[Pe],[Ee]].forEach(e=>t.add(e))}},ne(Oe,"pluginName",Gn),Oe),y.UniverDrawingUIPlugin=Hn([Ye(1,J.Inject(J.Injector)),Ye(2,J.Inject(w.LocaleService))],y.UniverDrawingUIPlugin),y.AutoImageCropOperation=ge,y.COMPONENT_IMAGE_POPUP_MENU=xe,y.CloseImageCropOperation=te,y.DrawingCommonPanel=_n,y.ImageCropperObject=fe,y.ImagePopupMenu=ze,y.ImageResetSizeOperation=De,y.OpenImageCropOperation=_e,y.SetDrawingAlignOperation=Se,y.getUpdateParams=ue,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
1	+ (function(y,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/core"),require("react"),require("@univerjs/design"),require("clsx"),require("@univerjs/ui"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/drawing","@univerjs/engine-render","@univerjs/core","react","@univerjs/design","clsx","@univerjs/ui","rxjs"],S):(y=typeof globalThis<"u"?globalThis:y\|\|self,S(y.UniverDrawingUi={},y.UniverDrawing,y.UniverEngineRender,y.UniverCore,y.React,y.UniverDesign,y.clsx,y.UniverUi,y.rxjs))})(this,function(y,S,I,h,i,$,T,pe,Ne){"use strict";var $n=Object.defineProperty;var kn=(y,S,I)=>S in y?$n(y,S,{enumerable:!0,configurable:!0,writable:!0,value:I}):y[S]=I;var Q=(y,S,I)=>kn(y,typeof S!="symbol"?S+"":S,I);var Me;function Ye(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=S.getDrawingShapeKeyByDrawingSearch(a),o=n.getObject(s);if(o&&!(o instanceof I.Group))return;if(o!=null){o.addObject(t);return}const l=new I.Group(s);n.addObject(l,I.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(l),l.addObject(t);const{transform:c}=r;c&&l.transformByState({left:c.left,top:c.top,angle:c.angle})}function Pe(a){var r;const t=a.getFocusedUnit();if(t==null)return;const n=t.getUnitId();let e;return t.type===h.UniverInstanceType.UNIVER_SHEET?e=(r=t.getActiveSheet())==null?void 0:r.getSheetId():(t.type===h.UniverInstanceType.UNIVER_DOC\|\|t.type===h.UniverInstanceType.UNIVER_SLIDE)&&(e=n),{unitId:n,subUnitId:e}}var Ze=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,qe=(a,t,n,e)=>{for(var r=e>1?void 0:e?Xe(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Ze(t,n,r),r},Te=(a,t)=>(n,e)=>t(n,e,a);y.DrawingRenderService=class{constructor(t,n){this._drawingManagerService=t,this._imageIoService=n}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:o,srcRect:l,prstGeom:c,groupId:m,unitId:g,subUnitId:d,drawingId:f,isMultiTransform:p,transforms:_}=t;if(r!==S.DrawingTypeEnum.DRAWING_IMAGE\|\|!this._drawingManagerService.getDrawingVisible()\|\|e==null)return;const w=p&&_?_:[e],C=[];for(const P of w){const{left:b,top:B,width:E,height:j,angle:M,flipX:O,flipY:D,skewX:U,skewY:L}=P,W=w.indexOf(P),H=S.getDrawingShapeKeyByDrawingSearch({unitId:g,subUnitId:d,drawingId:f},p?W:void 0),ae=n.getObject(H);if(ae!=null){ae.transformByState({left:b,top:B,width:E,height:j,angle:M,flipX:O,flipY:D,skewX:U,skewY:L});continue}const z=this._drawingManagerService.getDrawingOrder(g,d),le=z.indexOf(f),ie={...P,zIndex:le===-1?z.length-1:le},oe=this._imageIoService.getImageSourceCache(s,o);let he=!1;if(oe!=null)ie.image=oe;else{if(o===S.ImageSourceType.UUID)try{ie.url=await this._imageIoService.getImage(s)}catch(Oe){console.error(Oe);continue}else ie.url=s;he=!0}ie.printable=!0;const q=new I.Image(H,ie);if(he&&this._imageIoService.addImageSourceCache(s,o,q.getNative()),!this._drawingManagerService.getDrawingVisible())continue;const De=n.addObject(q,I.DRAWING_OBJECT_LAYER_INDEX);this._drawingManagerService.getDrawingEditable()&&De.attachTransformerTo(q),m&&Ye({drawingId:m,unitId:g,subUnitId:d},q,n,this._drawingManagerService),c!=null&&q.setPrstGeom(c),l!=null&&q.setSrcRect(l),C.push(q)}return C}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case S.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}},y.DrawingRenderService=qe([Te(0,S.IDrawingManagerService),Te(1,S.IImageIoService)],y.DrawingRenderService);function ce(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:o,height:l,width:c,angle:m}=e,g=t.getDrawingOKey(r);if(g==null)return n.push(null),!0;const{unitId:d,subUnitId:f,drawingId:p,drawingType:_}=g,w={unitId:d,subUnitId:f,drawingId:p,drawingType:_,transform:{left:s,top:o,height:l,width:c,angle:m}};_===S.DrawingTypeEnum.DRAWING_IMAGE&&(w.srcRect=e.srcRect),n.push(w)}),n}var x=function(){return x=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},x.apply(this,arguments)},Je=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},Y=i.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,o=Je(a,["icon","id","className","extend"]),l="univerjs-icon univerjs-icon-".concat(e," ").concat(r\|\|"").trim(),c=i.useRef("_".concat(nn()));return Be(n,"".concat(e),{defIds:n.defIds,idSuffix:c.current},x({ref:t,className:l},o),s)});function Be(a,t,n,e,r){return i.createElement(a.tag,x(x({key:t},Qe(a,n,r)),e),(en(a,n).children\|\|[]).map(function(s,o){return Be(s,"".concat(t,"-").concat(a.tag,"-").concat(o),n,void 0,r)}))}function Qe(a,t,n){var e=x({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r\|\|r.length===0\|\|(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var o=s[0],l=s[1];typeof l=="string"&&(e[o]=l.replace(/url$#(.)$/,"url(#$1".concat(t.idSuffix,")")))})),e}function en(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)?x(x({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?x(x({},r),{attrs:x(x({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):a}function nn(){return Math.random().toString(36).substring(2,8)}Y.displayName="UniverIcon";var tn={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"}}]},Ue=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"autofill",ref:t,icon:tn}))});Ue.displayName="Autofill";var rn={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"}}]},je=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"bottom-single",ref:t,icon:rn}))});je.displayName="BottomSingle";var an={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=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"create-copy-single",ref:t,icon:an}))});Le.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"}}]},Ae=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"group-single",ref:t,icon:on}))});Ae.displayName="GroupSingle";var sn={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=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"more-down-single",ref:t,icon:sn}))});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=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"move-down-single",ref:t,icon:ln}))});Ge.displayName="MoveDownSingle";var cn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 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=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"move-up-single",ref:t,icon:cn}))});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"}}]},We=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"topmost-single",ref:t,icon:mn}))});We.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"}}]},$e=i.forwardRef(function(a,t){return i.createElement(Y,Object.assign({},a,{id:"ungroup-single",ref:t,icon:un}))});$e.displayName="UngroupSingle";const u={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},gn=a=>{const{arrangeShow:t,drawings:n}=a,e=h.useDependency(h.LocaleService),r=h.useDependency(S.IDrawingManagerService),s=m=>m?"block":"none",[o,l]=i.useState(n);i.useEffect(()=>{const m=r.focus$.subscribe(g=>{l(g)});return()=>{m.unsubscribe()}},[]);const c=m=>{const g=o[0].unitId,d=o[0].subUnitId,f=o.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:g,subUnitId:d,drawingIds:f,arrangeType:m})};return i.createElement("div",{className:u.imageCommonPanelGrid,style:{display:s(t)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,e.t("image-panel.arrange.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.forward)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Ve,null),e.t("image-panel.arrange.forward")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.backward)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Ge,null),e.t("image-panel.arrange.backward"))))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.front)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(We,null),e.t("image-panel.arrange.front")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{c(S.ArrangeTypeEnum.back)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(je,null),e.t("image-panel.arrange.back"))))))},te=20,dn=20,hn=[-3600,3600],Ce=300,fn=a=>{var Fe;const t=h.useDependency(h.LocaleService),n=h.useDependency(S.IDrawingManagerService),e=h.useDependency(I.IRenderManagerService),{drawings:r,transformShow:s}=a,o=r[0];if(o==null)return;const l=o.transform;if(l==null)return;const{unitId:c,subUnitId:m,drawingId:g,drawingType:d}=o,f=e.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;const _=(Fe=p.getEngine())==null?void 0:Fe.activeScene;if(_==null)return;const w=p.getTransformerByCreate(),{width:C=0,height:P=0,left:b=0,top:B=0,angle:E=0}=l,[j,M]=i.useState(C),[O,D]=i.useState(P),[U,L]=i.useState(b),[W,H]=i.useState(B),[ae,z]=i.useState(E),[le,ie]=i.useState(w.keepRatio),oe=(v,k,R,V)=>{const{width:G,height:J}=_,{ancestorLeft:K,ancestorTop:F}=p;let Z=v,X=k,ne=R,fe=V;return v+K<0&&(Z=-K),k+F<0&&(X=-F),ne=G-Z-K,ne<te&&(ne=te),fe=J-X-F,fe<te&&(fe=te),v+ne+K>G&&(Z=G-R-K),k+fe+F>J&&(X=J-V-F),{limitLeft:Z,limitTop:X,limitWidth:ne,limitHeight:fe}},he=v=>{const{objects:k}=v,R=ce(k,n);if(R.length!==1)return;const V=R[0];if(V==null)return;const{transform:G}=V;if(G==null)return;const{width:J,height:K,left:F,top:Z,angle:X}=G;J!=null&&M(J),K!=null&&D(K),F!=null&&L(F),Z!=null&&H(Z),X!=null&&z(X)};i.useEffect(()=>{const v=w.changeStart$.subscribe(V=>{he(V)}),k=w.changing$.subscribe(V=>{he(V)}),R=n.focus$.subscribe(V=>{if(V.length!==1)return;const G=n.getDrawingByParam(V[0]);if(G==null)return;const J=G.transform;if(J==null)return;const{width:K,height:F,left:Z,top:X,angle:ne}=J;K!=null&&M(K),F!=null&&D(F),Z!=null&&L(Z),X!=null&&H(X),ne!=null&&z(ne)});return()=>{k.unsubscribe(),v.unsubscribe(),R.unsubscribe()}},[]);const q=h.debounce(v=>{if(v==null)return;v=Math.max(v,te);const{limitWidth:k,limitHeight:R}=oe(U,W,v,O);v=Math.min(v,k);const V={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{width:v}};if(le){let G=v/jO;if(G=Math.max(G,dn),G>R)return;D(G),V.transform.height=G}M(v),n.featurePluginUpdateNotification([V]),w.refreshControls().changeNotification()},Ce),De=h.debounce(v=>{if(v==null)return;v=Math.max(v,te);const{limitHeight:k,limitWidth:R}=oe(U,W,j,v);v=Math.min(v,k);const V={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{height:v}};if(le){let G=v/Oj;if(G=Math.max(G,te),G>R)return;M(G),V.transform.width=G}D(v),n.featurePluginUpdateNotification([V]),w.refreshControls().changeNotification()},Ce),Oe=h.debounce(v=>{if(v==null)return;const{limitLeft:k}=oe(v,W,j,O);v=k;const R={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{left:v}};L(v),n.featurePluginUpdateNotification([R]),w.refreshControls().changeNotification()},Ce),Hn=h.debounce(v=>{if(v==null)return;const{limitTop:k}=oe(U,v,j,O);v=k;const R={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{top:v}};H(v),n.featurePluginUpdateNotification([R]),w.refreshControls().changeNotification()},Ce),Gn=v=>{if(v==null)return;const[k,R]=hn;v<k&&(v=k),v>R&&(v=R);const V={unitId:c,subUnitId:m,drawingId:g,drawingType:d,transform:{angle:v}};z(v),n.featurePluginUpdateNotification([V]),w.refreshControls().changeNotification()},Vn=v=>{ie(v),w.keepRatio=v},Wn=v=>v?"block":"none";return i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:Wn(s)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.transform.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.width"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:j,onChange:v=>{q(v)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.height"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:O,onChange:v=>{De(v)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.lock"))),i.createElement("div",{className:T(u.imageCommonPanelRow,u.imageCommonPanelRowVertical)},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.Checkbox,{checked:le,onChange:Vn})))))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.x"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:U,onChange:v=>{Oe(v)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.y"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:W,onChange:v=>{Hn(v)},className:u.imageCommonPanelInput}))))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan3)},i.createElement("label",null,i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},t.t("image-panel.transform.rotate"))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:u.imageCommonPanelColumn},i.createElement($.InputNumber,{precision:1,value:ae,onChange:Gn,className:u.imageCommonPanelInput})))))))};var N=(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))(N\|\|{});const ve={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(a,t)=>!0},pn=a=>{const t=h.useDependency(h.ICommandService),n=h.useDependency(h.LocaleService),{alignShow:e}=a,[r,s]=i.useState(N.default),o=[{label:n.t("image-panel.align.default"),value:N.default},{options:[{label:n.t("image-panel.align.left"),value:N.left},{label:n.t("image-panel.align.center"),value:N.center},{label:n.t("image-panel.align.right"),value:N.right}]},{options:[{label:n.t("image-panel.align.top"),value:N.top},{label:n.t("image-panel.align.middle"),value:N.middle},{label:n.t("image-panel.align.bottom"),value:N.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:N.horizon},{label:n.t("image-panel.align.vertical"),value:N.vertical}]}];function l(m){s(m),t.executeCommand(ve.id,{alignType:m})}const c=m=>m?"block":"none";return i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:c(e)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.align.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn)},i.createElement($.Select,{value:r,options:o,onChange:l}))))},we={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ee={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var A=(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))(A\|\|{});const me={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},Cn=a=>{const t=h.useDependency(h.ICommandService),n=h.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[o,l]=i.useState(A.FREE),c=i.useRef(!1),m=[{label:n.t("image-panel.crop.mode"),value:A.FREE},{label:"1:1",value:A.R1_1},{label:"16:9",value:A.R16_9},{label:"9:16",value:A.R9_16},{label:"5:4",value:A.R5_4},{label:"4:5",value:A.R4_5},{label:"4:3",value:A.R4_3},{label:"3:4",value:A.R3_4},{label:"3:2",value:A.R3_2},{label:"2:3",value:A.R2_3}];i.useEffect(()=>{const p=t.onCommandExecuted(_=>{if(_.id===ee.id){const w=_.params;w!=null&&w.isAuto\|\|(c.current=!1)}});return()=>{p==null\|\|p.dispose()}},[]);function g(p){l(p),c.current&&t.executeCommand(me.id,{cropType:p})}const d=p=>p?"block":"none",f=p=>{t.executeCommand(me.id,{cropType:p}),c.current=!0};return i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:d(r)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,n.t("image-panel.crop.title")))),i.createElement("div",{className:T(u.imageCommonPanelRow,u.imageCommonPanelRowVertical)},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Button,{size:"small",onClick:()=>{f(o)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Le,null),n.t("image-panel.crop.start")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2)},i.createElement($.Select,{value:o,options:m,onChange:g}))))},vn=a=>{const t=h.useDependency(h.LocaleService),n=h.useDependency(I.IRenderManagerService),e=h.useDependency(S.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[o,l]=i.useState(!1),[c,m]=i.useState(!0),[g,d]=i.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:b}=C[0],B=h.Tools.generateRandomId(10),E=I.getGroupState(0,0,C.map(O=>O.transform\|\|{})),j={unitId:P,subUnitId:b,drawingId:B,drawingType:S.DrawingTypeEnum.DRAWING_GROUP,transform:E},M=C.map(O=>{const D=O.transform\|\|{left:0,top:0},{unitId:U,subUnitId:L,drawingId:W}=O;return{unitId:U,subUnitId:L,drawingId:W,transform:{...D,left:D.left-E.left,top:D.top-E.top},groupId:B}});e.featurePluginGroupUpdateNotification([{parent:j,children:M}])},_=C=>{if(C.drawingType!==S.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:b,drawingId:B,transform:E={width:0,height:0}}=C;if(E==null)return;const j=e.getDrawingsByGroup({unitId:P,subUnitId:b,drawingId:B});if(j.length===0)return;const M=j.map(O=>{const{transform:D}=O,{unitId:U,subUnitId:L,drawingId:W}=O,H=I.transformObjectOutOfGroup(D\|\|{},E,E.width\|\|0,E.height\|\|0);return{unitId:U,subUnitId:L,drawingId:W,transform:{...D,...H},groupId:void 0}});return{parent:C,children:M}},w=()=>{const P=e.getFocusDrawings().map(b=>_(b)).filter(b=>b!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return i.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:P}=C,b=n.getRenderById(P),B=b==null?void 0:b.scene;if(B==null)return;const E=B.getTransformerByCreate(),j=E.clearControl$.subscribe(O=>{O===!0&&l(!1)}),M=E.changeStart$.subscribe(O=>{const{objects:D}=O,U=ce(D,e),L=U.filter(z=>(z==null?void 0:z.drawingType)===S.DrawingTypeEnum.DRAWING_GROUP);let W=!1,H=!1;U.length>1&&(W=!0),L.length>0&&(H=!0),l(W\|\|H),m(W),d(H)});return()=>{M.unsubscribe(),j.unsubscribe()}},[]),i.createElement("div",{className:T(u.imageCommonPanelGrid,u.imageCommonPanelBorder),style:{display:f(r===!0?o:!1)}},i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelTitle)},i.createElement("div",null,t.t("image-panel.group.title")))),i.createElement("div",{className:u.imageCommonPanelRow},i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2,u.imageCommonPanelColumnCenter)},i.createElement($.Button,{size:"small",onClick:()=>{p()},style:{display:f(c)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement(Ae,null),t.t("image-panel.group.group")))),i.createElement("div",{className:T(u.imageCommonPanelColumn,u.imageCommonPanelSpan2,u.imageCommonPanelColumnCenter)},i.createElement($.Button,{size:"small",onClick:()=>{w()},style:{display:f(g)}},i.createElement("span",{className:u.imageCommonPanelInline},i.createElement($e,null),t.t("image-panel.group.unGroup"))))))},wn=a=>{const t=h.useDependency(S.IDrawingManagerService),n=h.useDependency(I.IRenderManagerService),e=h.useDependency(h.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:o=!0,hasAlign:l=!0,hasCropper:c=!0,hasGroup:m=!0}=a,g=r[0];if(g==null)return;const{unitId:d}=g,f=n.getRenderById(d),p=f==null?void 0:f.scene;if(p==null)return;const _=p.getTransformerByCreate(),[w,C]=i.useState(!0),[P,b]=i.useState(!0),[B,E]=i.useState(!1),[j,M]=i.useState(!0),[O,D]=i.useState(!1);return i.useEffect(()=>{const U=_.clearControl$.subscribe(H=>{H===!0&&(C(!1),b(!1),E(!1),M(!1),D(!0))}),L=_.changeStart$.subscribe(H=>{const{objects:ae}=H,z=ce(ae,t);z.length===0?(C(!1),b(!1),E(!1),M(!1),D(!0)):z.length===1?(C(!0),b(!0),E(!1),M(!0),D(!1)):(C(!0),b(!1),E(!0),M(!1),D(!1))}),W=t.focus$.subscribe(H=>{H.length===0?(C(!1),b(!1),E(!1),M(!1),D(!0)):H.length===1?(C(!0),b(!0),E(!1),M(!0),D(!1)):(C(!0),b(!1),E(!0),M(!1),D(!1))});return()=>{L.unsubscribe(),U.unsubscribe(),W.unsubscribe()}},[]),i.createElement(i.Fragment,null,i.createElement("div",{style:{display:O===!0?"block":"none",height:"100%"}},i.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"}},i.createElement("span",null,e.t("image-panel.null")))),i.createElement(gn,{arrangeShow:s===!0?w:!1,drawings:r}),i.createElement(fn,{transformShow:o===!0?P:!1,drawings:r}),i.createElement(pn,{alignShow:l===!0?B:!1,drawings:r}),i.createElement(Cn,{cropperShow:c===!0?j:!1,drawings:r}),i.createElement(vn,{hasGroup:m,drawings:r}))},ue={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},ke=a=>{var _,w;const t=(w=(_=a.popup)==null?void 0:_.extraProps)==null?void 0:w.menuItems;if(!t)return null;const n=h.useDependency(h.ICommandService),e=h.useDependency(h.LocaleService),[r,s]=i.useState(!1),[o,l]=i.useState(!1),c=()=>{l(!0)},m=()=>{l(!1)},g=C=>{s(C)},d=C=>{n.executeCommand(C.commandId,C.commandParams),s(!1)},f=r\|\|o,p=t.filter(C=>!C.disable);return i.createElement("div",{onMouseEnter:c,onMouseLeave:m},i.createElement($.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:i.createElement("ul",{className:ue.imagePopupMenu},p.map(C=>i.createElement("li",{key:C.index,onClick:()=>d(C),className:ue.imagePopupMenuItem},i.createElement("span",{className:ue.imagePopupMenuItemTitle},e.t(C.label))))),visible:r,onVisibleChange:g},i.createElement("div",{className:T(ue.btnContainer,{[ue.btnContainerExpand]:r})},i.createElement(Ue,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),f&&i.createElement(He,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}}))))},Re="COMPONENT_IMAGE_POPUP_MENU";var Sn=Object.defineProperty,_n=Object.getOwnPropertyDescriptor,In=(a,t,n,e)=>{for(var r=e>1?void 0:e?_n(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Sn(t,n,r),r},Se=(a,t)=>(n,e)=>t(n,e,a);let _e=class extends h.Disposable{constructor(t,n,e,r){super();Q(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=t,this._commandService=n,this._renderManagerService=e,this._drawingManagerService=r,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const t=this._drawingManagerService.drawingManagerData,n=Pe(this._currentUniverService);if(n==null)return;const{unitId:e,subUnitId:r}=n;Object.keys(t).forEach(s=>{Object.keys(t[s]).forEach(o=>{const l=t[s][o].data;l==null\|\|s!==e\|\|o!==r\|\|Object.keys(l).forEach(c=>{l[c]&&this._insertDrawing([{unitId:s,subUnitId:o,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id===ve.id){const n=t.params;if(n==null)return;this._drawingAlign(n)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(t=>{this._groupDrawings(t)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(t=>{this._ungroupDrawings(t)}))}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t),e=n==null?void 0:n.scene;if(e==null)return null;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_groupDrawings(t){t.forEach(n=>{this._groupDrawing(n)})}_groupDrawing(t){const{parent:n,children:e}=t,{unitId:r,subUnitId:s,drawingId:o}=n,l=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(l==null)return;const{scene:c,transformer:m}=l;this._commandService.syncExecuteCommand(ee.id);const g=[];if(e.forEach(p=>{const _=S.getDrawingShapeKeyByDrawingSearch(p),w=c.getObjectIncludeInGroup(_);if(w==null\|\|g.includes(w))return;g.push(w);const{transform:C}=p;C!=null&&(w.classType===I.RENDER_CLASS_TYPE.GROUP?w.transformByState({left:C.left,top:C.top}):w.transformByState(C))}),g.length===0)return;const d=S.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),f=new I.Group(d);c.addObject(f,I.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...g),n.transform&&f.transformByState({left:n.transform.left,top:n.transform.top}),m.clearSelectedObjects(),m.setSelectedControl(f)}_ungroupDrawings(t){t.forEach(n=>{this._ungroupDrawing(n)})}_ungroupDrawing(t){const{parent:n,children:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n.unitId);if(r==null)return;const{scene:s,transformer:o}=r;e.forEach(d=>{const f=S.getDrawingShapeKeyByDrawingSearch(d),p=s.getObjectIncludeInGroup(f);if(p==null)return!0;if(p==null)return;const{transform:_}=d;_!=null&&(p.classType===I.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:_.left,top:_.top}):p.transformByState(_))});const l=S.getDrawingShapeKeyByDrawingSearch(n),c=s.getObject(l),{width:m,height:g}=c;c.getObjects().forEach(d=>{c.removeSelfObjectAndTransform(d.oKey,m,g)}),c.dispose(),o.clearSelectedObjects()}_drawingAlign(t){const{alignType:n}=t,e=this._drawingManagerService.getFocusDrawings();if(n===N.default)return;const r=[];let s=Number.POSITIVE_INFINITY,o=Number.POSITIVE_INFINITY,l=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,m=0;e.forEach(g=>{const{unitId:d,subUnitId:f,drawingId:p,drawingType:_}=g,w=this._drawingManagerService.getDrawingByParam({unitId:d,subUnitId:f,drawingId:p});if(w==null\|\|w.transform==null)return;r.push({unitId:d,subUnitId:f,drawingId:p,drawingType:_,transform:w.transform});const{left:C=0,top:P=0,width:b=0,height:B=0}=w.transform;s=Math.min(s,C),o=Math.min(o,P),l=Math.max(l,C+b),c=Math.max(c,P+B),m++}),m!==0&&(this._sortDrawingTransform(r,n),this._applyAlignType(r,n,s,o,l,c,m))}_applyAlignType(t,n,e,r,s,o,l){const c=Math.round((s-e)/l10)/10,m=Math.round((o-r)/l10)/10,g=[],d=this._getSceneAndTransformerByDrawingSearch(t[0].unitId);if(d==null)return;const{scene:f,transformer:p}=d;t.forEach((_,w)=>{const{unitId:C,subUnitId:P,drawingId:b,transform:B,drawingType:E}=_,{left:j=0,top:M=0,width:O=0,height:D=0}=B;let U=j,L=M;switch(n){case N.left:U=e;break;case N.center:U=e+(s-e)/2-O/2;break;case N.right:U=s-O;break;case N.top:L=r;break;case N.middle:L=r+(o-r)/2-D/2;break;case N.bottom:L=o-D;break;case N.horizon:U=e+cw;break;case N.vertical:L=r+mw;break}(U!==j\|\|L!==M)&&g.push({unitId:C,subUnitId:P,drawingId:b,drawingType:E,transform:{left:U,top:L}})}),this._drawingManagerService.featurePluginUpdateNotification(g),p.refreshControls().changeNotification()}_sortDrawingTransform(t,n){t.sort((e,r)=>{const s=e.transform,o=r.transform,{left:l=0,top:c=0,width:m=0,height:g=0}=s,{left:d=0,top:f=0,width:p=0,height:_=0}=o;switch(n){case N.left:return l-d;case N.center:return l+m/2-(d+p/2);case N.right:return l+m-(d+p);case N.top:return c-f;case N.middle:return c+g/2-(f+_/2);case N.bottom:return c+g-(f+_);case N.horizon:return l+m/2-(d+p/2);case N.vertical:return c+g/2-(f+_/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(t=>{this._drawingArrange(t)}))}_drawingArrange(t){const{unitId:n,subUnitId:e,drawingIds:r}=t,s=this._getSceneAndTransformerByDrawingSearch(n);if(s==null)return;const{scene:o}=s;r.forEach(l=>{const c=S.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:l}),m=o.fuzzyMathObjects(c,!0);if(m==null\|\|m.length===0)return;const g=this._drawingManagerService.getDrawingOrder(n,e).indexOf(l);for(const d of m)d.setProps({zIndex:g}),d.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertDrawing(t)}))}_insertDrawing(t){const n=[];t.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;const c=this._getSceneAndTransformerByDrawingSearch(r);if(c==null)return;const{scene:m,transformer:g}=c;n.includes(m)\|\|n.push(m)}),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 g;const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const{scene:l}=o,c=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),m=l.fuzzyMathObjects(c,!0);if(m.length>0){for(const d of m)d.dispose();(g=l.getTransformer())==null\|\|g.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._drawingManagerService.getDrawingByParam(n);if(o==null)return;const{transform:l,drawingType:c}=o,m=this._getSceneAndTransformerByDrawingSearch(e);if(m==null)return;const{scene:g,transformer:d}=m;if(l==null)return!0;const{left:f=0,top:p=0,width:_=0,height:w=0,angle:C=0,flipX:P=!1,flipY:b=!1,skewX:B=0,skewY:E=0}=l,j=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),M=g.getObject(j);if(M==null)return!0;M.transformByState({left:f,top:p,width:_,height:w,angle:C,flipX:P,flipY:b,skewX:B,skewY:E})})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s}=n,o=this._getSceneAndTransformerByDrawingSearch(e);if(o==null)return;const l=this._drawingManagerService.getDrawingByParam(n);if(l==null)return;const{transform:c}=l,{scene:m}=o,g=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),d=m.getObject(g);if(d==null\|\|c==null)return!0;const{left:f=0,top:p=0,width:_=0,height:w=0,angle:C=0,flipX:P=!1,flipY:b=!1,skewX:B=0,skewY:E=0}=c;d.transformByState({left:f,top:p,width:_,height:w,angle:C,flipX:P,flipY:b,skewX:B,skewY:E})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(t=>{t.forEach(n=>{const{unitId:e,subUnitId:r,drawingId:s,visible:o}=n,l=this._getSceneAndTransformerByDrawingSearch(e);if(l==null)return;const{scene:c}=l,m=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),g=c.getObject(m);if(g==null)return!0;o?g.show():g.hide()})}))}_filterUpdateParams(t,n){return t.filter((e,r)=>{if(e==null)return!1;const{transform:s}=e;return h.checkIfMove(s,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:s}=r,o=Array.from(s.values()),l=[];e=o.map(c=>{const{left:m,top:g,height:d,width:f,angle:p,oKey:_,isInGroup:w}=c,C=this._drawingManagerService.getDrawingOKey(_);if(w\|\|c instanceof I.Group){let P=c.ancestorGroup;if(P==null&&c instanceof I.Group&&(P=c),P==null)return null;const b=this._drawingManagerService.getDrawingOKey(P.oKey);if(b){const{unitId:B,subUnitId:E,drawingId:j}=b;l.push({unitId:B,subUnitId:E,drawingId:j});const{left:M,top:O,height:D,width:U,angle:L}=P;return{left:M,top:O,height:D,width:U,angle:L}}}else if(C!=null){const{unitId:P,subUnitId:b,drawingId:B}=C;return l.push({unitId:P,subUnitId:b,drawingId:B}),{left:m,top:g,height:d,width:f,angle:p}}return null}).filter(c=>c!=null),l.length>0?this._drawingManagerService.focusDrawing(l):this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(h.toDisposable(n.changeEnd$.subscribe(r=>{const{objects:s}=r;this._filterUpdateParams(ce(s,this._drawingManagerService),e).length>0})))}};_e=In([h.OnLifecycle(h.LifecycleStages.Rendered,_e),Se(0,h.IUniverInstanceService),Se(1,h.ICommandService),Se(2,I.IRenderManagerService),Se(3,S.IDrawingManagerService)],_e);const bn=a=>{const{src:t}=a;return t?i.createElement("div",null,i.createElement("img",{src:t,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})):null},ze="COMPONENT_IMAGE_VIEWER",Ee={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var yn=Object.defineProperty,Pn=Object.getOwnPropertyDescriptor,En=(a,t,n,e)=>{for(var r=e>1?void 0:e?Pn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&yn(t,n,r),r},ge=(a,t)=>(n,e)=>t(n,e,a);let Ie=class extends h.Disposable{constructor(a,t,n,e,r){super(),this._injector=a,this._componentManager=t,this._menuService=n,this._commandService=e,this._localeService=r,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(Re,ke)),this.disposeWithMe(a.register(ze,bn))}_initMenus(){}_initCommands(){[we,ee,Ee,ve,me].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus()}};Ie=En([h.OnLifecycle(h.LifecycleStages.Rendered,Ie),ge(0,h.Inject(h.Injector)),ge(1,h.Inject(pe.ComponentManager)),ge(2,pe.IMenuService),ge(3,h.ICommandService),ge(4,h.Inject(h.LocaleService))],Ie);class de extends I.Shape{constructor(n,e){e==null&&(e={}),e.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(n,e);Q(this,"_srcRect");Q(this,"_prstGeom");Q(this,"_applyTransform");Q(this,"_dragPadding",8);Q(this,"_cacheCanvas");e!=null&&e.srcRect&&(this._srcRect=e.srcRect),e!=null&&e.prstGeom&&(this._prstGeom=e.prstGeom),e!=null&&e.applyTransform&&(this._applyTransform=e.applyTransform),e!=null&&e.dragPadding&&(this._dragPadding=e.dragPadding),this._applyProps()}refreshSrcRect(n,e){this._srcRect=n,this._applyTransform=e,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var n;super.dispose(),(n=this._cacheCanvas)==null\|\|n.dispose(),this._srcRect=null}isHit(n){const e=this.getInverseCoord(n);return e.x>=-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2&&e.y>=-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2&&!this._inSurround(e)}_inSurround(n){const e=this._dragPadding;return n.x>=e-this.strokeWidth/2&&n.x<=this.width+this.strokeWidth/2-e&&n.y>=e-this.strokeWidth/2&&n.y<=this.height+this.strokeWidth/2-e}render(n,e){return this.visible?(n.save(),this._draw(n),n.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(n){var c,m;const r=this.getScene().getEngine(),{width:s,height:o}=r;this._initialCacheCanvas(),(c=this._cacheCanvas)==null\|\|c.clear();const l=(m=this._cacheCanvas)==null?void 0:m.getContext();l!=null&&(l.save(),I.Rect.drawWith(l,{left:0,top:0,width:s,height:o,fill:"rgba(0, 0, 0, 0.5)"}),l.setTransform(n.getTransform()),this._clipForApplyObject(l),this._applyCache(n),l.restore())}_clipForApplyObject(n){let e=0;if(this._prstGeom!=null&&(e=1),n.globalCompositeOperation="destination-out",n.beginPath(),e===0){const r=this.transform.getMatrix();n.transform(r[0],r[1],r[2],r[3],r[4],r[5]),n.rect(0,0,this.width,this.height),n.fill()}}_applyProps(){if(this._applyTransform==null)return;let n=0,e=0,r=0,s=0;const{left:o=0,top:l=0,width:c=0,height:m=0,angle:g}=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,s=C}const d=o+n,f=l+e;this.transformByState({left:d,top:f,width:o+c-r-d,height:l+m-s-f,angle:g})}_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;this._cacheCanvas=new I.Canvas;const n=this.getScene().getEngine();this._cacheCanvas.setSize(n.width,n.height),n.onTransformChange$.subscribeEvent(()=>{var e;(e=this._cacheCanvas)==null\|\|e.setSize(n.width,n.height),this.makeDirty(!0)})}}var Mn=Object.defineProperty,Dn=Object.getOwnPropertyDescriptor,On=(a,t,n,e)=>{for(var r=e>1?void 0:e?Dn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Mn(t,n,r),r},se=(a,t)=>(n,e)=>t(n,e,a);let be=class extends h.Disposable{constructor(t,n,e,r,s,o){super();Q(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=t,this._drawingManagerService=n,this._renderManagerService=e,this._univerInstanceService=r,this._messageService=s,this._localeService=o,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(t.id!==me.id)return;const n=t.params;if(n==null)return;const{cropType:e}=n,r=this._drawingManagerService.getFocusDrawings();if(r.length!==1)return;const s=r[0],{unitId:o,subUnitId:l,drawingId:c}=s,m=this._renderManagerService.getRenderById(o),g=m==null?void 0:m.scene;if(g==null)return!0;this._searchCropObject(g)!=null&&this._commandService.syncExecuteCommand(ee.id,{isAuto:!0});const f=S.getDrawingShapeKeyByDrawingSearch({unitId:o,subUnitId:l,drawingId:c}),p=g.getObject(f);if(!(p instanceof I.Image)){this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(e,p),this._commandService.executeCommand(we.id,{unitId:o,subUnitId:l,drawingId:c}))}))}_calculateSrcRectByRatio(t,n,e,r,s,o){const l=e/r,c=s/o;let m=e,g=r;l>c?m=rc:g=e/c;const d=(e-m)/2,f=(r-g)/2;return{left:I.precisionTo(d,1),top:I.precisionTo(f,1),right:I.precisionTo(e-(d+m),1),bottom:I.precisionTo(r-(f+g),1)}}_updateCropperObject(t,n){const{left:e,top:r,width:s,height:o}=n.calculateTransformWithSrcRect();let l;switch(t){case A.R1_1:l=this._calculateSrcRectByRatio(e,r,s,o,1,1);break;case A.R16_9:l=this._calculateSrcRectByRatio(e,r,s,o,16,9);break;case A.R9_16:l=this._calculateSrcRectByRatio(e,r,s,o,9,16);break;case A.R5_4:l=this._calculateSrcRectByRatio(e,r,s,o,5,4);break;case A.R4_5:l=this._calculateSrcRectByRatio(e,r,s,o,4,5);break;case A.R4_3:l=this._calculateSrcRectByRatio(e,r,s,o,4,3);break;case A.R3_4:l=this._calculateSrcRectByRatio(e,r,s,o,3,4);break;case A.R3_2:l=this._calculateSrcRectByRatio(e,r,s,o,3,2);break;case A.R2_3:l=this._calculateSrcRectByRatio(e,r,s,o,2,3);break;case A.FREE:}if(l==null)return;n.setSrcRect(l);const{left:c=0,top:m=0,bottom:g=0,right:d=0}=l;n.transformByStateCloseCropper({left:e+c,top:r+m,width:s-d-c,height:o-g-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:s}=n,o=this._renderManagerService.getRenderById(e),l=o==null?void 0:o.scene;if(l==null)return!0;if(this._sceneListenerOnImageMap.has(l)\|\|(this._addListenerOnImage(l),this._sceneListenerOnImageMap.add(l)),this._drawingManagerService.getDrawingByParam({unitId:e,subUnitId:r,drawingId:s})==null)return;const m=S.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:r,drawingId:s}),g=l.getObject(m);if(g==null)return;if(!(g instanceof I.Image)){this._messageService.show({type:$.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const d=l.getTransformer();d==null\|\|d.clearControls();const f=new de(`${m}-crop`,{srcRect:g.srcRect,prstGeom:g.prstGeom,applyTransform:g.calculateTransformWithSrcRect()});l.addObject(f,g.getLayerIndex()+1).attachTransformerTo(f),d==null\|\|d.createControlForCopper(f),this._addHoverForImageCopper(f),g.openRenderByCropper(),d==null\|\|d.refreshControls(),f.makeDirty(!0),this._drawingManagerService.focusDrawing([{unitId:e,subUnitId:r,drawingId:s}])}))}_searchCropObject(t){const n=t.getAllObjects();for(const e of n)if(e instanceof de)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id!==ee.id)return;const e=this._univerInstanceService.getFocusedUnit();if(e==null)return;const r=e.getUnitId(),s=this._renderManagerService.getRenderById(r),o=s==null?void 0:s.scene;if(o==null)return!0;const l=this._searchCropObject(o);if(l==null)return;const c=this._getApplyObjectByCropObject(l);if(c==null)return;const m=o.getTransformerByCreate();m.detachFrom(l),m.clearCopperControl();const g=this._getSrcRectByTransformState(c,l),d=this._drawingManagerService.getDrawingOKey(c.oKey);if(d!=null){const{left:f,top:p,height:_,width:w}=l;this._drawingManagerService.featurePluginUpdateNotification([{...d,transform:{...d.transform,left:f,top:p,height:_,width:w},srcRect:g.srcRectAngle}])}c.setSrcRect({...g.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),l==null\|\|l.dispose()}));const t=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(Ne.filter(n=>!!n),Ne.switchMap(n=>n.activeSheet$));this.disposeWithMe(t.subscribe(()=>{this._commandService.syncExecuteCommand(ee.id)}))}_getApplyObjectByCropObject(t){const n=t.oKey,e=n.slice(0,n.length-5),r=t.getScene().getObject(e);return r==null?null:r}_addListenerOnImage(t){const n=t.getTransformerByCreate();let e=null;this.disposeWithMe(n.changeStart$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof de))return;const{left:l,top:c,height:m,width:g,angle:d}=o;e={left:l,top:c,height:m,width:g,angle:d},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(r=>{const{objects:s}=r,o=s.values().next().value;if(o==null\|\|!(o instanceof de))return;const{left:l,top:c,height:m,width:g,angle:d}=o;if(!h.checkIfMove({left:l,top:c,height:m,width:g,angle:d},e))return;const f=this._getApplyObjectByCropObject(o);if(f==null)return;const p=this._getSrcRectByTransformState(f,o);o.refreshSrcRect(p.srcRect,f.getState()),n.createControlForCopper(o)})),this._endCropListener(t)}_addHoverForImageCopper(t){this.disposeWithMe(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=I.CURSOR_TYPE.MOVE})),this.disposeWithMe(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=I.CURSOR_TYPE.DEFAULT}))}_endCropListener(t){const n=t.getTransformerByCreate();this.disposeWithMe(n.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(ee.id)}))}_getSrcRectByTransformState(t,n){const{left:e,top:r,height:s,width:o,strokeWidth:l,angle:c}=n,{left:m,top:g,width:d,height:f,angle:p,strokeWidth:_}=t,w=e-m,C=r-g,P={left:w,top:C,right:d-w-o,bottom:f-C-s},b={...P};if(p!==0){const B=e+o/2,E=r+s/2,j=new I.Vector2(B,E),M=d/2+m,O=f/2+g,D=new I.Vector2(M,O),U=new I.Vector2(m,g);U.rotateByPoint(I.degToRad(p),D);const L=U.clone();L.rotateByPoint(I.degToRad(-p),j);const W=e-L.x,H=r-L.y;b.left=W,b.top=H,b.right=d-W-o,b.bottom=f-H-s}return{srcRect:P,srcRectAngle:b}}};be=On([h.OnLifecycle(h.LifecycleStages.Rendered,be),se(0,h.ICommandService),se(1,S.IDrawingManagerService),se(2,I.IRenderManagerService),se(3,h.IUniverInstanceService),se(4,pe.IMessageService),se(5,h.Inject(h.LocaleService))],be);var Nn=Object.defineProperty,Tn=Object.getOwnPropertyDescriptor,Bn=(a,t,n,e)=>{for(var r=e>1?void 0:e?Tn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Nn(t,n,r),r},re=(a,t)=>(n,e)=>t(n,e,a);const xe=50;let ye=class extends h.Disposable{constructor(a,t,n,e,r,s,o){super(),this._commandService=a,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=e,this._imageIoService=r,this._currentUniverService=s,this._drawingRenderService=o,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_recoveryImages(){const a=this._drawingManagerService.drawingManagerData,t=Pe(this._currentUniverService);if(t==null)return;const{unitId:n,subUnitId:e}=t;Object.keys(a).forEach(r=>{Object.keys(a[r]).forEach(s=>{const o=a[r][s].data;o==null\|\|r!==n\|\|s!==e\|\|Object.keys(o).forEach(l=>{o[l]&&this._insertImages([{unitId:r,subUnitId:s,drawingId:l}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id===Ee.id){const t=a.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(a){if(a==null)return;const t=this._renderManagerService.getRenderById(a),n=t==null?void 0:t.scene;if(n==null)return null;const e=n.getTransformerByCreate();return{scene:n,transformer:e}}_resetImageSize(a){const t=[],n=[];a.forEach(e=>{const{unitId:r,subUnitId:s,drawingId:o}=e,l=this._getSceneAndTransformerByDrawingSearch(r);if(l==null)return;const{scene:c}=l,m=S.getDrawingShapeKeyByDrawingSearch({unitId:r,subUnitId:s,drawingId:o}),g=c.getObject(m);if(g==null)return!0;const d=this._drawingManagerService.getDrawingByParam(e);if(d==null)return!0;if(d.drawingType!==S.DrawingTypeEnum.DRAWING_IMAGE)return;g.resetSize();const{width:f,height:p}=g.getNativeSize();n.includes(c)===!1&&n.push(c),t.push({...d,transform:{...d.transform,height:p,width:f,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(t),n.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._drawingManagerService.focusDrawing(a)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(a=>{this._insertImages(a)}))}_insertImages(a){a.forEach(async t=>{var c;const{unitId:n,subUnitId:e}=t,r=this._getSceneAndTransformerByDrawingSearch(n),s=(c=Pe(this._currentUniverService))==null?void 0:c.subUnitId;if(r==null\|\|s!==e)return;const o=this._drawingManagerService.getDrawingByParam(t);if(o==null)return;const l=await this._drawingRenderService.renderImages(o,r.scene);if(!(l==null\|\|l.length===0))for(const m of l)this._addHoverForImage(m),this._addDialogForImage(m)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(a=>{a.forEach(t=>{const{unitId:n,subUnitId:e,drawingId:r}=t,s=this._drawingManagerService.getDrawingByParam(t);if(s==null)return;const{transform:o,drawingType:l,srcRect:c,prstGeom:m,source:g,imageSourceType:d}=s;if(l!==S.DrawingTypeEnum.DRAWING_IMAGE)return;const f=this._getSceneAndTransformerByDrawingSearch(n);if(f==null)return;const{scene:p,transformer:_}=f;if(o==null)return!0;const w=S.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:e,drawingId:r}),C=p.getObject(w);if(C==null)return!0;C.setSrcRect(c),C.setPrstGeom(m)})}))}_addHoverForImage(a){this.disposeWithMe(h.toDisposable(a.onPointerEnter$.subscribeEvent(()=>{a.cursor=I.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(a.onPointerLeave$.subscribeEvent(()=>{a.cursor=I.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(a){this.disposeWithMe(h.toDisposable(a.onDblclick$.subscribeEvent(()=>{var l;const t=`${a.oKey}-viewer-dialog`,n=a.getNativeSize(),e=window.innerWidth-xe,r=window.innerHeight-xe,s=this._adjustImageSize(n.width,n.height,e,r),o=this._dialogService.open({width:s.width,id:t,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:ze,props:{src:(l=a.getNative())==null?void 0:l.src,width:s.width,height:s.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(t),o.dispose()}})})))}_adjustImageSize(a,t,n,e){if(a<=n&&t<=e)return{width:a,height:t};const r=n/a,s=e/t,o=Math.min(r,s);return{width:Math.floor(ao),height:Math.floor(to)}}};ye=Bn([h.OnLifecycle(h.LifecycleStages.Rendered,ye),re(0,h.ICommandService),re(1,I.IRenderManagerService),re(2,S.IDrawingManagerService),re(3,pe.IDialogService),re(4,S.IImageIoService),re(5,h.IUniverInstanceService),re(6,h.Inject(y.DrawingRenderService))],ye);var Un=Object.defineProperty,jn=Object.getOwnPropertyDescriptor,Ln=(a,t,n,e)=>{for(var r=e>1?void 0:e?jn(t,n):t,s=a.length-1,o;s>=0;s--)(o=a[s])&&(r=(e?o(t,n,r):o(r))\|\|r);return e&&r&&Un(t,n,r),r},Ke=(a,t)=>(n,e)=>t(n,e,a);const An="DRAWING_UI_PLUGIN";y.UniverDrawingUIPlugin=(Me=class extends h.Plugin{constructor(t,n,e){super(),this._injector=n,this._localeService=e}onStarting(t){this._initDependencies(t)}_initDependencies(t){[[y.DrawingRenderService],[_e],[Ie],[be],[ye]].forEach(e=>t.add(e))}},Q(Me,"pluginName",An),Me),y.UniverDrawingUIPlugin=Ln([Ke(1,h.Inject(h.Injector)),Ke(2,h.Inject(h.LocaleService))],y.UniverDrawingUIPlugin),y.AutoImageCropOperation=me,y.COMPONENT_IMAGE_POPUP_MENU=Re,y.CloseImageCropOperation=ee,y.DrawingCommonPanel=wn,y.ImageCropperObject=de,y.ImagePopupMenu=ke,y.ImageResetSizeOperation=Ee,y.OpenImageCropOperation=we,y.SetDrawingAlignOperation=ve,y.getUpdateParams=ce,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/package.json CHANGED Viewed

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