@univerjs/preset-docs-drawing 0.6.10-nightly.202504141607 → 0.6.10-nightly.202504161609

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 (2) hide show
  1. package/lib/umd/index.js +1 -1
  2. package/package.json +6 -6
package/lib/umd/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // @univerjs/drawing-ui/index
2
- (function(D,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react/jsx-runtime"),require("react"),require("@univerjs/design"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react/jsx-runtime","react","@univerjs/design","rxjs"],h):(D=typeof globalThis<"u"?globalThis:D||self,h(D.UniverDrawingUi={},D.UniverCore,D.UniverDrawing,D.UniverEngineRender,D.UniverUi,D.React,D.React,D.UniverDesign,D.rxjs))})(this,function(D,h,M,b,V,l,_,I,Me){"use strict";var Rn=Object.defineProperty;var Ln=(D,h,M)=>h in D?Rn(D,h,{enumerable:!0,configurable:!0,writable:!0,value:M}):D[h]=M;var ee=(D,h,M)=>Ln(D,typeof h!="symbol"?h+"":h,M);var Pe;function Oe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=M.getDrawingShapeKeyByDrawingSearch(a),i=n.getObject(s);if(i&&!(i instanceof b.Group))return;if(i!=null){i.addObject(t);return}const o=new b.Group(s);n.addObject(o,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(t);const{transform:c}=r;c&&o.transformByState({left:c.left,top:c.top,angle:c.angle})}function Ne(a,t){var s;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===h.UniverInstanceType.UNIVER_SHEET?r=(s=n.getActiveSheet())==null?void 0:s.getSheetId():(n.type===h.UniverInstanceType.UNIVER_DOC||n.type===h.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Ee="COMPONENT_IMAGE_VIEWER";var Ye=Object.getOwnPropertyDescriptor,Ze=(a,t,n,e)=>{for(var r=e>1?void 0:e?Ye(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},ye=(a,t)=>(n,e)=>t(n,e,a);const Te=50;D.DrawingRenderService=class{constructor(t,n,e){this._drawingManagerService=t,this._imageIoService=n,this._dialogService=e}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:i,srcRect:o,prstGeom:c,groupId:g,unitId:d,subUnitId:u,drawingId:f,isMultiTransform:p,transforms:S}=t;if(r!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const v=p&&S?S:[e],C=[];for(const P of v){const{left:y,top:U,width:O,height:R,angle:T,flipX:N,flipY:E,skewX:B,skewY:j}=P,G=v.indexOf(P),x=M.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:u,drawingId:f},p?G:void 0),F=n.getObject(x);if(F!=null){F.transformByState({left:y,top:U,width:O,height:R,angle:T,flipX:N,flipY:E,skewX:B,skewY:j});continue}const z=this._drawingManagerService.getDrawingOrder(d,u),ce=z.indexOf(f),ae={...P,zIndex:ce===-1?z.length-1:ce},ie=this._imageIoService.getImageSourceCache(s,i);let le=!1;if(ie!=null)ae.image=ie;else{if(i===M.ImageSourceType.UUID)try{ae.url=await this._imageIoService.getImage(s)}catch(De){console.error(De);continue}else ae.url=s;le=!0}if(n.getObject(x))continue;ae.printable=!0;const J=new b.Image(x,ae);le&&this._imageIoService.addImageSourceCache(s,i,J.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(J,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(J),g&&Oe({drawingId:g,unitId:d,subUnitId:u},J,n,this._drawingManagerService),c!=null&&J.setPrstGeom(c),o!=null&&J.setSrcRect(o),C.push(J))}return C}renderFloatDom(t,n){const{transform:e,drawingType:r,groupId:s,unitId:i,subUnitId:o,drawingId:c,isMultiTransform:g,transforms:d}=t;if(r!==h.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||e==null)return;const u=g&&d?d:[e],f=[];for(const p of u){const{left:S,top:v,width:C,height:P,angle:y,flipX:U,flipY:O,skewX:R,skewY:T}=p,N=u.indexOf(p),E=M.getDrawingShapeKeyByDrawingSearch({unitId:i,subUnitId:o,drawingId:c},g?N:void 0),B=n.getObject(E);if(B!=null){B.transformByState({left:S,top:v,width:C,height:P,angle:y,flipX:U,flipY:O,skewX:R,skewY:T});continue}const j=this._drawingManagerService.getDrawingOrder(i,o),G=j.indexOf(c),x={...p,zIndex:G===-1?j.length-1:G};if(n.getObject(E))continue;x.printable=!1;const F=new b.Rect(E,x);this._drawingManagerService.getDrawingVisible()&&(n.addObject(F,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&t.allowTransform!==!1&&n.attachTransformerTo(F),s&&Oe({drawingId:s,unitId:i,subUnitId:o},F,n,this._drawingManagerService),f.push(F))}return f}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case h.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const s=`${t}-viewer-dialog`,i=window.innerWidth-Te,o=window.innerHeight-Te,c=this._adjustImageSize(e,r,i,o),g=this._dialogService.open({width:Math.max(c.width,200),id:s,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ee,props:{src:n,width:c.width,height:c.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(s),g.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const s=e/t,i=r/n,o=Math.min(s,i);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},D.DrawingRenderService=Ze([ye(0,M.IDrawingManagerService),ye(1,M.IImageIoService),ye(2,V.IDialogService)],D.DrawingRenderService);function ge(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:i,height:o,width:c,angle:g}=e,d=t.getDrawingOKey(r);if(d==null)return n.push(null),!0;const{unitId:u,subUnitId:f,drawingId:p,drawingType:S}=d,v={unitId:u,subUnitId:f,drawingId:p,drawingType:S,transform:{left:s,top:i,height:o,width:c,angle:g}};S===h.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}var A=(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))(A||{});const fe={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(a,t)=>!0},m={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},Xe=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{alignShow:e}=a,[r,s]=_.useState(A.default),i=[{label:n.t("image-panel.align.default"),value:A.default},{options:[{label:n.t("image-panel.align.left"),value:A.left},{label:n.t("image-panel.align.center"),value:A.center},{label:n.t("image-panel.align.right"),value:A.right}]},{options:[{label:n.t("image-panel.align.top"),value:A.top},{label:n.t("image-panel.align.middle"),value:A.middle},{label:n.t("image-panel.align.bottom"),value:A.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:A.horizon},{label:n.t("image-panel.align.vertical"),value:A.vertical}]}];function o(g){s(g),t.executeCommand(fe.id,{alignType:g})}const c=g=>g?"block":"none";return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:c(e)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.align.title")})})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn),children:l.jsx(I.Select,{value:r,options:i,onChange:o})})})]})};var K=function(){return K=Object.assign||function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},K.apply(this,arguments)},qe=function(a,t){var n={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(n[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(n[e[r]]=a[e[r]]);return n},X=_.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,i=qe(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),c=_.useRef("_".concat(en()));return Be(n,"".concat(e),{defIds:n.defIds,idSuffix:c.current},K({ref:t,className:o},i),s)});function Be(a,t,n,e,r){return _.createElement(a.tag,K(K({key:t},Je(a,n,r)),e),(Qe(a,n).children||[]).map(function(s,i){return Be(s,"".concat(t,"-").concat(a.tag,"-").concat(i),n,void 0,r)}))}function Je(a,t,n){var e=K({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];i==="mask"&&typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});var r=t.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function Qe(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 en(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var nn={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=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"autofill",ref:t,icon:nn}))});Ue.displayName="Autofill";var tn={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=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:tn}))});je.displayName="BottomSingle";var rn={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=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:rn}))});Ae.displayName="CreateCopySingle";var an={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"}}]},Re=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"group-single",ref:t,icon:an}))});Re.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"}}]},Le=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:sn}))});Le.displayName="MoreDownSingle";var on={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"}}]},xe=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:on}))});xe.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"}}]},He=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"move-up-single",ref:t,icon:cn}))});He.displayName="MoveUpSingle";var ln={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"}}]},Ge=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:ln}))});Ge.displayName="TopmostSingle";var gn={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"}}]},Ve=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:gn}))});Ve.displayName="UngroupSingle";const mn=a=>{const{arrangeShow:t,drawings:n}=a,e=V.useDependency(h.LocaleService),r=V.useDependency(M.IDrawingManagerService),s=g=>g?"block":"none",[i,o]=_.useState(n);_.useEffect(()=>{const g=r.focus$.subscribe(d=>{o(d)});return()=>{g.unsubscribe()}},[]);const c=g=>{const d=i[0].unitId,u=i[0].subUnitId,f=i.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:d,subUnitId:u,drawingIds:f,arrangeType:g})};return l.jsxs("div",{className:m.imageCommonPanelGrid,style:{display:s(t)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:e.t("image-panel.arrange.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.forward)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(He,{}),e.t("image-panel.arrange.forward")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.backward)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(xe,{}),e.t("image-panel.arrange.backward")]})})})]}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.front)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ge,{}),e.t("image-panel.arrange.front")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.back)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(je,{}),e.t("image-panel.arrange.back")]})})})]})]})},dn=a=>{const t=V.useDependency(h.LocaleService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(M.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[i,o]=_.useState(!1),[c,g]=_.useState(!0),[d,u]=_.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:y}=C[0],U=h.Tools.generateRandomId(10),O=b.getGroupState(0,0,C.map(N=>N.transform||{})),R={unitId:P,subUnitId:y,drawingId:U,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:O},T=C.map(N=>{const E=N.transform||{left:0,top:0},{unitId:B,subUnitId:j,drawingId:G}=N;return{unitId:B,subUnitId:j,drawingId:G,transform:{...E,left:E.left-O.left,top:E.top-O.top},groupId:U}});e.featurePluginGroupUpdateNotification([{parent:R,children:T}])},S=C=>{if(C.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:y,drawingId:U,transform:O={width:0,height:0}}=C;if(O==null)return;const R=e.getDrawingsByGroup({unitId:P,subUnitId:y,drawingId:U});if(R.length===0)return;const T=R.map(N=>{const{transform:E}=N,{unitId:B,subUnitId:j,drawingId:G}=N,x=b.transformObjectOutOfGroup(E||{},O,O.width||0,O.height||0);return{unitId:B,subUnitId:j,drawingId:G,transform:{...E,...x},groupId:void 0}});return{parent:C,children:T}},v=()=>{const P=e.getFocusDrawings().map(y=>S(y)).filter(y=>y!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return _.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:P}=C,y=n.getRenderById(P),U=y==null?void 0:y.scene;if(U==null)return;const O=U.getTransformerByCreate(),R=O.clearControl$.subscribe(N=>{N===!0&&o(!1)}),T=O.changeStart$.subscribe(N=>{const{objects:E}=N,B=ge(E,e),j=B.filter(z=>(z==null?void 0:z.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let G=!1,x=!1;B.length>1&&(G=!0),j.length>0&&(x=!0),o(G||x),g(G),u(x)});return()=>{T.unsubscribe(),R.unsubscribe()}},[]),l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:f(r===!0?i:!1)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.group.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2,m.imageCommonPanelColumnCenter),children:l.jsx(I.Button,{size:"small",onClick:()=>{p()},style:{display:f(c)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Re,{}),t.t("image-panel.group.group")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2,m.imageCommonPanelColumnCenter),children:l.jsx(I.Button,{size:"small",onClick:()=>{v()},style:{display:f(d)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ve,{}),t.t("image-panel.group.unGroup")]})})})]})]})},te=20,un=20,hn=[-3600,3600],pe=300,fn=a=>{var Fe;const t=V.useDependency(h.LocaleService),n=V.useDependency(M.IDrawingManagerService),e=V.useDependency(b.IRenderManagerService),{drawings:r,transformShow:s}=a,i=r[0];if(i==null)return;const o=i.transform;if(o==null)return;const{unitId:c,subUnitId:g,drawingId:d,drawingType:u}=i,f=e.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;const S=(Fe=p.getEngine())==null?void 0:Fe.activeScene;if(S==null)return;const v=p.getTransformerByCreate(),{width:C=0,height:P=0,left:y=0,top:U=0,angle:O=0}=o,[R,T]=_.useState(C),[N,E]=_.useState(P),[B,j]=_.useState(y),[G,x]=_.useState(U),[F,z]=_.useState(O),[ce,ae]=_.useState(v.keepRatio),ie=(w,L,W,$)=>{const{width:k,height:Q}=S,{ancestorLeft:Y,ancestorTop:Z}=p;let q=w,se=L,ue=W,he=$;return w+Y<0&&(q=-Y),L+Z<0&&(se=-Z),ue=k-q-Y,ue<te&&(ue=te),he=Q-se-Z,he<te&&(he=te),w+ue+Y>k&&(q=k-W-Y),L+he+Z>Q&&(se=Q-$-Z),{limitLeft:q,limitTop:se,limitWidth:ue,limitHeight:he}},le=w=>{const{objects:L}=w,W=ge(L,n);if(W.length!==1)return;const $=W[0];if($==null)return;const{transform:k}=$;if(k==null)return;const{width:Q,height:Y,left:Z,top:q,angle:se}=k;Q!=null&&T(Q),Y!=null&&E(Y),Z!=null&&j(Z),q!=null&&x(q),se!=null&&z(se)};_.useEffect(()=>{const w=[v.changeStart$.subscribe(L=>{le(L)}),v.changing$.subscribe(L=>{le(L)}),v.changeEnd$.subscribe(L=>{le(L)}),n.focus$.subscribe(L=>{if(L.length!==1)return;const W=n.getDrawingByParam(L[0]);if(W==null)return;const $=W.transform;if($==null)return;const{width:k,height:Q,left:Y,top:Z,angle:q}=$;k!=null&&T(k),Q!=null&&E(Q),Y!=null&&j(Y),Z!=null&&x(Z),q!=null&&z(q)})];return()=>{w.forEach(L=>L.unsubscribe())}},[]);const J=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitWidth:L,limitHeight:W}=ie(B,G,w,N);w=Math.min(w,L);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{width:w}};if(ce){let k=w/R*N;if(k=Math.max(k,un),k>W)return;E(k),$.transform.height=k}T(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},pe),De=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitHeight:L,limitWidth:W}=ie(B,G,R,w);w=Math.min(w,L);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{height:w}};if(ce){let k=w/N*R;if(k=Math.max(k,te),k>W)return;T(k),$.transform.width=k}E(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},pe),Tn=h.debounce(w=>{if(w==null)return;const{limitLeft:L}=ie(w,G,R,N);w=L;const W={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{left:w}};j(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},pe),Bn=h.debounce(w=>{if(w==null)return;const{limitTop:L}=ie(B,w,R,N);w=L;const W={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{top:w}};x(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},pe),Un=w=>{if(w==null)return;const[L,W]=hn;w<L&&(w=L),w>W&&(w=W);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{angle:w}};z(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},jn=w=>{ae(w),v.keepRatio=w},An=w=>w?"block":"none";return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:An(s)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.transform.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.width")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:R,onChange:w=>{J(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.height")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:N,onChange:w=>{De(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.lock")})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelRow,m.imageCommonPanelRowVertical),children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.Checkbox,{checked:ce,onChange:jn})})})]})})]}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.x")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:B,onChange:w=>{Tn(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.y")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:G,onChange:w=>{Bn(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.rotate")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:F,onChange:Un,className:m.imageCommonPanelInput})})})]})})]})]})},Ce={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ne={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var H=(a=>(a.FREE="0",a.R1_1="1",a.R16_9="2",a.R9_16="3",a.R5_4="4",a.R4_5="5",a.R4_3="6",a.R3_4="7",a.R3_2="8",a.R2_3="9",a))(H||{});const me={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},pn=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[i,o]=_.useState(H.FREE),c=_.useRef(!1),g=[{label:n.t("image-panel.crop.mode"),value:H.FREE},{label:"1:1",value:H.R1_1},{label:"16:9",value:H.R16_9},{label:"9:16",value:H.R9_16},{label:"5:4",value:H.R5_4},{label:"4:5",value:H.R4_5},{label:"4:3",value:H.R4_3},{label:"3:4",value:H.R3_4},{label:"3:2",value:H.R3_2},{label:"2:3",value:H.R2_3}];_.useEffect(()=>{const p=t.onCommandExecuted(S=>{if(S.id===ne.id){const v=S.params;v!=null&&v.isAuto||(c.current=!1)}});return()=>{p==null||p.dispose()}},[]);function d(p){o(p),c.current&&t.executeCommand(me.id,{cropType:p})}const u=p=>p?"block":"none",f=p=>{t.executeCommand(me.id,{cropType:p}),c.current=!0};return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:u(r)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.crop.title")})})}),l.jsxs("div",{className:I.clsx(m.imageCommonPanelRow,m.imageCommonPanelRowVertical),children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{f(i)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ae,{}),n.t("image-panel.crop.start")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Select,{value:i,options:g,onChange:d})})]})]})},Cn=a=>{const t=V.useDependency(M.IDrawingManagerService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(h.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:i=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:g=!0}=a,d=r[0];if(d==null)return;const{unitId:u}=d,f=n.getRenderById(u),p=f==null?void 0:f.scene;if(p==null)return;const S=p.getTransformerByCreate(),[v,C]=_.useState(!0),[P,y]=_.useState(!0),[U,O]=_.useState(!1),[R,T]=_.useState(!0),[N,E]=_.useState(!1);return _.useEffect(()=>{const B=S.clearControl$.subscribe(x=>{x===!0&&(C(!1),y(!1),O(!1),T(!1),E(!0))}),j=S.changeStart$.subscribe(x=>{const{objects:F}=x,z=ge(F,t);z.length===0?(C(!1),y(!1),O(!1),T(!1),E(!0)):z.length===1?(C(!0),y(!0),O(!1),T(!0),E(!1)):(C(!0),y(!1),O(!0),T(!1),E(!1))}),G=t.focus$.subscribe(x=>{x.length===0?(C(!1),y(!1),O(!1),T(!1),E(!0)):x.length===1?(C(!0),y(!0),O(!1),T(!0),E(!1)):(C(!0),y(!1),O(!0),T(!1),E(!1))});return()=>{j.unsubscribe(),B.unsubscribe(),G.unsubscribe()}},[]),l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{display:N===!0?"block":"none",height:"100%"},children:l.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:l.jsx("span",{children:e.t("image-panel.null")})})}),l.jsx(mn,{arrangeShow:s===!0?v:!1,drawings:r}),l.jsx(fn,{transformShow:i===!0?P:!1,drawings:r}),l.jsx(Xe,{alignShow:o===!0?U:!1,drawings:r}),l.jsx(pn,{cropperShow:c===!0?R:!1,drawings:r}),l.jsx(dn,{hasGroup:g,drawings:r})]})},ke=a=>{var v;const{popup:t}=a,n=(v=t==null?void 0:t.extraProps)==null?void 0:v.menuItems;if(!n)return null;const e=V.useDependency(h.ICommandService),r=V.useDependency(h.LocaleService),[s,i]=_.useState(!1),[o,c]=_.useState(!1),g=()=>{c(!0)},d=()=>{c(!1)},u=C=>{i(C)},f=C=>{e.executeCommand(C.commandId,C.commandParams),i(!1)},p=s||o,S=n.filter(C=>!C.disable);return l.jsx("div",{onMouseEnter:g,onMouseLeave:d,children:l.jsx(I.DropdownMenu,{align:"start",items:S.map(C=>({type:"item",children:r.t(C.label),onSelect:()=>f(C)})),open:s,onOpenChange:u,children:l.jsxs("div",{className:I.clsx(`
2
+ (function(D,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react/jsx-runtime"),require("react"),require("@univerjs/design"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react/jsx-runtime","react","@univerjs/design","rxjs"],h):(D=typeof globalThis<"u"?globalThis:D||self,h(D.UniverDrawingUi={},D.UniverCore,D.UniverDrawing,D.UniverEngineRender,D.UniverUi,D.React,D.React,D.UniverDesign,D.rxjs))})(this,function(D,h,M,b,V,l,_,I,Me){"use strict";var Rn=Object.defineProperty;var Ln=(D,h,M)=>h in D?Rn(D,h,{enumerable:!0,configurable:!0,writable:!0,value:M}):D[h]=M;var ee=(D,h,M)=>Ln(D,typeof h!="symbol"?h+"":h,M);var Pe;function Oe(a,t,n,e){const r=e.getDrawingByParam(a);if(r==null)return;const s=M.getDrawingShapeKeyByDrawingSearch(a),i=n.getObject(s);if(i&&!(i instanceof b.Group))return;if(i!=null){i.addObject(t);return}const o=new b.Group(s);n.addObject(o,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(t);const{transform:c}=r;c&&o.transformByState({left:c.left,top:c.top,angle:c.angle})}function Ne(a,t){var s;const n=t?a.getUnit(t):a.getFocusedUnit();if(n==null)return;const e=n.getUnitId();let r;return n.type===h.UniverInstanceType.UNIVER_SHEET?r=(s=n.getActiveSheet())==null?void 0:s.getSheetId():(n.type===h.UniverInstanceType.UNIVER_DOC||n.type===h.UniverInstanceType.UNIVER_SLIDE)&&(r=e),{unitId:e,subUnitId:r,current:n}}const Ee="COMPONENT_IMAGE_VIEWER";var Ye=Object.getOwnPropertyDescriptor,Ze=(a,t,n,e)=>{for(var r=e>1?void 0:e?Ye(t,n):t,s=a.length-1,i;s>=0;s--)(i=a[s])&&(r=i(r)||r);return r},ye=(a,t)=>(n,e)=>t(n,e,a);const Te=50;D.DrawingRenderService=class{constructor(t,n,e){this._drawingManagerService=t,this._imageIoService=n,this._dialogService=e}async renderImages(t,n){const{transform:e,drawingType:r,source:s,imageSourceType:i,srcRect:o,prstGeom:c,groupId:g,unitId:d,subUnitId:u,drawingId:f,isMultiTransform:p,transforms:S}=t;if(r!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||e==null)return;const v=p&&S?S:[e],C=[];for(const P of v){const{left:y,top:U,width:O,height:R,angle:T,flipX:N,flipY:E,skewX:B,skewY:j}=P,G=v.indexOf(P),x=M.getDrawingShapeKeyByDrawingSearch({unitId:d,subUnitId:u,drawingId:f},p?G:void 0),F=n.getObject(x);if(F!=null){F.transformByState({left:y,top:U,width:O,height:R,angle:T,flipX:N,flipY:E,skewX:B,skewY:j});continue}const z=this._drawingManagerService.getDrawingOrder(d,u),ce=z.indexOf(f),ae={...P,zIndex:ce===-1?z.length-1:ce},ie=this._imageIoService.getImageSourceCache(s,i);let le=!1;if(ie!=null)ae.image=ie;else{if(i===M.ImageSourceType.UUID)try{ae.url=await this._imageIoService.getImage(s)}catch(De){console.error(De);continue}else ae.url=s;le=!0}if(n.getObject(x))continue;ae.printable=!0;const J=new b.Image(x,ae);le&&this._imageIoService.addImageSourceCache(s,i,J.getNative()),this._drawingManagerService.getDrawingVisible()&&(n.addObject(J,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&n.attachTransformerTo(J),g&&Oe({drawingId:g,unitId:d,subUnitId:u},J,n,this._drawingManagerService),c!=null&&J.setPrstGeom(c),o!=null&&J.setSrcRect(o),C.push(J))}return C}renderFloatDom(t,n){const{transform:e,drawingType:r,groupId:s,unitId:i,subUnitId:o,drawingId:c,isMultiTransform:g,transforms:d}=t;if(r!==h.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||e==null)return;const u=g&&d?d:[e],f=[];for(const p of u){const{left:S,top:v,width:C,height:P,angle:y,flipX:U,flipY:O,skewX:R,skewY:T}=p,N=u.indexOf(p),E=M.getDrawingShapeKeyByDrawingSearch({unitId:i,subUnitId:o,drawingId:c},g?N:void 0),B=n.getObject(E);if(B!=null){B.transformByState({left:S,top:v,width:C,height:P,angle:y,flipX:U,flipY:O,skewX:R,skewY:T});continue}const j=this._drawingManagerService.getDrawingOrder(i,o),G=j.indexOf(c),x={...p,zIndex:G===-1?j.length-1:G};if(n.getObject(E))continue;x.printable=!1;const F=new b.Rect(E,x);this._drawingManagerService.getDrawingVisible()&&(n.addObject(F,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&t.allowTransform!==!1&&n.attachTransformerTo(F),s&&Oe({drawingId:s,unitId:i,subUnitId:o},F,n,this._drawingManagerService),f.push(F))}return f}renderDrawing(t,n){const e=this._drawingManagerService.getDrawingByParam(t);if(e!=null)switch(e.drawingType){case h.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(e,n)}}previewImage(t,n,e,r){const s=`${t}-viewer-dialog`,i=window.innerWidth-Te,o=window.innerHeight-Te,c=this._adjustImageSize(e,r,i,o),g=this._dialogService.open({width:Math.max(c.width,200),id:s,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:Ee,props:{src:n,width:c.width,height:c.height}}},destroyOnClose:!0,draggable:!1,onClose:()=>{this._dialogService.close(s),g.dispose()}})}_adjustImageSize(t,n,e,r){if(t<=e&&n<=r)return{width:t,height:n};const s=e/t,i=r/n,o=Math.min(s,i);return{width:Math.floor(t*o),height:Math.floor(n*o)}}},D.DrawingRenderService=Ze([ye(0,M.IDrawingManagerService),ye(1,M.IImageIoService),ye(2,V.IDialogService)],D.DrawingRenderService);function ge(a,t){const n=[];return a.forEach(e=>{const{oKey:r,left:s,top:i,height:o,width:c,angle:g}=e,d=t.getDrawingOKey(r);if(d==null)return n.push(null),!0;const{unitId:u,subUnitId:f,drawingId:p,drawingType:S}=d,v={unitId:u,subUnitId:f,drawingId:p,drawingType:S,transform:{left:s,top:i,height:o,width:c,angle:g}};S===h.DrawingTypeEnum.DRAWING_IMAGE&&(v.srcRect=e.srcRect),n.push(v)}),n}var A=(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))(A||{});const fe={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(a,t)=>!0},m={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},Xe=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{alignShow:e}=a,[r,s]=_.useState(A.default),i=[{label:n.t("image-panel.align.default"),value:A.default},{options:[{label:n.t("image-panel.align.left"),value:A.left},{label:n.t("image-panel.align.center"),value:A.center},{label:n.t("image-panel.align.right"),value:A.right}]},{options:[{label:n.t("image-panel.align.top"),value:A.top},{label:n.t("image-panel.align.middle"),value:A.middle},{label:n.t("image-panel.align.bottom"),value:A.bottom}]},{options:[{label:n.t("image-panel.align.horizon"),value:A.horizon},{label:n.t("image-panel.align.vertical"),value:A.vertical}]}];function o(g){s(g),t.executeCommand(fe.id,{alignType:g})}const c=g=>g?"block":"none";return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:c(e)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.align.title")})})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn),children:l.jsx(I.Select,{value:r,options:i,onChange:o})})})]})};var K=function(){return K=Object.assign||function(a){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},K.apply(this,arguments)},qe=function(a,t){var n={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&t.indexOf(e)<0&&(n[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(n[e[r]]=a[e[r]]);return n},X=_.forwardRef(function(a,t){var n=a.icon,e=a.id,r=a.className,s=a.extend,i=qe(a,["icon","id","className","extend"]),o="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),c=_.useRef("_".concat(en()));return Be(n,"".concat(e),{defIds:n.defIds,idSuffix:c.current},K({ref:t,className:o},i),s)});function Be(a,t,n,e,r){return _.createElement(a.tag,K(K({key:t},Je(a,n,r)),e),(Qe(a,n).children||[]).map(function(s,i){return Be(s,"".concat(t,"-").concat(a.tag,"-").concat(i),n,void 0,r)}))}function Je(a,t,n){var e=K({},a.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];i==="mask"&&typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))});var r=t.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var i=s[0],o=s[1];typeof o=="string"&&(e[i]=o.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function Qe(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 en(){return Math.random().toString(36).substring(2,8)}X.displayName="UniverIcon";var nn={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=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"autofill",ref:t,icon:nn}))});Ue.displayName="Autofill";var tn={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=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"bottom-single",ref:t,icon:tn}))});je.displayName="BottomSingle";var rn={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=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"create-copy-single",ref:t,icon:rn}))});Ae.displayName="CreateCopySingle";var an={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"}}]},Re=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"group-single",ref:t,icon:an}))});Re.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"}}]},Le=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"more-down-single",ref:t,icon:sn}))});Le.displayName="MoreDownSingle";var on={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"}}]},xe=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"move-down-single",ref:t,icon:on}))});xe.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"}}]},He=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"move-up-single",ref:t,icon:cn}))});He.displayName="MoveUpSingle";var ln={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"}}]},Ge=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"topmost-single",ref:t,icon:ln}))});Ge.displayName="TopmostSingle";var gn={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"}}]},Ve=_.forwardRef(function(a,t){return _.createElement(X,Object.assign({},a,{id:"ungroup-single",ref:t,icon:gn}))});Ve.displayName="UngroupSingle";const mn=a=>{const{arrangeShow:t,drawings:n}=a,e=V.useDependency(h.LocaleService),r=V.useDependency(M.IDrawingManagerService),s=g=>g?"block":"none",[i,o]=_.useState(n);_.useEffect(()=>{const g=r.focus$.subscribe(d=>{o(d)});return()=>{g.unsubscribe()}},[]);const c=g=>{const d=i[0].unitId,u=i[0].subUnitId,f=i.map(p=>p.drawingId);r.featurePluginOrderUpdateNotification({unitId:d,subUnitId:u,drawingIds:f,arrangeType:g})};return l.jsxs("div",{className:m.imageCommonPanelGrid,style:{display:s(t)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:e.t("image-panel.arrange.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.forward)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(He,{}),e.t("image-panel.arrange.forward")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.backward)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(xe,{}),e.t("image-panel.arrange.backward")]})})})]}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.front)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ge,{}),e.t("image-panel.arrange.front")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{c(h.ArrangeTypeEnum.back)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(je,{}),e.t("image-panel.arrange.back")]})})})]})]})},dn=a=>{const t=V.useDependency(h.LocaleService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(M.IDrawingManagerService),{hasGroup:r,drawings:s}=a,[i,o]=_.useState(!1),[c,g]=_.useState(!0),[d,u]=_.useState(!0),f=C=>C?"block":"none",p=()=>{const C=e.getFocusDrawings(),{unitId:P,subUnitId:y}=C[0],U=h.Tools.generateRandomId(10),O=b.getGroupState(0,0,C.map(N=>N.transform||{})),R={unitId:P,subUnitId:y,drawingId:U,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:O},T=C.map(N=>{const E=N.transform||{left:0,top:0},{unitId:B,subUnitId:j,drawingId:G}=N;return{unitId:B,subUnitId:j,drawingId:G,transform:{...E,left:E.left-O.left,top:E.top-O.top},groupId:U}});e.featurePluginGroupUpdateNotification([{parent:R,children:T}])},S=C=>{if(C.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:P,subUnitId:y,drawingId:U,transform:O={width:0,height:0}}=C;if(O==null)return;const R=e.getDrawingsByGroup({unitId:P,subUnitId:y,drawingId:U});if(R.length===0)return;const T=R.map(N=>{const{transform:E}=N,{unitId:B,subUnitId:j,drawingId:G}=N,x=b.transformObjectOutOfGroup(E||{},O,O.width||0,O.height||0);return{unitId:B,subUnitId:j,drawingId:G,transform:{...E,...x},groupId:void 0}});return{parent:C,children:T}},v=()=>{const P=e.getFocusDrawings().map(y=>S(y)).filter(y=>y!=null);P.length!==0&&e.featurePluginUngroupUpdateNotification(P)};return _.useEffect(()=>{const C=s[0];if(C==null)return;const{unitId:P}=C,y=n.getRenderById(P),U=y==null?void 0:y.scene;if(U==null)return;const O=U.getTransformerByCreate(),R=O.clearControl$.subscribe(N=>{N===!0&&o(!1)}),T=O.changeStart$.subscribe(N=>{const{objects:E}=N,B=ge(E,e),j=B.filter(z=>(z==null?void 0:z.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let G=!1,x=!1;B.length>1&&(G=!0),j.length>0&&(x=!0),o(G||x),g(G),u(x)});return()=>{T.unsubscribe(),R.unsubscribe()}},[]),l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:f(r===!0?i:!1)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.group.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2,m.imageCommonPanelColumnCenter),children:l.jsx(I.Button,{style:{display:f(c)},size:"small",onClick:()=>{p()},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Re,{}),t.t("image-panel.group.group")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2,m.imageCommonPanelColumnCenter),children:l.jsx(I.Button,{style:{display:f(d)},size:"small",onClick:()=>{v()},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ve,{}),t.t("image-panel.group.unGroup")]})})})]})]})},te=20,un=20,hn=[-3600,3600],pe=300,fn=a=>{var Fe;const t=V.useDependency(h.LocaleService),n=V.useDependency(M.IDrawingManagerService),e=V.useDependency(b.IRenderManagerService),{drawings:r,transformShow:s}=a,i=r[0];if(i==null)return;const o=i.transform;if(o==null)return;const{unitId:c,subUnitId:g,drawingId:d,drawingType:u}=i,f=e.getRenderById(c),p=f==null?void 0:f.scene;if(p==null)return;const S=(Fe=p.getEngine())==null?void 0:Fe.activeScene;if(S==null)return;const v=p.getTransformerByCreate(),{width:C=0,height:P=0,left:y=0,top:U=0,angle:O=0}=o,[R,T]=_.useState(C),[N,E]=_.useState(P),[B,j]=_.useState(y),[G,x]=_.useState(U),[F,z]=_.useState(O),[ce,ae]=_.useState(v.keepRatio),ie=(w,L,W,$)=>{const{width:k,height:Q}=S,{ancestorLeft:Y,ancestorTop:Z}=p;let q=w,se=L,ue=W,he=$;return w+Y<0&&(q=-Y),L+Z<0&&(se=-Z),ue=k-q-Y,ue<te&&(ue=te),he=Q-se-Z,he<te&&(he=te),w+ue+Y>k&&(q=k-W-Y),L+he+Z>Q&&(se=Q-$-Z),{limitLeft:q,limitTop:se,limitWidth:ue,limitHeight:he}},le=w=>{const{objects:L}=w,W=ge(L,n);if(W.length!==1)return;const $=W[0];if($==null)return;const{transform:k}=$;if(k==null)return;const{width:Q,height:Y,left:Z,top:q,angle:se}=k;Q!=null&&T(Q),Y!=null&&E(Y),Z!=null&&j(Z),q!=null&&x(q),se!=null&&z(se)};_.useEffect(()=>{const w=[v.changeStart$.subscribe(L=>{le(L)}),v.changing$.subscribe(L=>{le(L)}),v.changeEnd$.subscribe(L=>{le(L)}),n.focus$.subscribe(L=>{if(L.length!==1)return;const W=n.getDrawingByParam(L[0]);if(W==null)return;const $=W.transform;if($==null)return;const{width:k,height:Q,left:Y,top:Z,angle:q}=$;k!=null&&T(k),Q!=null&&E(Q),Y!=null&&j(Y),Z!=null&&x(Z),q!=null&&z(q)})];return()=>{w.forEach(L=>L.unsubscribe())}},[]);const J=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitWidth:L,limitHeight:W}=ie(B,G,w,N);w=Math.min(w,L);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{width:w}};if(ce){let k=w/R*N;if(k=Math.max(k,un),k>W)return;E(k),$.transform.height=k}T(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},pe),De=h.debounce(w=>{if(w==null)return;w=Math.max(w,te);const{limitHeight:L,limitWidth:W}=ie(B,G,R,w);w=Math.min(w,L);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{height:w}};if(ce){let k=w/N*R;if(k=Math.max(k,te),k>W)return;T(k),$.transform.width=k}E(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},pe),Tn=h.debounce(w=>{if(w==null)return;const{limitLeft:L}=ie(w,G,R,N);w=L;const W={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{left:w}};j(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},pe),Bn=h.debounce(w=>{if(w==null)return;const{limitTop:L}=ie(B,w,R,N);w=L;const W={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{top:w}};x(w),n.featurePluginUpdateNotification([W]),v.refreshControls().changeNotification()},pe),Un=w=>{if(w==null)return;const[L,W]=hn;w<L&&(w=L),w>W&&(w=W);const $={unitId:c,subUnitId:g,drawingId:d,drawingType:u,transform:{angle:w}};z(w),n.featurePluginUpdateNotification([$]),v.refreshControls().changeNotification()},jn=w=>{ae(w),v.keepRatio=w},An=w=>w?"block":"none";return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:An(s)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:t.t("image-panel.transform.title")})})}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.width")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:R,onChange:w=>{J(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.height")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:N,onChange:w=>{De(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.lock")})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelRow,m.imageCommonPanelRowVertical),children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.Checkbox,{checked:ce,onChange:jn})})})]})})]}),l.jsxs("div",{className:m.imageCommonPanelRow,children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.x")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:B,onChange:w=>{Tn(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.y")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:G,onChange:w=>{Bn(w)},className:m.imageCommonPanelInput})})})]})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:l.jsxs("label",{children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:t.t("image-panel.transform.rotate")})}),l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:m.imageCommonPanelColumn,children:l.jsx(I.InputNumber,{precision:1,value:F,onChange:Un,className:m.imageCommonPanelInput})})})]})})]})]})},Ce={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},ne={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0};var H=(a=>(a.FREE="0",a.R1_1="1",a.R16_9="2",a.R9_16="3",a.R5_4="4",a.R4_5="5",a.R4_3="6",a.R3_4="7",a.R3_2="8",a.R2_3="9",a))(H||{});const me={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(a,t)=>!0},pn=a=>{const t=V.useDependency(h.ICommandService),n=V.useDependency(h.LocaleService),{drawings:e,cropperShow:r}=a;if(e[0]==null)return;const[i,o]=_.useState(H.FREE),c=_.useRef(!1),g=[{label:n.t("image-panel.crop.mode"),value:H.FREE},{label:"1:1",value:H.R1_1},{label:"16:9",value:H.R16_9},{label:"9:16",value:H.R9_16},{label:"5:4",value:H.R5_4},{label:"4:5",value:H.R4_5},{label:"4:3",value:H.R4_3},{label:"3:4",value:H.R3_4},{label:"3:2",value:H.R3_2},{label:"2:3",value:H.R2_3}];_.useEffect(()=>{const p=t.onCommandExecuted(S=>{if(S.id===ne.id){const v=S.params;v!=null&&v.isAuto||(c.current=!1)}});return()=>{p==null||p.dispose()}},[]);function d(p){o(p),c.current&&t.executeCommand(me.id,{cropType:p})}const u=p=>p?"block":"none",f=p=>{t.executeCommand(me.id,{cropType:p}),c.current=!0};return l.jsxs("div",{className:I.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),style:{display:u(r)},children:[l.jsx("div",{className:m.imageCommonPanelRow,children:l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:l.jsx("div",{children:n.t("image-panel.crop.title")})})}),l.jsxs("div",{className:I.clsx(m.imageCommonPanelRow,m.imageCommonPanelRowVertical),children:[l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Button,{size:"small",onClick:()=>{f(i)},children:l.jsxs("span",{className:m.imageCommonPanelInline,children:[l.jsx(Ae,{}),n.t("image-panel.crop.start")]})})}),l.jsx("div",{className:I.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:l.jsx(I.Select,{value:i,options:g,onChange:d})})]})]})},Cn=a=>{const t=V.useDependency(M.IDrawingManagerService),n=V.useDependency(b.IRenderManagerService),e=V.useDependency(h.LocaleService),{drawings:r,hasArrange:s=!0,hasTransform:i=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:g=!0}=a,d=r[0];if(d==null)return;const{unitId:u}=d,f=n.getRenderById(u),p=f==null?void 0:f.scene;if(p==null)return;const S=p.getTransformerByCreate(),[v,C]=_.useState(!0),[P,y]=_.useState(!0),[U,O]=_.useState(!1),[R,T]=_.useState(!0),[N,E]=_.useState(!1);return _.useEffect(()=>{const B=S.clearControl$.subscribe(x=>{x===!0&&(C(!1),y(!1),O(!1),T(!1),E(!0))}),j=S.changeStart$.subscribe(x=>{const{objects:F}=x,z=ge(F,t);z.length===0?(C(!1),y(!1),O(!1),T(!1),E(!0)):z.length===1?(C(!0),y(!0),O(!1),T(!0),E(!1)):(C(!0),y(!1),O(!0),T(!1),E(!1))}),G=t.focus$.subscribe(x=>{x.length===0?(C(!1),y(!1),O(!1),T(!1),E(!0)):x.length===1?(C(!0),y(!0),O(!1),T(!0),E(!1)):(C(!0),y(!1),O(!0),T(!1),E(!1))});return()=>{j.unsubscribe(),B.unsubscribe(),G.unsubscribe()}},[]),l.jsxs(l.Fragment,{children:[l.jsx("div",{style:{display:N===!0?"block":"none",height:"100%"},children:l.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"},children:l.jsx("span",{children:e.t("image-panel.null")})})}),l.jsx(mn,{arrangeShow:s===!0?v:!1,drawings:r}),l.jsx(fn,{transformShow:i===!0?P:!1,drawings:r}),l.jsx(Xe,{alignShow:o===!0?U:!1,drawings:r}),l.jsx(pn,{cropperShow:c===!0?R:!1,drawings:r}),l.jsx(dn,{hasGroup:g,drawings:r})]})},ke=a=>{var v;const{popup:t}=a,n=(v=t==null?void 0:t.extraProps)==null?void 0:v.menuItems;if(!n)return null;const e=V.useDependency(h.ICommandService),r=V.useDependency(h.LocaleService),[s,i]=_.useState(!1),[o,c]=_.useState(!1),g=()=>{c(!0)},d=()=>{c(!1)},u=C=>{i(C)},f=C=>{e.executeCommand(C.commandId,C.commandParams),i(!1)},p=s||o,S=n.filter(C=>!C.disable);return l.jsx("div",{onMouseEnter:g,onMouseLeave:d,children:l.jsx(I.DropdownMenu,{align:"start",items:S.map(C=>({type:"item",children:r.t(C.label),onSelect:()=>f(C)})),open:s,onOpenChange:u,children:l.jsxs("div",{className:I.clsx(`
3
3
  univer-flex univer-items-center univer-gap-2 univer-rounded univer-border univer-border-solid
4
4
  univer-border-gray-200 univer-p-1
5
5
  hover:univer-bg-gray-100
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-docs-drawing",
3
- "version": "0.6.10-nightly.202504141607",
3
+ "version": "0.6.10-nightly.202504161609",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -57,13 +57,13 @@
57
57
  "rxjs": ">=7.0.0"
58
58
  },
59
59
  "dependencies": {
60
- "@univerjs/docs-drawing": "0.6.10-nightly.202504141607",
61
- "@univerjs/docs-drawing-ui": "0.6.10-nightly.202504141607",
62
- "@univerjs/drawing": "0.6.10-nightly.202504141607",
63
- "@univerjs/drawing-ui": "0.6.10-nightly.202504141607"
60
+ "@univerjs/docs-drawing": "0.6.10-nightly.202504161609",
61
+ "@univerjs/docs-drawing-ui": "0.6.10-nightly.202504161609",
62
+ "@univerjs/drawing": "0.6.10-nightly.202504161609",
63
+ "@univerjs/drawing-ui": "0.6.10-nightly.202504161609"
64
64
  },
65
65
  "devDependencies": {
66
- "@univerjs/core": "0.6.10-nightly.202504141607",
66
+ "@univerjs/core": "0.6.10-nightly.202504161609",
67
67
  "react": "18.3.1",
68
68
  "react-dom": "18.3.1",
69
69
  "typescript": "^5.8.2",