@univerjs/sheets-hyper-link-ui 0.20.1 → 0.21.0

package/lib/index.js

@@ -1 +1,2257 @@
-import{BuildTextUtils as e,ColorKit as t,CommandType as n,CustomRangeType as r,DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as i,DOCS_NORMAL_EDITOR_UNIT_ID_KEY as a,DOCS_ZEN_EDITOR_UNIT_ID_KEY as o,DataStreamTreeTokenType as s,DataValidationType as c,DependentOn as l,Disposable as u,DisposableCollection as d,FOCUSING_SHEET as f,ICommandService as p,IConfigService as m,IContextService as h,IPermissionService as g,IUniverInstanceService as _,Inject as v,Injector as y,LocaleService as b,ObjectMatrix as x,Plugin as S,RANGE_TYPE as C,Range as w,Rectangle as T,ThemeService as ee,Tools as te,UniverInstanceType as E,generateRandomId as D,isValidRange as O,merge as k}from"@univerjs/core";import{AUTO_FILL_APPLY_TYPE as A,AutoFillTools as j,ClearSelectionAllCommand as ne,ClearSelectionContentCommand as re,ClearSelectionFormatCommand as M,IAutoFillService as N,RangeProtectionPermissionEditPoint as ie,RangeProtectionPermissionViewPoint as ae,SetSelectionsOperation as oe,SetWorksheetActiveOperation as se,SheetPermissionCheckController as ce,SheetsSelectionsService as le,WorkbookCopyPermission as ue,WorkbookEditablePermission as de,WorkbookViewPermission as fe,WorksheetCopyPermission as pe,WorksheetEditPermission as me,WorksheetInsertHyperlinkPermission as he,WorksheetSetCellValuePermission as ge,WorksheetViewPermission as _e,getSheetCommandTarget as ve,rangeToDiscreteRange as ye}from"@univerjs/sheets";import{COPY_TYPE as P,HoverManagerService as be,HoverRenderController as xe,IEditorBridgeService as F,IMarkSelectionService as Se,ISheetClipboardService as Ce,PREDEFINED_HOOK_NAME_PASTE as I,ScrollToRangeOperation as we,SheetCanvasPopManagerService as L,SheetSkeletonManagerService as Te,getCurrentRangeDisable$ as R,getCustomRangePosition as Ee,getEditingCustomRangePosition as De,getRepeatRange as Oe,virtualizeDiscreteRanges as ke,whenSheetEditorFocused as Ae}from"@univerjs/sheets-ui";import{DocSelectionManagerService as je}from"@univerjs/docs";import{DocBackScrollRenderController as Me,DocCanvasPopManagerService as Ne,DocEventManagerService as Pe,DocSelectionRenderService as Fe,UniverDocsUIPlugin as Ie,calcDocRangePositions as Le}from"@univerjs/docs-ui";import{IRenderManagerService as Re}from"@univerjs/engine-render";import{ComponentManager as ze,ContextMenuGroup as Be,ContextMenuPosition as Ve,IMenuManagerService as He,IMessageService as Ue,IShortcutService as We,IZenZoneService as Ge,KeyCode as Ke,MenuItemType as qe,MetaKeys as Je,RibbonInsertGroup as Ye,getMenuHiddenObservable as Xe,useDependency as z,useEvent as Ze,useObservable as Qe}from"@univerjs/ui";import{BehaviorSubject as $e,Observable as et,Subject as tt,combineLatest as nt,debounceTime as rt,map as it,of as B,switchMap as at}from"rxjs";import{Button as ot,FormLayout as st,Input as ct,MessageType as lt,Select as ut,Tooltip as dt,borderClassName as ft,clsx as pt}from"@univerjs/design";import{IDefinedNamesService as mt,deserializeRangeWithSheet as ht,serializeRange as gt,serializeRangeToRefString as _t,serializeRangeWithSheet as vt}from"@univerjs/engine-formula";import{RangeSelector as yt}from"@univerjs/sheets-formula-ui";import{AddHyperLinkCommand as bt,AddHyperLinkMutation as xt,AddRichHyperLinkCommand as St,CancelHyperLinkCommand as Ct,CancelRichHyperLinkCommand as wt,ERROR_RANGE as Tt,HyperLinkModel as Et,RemoveHyperLinkMutation as Dt,SheetHyperLinkType as V,SheetsHyperLinkParserService as Ot,UniverSheetsHyperLinkPlugin as kt,UpdateHyperLinkCommand as At,UpdateRichHyperLinkCommand as jt}from"@univerjs/sheets-hyper-link";import{useCallback as Mt,useEffect as H,useMemo as Nt,useRef as Pt,useState as U}from"react";import{Fragment as Ft,jsx as W,jsxs as It}from"react/jsx-runtime";import{AllBorderIcon as Lt,CopyIcon as Rt,LinkIcon as zt,UnlinkIcon as Bt,WriteIcon as Vt,XlsxMultiIcon as Ht}from"@univerjs/icons";import{SheetDataValidationModel as Ut}from"@univerjs/sheets-data-validation";let G=function(e){return e.EDITING=`editing`,e.VIEWING=`viewing`,e.ZEN_EDITOR=`zen_mode`,e}({});function Wt(e){return te.isLegalUrl(e)}function Gt(e){return/^[a-zA-Z]+:\/\//.test(e)}function Kt(e){return/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(e)}function qt(e){if(Wt(e)){let t=Gt(e)?e:Kt(e)?`mailto://${e}`:`http://${e}`,n;try{n=new URL(t)}catch{return e}return n.hostname===location.hostname&&n.port===location.port&&n.protocol===location.protocol&&n.pathname===location.pathname&&n.hash&&!n.search?n.hash:t}return e}const Jt=`sheets-hyper-link-ui.config`;Symbol(Jt);const Yt={};function K(e,t){return function(n,r){t(n,r,e)}}function q(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function Xt(e,t){let n=t.getMergeData(),r=t.getMaxColumns()-1,i=t.getMaxRows()-1;if(r<e.endColumn&&(e.endColumn=r),i<e.endRow&&(e.endRow=i),e.rangeType===C.COLUMN||C.ROW)return e;let a=[];return n.forEach(t=>{T.intersects(e,t)&&a.push(t)}),T.realUnion(e,...a)}let J=class{constructor(e,t,n,r,i,a){this._univerInstanceService=e,this._commandService=t,this._definedNamesService=n,this._messageService=r,this._localeService=i,this._configService=a}navigate(e){switch(e.type){case V.URL:this.navigateToOtherWebsite(e.url);break;default:this._navigateToUniver(e.searchObj)}}_navigateToUniver(e){let{gid:t,range:n,rangeid:r}=e,i=this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET);if(!i)return;let a=i.getUnitId();if(r){let e=this._definedNamesService.getValueById(a,r);if(!e)return;let{formulaOrRefString:t}=e,n=this._definedNamesService.getWorksheetByRef(a,t);if(!n){this._messageService.show({content:this._localeService.t(`hyperLink.message.refError`),type:lt.Error});return}if(n.isSheetHidden()){this._messageService.show({content:this._localeService.t(`hyperLink.message.hiddenSheet`),type:lt.Error});return}this.navigateToDefineName(a,r)}if(t){if(n){let e=ht(n);O(e.range)&&n!==Tt&&this.navigateToRange(a,t,e.range);return}this.navigateToSheetById(a,t)}}async navigateToRange(e,t,n,r){let i=await this.navigateToSheetById(e,t);if(i){let a=Xt(n,i);await this._commandService.executeCommand(oe.id,{unitId:e,subUnitId:t,selections:[{range:a,primary:null}]}),await this._commandService.executeCommand(we.id,{range:a,forceTop:r})}}async navigateToSheetById(e,t){let n=this._univerInstanceService.getUnit(e,E.UNIVER_SHEET);if(!n)return!1;let r=n.getActiveSheet();if(!r)return!1;if(r.getSheetId()===t)return r;let i=n.getSheetBySheetId(t);return i?n.getHiddenWorksheets().indexOf(t)>-1?(this._messageService.show({content:this._localeService.t(`hyperLink.message.hiddenSheet`),type:lt.Error}),!1):await this._commandService.executeCommand(se.id,{unitId:e,subUnitId:t})?i:!1:(this._messageService.show({content:this._localeService.t(`hyperLink.message.noSheet`),type:lt.Error}),!1)}async navigateToDefineName(e,t){return this._definedNamesService.focusRange(e,t),!0}async navigateToOtherWebsite(e){var t;let n=this._configService.getConfig(Jt);if(!(n==null||(t=n.urlHandler)==null)&&t.navigateToOtherWebsite)return n.urlHandler.navigateToOtherWebsite(e);window.open(e,`_blank`,`noopener noreferrer`)}};J=q([K(0,_),K(1,p),K(2,mt),K(3,Ue),K(4,v(b)),K(5,m)],J);function Zt(e){"@babel/helpers - typeof";return Zt=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Zt(e)}function Qt(e,t){if(Zt(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Zt(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function $t(e){var t=Qt(e,`string`);return Zt(t)==`symbol`?t:t+``}function Y(e,t,n){return(t=$t(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var en=class extends u{constructor(...e){super(...e),Y(this,`_customHyperLinks`,new Map)}isBuiltInLinkType(e){return e!==V.URL}getOptions(){return Array.from(this._customHyperLinks.values()).map(({option:e})=>e)}findCustomHyperLink(e){return Array.from(this._customHyperLinks.values()).find(t=>t.match(e))}registerCustomHyperLink(e){this._customHyperLinks.set(e.type,e)}getCustomHyperLink(e){return this._customHyperLinks.get(e)}removeCustomHyperLink(e){let{_customHyperLinks:t}=this;t.delete(e)}dispose(){super.dispose(),this._customHyperLinks.clear()}};function tn(e){return e.trim().length===0}function nn(e,t){let[n]=e.split(`,`).map(ht);return!n||!O(n.range)?``:(n.sheetName||(n.sheetName=t),_t(n))}const rn=()=>{var n;let[i,a]=U(``),[c,l]=U(!1),[u,m]=U(``),[g,v]=U(!0),[y,x]=U(V.URL),[S,C]=U(``),w=z(b),T=z(mt),O=z(F),k=z(_),A=z(X),j=Qe(A.currentEditing$),ne=z(Ot),re=z(J),M=z(p),N=z(en),ie=Nt(()=>N.getOptions(),[N]),ae=z(Ge),ce=z(Re),ue=z(Se),de=z(je),fe=z(h),pe=z(ee),me=z(je),[he,ge]=U(!1),_e=z(le),ve=Nt(()=>_e.getCurrentSelections(),[]),ye=Nt(()=>{if(!N.isBuiltInLinkType(y))return N.getCustomHyperLink(y)},[N,y]),[P,be]=U(!1),[xe,Ce]=U(!1),I=Pt(!1),L=k.getCurrentUnitOfType(E.UNIVER_SHEET),Te=(L==null?void 0:L.getActiveSheet().getSheetId())||``,R=Mt(e=>{m(e.replaceAll(s.CUSTOM_RANGE_START,``).replaceAll(s.CUSTOM_RANGE_END,``))},[m]);H(()=>{if((j==null?void 0:j.row)!==void 0&&j.col!==void 0){let{customRange:y,row:b,col:S}=j,{label:w}=j;typeof w==`number`&&(w=`${w}`);let T;if(y){var t,n,i,o;T={id:(t=y==null?void 0:y.rangeId)==null?``:t,display:(n=w)==null?``:n,payload:(i=y==null||(o=y.properties)==null?void 0:o.url)==null?``:i,row:b,column:S}}else if(j.type===G.VIEWING){var s,c,l,u;let t=k.getUnit(j.unitId),n=t==null?void 0:t.getSheetBySheetId(j.subUnitId),i=n==null?void 0:n.getCellRaw(j.row,j.col),a=i==null||(s=i.p)==null||(s=s.body)==null||(s=s.customRanges)==null?void 0:s.find(e=>{var t;return e.rangeType===r.HYPERLINK&&((t=e.properties)==null?void 0:t.url)}),o=i==null?void 0:i.v;i&&(!e.transform.isEmptyDocument((c=i.p)==null||(c=c.body)==null?void 0:c.dataStream)||te.isDefine(o))&&v(!1),T={id:``,display:``,payload:(l=a==null||(u=a.properties)==null?void 0:u.url)==null?``:l,row:b,column:S}}else{var d,f,p,m,h;let t=k.getCurrentUnitForType(E.UNIVER_DOC),n=de.getActiveTextRange(),r=t==null?void 0:t.getBody(),i=n&&r?n:null,a=i&&((d=e.customRange.getCustomRangesInterestsWithSelection(i,(f=r==null?void 0:r.customRanges)==null?[]:f))==null?void 0:d[0]);v(!1),T={id:``,display:(p=w)==null?``:p,payload:(m=a==null||(h=a.properties)==null?void 0:h.url)==null?``:m,row:b,column:S}}a(T.id);let ee=N.findCustomHyperLink(T);if(ee){let e=ee.convert(T);x(e.type),C(e.payload),R(e.display);return}R(T.display);let D=ne.parseHyperLink(T.payload);switch(x(D.type===V.INVALID?V.RANGE:D.type),D.type){case V.URL:C(D.url),D.url===T.display&&(I.current=!0);break;case V.RANGE:{var g,_;let e=D.searchObj,t=vt(e.gid?(g=(_=k.getUnit(j.unitId))==null||(_=_.getSheetBySheetId(e.gid))==null?void 0:_.getName())==null?``:g:``,ht(e.range).range);C(t),t===T.display&&(I.current=!0);break}case V.SHEET:{let e=D.searchObj;C(e.gid);break}case V.DEFINE_NAME:{let e=D.searchObj;C(e.rangeid);break}default:C(``);break}}},[j,re,N,de,k]),H(()=>{let e=null;if(j&&!j.customRangeId&&j.type===G.VIEWING&&te.isDefine(j.row)&&te.isDefine(j.col)){let n=k.getUnit(j.unitId,E.UNIVER_SHEET),r=n==null?void 0:n.getSheetBySheetId(j.subUnitId),i=r==null?void 0:r.getMergedCell(j.row,j.col),a=new t(pe.getColorFromTheme(`primary.600`)).toRgb();e=ue.addShape({range:i==null?{startColumn:j.col,endColumn:j.col,startRow:j.row,endRow:j.row}:i,style:{fill:`rgb(${a.r}, ${a.g}, ${a.b}, 0.12)`,strokeWidth:1,stroke:`#FFBD37`,widgets:{}},primary:null},[],-1)}return()=>{e&&ue.removeShape(e)}},[j,ue,pe,k]),H(()=>{Ce(y===V.RANGE)},[y]),H(()=>{let e=(j==null?void 0:j.type)===G.ZEN_EDITOR?ce.getRenderById(o):ce.getRenderById(O.getCurrentEditorId()),t=new d;if(e){let n=e.with(Fe);n.setReserveRangesStatus(!0),t.add(()=>{n.setReserveRangesStatus(!1)})}return()=>{O.disableForceKeepVisible(),t.dispose()}},[j==null?void 0:j.type,O,ce]),H(()=>(xe&&A.setIsKeepVisible(xe),A.setIsKeepVisible(he),()=>{A.setIsKeepVisible(!1)}),[xe,he,A]),H(()=>()=>{ae.temporaryHidden&&(ae.show(),fe.setContextValue(f,!1))},[fe,ae]),H(()=>{if(xe)return O.enableForceKeepVisible(),()=>{O.disableForceKeepVisible()}},[xe,O]);let Ee=[{label:w.t(`hyperLink.form.link`),value:V.URL},{label:w.t(`hyperLink.form.range`),value:V.RANGE},{label:w.t(`hyperLink.form.worksheet`),value:V.SHEET},{label:w.t(`hyperLink.form.definedName`),value:V.DEFINE_NAME},...ie];if(!L)return;let De=L.getHiddenWorksheets(),Oe=L.getSheets().map(e=>({label:e.getName(),value:e.getSheetId()})).filter(e=>De.indexOf(e.value)===-1),ke=Object.values((n=T.getDefinedNameMap(L.getUnitId()))==null?{}:n).map(e=>({label:e.name,value:e.id})),Ae=(e,t)=>{if(e===V.URL)return qt(t);if(e===V.RANGE){let e=ht(t),n=L.getSheetBySheetName(e.sheetName);if(n)return`#gid=${n.getSheetId()}&range=${gt(e.range)}`}return`#${e}=${t}`},Ne=Ze(e=>{var t;let n=nn(e,((t=L.getActiveSheet())==null?void 0:t.getName())||``);if(!n){C(``);return}C(n),n&&(I.current||!u)&&(R(n),I.current=!0)}),Pe=async()=>{if(g&&tn(u)||!S||y===V.URL&&!Wt(S)){be(!0);return}if(j)if(i){let e=j.type===G.ZEN_EDITOR||j.type===G.EDITING?jt.id:At.id;await M.executeCommand(e,{id:i,unitId:j.unitId,subUnitId:j.subUnitId,payload:{display:g?u:``,payload:Ae(y,S)},row:j.row,column:j.col,documentId:j.type===G.ZEN_EDITOR?o:O.getCurrentEditorId()})}else{let e=j.type===G.ZEN_EDITOR||j.type===G.EDITING?St.id:bt.id;await M.executeCommand(e,{unitId:j.unitId,subUnitId:j.subUnitId,link:{id:D(),row:j.row,column:j.col,payload:Ae(y,S),display:g?u:``},documentId:j.type===G.ZEN_EDITOR?o:O.getCurrentEditorId()})}(j==null?void 0:j.type)===G.VIEWING&&(await M.executeCommand(se.id,{unitId:j.unitId,subUnitId:j.subUnitId}),await M.executeCommand(we.id,{range:{startRow:Math.max(j.row-1,0),endRow:j.row+1,startColumn:Math.max(j.col-1,0),endColumn:j.col+1}})),M.executeCommand(mn.id)};return j?It(`div`,{className:pt(`univer-box-border univer-w-[296px] univer-rounded-xl univer-bg-white univer-p-4 univer-shadow-md dark:!univer-bg-gray-900`,ft),children:[g?W(st,{label:w.t(`hyperLink.form.label`),error:P&&tn(u)?w.t(`hyperLink.form.inputError`):``,children:W(ct,{value:u,onChange:e=>{R(e),I.current=!1},placeholder:w.t(`hyperLink.form.labelPlaceholder`),autoFocus:!0,onKeyDown:e=>{e.keyCode===Ke.ENTER&&Pe()}})}):null,W(st,{label:w.t(`hyperLink.form.type`),children:W(ut,{className:`univer-w-full`,options:Ee,value:y,onChange:e=>{x(e),C(``)}})}),y===V.URL&&W(st,{error:P?S?Wt(S)?``:w.t(`hyperLink.form.linkError`):w.t(`hyperLink.form.inputError`):``,children:W(ct,{value:S,onChange:e=>{C(e),e&&(I.current||!u||u===e)&&(R(e),I.current=!0)},placeholder:w.t(`hyperLink.form.linkPlaceholder`),autoFocus:!0,onKeyDown:e=>{e.keyCode===Ke.ENTER&&Pe()}})}),y===V.RANGE&&W(st,{error:P&&!S?w.t(`hyperLink.form.inputError`):``,children:W(yt,{unitId:L.getUnitId(),subUnitId:Te,maxRangeCount:1,supportAcrossSheet:!0,initialValue:S,resetRange:ve,onChange:(e,t)=>Ne(t),onRangeSelectorDialogVisibleChange:async e=>{if(ge(e),e)j.type===G.ZEN_EDITOR&&(ae.hide(),fe.setContextValue(f,!0)),j.type!==G.VIEWING&&O.enableForceKeepVisible(),l(!0);else{if(await re.navigateToRange(j.unitId,j.subUnitId,{startRow:j.row,endRow:j.row,startColumn:j.col,endColumn:j.col},!0),j.type===G.ZEN_EDITOR){var t,n;await M.executeCommand(oe.id,{unitId:j.unitId,subUnitId:j.subUnitId,selections:[{range:{startRow:j.row,endRow:j.row,startColumn:j.col,endColumn:j.col}}]}),ae.show(),fe.setContextValue(f,!1);let e=(t=ce.getRenderById(o))==null?void 0:t.with(Me),r=(n=me.getTextRanges({unitId:o,subUnitId:o}))==null?void 0:n[0];e&&r&&(e.scrollToRange(r),me.refreshSelection({unitId:o,subUnitId:o}))}O.disableForceKeepVisible(),l(!1)}},onFocusChange:e=>Ce(e)})}),y===V.SHEET&&W(st,{error:P&&!S?w.t(`hyperLink.form.selectError`):``,children:W(ut,{className:`univer-w-full`,options:Oe,value:S,onChange:e=>{var t,n;C(e);let r=(t=Oe.find(t=>t.value===e))==null?void 0:t.label,i=(n=Oe.find(e=>e.value===S))==null?void 0:n.label;r&&(I.current||!u||u===i)&&(R(r),I.current=!0)}})}),y===V.DEFINE_NAME&&W(st,{error:P&&!S?w.t(`hyperLink.form.selectError`):``,children:W(ut,{className:`univer-w-full`,options:ke,value:S,onChange:e=>{var t,n;C(e);let r=(t=ke.find(t=>t.value===e))==null?void 0:t.label,i=(n=ke.find(e=>e.value===S))==null?void 0:n.label;r&&(I.current||!u||u===i)&&(R(r),I.current=!0)}})}),(ye==null?void 0:ye.Form)&&W(ye.Form,{linkId:i,payload:S,display:u,showError:P,setByPayload:I,setDisplay:e=>{R(e),I.current=!0},setPayload:C}),It(`div`,{className:`univer-flex univer-flex-row univer-justify-end univer-gap-2`,children:[W(ot,{onClick:()=>{j&&re.navigateToRange(j.unitId,j.subUnitId,{startRow:j.row,endRow:j.row,startColumn:j.col,endColumn:j.col},!0),M.executeCommand(mn.id)},children:w.t(`hyperLink.form.cancel`)}),W(ot,{variant:`primary`,onClick:async()=>{Pe()},children:w.t(`hyperLink.form.ok`)})]})]}):null};rn.componentKey=`univer.sheet.cell-link-edit`;const an={[V.URL]:W(zt,{}),[V.SHEET]:W(Ht,{className:`univer-text-green-500`}),[V.RANGE]:W(Lt,{}),[V.DEFINE_NAME]:W(Lt,{}),[V.INVALID]:W(Lt,{})},on=e=>{var t,n;let r=z(X),i=z(p),a=z(Ue),s=z(b),c=z(J),l=z(F),u=z(Ot),d=z(Ge),{customRange:f,row:m,col:h,unitId:g,subUnitId:_,editPermission:v,copyPermission:y,type:x}=e;if(!(!(f==null||(t=f.properties)==null)&&t.url))return null;let S=u.parseHyperLink((n=f.properties.url)==null?``:n),C=S.type===V.INVALID;return It(`div`,{className:pt(`univer-mb-1 univer-flex univer-max-w-80 univer-flex-row univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow-md dark:!univer-bg-gray-900`,ft),onClick:()=>r.hideCurrentPopup(),children:[It(`div`,{className:pt(`univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600`,{"univer-text-red-500":C}),onClick:()=>{d.visible||C||c.navigate(S)},children:[W(`div`,{className:`univer-mr-2 univer-flex univer-size-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white`,children:an[S.type]}),W(dt,{showIfEllipsis:!0,title:S.name,asChild:!0,children:W(`span`,{className:`univer-flex-1 univer-truncate`,children:S.name})})]}),It(`div`,{className:`univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center`,children:[y&&W(`div`,{className:pt(`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700`,{"univer-text-red-500":C}),onClick:()=>{if(!C){if(S.type!==V.URL){let e=new URL(window.location.href);e.hash=S.url.slice(1),navigator.clipboard.writeText(e.href)}else navigator.clipboard.writeText(S.url);a.show({content:s.t(`hyperLink.message.coped`),type:lt.Info})}},children:W(dt,{placement:`bottom`,title:s.t(`hyperLink.popup.copy`),children:W(Rt,{className:`dark:!univer-text-white`})})}),v&&It(Ft,{children:[W(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700`,onClick:()=>{i.executeCommand(pn.id,{unitId:g,subUnitId:_,row:m,col:h,customRangeId:f.rangeId,type:x})},children:W(dt,{placement:`bottom`,title:s.t(`hyperLink.popup.edit`),children:W(Vt,{className:`dark:!univer-text-white`})})}),W(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700`,onClick:()=>{let e=x===G.EDITING||x===G.ZEN_EDITOR?wt.id:Ct.id;i.syncExecuteCommand(e,{unitId:g,subUnitId:_,id:f.rangeId,row:m,column:h,documentId:x===G.ZEN_EDITOR?o:l.getCurrentEditorId()})&&r.hideCurrentPopup(void 0,!0)},children:W(dt,{placement:`bottom`,title:s.t(`hyperLink.popup.cancel`),children:W(Bt,{className:`dark:!univer-text-white`})})})]})]})]})},sn=()=>{let e=z(X),[t,n]=U(null),r=z(_);if(H(()=>{n(e.currentPopup);let t=e.currentPopup$.subscribe(e=>{n(e)});return()=>{t.unsubscribe()}},[e.currentPopup,e.currentPopup$]),!t)return null;if(t.showAll){var i;let e=r.getUnit(t.unitId,E.UNIVER_SHEET),n=e==null?void 0:e.getSheetBySheetId(t.subUnitId),a=n==null?void 0:n.getCell(t.row,t.col),o=a==null||(i=a.p)==null||(i=i.body)==null?void 0:i.customRanges;return o!=null&&o.length?W(`div`,{children:o.map(e=>W(on,{...t,customRange:e},e.rangeId))}):null}return W(on,{...t})};sn.componentKey=`univer.sheet.cell-link-popup`;const cn=(e,t)=>{var n,r;return e.unitId===t.unitId&&e.subUnitId===t.subUnitId&&e.row===t.row&&e.col===t.col&&((n=e.customRange)==null?void 0:n.rangeId)===((r=t.customRange)==null?void 0:r.rangeId)&&e.type===t.type};let X=class extends u{get currentPopup(){return this._currentPopup}get currentEditing(){return this._currentEditing$.getValue()}constructor(e,t,n,r,i,a,o){super(),this._sheetCanvasPopManagerService=e,this._injector=t,this._univerInstanceService=n,this._editorBridgeService=r,this._textSelectionManagerService=i,this._docCanvasPopManagerService=a,this._zenZoneService=o,Y(this,`_currentPopup`,null),Y(this,`_currentPopup$`,new tt),Y(this,`currentPopup$`,this._currentPopup$.asObservable()),Y(this,`_currentEditingPopup`,null),Y(this,`_currentEditing$`,new $e(null)),Y(this,`currentEditing$`,this._currentEditing$.asObservable()),Y(this,`_isKeepVisible`,!1),this.disposeWithMe(()=>{this.hideCurrentPopup(),this.endEditing(),this._currentEditing$.complete(),this._currentPopup$.complete()})}setIsKeepVisible(e){this._isKeepVisible=e}getIsKeepVisible(){return this._isKeepVisible}showPopup(e){if(this._currentPopup&&cn(e,this._currentPopup)||(this.hideCurrentPopup(void 0,!0),e.type!==G.ZEN_EDITOR&&this._zenZoneService.visible))return;let t=this._currentEditing$.getValue();if(t&&cn(e,t))return;let{unitId:n,subUnitId:r,row:i,col:a,customRangeRect:s,customRange:c}=e,l,u={componentKey:sn.componentKey,direction:`bottom`,onClickOutside:()=>{this.hideCurrentPopup()},onClick:()=>{this.hideCurrentPopup(e.type,!0)}};if(e.type===G.EDITING){if(!c)return;l=s&&this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(s,u)}else if(e.type===G.ZEN_EDITOR){if(!c)return;l=this._docCanvasPopManagerService.attachPopupToRange({startOffset:c.startIndex,endOffset:c.endIndex+1,collapsed:!1},u,o)}else if(e.showAll)l=this._sheetCanvasPopManagerService.attachPopupToCell(e.row,e.col,u,n,r);else{if(!c)return;l=s&&this._sheetCanvasPopManagerService.attachPopupByPosition(s,u,e)}if(l){if(this._currentPopup){var d;(d=this._currentPopup.disposable)==null||d.dispose()}this._currentPopup={unitId:n,subUnitId:r,disposable:l,row:i,col:a,editPermission:!!e.editPermission,copyPermission:!!e.copyPermission,customRange:c,type:e.type,showAll:e.showAll},this._currentPopup$.next(this._currentPopup)}}hideCurrentPopup(e,t){if(this._currentPopup&&((!e||e===this._currentPopup.type)&&this._currentPopup.disposable.canDispose()||t)){var n;(n=this._currentPopup)==null||(n=n.disposable)==null||n.dispose(),this._currentPopup=null,this._currentPopup$.next(null)}}dispose(){super.dispose(),this.hideCurrentPopup(),this.endEditing(),this._currentPopup$.complete(),this._currentEditing$.complete()}_getEditingRange(){let t=this._editorBridgeService.isVisible().visible,n=this._editorBridgeService.getEditCellState();if(t&&n){var i,a,o;let t=this._textSelectionManagerService.getActiveTextRange(),s=(i=n.documentLayoutObject.documentModel)==null?void 0:i.getBody();if(!s)return null;if(!t||t.collapsed)return{startOffset:0,endOffset:s.dataStream.length-2,collapsed:s.dataStream.length-2==0,label:e.transform.getPlainText(s.dataStream)};let c=e.customRange.getCustomRangesInterestsWithSelection(t,(a=(o=s.customRanges)==null?void 0:o.filter(e=>e.rangeType===r.HYPERLINK))==null?[]:a),l=t.startOffset,u=t.endOffset;return c.forEach(e=>{l=Math.min(l,e.startIndex),u=Math.max(u,e.endIndex+1)}),{startOffset:l,endOffset:u,collapsed:l===u,label:e.transform.getPlainText(s.dataStream.slice(l,u))}}return null}get _editPopup(){return{componentKey:rn.componentKey,direction:`vertical`,onClickOutside:()=>{this.endEditing()},onContextMenu:()=>{this.endEditing()},hiddenType:`hide`}}startAddEditing(t){let{unitId:n,subUnitId:r,type:i}=t;if(i===G.ZEN_EDITOR){var s;let e=this._univerInstanceService.getUnit(o,E.UNIVER_DOC);if(!e)return;let n=this._textSelectionManagerService.getActiveTextRange();if(!n)return;this._currentEditingPopup=this._docCanvasPopManagerService.attachPopupToRange(n,this._editPopup,o);let r=(s=e.getBody())==null?void 0:s.dataStream.slice(n.startOffset,n.endOffset);this._currentEditing$.next({...t,label:r})}else if(i===G.EDITING){var c;let e=this._getEditingRange();if(!e)return;this._textSelectionManagerService.replaceDocRanges([{...e}],{unitId:a,subUnitId:a});let i=this._injector.get(Re).getRenderById(a);if(!i)return;let o=Le(e,i);if(!(o!=null&&o.length))return;this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(o.pop(),this._editPopup,n,r),this._currentEditing$.next({...t,label:(c=e==null?void 0:e.label)==null?``:c})}else{var l,u,d;this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToCell(t.row,t.col,this._editPopup,n,r);let i=this._univerInstanceService.getUnit(n,E.UNIVER_SHEET),a=i==null?void 0:i.getSheetBySheetId(r),o=a==null?void 0:a.getCellRaw(t.row,t.col);this._currentEditing$.next({...t,label:o!=null&&o.p?e.transform.getPlainText((l=(u=o.p.body)==null?void 0:u.dataStream)==null?``:l):((d=o==null?void 0:o.v)==null?``:d).toString()})}}startEditing(e){var t;(t=this._currentEditingPopup)==null||t.dispose(),this.hideCurrentPopup(void 0,!0);let{unitId:n,subUnitId:r}=e,i,a;if(e.type===G.ZEN_EDITOR){var s,c;let t=this._univerInstanceService.getUnit(o,E.UNIVER_DOC);if(i=t==null||(s=t.getBody())==null||(s=s.customRanges)==null?void 0:s.find(t=>t.rangeId===e.customRangeId),a=i?t==null||(c=t.getBody())==null?void 0:c.dataStream.slice(i.startIndex,i.endIndex+1):``,!i||!a)return;this._textSelectionManagerService.replaceTextRanges([{startOffset:i.startIndex,endOffset:i.endIndex+1}]),this._currentEditingPopup=this._docCanvasPopManagerService.attachPopupToRange({startOffset:i.startIndex,endOffset:i.endIndex,collapsed:!1},this._editPopup,o)}else if(e.type===G.EDITING){var l;let t=De(this._injector,e.unitId,e.subUnitId,e.row,e.col,e.customRangeId);if(!t||!((l=t.rects)!=null&&l.length))return;i=t.customRange,a=t.label,this._textSelectionManagerService.replaceTextRanges([{startOffset:i.startIndex,endOffset:i.endIndex+1}]),this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(t.rects.pop(),this._editPopup,n,r)}else{var u;let t=this._univerInstanceService.getUnit(n,E.UNIVER_SHEET),o=t==null?void 0:t.getSheetBySheetId(r),s=o==null?void 0:o.getCellRaw(e.row,e.col),c=t==null?void 0:t.getStyles().getStyleByCell(s),l=c==null?void 0:c.tr,d=Ee(this._injector,e.unitId,e.subUnitId,e.row,e.col,e.customRangeId);if(!d||!((u=d.rects)!=null&&u.length))return;i=d.customRange,a=d.label,l?this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToCell(e.row,e.col,this._editPopup,n,r):this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupByPosition(d.rects.pop(),this._editPopup,{unitId:n,subUnitId:r,row:e.row,col:e.col})}this._currentEditing$.next({...e,customRange:i,label:a})}endEditing(e){if(this.getIsKeepVisible())return;let t=this._currentEditing$.getValue();if(t&&(!e||e===t.type)){var n;(n=this._currentEditingPopup)==null||n.dispose(),this._currentEditing$.next(null)}}};X=q([K(0,v(L)),K(1,v(y)),K(2,_),K(3,F),K(4,v(je)),K(5,v(Ne)),K(6,Ge)],X);let Z=function(e){return e[e.ALLOWED=0]=`ALLOWED`,e[e.DISABLED_BY_CELL=1]=`DISABLED_BY_CELL`,e[e.ALLOW_ON_EDITING=2]=`ALLOW_ON_EDITING`,e}({});const ln=new Set([c.CHECKBOX,c.LIST,c.LIST_MULTIPLE]),un=(e,t,n,r)=>{var i,a;let o=t.getCell(n,r);if(o!=null&&o.f||o!=null&&o.si||!(o==null||(i=o.p)==null||(i=i.body)==null||(i=i.customBlocks)==null)&&i.length)return Z.DISABLED_BY_CELL;let s=e.has(Ut)?e.get(Ut):null,c=s==null?void 0:s.getRuleByLocation(t.getUnitId(),t.getSheetId(),n,r);return c&&ln.has(c.type)?!0:!(o==null||(a=o.p)==null||(a=a.drawingsOrder)==null)&&a.length?Z.ALLOW_ON_EDITING:Z.ALLOWED},dn=e=>{let t=e.get(_).getCurrentUnitForType(E.UNIVER_SHEET);if(!t)return!0;let n=t.getActiveSheet(),r=e.get(le).getCurrentSelections();if(!r.length)return!0;let i=r[0].range.startRow,a=r[0].range.startColumn;return un(e,n,i,a)===Z.DISABLED_BY_CELL},fn=e=>{let t=e.get(je),n=e.get(_),r=t.getTextRanges();if(!(r!=null&&r.length))return!0;let i=n.getCurrentUnitForType(E.UNIVER_DOC);return!!(!i||r.every(e=>e.collapsed)||!i.getSelfOrHeaderFooterModel(r[0].segmentId).getBody())},pn={type:n.OPERATION,id:`sheet.operation.open-hyper-link-edit-panel`,handler(e,t){if(!t)return!1;let n=e.get(X);return t.customRangeId?n.startEditing(t):n.startAddEditing(t),!0}},mn={type:n.OPERATION,id:`sheet.operation.close-hyper-link-popup`,handler(e){return e.get(X).endEditing(),!0}},hn={type:n.OPERATION,id:`sheet.operation.insert-hyper-link`,handler(e){var t;let n=e.get(_),r=ve(n),i=e.get(F);if(!r)return!1;let a=e.get(p),s=e.get(le).getCurrentLastSelection();if(!s)return!1;let c=s.range.startRow,l=s.range.startColumn,u=i.isVisible(),d=((t=n.getFocusedUnit())==null?void 0:t.getUnitId())===o;return a.executeCommand(pn.id,{unitId:r.unitId,subUnitId:r.subUnitId,row:c,col:l,type:d?G.ZEN_EDITOR:u.visible?G.EDITING:G.VIEWING})}},Q={type:n.OPERATION,id:`sheet.operation.insert-hyper-link-toolbar`,handler(e){if(dn(e))return!1;let t=e.get(p);return e.get(X).currentEditing?t.executeCommand(mn.id):t.executeCommand(hn.id)}},gn=`SHEET_HYPER_LINK_UI_PLUGIN`;let _n=class extends u{registerPlainTextFilter(e){this._plainTextFilter.add(e)}removePlainTextFilter(e){this._plainTextFilter.delete(e)}_filterPlainText(e){return Array.from(this._plainTextFilter).every(t=>t(e))}constructor(e,t,n,r){super(),this._sheetClipboardService=e,this._hyperLinkModel=t,this._injector=n,this._resolverService=r,Y(this,`_plainTextFilter`,new Set),Y(this,`_copyInfo`,void 0),this._initCopyPaste(),this.disposeWithMe(()=>{this._plainTextFilter.clear()})}_initCopyPaste(){this._sheetClipboardService.addClipboardHook({id:gn,onBeforeCopy:(e,t,n)=>this._collect(e,t,n),onPasteCells:(e,t,n,r)=>{let{copyType:i=P.COPY,pasteType:a}=r,{range:o}=e||{},{range:s,unitId:c,subUnitId:l}=t;return this._generateMutations(s,{copyType:i,pasteType:a,copyRange:o,unitId:c,subUnitId:l})},onPastePlainText:(e,t)=>{let n=this._filterPlainText(t);if(Wt(t)&&n){let{range:t,unitId:n,subUnitId:r}=e,{ranges:[i],mapFunc:a}=ke([t]),o=[],s=[];return w.foreach(i,(e,t)=>{let{row:i,col:c}=a(e,t),l=this._hyperLinkModel.getHyperLinkByLocation(n,r,i,c);l&&o.push({id:Dt.id,params:{unitId:n,subUnitId:r,id:l.id}}),l&&s.push({id:xt.id,params:{unitId:n,subUnitId:r,link:l}})}),{redos:o,undos:s}}return{undos:[],redos:[]}},priority:99})}_collect(e,t,n){let r=new x;this._copyInfo={unitId:e,subUnitId:t,matrix:r};let i=this._injector.invoke(r=>ye(n,r,e,t));if(!i)return;let{rows:a,cols:o}=i;a.forEach((n,i)=>{o.forEach((a,o)=>{var s;let c=this._hyperLinkModel.getHyperLinkByLocation(e,t,n,a);r.setValue(i,o,(s=c==null?void 0:c.id)==null?``:s)})})}_generateMutations(e,t){if(!this._copyInfo||!this._copyInfo||!this._copyInfo.matrix.getSizeOf()||!t.copyRange||[I.SPECIAL_PASTE_COL_WIDTH,I.SPECIAL_PASTE_VALUE,I.SPECIAL_PASTE_FORMAT,I.SPECIAL_PASTE_FORMULA].includes(t.pasteType))return{redos:[],undos:[]};let{unitId:n,subUnitId:r}=this._copyInfo,i=[],a=[],{ranges:[o,s],mapFunc:c}=ke([t.copyRange,e]);return Oe(o,s,!0).forEach(({startRange:e})=>{var o;(o=this._copyInfo)==null||o.matrix.forValue((o,s,l)=>{let u=T.getPositionRange({startRow:o,endRow:o,startColumn:s,endColumn:s},e),d=this._hyperLinkModel.getHyperLink(n,r,l),{row:f,col:p}=c(u.startRow,u.startColumn),m=this._hyperLinkModel.getHyperLinkByLocation(t.unitId,t.subUnitId,f,p),h=D();m&&i.push({id:Dt.id,params:{unitId:t.unitId,subUnitId:t.subUnitId,id:m.id}}),d&&(i.push({id:xt.id,params:{unitId:t.unitId,subUnitId:t.subUnitId,link:{...d,id:h,row:f,column:p}}}),a.push({id:Dt.id,params:{unitId:t.unitId,subUnitId:t.subUnitId,id:h}})),m&&a.push({id:xt.id,params:{unitId:t.unitId,subUnitId:t.subUnitId,link:m}})})}),{redos:i,undos:a}}};_n=q([K(0,Ce),K(1,v(Et)),K(2,v(y)),K(3,v(J))],_n);const vn=(e,t=o)=>{var n;let r=e.get(_),i=(n=e.get(Re).getRenderById(t))==null?void 0:n.with(Fe);return i?i.textSelectionInner$.pipe(it(()=>{let t=e.get(F).getEditCellState();if(!t)return!0;let n=ve(r,{unitId:t.unitId,subUnitId:t.sheetId});return!(n!=null&&n.worksheet)||un(e,n.worksheet,t.row,t.column)===1?!0:fn(e)})):B(!0)},yn=e=>{var t;let n=e.get(_),r=e.has(F)?e.get(F):null;return((t=r==null?void 0:r.currentEditCellState$.pipe(it(t=>{if(!t)return Z.DISABLED_BY_CELL;let r=ve(n,{unitId:t.unitId,subUnitId:t.sheetId});return r?un(e,r.worksheet,t.row,t.column):Z.DISABLED_BY_CELL}),at(t=>t===Z.DISABLED_BY_CELL?B(!0):nt([r?r.visible$:B(null),n.getCurrentTypeOfUnit$(E.UNIVER_DOC)]).pipe(at(([n,r])=>n!=null&&n.visible?(r==null?void 0:r.getUnitId())===i?B(!0):vn(e,a):B(t!==Z.ALLOWED))))))==null?B(!0):t).pipe(at(t=>t?B(!0):R(e,{workbookTypes:[de],worksheetTypes:[me,ge,he],rangeTypes:[ie]},!0)))},bn={commandId:hn.id,type:qe.BUTTON,title:`hyperLink.menu.add`,icon:`LinkIcon`},xn=e=>`${e}-zen-editor`,Sn=e=>({...bn,id:bn.commandId,hidden$:Xe(e,E.UNIVER_SHEET),disabled$:yn(e)}),Cn=e=>({...bn,id:xn(bn.commandId),hidden$:Xe(e,E.UNIVER_DOC,o),disabled$:vn(e)}),wn={tooltip:`hyperLink.form.addTitle`,commandId:Q.id,type:qe.BUTTON,icon:`LinkIcon`},Tn=e=>({...wn,id:wn.commandId,hidden$:Xe(e,E.UNIVER_SHEET),disabled$:yn(e)}),En=e=>({...wn,id:xn(wn.commandId),hidden$:Xe(e,E.UNIVER_DOC,o),disabled$:vn(e)}),Dn={id:Q.id,binding:Ke.K|Je.CTRL_COMMAND,preconditions:Ae};var On=`@univerjs/sheets-hyper-link-ui`,kn=`0.20.1`;let An=class extends u{constructor(e,t){super(),this._autoFillService=e,this._hyperLinkModel=t,this._initAutoFill()}_initAutoFill(){let e=()=>({redos:[],undos:[]}),t=(e,t)=>{let{source:n,target:r,unitId:i,subUnitId:a}=e,o=ke([n,r]),[s,c]=o.ranges,{mapFunc:l}=o,u={row:s.startRow,col:s.startColumn},d=j.getAutoFillRepeatRange(s,c),f=[],p=[];return d.forEach(e=>{let n=e.repeatStartCell,r=e.relativeRange,o={startRow:u.row,startColumn:u.col,endColumn:u.col,endRow:u.row},s={startRow:n.row,startColumn:n.col,endColumn:n.col,endRow:n.row};w.foreach(r,(e,n)=>{let r=T.getPositionRange({startRow:e,startColumn:n,endColumn:n,endRow:e},o),{row:c,col:u}=l(r.startRow,r.startColumn),d=this._hyperLinkModel.getHyperLinkByLocation(i,a,c,u),m=T.getPositionRange({startRow:e,startColumn:n,endColumn:n,endRow:e},s),{row:h,col:g}=l(m.startRow,m.startColumn),_=D(),v=this._hyperLinkModel.getHyperLinkByLocation(i,a,h,g);v&&f.push({id:Dt.id,params:{unitId:i,subUnitId:a,id:v.id}}),(A.COPY===t||A.SERIES===t)&&d&&(f.push({id:xt.id,params:{unitId:i,subUnitId:a,link:{...d,id:_,row:h,column:g}}}),p.push({id:Dt.id,params:{unitId:i,subUnitId:a,id:_}})),v&&p.push({id:xt.id,params:{unitId:i,subUnitId:a,link:v}})})}),{undos:p,redos:f}},n={id:gn,onFillData:(n,r,i)=>i===A.COPY||i===A.ONLY_FORMAT||i===A.SERIES?t(n,i):e()};this.disposeWithMe(this._autoFillService.addHook(n))}};An=q([K(0,N),K(1,v(Et))],An);let jn=class extends u{constructor(e,t,n){super(),this._localeService=e,this._commandService=t,this._sheetPermissionCheckController=n,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{e.id===Dn.id&&(this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[de],rangeTypes:[ie],worksheetTypes:[me,ge,he]})||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.hyperLinkErr`)))}))}};jn=q([K(0,v(b)),K(1,p),K(2,v(ce))],jn);let Mn=class extends u{constructor(e,t,n,r,i,a,o,s,c,l){super(),this._hoverManagerService=e,this._sheetsHyperLinkPopupService=t,this._renderManagerService=n,this._permissionService=r,this._sheetPermissionCheckController=i,this._commandService=a,this._editorBridgeService=o,this._textSelectionManagerService=s,this._univerInstanceService=c,this._zenZoneService=l,this._initHoverListener(),this._initCommandListener(),this._initHoverEditingListener(),this._initTextSelectionListener(),this._initZenEditor()}_getLinkPermission(e){let{unitId:t,subUnitId:n,row:r,col:i}=e,a=this._univerInstanceService.getUnit(t,E.UNIVER_SHEET),o=a==null?void 0:a.getSheetBySheetId(n);if(!o)return{viewPermission:!1,editPermission:!1,copyPermission:!1};let s=this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[fe],worksheetTypes:[_e],rangeTypes:[ae]},[{startRow:r,startColumn:i,endRow:r,endColumn:i}],t,n),c=this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[de],worksheetTypes:[me,he],rangeTypes:[ie]},[{startRow:r,startColumn:i,endRow:r,endColumn:i}],t,n),l=o.getCellRaw(r,i);l!=null&&l.f&&l.f.startsWith(`=HYPERLINK(`)&&(c=!1);let u=this._permissionService.composePermission([new ue(t).id,new pe(t,n).id]).every(e=>e.value);return{viewPermission:s,editPermission:c,copyPermission:u}}_initHoverListener(){this.disposeWithMe(this._hoverManagerService.currentRichText$.pipe(rt(200)).subscribe(e=>{var t,n,i;if(!e||((t=e.customRange)==null?void 0:t.rangeType)!==r.HYPERLINK){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}let{unitId:a,subUnitId:o,row:s,col:c}=e,l=this._renderManagerService.getRenderById(a);if(!l)return;let u=this._univerInstanceService.getUnit(a,E.UNIVER_SHEET),d=u==null?void 0:u.getSheetBySheetId(o);if(!d)return;if(!l.with(xe).active){this._sheetsHyperLinkPopupService.hideCurrentPopup(G.VIEWING);return}let f=l==null||(n=l.with(Te).getSkeletonParam(o))==null?void 0:n.skeleton,p=c,m=s,h=m,g=p;f&&f.overflowCache.forValue((e,t,n)=>{T.contains(n,{startColumn:p,endColumn:p,startRow:m,endRow:m})&&(h=e,g=t)});let{viewPermission:_,editPermission:v,copyPermission:y}=this._getLinkPermission(e);if(!_){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}let b=d.getCellStyleOnly(h,g),x=u.getStyles().getStyleByCell(b),S=x==null||(i=x.tr)==null?void 0:i.a;if(!S&&!e.customRange){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}this._sheetsHyperLinkPopupService.showPopup({row:h,col:g,editPermission:v,copyPermission:y,customRange:e.customRange,customRangeRect:e.rect,type:G.VIEWING,unitId:a,subUnitId:o,showAll:!!S})}))}_initHoverEditingListener(){let e=null;this.disposeWithMe(this._editorBridgeService.currentEditCellState$.pipe(at(e=>this._editorBridgeService.visible$.pipe(it(t=>({visible:t,state:e}))))).subscribe(({visible:t,state:n})=>{if(!n||n.editorUnitId!==a)return;if(!t.visible){e==null||e.unsubscribe(),this._sheetsHyperLinkPopupService.hideCurrentPopup(G.EDITING),this._sheetsHyperLinkPopupService.endEditing(G.EDITING);return}let{editorUnitId:i,unitId:o,sheetId:s,row:c,column:l}=n,u=this._renderManagerService.getRenderById(i);if(!u)return;let{editPermission:d,viewPermission:f,copyPermission:p}=this._getLinkPermission({unitId:o,subUnitId:s,row:c,col:l}),m=u.with(Pe);f&&(e==null||e.unsubscribe(),e=m.hoverCustomRanges$.pipe(rt(200)).subscribe(e=>{var t;let n=e.find(e=>e.range.rangeType===r.HYPERLINK);if(!n){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}let i=n.rects[n.rects.length-1];if(!(!((t=this._renderManagerService.getRenderById(o))==null||(t=t.with(Te).getSkeletonParam(s))==null)&&t.skeleton)||!i)return;let a=u.engine.getCanvasElement().getBoundingClientRect();this._sheetsHyperLinkPopupService.showPopup({unitId:o,subUnitId:s,row:c,col:l,customRange:n.range,customRangeRect:{left:i.left+a.left,top:i.top+a.top,bottom:i.bottom+a.top,right:i.right+a.left},editPermission:d,copyPermission:p,type:G.EDITING})}))})),this.disposeWithMe(()=>{e==null||e.unsubscribe()})}_initZenEditor(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e?(this._sheetsHyperLinkPopupService.hideCurrentPopup(G.VIEWING),this._sheetsHyperLinkPopupService.hideCurrentPopup(G.EDITING),this._sheetsHyperLinkPopupService.endEditing(G.EDITING),this._sheetsHyperLinkPopupService.hideCurrentPopup(G.VIEWING)):(this._sheetsHyperLinkPopupService.hideCurrentPopup(G.ZEN_EDITOR),this._sheetsHyperLinkPopupService.endEditing(G.ZEN_EDITOR))})),this.disposeWithMe(this._univerInstanceService.focused$.pipe(at(e=>{let t=e===o?this._renderManagerService.getRenderById(e):null;return t?t.with(Pe).hoverCustomRanges$.pipe(rt(200)):new et(e=>{e.next(null)})})).subscribe(e=>{let t=e==null?void 0:e.find(e=>e.range.rangeType===r.HYPERLINK),n=this._editorBridgeService.getEditCellState();if(t&&n){let{unitId:e,sheetId:r,row:i,column:a}=n,{editPermission:o,viewPermission:s,copyPermission:c}=this._getLinkPermission({unitId:e,subUnitId:r,row:i,col:a});s&&this._sheetsHyperLinkPopupService.showPopup({type:G.ZEN_EDITOR,unitId:e,subUnitId:r,row:i,col:a,customRange:t.range,editPermission:o,copyPermission:c})}else this._sheetsHyperLinkPopupService.hideCurrentPopup(G.ZEN_EDITOR)}))}_initTextSelectionListener(){this.disposeWithMe(this._textSelectionManagerService.textSelection$.subscribe(e=>{e&&e.unitId===a&&this._sheetsHyperLinkPopupService.endEditing(G.EDITING)}))}_initCommandListener(){let e=[re.id,ne.id,M.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{e.includes(t.id)&&this._sheetsHyperLinkPopupService.hideCurrentPopup()}))}};Mn=q([K(0,v(be)),K(1,v(X)),K(2,v(Re)),K(3,v(g)),K(4,v(ce)),K(5,p),K(6,F),K(7,v(je)),K(8,_),K(9,Ge)],Mn);let Nn=class extends u{constructor(e,t){super(),this._context=e,this._hyperLinkModel=t,this._initSkeletonChange()}_initSkeletonChange(){let e=()=>{var e;(e=this._context.mainComponent)==null||e.makeForceDirty()};this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(rt(16)).subscribe(()=>{e()}))}};Nn=q([K(1,v(Et))],Nn);const Pn={[Ye.MEDIA]:{[Q.id]:{order:1,menuItemFactory:Tn},[xn(Q.id)]:{order:1,menuItemFactory:En}},[Ve.MAIN_AREA]:{[Be.OTHERS]:{order:1,[Q.id]:{order:0,menuItemFactory:Sn},[xn(Q.id)]:{order:0,menuItemFactory:Cn}}}};let Fn=class extends u{constructor(e,t,n,r,i){super(),this._componentManager=e,this._commandService=t,this._menuManagerService=n,this._injector=r,this._shortcutService=i,this._initComponents(),this._initCommands(),this._initMenus(),this._initShortCut()}_initComponents(){[[sn.componentKey,sn],[rn.componentKey,rn],[`LinkIcon`,zt]].forEach(([e,t])=>{this._componentManager.register(e,t)})}_initCommands(){[pn,mn,hn,Q].forEach(e=>{this._commandService.registerCommand(e)})}_initMenus(){this._menuManagerService.mergeMenu(Pn)}_initShortCut(){this._shortcutService.registerShortcut(Dn)}};Fn=q([K(0,v(ze)),K(1,p),K(2,He),K(3,v(y)),K(4,v(We))],Fn);let In=class extends u{constructor(e,t){super(),this._parserService=e,this._resolverService=t,this._handleInitUrl()}_handleInitUrl(){let e=location.hash;if(e){let t=this._parserService.parseHyperLink(e);this._resolverService.navigate(t)}}};In=q([K(0,v(Ot)),K(1,v(J))],In);let $=class extends S{constructor(e=Yt,t,n){super(),this._config=e,this._injector=t,this._configService=n;let{menu:r,...i}=k({},Yt,this._config);r&&this._configService.setConfig(`menu`,r,{merge:!0}),this._configService.setConfig(Jt,i)}onStarting(){[[J],[X],[en],[Mn],[Fn],[An],[_n],[jn],[In]].forEach(e=>this._injector.add(e))}onReady(){this._injector.get(Re).registerRenderModule(E.UNIVER_SHEET,[Nn]),this._injector.get(An),this._injector.get(_n),this._injector.get(Fn)}onRendered(){this._injector.get(jn),this._injector.get(In),this._injector.get(Mn)}};Y($,`pluginName`,gn),Y($,`packageName`,On),Y($,`version`,kn),Y($,`type`,E.UNIVER_SHEET),$=q([l(kt,Ie),K(1,v(y)),K(2,m)],$);export{mn as CloseHyperLinkPopupOperation,hn as InsertHyperLinkOperation,Dn as InsertLinkShortcut,pn as OpenHyperLinkEditPanelOperation,_n as SheetsHyperLinkCopyPasteController,X as SheetsHyperLinkPopupService,J as SheetsHyperLinkResolverService,en as SheetsHyperLinkSidePanelService,$ as UniverSheetsHyperLinkUIPlugin};
+import { BuildTextUtils, ColorKit, CommandType, CustomRangeType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOCS_ZEN_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DataValidationType, DependentOn, Disposable, DisposableCollection, FOCUSING_SHEET, ICommandService, IConfigService, IContextService, IPermissionService, IUniverInstanceService, Inject, Injector, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, ThemeService, Tools, UniverInstanceType, generateRandomId, isValidRange, merge } from "@univerjs/core";
+import { AUTO_FILL_APPLY_TYPE, AutoFillTools, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, IAutoFillService, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, SetSelectionsOperation, SetWorksheetActiveOperation, SheetPermissionCheckController, SheetsSelectionsService, WorkbookCopyPermission, WorkbookEditablePermission, WorkbookViewPermission, WorksheetCopyPermission, WorksheetEditPermission, WorksheetInsertHyperlinkPermission, WorksheetSetCellValuePermission, WorksheetViewPermission, getSheetCommandTarget, rangeToDiscreteRange } from "@univerjs/sheets";
+import { COPY_TYPE, HoverManagerService, HoverRenderController, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, PREDEFINED_HOOK_NAME_PASTE, ScrollToRangeOperation, SheetCanvasPopManagerService, SheetSkeletonManagerService, getCurrentRangeDisable$, getCustomRangePosition, getEditingCustomRangePosition, getRepeatRange, virtualizeDiscreteRanges, whenSheetEditorFocused } from "@univerjs/sheets-ui";
+import { DocSelectionManagerService } from "@univerjs/docs";
+import { DocBackScrollRenderController, DocCanvasPopManagerService, DocEventManagerService, DocSelectionRenderService, UniverDocsUIPlugin, calcDocRangePositions } from "@univerjs/docs-ui";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IMessageService, IShortcutService, IZenZoneService, KeyCode, MenuItemType, MetaKeys, RibbonInsertGroup, getMenuHiddenObservable, useDependency, useEvent, useObservable } from "@univerjs/ui";
+import { BehaviorSubject, Observable, Subject, combineLatest, debounceTime, map, of, switchMap } from "rxjs";
+import { Button, FormLayout, Input, MessageType, Select, Tooltip, borderClassName, clsx } from "@univerjs/design";
+import { IDefinedNamesService, deserializeRangeWithSheet, serializeRange, serializeRangeToRefString, serializeRangeWithSheet } from "@univerjs/engine-formula";
+import { RangeSelector } from "@univerjs/sheets-formula-ui";
+import { AddHyperLinkCommand, AddHyperLinkMutation, AddRichHyperLinkCommand, CancelHyperLinkCommand, CancelRichHyperLinkCommand, ERROR_RANGE, HyperLinkModel, RemoveHyperLinkMutation, SheetHyperLinkType, SheetsHyperLinkParserService, UniverSheetsHyperLinkPlugin, UpdateHyperLinkCommand, UpdateRichHyperLinkCommand } from "@univerjs/sheets-hyper-link";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AllBorderIcon, CopyIcon, LinkIcon, UnlinkIcon, WriteIcon, XlsxMultiIcon } from "@univerjs/icons";
+import { SheetDataValidationModel } from "@univerjs/sheets-data-validation";
+
+//#region src/types/enums/edit-source.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let HyperLinkEditSourceType = /* @__PURE__ */ function(HyperLinkEditSourceType) {
+	HyperLinkEditSourceType["EDITING"] = "editing";
+	HyperLinkEditSourceType["VIEWING"] = "viewing";
+	HyperLinkEditSourceType["ZEN_EDITOR"] = "zen_mode";
+	return HyperLinkEditSourceType;
+}({});
+
+//#endregion
+//#region src/common/util.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function isLegalLink(link) {
+	return Tools.isLegalUrl(link);
+}
+function hasProtocol(urlString) {
+	return /^[a-zA-Z]+:\/\//.test(urlString);
+}
+function isEmail(url) {
+	return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(url);
+}
+function serializeUrl(urlStr) {
+	if (isLegalLink(urlStr)) {
+		const transformedUrl = hasProtocol(urlStr) ? urlStr : isEmail(urlStr) ? `mailto://${urlStr}` : `http://${urlStr}`;
+		let url;
+		try {
+			url = new URL(transformedUrl);
+		} catch {
+			return urlStr;
+		}
+		if (url.hostname === location.hostname && url.port === location.port && url.protocol === location.protocol && url.pathname === location.pathname && url.hash && !url.search) return url.hash;
+		return transformedUrl;
+	}
+	return urlStr;
+}
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY = "sheets-hyper-link-ui.config";
+const configSymbol = Symbol(SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/services/resolver.service.ts
+function getContainRange(range, worksheet) {
+	const mergedCells = worksheet.getMergeData();
+	const maxCol = worksheet.getMaxColumns() - 1;
+	const maxRow = worksheet.getMaxRows() - 1;
+	if (maxCol < range.endColumn) range.endColumn = maxCol;
+	if (maxRow < range.endRow) range.endRow = maxRow;
+	if (range.rangeType === RANGE_TYPE.COLUMN || RANGE_TYPE.ROW) return range;
+	const relativeCells = [];
+	mergedCells.forEach((cell) => {
+		if (Rectangle.intersects(range, cell)) relativeCells.push(cell);
+	});
+	return Rectangle.realUnion(range, ...relativeCells);
+}
+let SheetsHyperLinkResolverService = class SheetsHyperLinkResolverService {
+	constructor(_univerInstanceService, _commandService, _definedNamesService, _messageService, _localeService, _configService) {
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		this._definedNamesService = _definedNamesService;
+		this._messageService = _messageService;
+		this._localeService = _localeService;
+		this._configService = _configService;
+	}
+	navigate(info) {
+		switch (info.type) {
+			case SheetHyperLinkType.URL:
+				this.navigateToOtherWebsite(info.url);
+				break;
+			default: this._navigateToUniver(info.searchObj);
+		}
+	}
+	_navigateToUniver(params) {
+		const { gid, range, rangeid } = params;
+		const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		if (!workbook) return;
+		const unitId = workbook.getUnitId();
+		if (rangeid) {
+			const item = this._definedNamesService.getValueById(unitId, rangeid);
+			if (!item) return;
+			const { formulaOrRefString } = item;
+			const worksheet = this._definedNamesService.getWorksheetByRef(unitId, formulaOrRefString);
+			if (!worksheet) {
+				this._messageService.show({
+					content: this._localeService.t("hyperLink.message.refError"),
+					type: MessageType.Error
+				});
+				return;
+			}
+			if (worksheet.isSheetHidden()) {
+				this._messageService.show({
+					content: this._localeService.t("hyperLink.message.hiddenSheet"),
+					type: MessageType.Error
+				});
+				return;
+			}
+			this.navigateToDefineName(unitId, rangeid);
+		}
+		if (!gid) return;
+		if (range) {
+			const rangeInfo = deserializeRangeWithSheet(range);
+			if (isValidRange(rangeInfo.range) && range !== ERROR_RANGE) this.navigateToRange(unitId, gid, rangeInfo.range);
+			return;
+		}
+		this.navigateToSheetById(unitId, gid);
+	}
+	async navigateToRange(unitId, subUnitId, range, forceTop) {
+		const worksheet = await this.navigateToSheetById(unitId, subUnitId);
+		if (worksheet) {
+			const realRange = getContainRange(range, worksheet);
+			await this._commandService.executeCommand(SetSelectionsOperation.id, {
+				unitId,
+				subUnitId,
+				selections: [{
+					range: realRange,
+					primary: null
+				}]
+			});
+			await this._commandService.executeCommand(ScrollToRangeOperation.id, {
+				range: realRange,
+				forceTop
+			});
+		}
+	}
+	async navigateToSheetById(unitId, subUnitId) {
+		const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+		if (!workbook) return false;
+		const worksheet = workbook.getActiveSheet();
+		if (!worksheet) return false;
+		if (worksheet.getSheetId() === subUnitId) return worksheet;
+		const targetSheet = workbook.getSheetBySheetId(subUnitId);
+		if (!targetSheet) {
+			this._messageService.show({
+				content: this._localeService.t("hyperLink.message.noSheet"),
+				type: MessageType.Error
+			});
+			return false;
+		}
+		if (workbook.getHiddenWorksheets().indexOf(subUnitId) > -1) {
+			this._messageService.show({
+				content: this._localeService.t("hyperLink.message.hiddenSheet"),
+				type: MessageType.Error
+			});
+			return false;
+		}
+		if (await this._commandService.executeCommand(SetWorksheetActiveOperation.id, {
+			unitId,
+			subUnitId
+		})) return targetSheet;
+		return false;
+	}
+	async navigateToDefineName(unitId, rangeId) {
+		this._definedNamesService.focusRange(unitId, rangeId);
+		return true;
+	}
+	async navigateToOtherWebsite(url) {
+		var _config$urlHandler;
+		const config = this._configService.getConfig(SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY);
+		if (config === null || config === void 0 || (_config$urlHandler = config.urlHandler) === null || _config$urlHandler === void 0 ? void 0 : _config$urlHandler.navigateToOtherWebsite) return config.urlHandler.navigateToOtherWebsite(url);
+		window.open(url, "_blank", "noopener noreferrer");
+	}
+};
+SheetsHyperLinkResolverService = __decorate([
+	__decorateParam(0, IUniverInstanceService),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IDefinedNamesService),
+	__decorateParam(3, IMessageService),
+	__decorateParam(4, Inject(LocaleService)),
+	__decorateParam(5, IConfigService)
+], SheetsHyperLinkResolverService);
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/side-panel.service.ts
+var SheetsHyperLinkSidePanelService = class extends Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_customHyperLinks", /* @__PURE__ */ new Map());
+	}
+	isBuiltInLinkType(type) {
+		return type !== SheetHyperLinkType.URL;
+	}
+	getOptions() {
+		return Array.from(this._customHyperLinks.values()).map(({ option }) => option);
+	}
+	findCustomHyperLink(link) {
+		return Array.from(this._customHyperLinks.values()).find((item) => item.match(link));
+	}
+	registerCustomHyperLink(customHyperLink) {
+		this._customHyperLinks.set(customHyperLink.type, customHyperLink);
+	}
+	getCustomHyperLink(type) {
+		return this._customHyperLinks.get(type);
+	}
+	removeCustomHyperLink(type) {
+		const { _customHyperLinks } = this;
+		_customHyperLinks.delete(type);
+	}
+	dispose() {
+		super.dispose();
+		this._customHyperLinks.clear();
+	}
+};
+
+//#endregion
+//#region src/views/CellLinkEdit/utils.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function isBlankInput(value) {
+	return value.trim().length === 0;
+}
+function resolveRangePayload(rangeText, defaultSheetName) {
+	const [range] = rangeText.split(",").map(deserializeRangeWithSheet);
+	if (!range || !isValidRange(range.range)) return "";
+	if (!range.sheetName) range.sheetName = defaultSheetName;
+	return serializeRangeToRefString(range);
+}
+
+//#endregion
+//#region src/views/CellLinkEdit/index.tsx
+const CellLinkEdit = () => {
+	var _definedNameService$g;
+	const [id, setId] = useState("");
+	const [hide, setHide] = useState(false);
+	const [display, _setDisplay] = useState("");
+	const [showLabel, setShowLabel] = useState(true);
+	const [type, setType] = useState(SheetHyperLinkType.URL);
+	const [payload, setPayload] = useState("");
+	const localeService = useDependency(LocaleService);
+	const definedNameService = useDependency(IDefinedNamesService);
+	const editorBridgeService = useDependency(IEditorBridgeService);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const popupService = useDependency(SheetsHyperLinkPopupService);
+	const editing = useObservable(popupService.currentEditing$);
+	const parserService = useDependency(SheetsHyperLinkParserService);
+	const resolverService = useDependency(SheetsHyperLinkResolverService);
+	const commandService = useDependency(ICommandService);
+	const sidePanelService = useDependency(SheetsHyperLinkSidePanelService);
+	const sidePanelOptions = useMemo(() => sidePanelService.getOptions(), [sidePanelService]);
+	const zenZoneService = useDependency(IZenZoneService);
+	const renderManagerService = useDependency(IRenderManagerService);
+	const markSelectionService = useDependency(IMarkSelectionService);
+	const textSelectionService = useDependency(DocSelectionManagerService);
+	const contextService = useDependency(IContextService);
+	const themeService = useDependency(ThemeService);
+	const docSelectionManagerService = useDependency(DocSelectionManagerService);
+	const [selectorDialogVisible, setSelectorDialogVisible] = useState(false);
+	const sheetsSelectionService = useDependency(SheetsSelectionsService);
+	const selections = useMemo(() => sheetsSelectionService.getCurrentSelections(), []);
+	const customHyperLinkSidePanel = useMemo(() => {
+		if (sidePanelService.isBuiltInLinkType(type)) return;
+		return sidePanelService.getCustomHyperLink(type);
+	}, [sidePanelService, type]);
+	const [showError, setShowError] = useState(false);
+	const [isFocusRangeSelector, setIsFocusRangeSelector] = useState(false);
+	const setByPayload = useRef(false);
+	const workbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+	const subUnitId = (workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getSheetId()) || "";
+	const setDisplay = useCallback((value) => {
+		_setDisplay(value.replaceAll(DataStreamTreeTokenType.CUSTOM_RANGE_START, "").replaceAll(DataStreamTreeTokenType.CUSTOM_RANGE_END, ""));
+	}, [_setDisplay]);
+	useEffect(() => {
+		if ((editing === null || editing === void 0 ? void 0 : editing.row) !== void 0 && editing.col !== void 0) {
+			const { customRange, row, col } = editing;
+			let { label } = editing;
+			if (typeof label === "number") label = `${label}`;
+			let link;
+			if (customRange) {
+				var _customRange$rangeId, _label, _customRange$properti, _customRange$properti2;
+				link = {
+					id: (_customRange$rangeId = customRange === null || customRange === void 0 ? void 0 : customRange.rangeId) !== null && _customRange$rangeId !== void 0 ? _customRange$rangeId : "",
+					display: (_label = label) !== null && _label !== void 0 ? _label : "",
+					payload: (_customRange$properti = customRange === null || customRange === void 0 || (_customRange$properti2 = customRange.properties) === null || _customRange$properti2 === void 0 ? void 0 : _customRange$properti2.url) !== null && _customRange$properti !== void 0 ? _customRange$properti : "",
+					row,
+					column: col
+				};
+			} else if (editing.type === HyperLinkEditSourceType.VIEWING) {
+				var _cell$p, _cell$p2, _range$properties$url, _range$properties2;
+				const workbook = univerInstanceService.getUnit(editing.unitId);
+				const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(editing.subUnitId);
+				const cell = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCellRaw(editing.row, editing.col);
+				const range = cell === null || cell === void 0 || (_cell$p = cell.p) === null || _cell$p === void 0 || (_cell$p = _cell$p.body) === null || _cell$p === void 0 || (_cell$p = _cell$p.customRanges) === null || _cell$p === void 0 ? void 0 : _cell$p.find((range) => {
+					var _range$properties;
+					return range.rangeType === CustomRangeType.HYPERLINK && ((_range$properties = range.properties) === null || _range$properties === void 0 ? void 0 : _range$properties.url);
+				});
+				const cellValue = cell === null || cell === void 0 ? void 0 : cell.v;
+				if (cell && (!BuildTextUtils.transform.isEmptyDocument((_cell$p2 = cell.p) === null || _cell$p2 === void 0 || (_cell$p2 = _cell$p2.body) === null || _cell$p2 === void 0 ? void 0 : _cell$p2.dataStream) || Tools.isDefine(cellValue))) setShowLabel(false);
+				link = {
+					id: "",
+					display: "",
+					payload: (_range$properties$url = range === null || range === void 0 || (_range$properties2 = range.properties) === null || _range$properties2 === void 0 ? void 0 : _range$properties2.url) !== null && _range$properties$url !== void 0 ? _range$properties$url : "",
+					row,
+					column: col
+				};
+			} else {
+				var _BuildTextUtils$custo, _body$customRanges, _label2, _customRange$properti3, _customRange$properti4;
+				const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
+				const currentSelection = textSelectionService.getActiveTextRange();
+				const body = doc === null || doc === void 0 ? void 0 : doc.getBody();
+				const selection = currentSelection && body ? currentSelection : null;
+				const customRange = selection && ((_BuildTextUtils$custo = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_body$customRanges = body === null || body === void 0 ? void 0 : body.customRanges) !== null && _body$customRanges !== void 0 ? _body$customRanges : [])) === null || _BuildTextUtils$custo === void 0 ? void 0 : _BuildTextUtils$custo[0]);
+				setShowLabel(false);
+				link = {
+					id: "",
+					display: (_label2 = label) !== null && _label2 !== void 0 ? _label2 : "",
+					payload: (_customRange$properti3 = customRange === null || customRange === void 0 || (_customRange$properti4 = customRange.properties) === null || _customRange$properti4 === void 0 ? void 0 : _customRange$properti4.url) !== null && _customRange$properti3 !== void 0 ? _customRange$properti3 : "",
+					row,
+					column: col
+				};
+			}
+			setId(link.id);
+			const customLink = sidePanelService.findCustomHyperLink(link);
+			if (customLink) {
+				const customLinkInfo = customLink.convert(link);
+				setType(customLinkInfo.type);
+				setPayload(customLinkInfo.payload);
+				setDisplay(customLinkInfo.display);
+				return;
+			}
+			setDisplay(link.display);
+			const linkInfo = parserService.parseHyperLink(link.payload);
+			setType(linkInfo.type === SheetHyperLinkType.INVALID ? SheetHyperLinkType.RANGE : linkInfo.type);
+			switch (linkInfo.type) {
+				case SheetHyperLinkType.URL:
+					setPayload(linkInfo.url);
+					if (linkInfo.url === link.display) setByPayload.current = true;
+					break;
+				case SheetHyperLinkType.RANGE: {
+					var _univerInstanceServic, _univerInstanceServic2;
+					const params = linkInfo.searchObj;
+					const payload = serializeRangeWithSheet(params.gid ? (_univerInstanceServic = (_univerInstanceServic2 = univerInstanceService.getUnit(editing.unitId)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetId(params.gid)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getName()) !== null && _univerInstanceServic !== void 0 ? _univerInstanceServic : "" : "", deserializeRangeWithSheet(params.range).range);
+					setPayload(payload);
+					if (payload === link.display) setByPayload.current = true;
+					break;
+				}
+				case SheetHyperLinkType.SHEET: {
+					const params = linkInfo.searchObj;
+					setPayload(params.gid);
+					break;
+				}
+				case SheetHyperLinkType.DEFINE_NAME: {
+					const params = linkInfo.searchObj;
+					setPayload(params.rangeid);
+					break;
+				}
+				default:
+					setPayload("");
+					break;
+			}
+		}
+	}, [
+		editing,
+		resolverService,
+		sidePanelService,
+		textSelectionService,
+		univerInstanceService
+	]);
+	useEffect(() => {
+		let id = null;
+		if (editing && !editing.customRangeId && editing.type === HyperLinkEditSourceType.VIEWING && Tools.isDefine(editing.row) && Tools.isDefine(editing.col)) {
+			const workbook = univerInstanceService.getUnit(editing.unitId, UniverInstanceType.UNIVER_SHEET);
+			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(editing.subUnitId);
+			const mergeInfo = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergedCell(editing.row, editing.col);
+			const color = new ColorKit(themeService.getColorFromTheme("primary.600")).toRgb();
+			id = markSelectionService.addShape({
+				range: mergeInfo !== null && mergeInfo !== void 0 ? mergeInfo : {
+					startColumn: editing.col,
+					endColumn: editing.col,
+					startRow: editing.row,
+					endRow: editing.row
+				},
+				style: {
+					fill: `rgb(${color.r}, ${color.g}, ${color.b}, 0.12)`,
+					strokeWidth: 1,
+					stroke: "#FFBD37",
+					widgets: {}
+				},
+				primary: null
+			}, [], -1);
+		}
+		return () => {
+			if (id) markSelectionService.removeShape(id);
+		};
+	}, [
+		editing,
+		markSelectionService,
+		themeService,
+		univerInstanceService
+	]);
+	useEffect(() => {
+		setIsFocusRangeSelector(type === SheetHyperLinkType.RANGE);
+	}, [type]);
+	useEffect(() => {
+		const render = (editing === null || editing === void 0 ? void 0 : editing.type) === HyperLinkEditSourceType.ZEN_EDITOR ? renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY) : renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId());
+		const disposeCollection = new DisposableCollection();
+		if (render) {
+			const selectionRenderService = render.with(DocSelectionRenderService);
+			selectionRenderService.setReserveRangesStatus(true);
+			disposeCollection.add(() => {
+				selectionRenderService.setReserveRangesStatus(false);
+			});
+		}
+		return () => {
+			editorBridgeService.disableForceKeepVisible();
+			disposeCollection.dispose();
+		};
+	}, [
+		editing === null || editing === void 0 ? void 0 : editing.type,
+		editorBridgeService,
+		renderManagerService
+	]);
+	useEffect(() => {
+		if (isFocusRangeSelector) popupService.setIsKeepVisible(isFocusRangeSelector);
+		popupService.setIsKeepVisible(selectorDialogVisible);
+		return () => {
+			popupService.setIsKeepVisible(false);
+		};
+	}, [
+		isFocusRangeSelector,
+		selectorDialogVisible,
+		popupService
+	]);
+	useEffect(() => {
+		return () => {
+			if (zenZoneService.temporaryHidden) {
+				zenZoneService.show();
+				contextService.setContextValue(FOCUSING_SHEET, false);
+			}
+		};
+	}, [contextService, zenZoneService]);
+	useEffect(() => {
+		if (isFocusRangeSelector) {
+			editorBridgeService.enableForceKeepVisible();
+			return () => {
+				editorBridgeService.disableForceKeepVisible();
+			};
+		}
+	}, [isFocusRangeSelector, editorBridgeService]);
+	const linkTypeOptions = [
+		{
+			label: localeService.t("hyperLink.form.link"),
+			value: SheetHyperLinkType.URL
+		},
+		{
+			label: localeService.t("hyperLink.form.range"),
+			value: SheetHyperLinkType.RANGE
+		},
+		{
+			label: localeService.t("hyperLink.form.worksheet"),
+			value: SheetHyperLinkType.SHEET
+		},
+		{
+			label: localeService.t("hyperLink.form.definedName"),
+			value: SheetHyperLinkType.DEFINE_NAME
+		},
+		...sidePanelOptions
+	];
+	if (!workbook) return;
+	const hiddens = workbook.getHiddenWorksheets();
+	const sheetsOption = workbook.getSheets().map((sheet) => ({
+		label: sheet.getName(),
+		value: sheet.getSheetId()
+	})).filter((opt) => hiddens.indexOf(opt.value) === -1);
+	const definedNames = Object.values((_definedNameService$g = definedNameService.getDefinedNameMap(workbook.getUnitId())) !== null && _definedNameService$g !== void 0 ? _definedNameService$g : {}).map((value) => ({
+		label: value.name,
+		value: value.id
+	}));
+	const formatUrl = (type, payload) => {
+		if (type === SheetHyperLinkType.URL) return serializeUrl(payload);
+		if (type === SheetHyperLinkType.RANGE) {
+			const info = deserializeRangeWithSheet(payload);
+			const worksheet = workbook.getSheetBySheetName(info.sheetName);
+			if (worksheet) return `#gid=${worksheet.getSheetId()}&range=${serializeRange(info.range)}`;
+		}
+		return `#${type}=${payload}`;
+	};
+	const handleRangeChange = useEvent((rangeText) => {
+		var _workbook$getActiveSh;
+		const newPayload = resolveRangePayload(rangeText, ((_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getName()) || "");
+		if (!newPayload) {
+			setPayload("");
+			return;
+		}
+		setPayload(newPayload);
+		if (newPayload && (setByPayload.current || !display)) {
+			setDisplay(newPayload);
+			setByPayload.current = true;
+		}
+	});
+	const handleSubmit = async () => {
+		if (showLabel && isBlankInput(display) || !payload || type === SheetHyperLinkType.URL && !isLegalLink(payload)) {
+			setShowError(true);
+			return;
+		}
+		if (editing) if (id) {
+			const commandId = editing.type === HyperLinkEditSourceType.ZEN_EDITOR || editing.type === HyperLinkEditSourceType.EDITING ? UpdateRichHyperLinkCommand.id : UpdateHyperLinkCommand.id;
+			await commandService.executeCommand(commandId, {
+				id,
+				unitId: editing.unitId,
+				subUnitId: editing.subUnitId,
+				payload: {
+					display: showLabel ? display : "",
+					payload: formatUrl(type, payload)
+				},
+				row: editing.row,
+				column: editing.col,
+				documentId: editing.type === HyperLinkEditSourceType.ZEN_EDITOR ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+			});
+		} else {
+			const commandId = editing.type === HyperLinkEditSourceType.ZEN_EDITOR || editing.type === HyperLinkEditSourceType.EDITING ? AddRichHyperLinkCommand.id : AddHyperLinkCommand.id;
+			await commandService.executeCommand(commandId, {
+				unitId: editing.unitId,
+				subUnitId: editing.subUnitId,
+				link: {
+					id: generateRandomId(),
+					row: editing.row,
+					column: editing.col,
+					payload: formatUrl(type, payload),
+					display: showLabel ? display : ""
+				},
+				documentId: editing.type === HyperLinkEditSourceType.ZEN_EDITOR ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+			});
+		}
+		if ((editing === null || editing === void 0 ? void 0 : editing.type) === HyperLinkEditSourceType.VIEWING) {
+			await commandService.executeCommand(SetWorksheetActiveOperation.id, {
+				unitId: editing.unitId,
+				subUnitId: editing.subUnitId
+			});
+			const GAP = 1;
+			await commandService.executeCommand(ScrollToRangeOperation.id, { range: {
+				startRow: Math.max(editing.row - GAP, 0),
+				endRow: editing.row + GAP,
+				startColumn: Math.max(editing.col - GAP, 0),
+				endColumn: editing.col + GAP
+			} });
+		}
+		commandService.executeCommand(CloseHyperLinkPopupOperation.id);
+	};
+	if (!editing) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-box-border univer-w-[296px] univer-rounded-xl univer-bg-white univer-p-4 univer-shadow-md dark:!univer-bg-gray-900", borderClassName),
+		children: [
+			showLabel ? /* @__PURE__ */ jsx(FormLayout, {
+				label: localeService.t("hyperLink.form.label"),
+				error: showError && isBlankInput(display) ? localeService.t("hyperLink.form.inputError") : "",
+				children: /* @__PURE__ */ jsx(Input, {
+					value: display,
+					onChange: (v) => {
+						setDisplay(v);
+						setByPayload.current = false;
+					},
+					placeholder: localeService.t("hyperLink.form.labelPlaceholder"),
+					autoFocus: true,
+					onKeyDown: (e) => {
+						if (e.keyCode === KeyCode.ENTER) handleSubmit();
+					}
+				})
+			}) : null,
+			/* @__PURE__ */ jsx(FormLayout, {
+				label: localeService.t("hyperLink.form.type"),
+				children: /* @__PURE__ */ jsx(Select, {
+					className: "univer-w-full",
+					options: linkTypeOptions,
+					value: type,
+					onChange: (newType) => {
+						setType(newType);
+						setPayload("");
+					}
+				})
+			}),
+			type === SheetHyperLinkType.URL && /* @__PURE__ */ jsx(FormLayout, {
+				error: showError ? !payload ? localeService.t("hyperLink.form.inputError") : !isLegalLink(payload) ? localeService.t("hyperLink.form.linkError") : "" : "",
+				children: /* @__PURE__ */ jsx(Input, {
+					value: payload,
+					onChange: (newLink) => {
+						setPayload(newLink);
+						if (newLink && (setByPayload.current || !display || display === newLink)) {
+							setDisplay(newLink);
+							setByPayload.current = true;
+						}
+					},
+					placeholder: localeService.t("hyperLink.form.linkPlaceholder"),
+					autoFocus: true,
+					onKeyDown: (e) => {
+						if (e.keyCode === KeyCode.ENTER) handleSubmit();
+					}
+				})
+			}),
+			type === SheetHyperLinkType.RANGE && /* @__PURE__ */ jsx(FormLayout, {
+				error: showError && !payload ? localeService.t("hyperLink.form.inputError") : "",
+				children: /* @__PURE__ */ jsx(RangeSelector, {
+					unitId: workbook.getUnitId(),
+					subUnitId,
+					maxRangeCount: 1,
+					supportAcrossSheet: true,
+					initialValue: payload,
+					resetRange: selections,
+					onChange: (_, text) => handleRangeChange(text),
+					onRangeSelectorDialogVisibleChange: async (visible) => {
+						setSelectorDialogVisible(visible);
+						if (visible) {
+							if (editing.type === HyperLinkEditSourceType.ZEN_EDITOR) {
+								zenZoneService.hide();
+								contextService.setContextValue(FOCUSING_SHEET, true);
+							}
+							if (editing.type !== HyperLinkEditSourceType.VIEWING) editorBridgeService.enableForceKeepVisible();
+							setHide(true);
+						} else {
+							await resolverService.navigateToRange(editing.unitId, editing.subUnitId, {
+								startRow: editing.row,
+								endRow: editing.row,
+								startColumn: editing.col,
+								endColumn: editing.col
+							}, true);
+							if (editing.type === HyperLinkEditSourceType.ZEN_EDITOR) {
+								var _renderManagerService, _docSelectionManagerS;
+								await commandService.executeCommand(SetSelectionsOperation.id, {
+									unitId: editing.unitId,
+									subUnitId: editing.subUnitId,
+									selections: [{ range: {
+										startRow: editing.row,
+										endRow: editing.row,
+										startColumn: editing.col,
+										endColumn: editing.col
+									} }]
+								});
+								zenZoneService.show();
+								contextService.setContextValue(FOCUSING_SHEET, false);
+								const docBackScrollRenderController = (_renderManagerService = renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(DocBackScrollRenderController);
+								const range = (_docSelectionManagerS = docSelectionManagerService.getTextRanges({
+									unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+									subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY
+								})) === null || _docSelectionManagerS === void 0 ? void 0 : _docSelectionManagerS[0];
+								if (docBackScrollRenderController && range) {
+									docBackScrollRenderController.scrollToRange(range);
+									docSelectionManagerService.refreshSelection({
+										unitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+										subUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY
+									});
+								}
+							}
+							editorBridgeService.disableForceKeepVisible();
+							setHide(false);
+						}
+					},
+					onFocusChange: (focus) => setIsFocusRangeSelector(focus)
+				})
+			}),
+			type === SheetHyperLinkType.SHEET && /* @__PURE__ */ jsx(FormLayout, {
+				error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "",
+				children: /* @__PURE__ */ jsx(Select, {
+					className: "univer-w-full",
+					options: sheetsOption,
+					value: payload,
+					onChange: (newPayload) => {
+						var _sheetsOption$find, _sheetsOption$find2;
+						setPayload(newPayload);
+						const label = (_sheetsOption$find = sheetsOption.find((i) => i.value === newPayload)) === null || _sheetsOption$find === void 0 ? void 0 : _sheetsOption$find.label;
+						const oldLabel = (_sheetsOption$find2 = sheetsOption.find((i) => i.value === payload)) === null || _sheetsOption$find2 === void 0 ? void 0 : _sheetsOption$find2.label;
+						if (label && (setByPayload.current || !display || display === oldLabel)) {
+							setDisplay(label);
+							setByPayload.current = true;
+						}
+					}
+				})
+			}),
+			type === SheetHyperLinkType.DEFINE_NAME && /* @__PURE__ */ jsx(FormLayout, {
+				error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "",
+				children: /* @__PURE__ */ jsx(Select, {
+					className: "univer-w-full",
+					options: definedNames,
+					value: payload,
+					onChange: (newValue) => {
+						var _definedNames$find, _definedNames$find2;
+						setPayload(newValue);
+						const label = (_definedNames$find = definedNames.find((i) => i.value === newValue)) === null || _definedNames$find === void 0 ? void 0 : _definedNames$find.label;
+						const oldLabel = (_definedNames$find2 = definedNames.find((i) => i.value === payload)) === null || _definedNames$find2 === void 0 ? void 0 : _definedNames$find2.label;
+						if (label && (setByPayload.current || !display || display === oldLabel)) {
+							setDisplay(label);
+							setByPayload.current = true;
+						}
+					}
+				})
+			}),
+			(customHyperLinkSidePanel === null || customHyperLinkSidePanel === void 0 ? void 0 : customHyperLinkSidePanel.Form) && /* @__PURE__ */ jsx(customHyperLinkSidePanel.Form, {
+				linkId: id,
+				payload,
+				display,
+				showError,
+				setByPayload,
+				setDisplay: (newLink) => {
+					setDisplay(newLink);
+					setByPayload.current = true;
+				},
+				setPayload
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-flex univer-flex-row univer-justify-end univer-gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => {
+						if (editing) resolverService.navigateToRange(editing.unitId, editing.subUnitId, {
+							startRow: editing.row,
+							endRow: editing.row,
+							startColumn: editing.col,
+							endColumn: editing.col
+						}, true);
+						commandService.executeCommand(CloseHyperLinkPopupOperation.id);
+					},
+					children: localeService.t("hyperLink.form.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: async () => {
+						handleSubmit();
+					},
+					children: localeService.t("hyperLink.form.ok")
+				})]
+			})
+		]
+	});
+};
+CellLinkEdit.componentKey = "univer.sheet.cell-link-edit";
+
+//#endregion
+//#region src/views/CellLinkPopup/index.tsx
+const iconsMap = {
+	[SheetHyperLinkType.URL]: /* @__PURE__ */ jsx(LinkIcon, {}),
+	[SheetHyperLinkType.SHEET]: /* @__PURE__ */ jsx(XlsxMultiIcon, { className: "univer-text-green-500" }),
+	[SheetHyperLinkType.RANGE]: /* @__PURE__ */ jsx(AllBorderIcon, {}),
+	[SheetHyperLinkType.DEFINE_NAME]: /* @__PURE__ */ jsx(AllBorderIcon, {}),
+	[SheetHyperLinkType.INVALID]: /* @__PURE__ */ jsx(AllBorderIcon, {})
+};
+const CellLinkPopupPure = (props) => {
+	var _customRange$properti, _customRange$properti2;
+	const popupService = useDependency(SheetsHyperLinkPopupService);
+	const commandService = useDependency(ICommandService);
+	const messageService = useDependency(IMessageService);
+	const localeService = useDependency(LocaleService);
+	const resolverService = useDependency(SheetsHyperLinkResolverService);
+	const editorBridgeService = useDependency(IEditorBridgeService);
+	const parserHyperLinkService = useDependency(SheetsHyperLinkParserService);
+	const zenZoneService = useDependency(IZenZoneService);
+	const { customRange, row, col, unitId, subUnitId, editPermission, copyPermission, type } = props;
+	if (!(customRange === null || customRange === void 0 || (_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.url)) return null;
+	const linkObj = parserHyperLinkService.parseHyperLink((_customRange$properti2 = customRange.properties.url) !== null && _customRange$properti2 !== void 0 ? _customRange$properti2 : "");
+	const isError = linkObj.type === SheetHyperLinkType.INVALID;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-mb-1 univer-flex univer-max-w-80 univer-flex-row univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow-md dark:!univer-bg-gray-900", borderClassName),
+		onClick: () => popupService.hideCurrentPopup(),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: clsx("univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-flex-row univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-600", { "univer-text-red-500": isError }),
+			onClick: () => {
+				if (zenZoneService.visible) return;
+				if (isError) return;
+				resolverService.navigate(linkObj);
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "univer-mr-2 univer-flex univer-size-5 univer-flex-none univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white",
+				children: iconsMap[linkObj.type]
+			}), /* @__PURE__ */ jsx(Tooltip, {
+				showIfEllipsis: true,
+				title: linkObj.name,
+				asChild: true,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "univer-flex-1 univer-truncate",
+					children: linkObj.name
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center",
+			children: [copyPermission && /* @__PURE__ */ jsx("div", {
+				className: clsx("univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", { "univer-text-red-500": isError }),
+				onClick: () => {
+					if (isError) return;
+					if (linkObj.type !== SheetHyperLinkType.URL) {
+						const url = new URL(window.location.href);
+						url.hash = linkObj.url.slice(1);
+						navigator.clipboard.writeText(url.href);
+					} else navigator.clipboard.writeText(linkObj.url);
+					messageService.show({
+						content: localeService.t("hyperLink.message.coped"),
+						type: MessageType.Info
+					});
+				},
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					placement: "bottom",
+					title: localeService.t("hyperLink.popup.copy"),
+					children: /* @__PURE__ */ jsx(CopyIcon, { className: "dark:!univer-text-white" })
+				})
+			}), editPermission && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+				onClick: () => {
+					commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
+						unitId,
+						subUnitId,
+						row,
+						col,
+						customRangeId: customRange.rangeId,
+						type
+					});
+				},
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					placement: "bottom",
+					title: localeService.t("hyperLink.popup.edit"),
+					children: /* @__PURE__ */ jsx(WriteIcon, { className: "dark:!univer-text-white" })
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-flex-row univer-items-center univer-justify-center univer-rounded univer-text-base hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+				onClick: () => {
+					const commandId = type === HyperLinkEditSourceType.EDITING || type === HyperLinkEditSourceType.ZEN_EDITOR ? CancelRichHyperLinkCommand.id : CancelHyperLinkCommand.id;
+					if (commandService.syncExecuteCommand(commandId, {
+						unitId,
+						subUnitId,
+						id: customRange.rangeId,
+						row,
+						column: col,
+						documentId: type === HyperLinkEditSourceType.ZEN_EDITOR ? DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+					})) popupService.hideCurrentPopup(void 0, true);
+				},
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					placement: "bottom",
+					title: localeService.t("hyperLink.popup.cancel"),
+					children: /* @__PURE__ */ jsx(UnlinkIcon, { className: "dark:!univer-text-white" })
+				})
+			})] })]
+		})]
+	});
+};
+const CellLinkPopup = () => {
+	const popupService = useDependency(SheetsHyperLinkPopupService);
+	const [currentPopup, setCurrentPopup] = useState(null);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	useEffect(() => {
+		setCurrentPopup(popupService.currentPopup);
+		const ob = popupService.currentPopup$.subscribe((popup) => {
+			setCurrentPopup(popup);
+		});
+		return () => {
+			ob.unsubscribe();
+		};
+	}, [popupService.currentPopup, popupService.currentPopup$]);
+	if (!currentPopup) return null;
+	if (currentPopup.showAll) {
+		var _cell$p;
+		const workbook = univerInstanceService.getUnit(currentPopup.unitId, UniverInstanceType.UNIVER_SHEET);
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(currentPopup.subUnitId);
+		const cell = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCell(currentPopup.row, currentPopup.col);
+		const customRanges = cell === null || cell === void 0 || (_cell$p = cell.p) === null || _cell$p === void 0 || (_cell$p = _cell$p.body) === null || _cell$p === void 0 ? void 0 : _cell$p.customRanges;
+		return (customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) ? /* @__PURE__ */ jsx("div", { children: customRanges.map((customRange) => {
+			return /* @__PURE__ */ jsx(CellLinkPopupPure, {
+				...currentPopup,
+				customRange
+			}, customRange.rangeId);
+		}) }) : null;
+	}
+	return /* @__PURE__ */ jsx(CellLinkPopupPure, { ...currentPopup });
+};
+CellLinkPopup.componentKey = "univer.sheet.cell-link-popup";
+
+//#endregion
+//#region src/services/popup.service.ts
+const isEqualLink = (a, b) => {
+	var _a$customRange, _b$customRange;
+	return a.unitId === b.unitId && a.subUnitId === b.subUnitId && a.row === b.row && a.col === b.col && ((_a$customRange = a.customRange) === null || _a$customRange === void 0 ? void 0 : _a$customRange.rangeId) === ((_b$customRange = b.customRange) === null || _b$customRange === void 0 ? void 0 : _b$customRange.rangeId) && a.type === b.type;
+};
+let SheetsHyperLinkPopupService = class SheetsHyperLinkPopupService extends Disposable {
+	get currentPopup() {
+		return this._currentPopup;
+	}
+	get currentEditing() {
+		return this._currentEditing$.getValue();
+	}
+	constructor(_sheetCanvasPopManagerService, _injector, _univerInstanceService, _editorBridgeService, _textSelectionManagerService, _docCanvasPopManagerService, _zenZoneService) {
+		super();
+		this._sheetCanvasPopManagerService = _sheetCanvasPopManagerService;
+		this._injector = _injector;
+		this._univerInstanceService = _univerInstanceService;
+		this._editorBridgeService = _editorBridgeService;
+		this._textSelectionManagerService = _textSelectionManagerService;
+		this._docCanvasPopManagerService = _docCanvasPopManagerService;
+		this._zenZoneService = _zenZoneService;
+		_defineProperty(this, "_currentPopup", null);
+		_defineProperty(this, "_currentPopup$", new Subject());
+		_defineProperty(this, "currentPopup$", this._currentPopup$.asObservable());
+		_defineProperty(this, "_currentEditingPopup", null);
+		_defineProperty(this, "_currentEditing$", new BehaviorSubject(null));
+		_defineProperty(this, "currentEditing$", this._currentEditing$.asObservable());
+		_defineProperty(this, "_isKeepVisible", false);
+		this.disposeWithMe(() => {
+			this.hideCurrentPopup();
+			this.endEditing();
+			this._currentEditing$.complete();
+			this._currentPopup$.complete();
+		});
+	}
+	setIsKeepVisible(v) {
+		this._isKeepVisible = v;
+	}
+	getIsKeepVisible() {
+		return this._isKeepVisible;
+	}
+	showPopup(location) {
+		if (this._currentPopup && isEqualLink(location, this._currentPopup)) return;
+		this.hideCurrentPopup(void 0, true);
+		if (location.type !== HyperLinkEditSourceType.ZEN_EDITOR && this._zenZoneService.visible) return;
+		const currentEditing = this._currentEditing$.getValue();
+		if (currentEditing && isEqualLink(location, currentEditing)) return;
+		const { unitId, subUnitId, row, col, customRangeRect, customRange } = location;
+		let disposable;
+		const popup = {
+			componentKey: CellLinkPopup.componentKey,
+			direction: "bottom",
+			onClickOutside: () => {
+				this.hideCurrentPopup();
+			},
+			onClick: () => {
+				this.hideCurrentPopup(location.type, true);
+			}
+		};
+		if (location.type === HyperLinkEditSourceType.EDITING) {
+			if (!customRange) return;
+			disposable = customRangeRect && this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(customRangeRect, popup);
+		} else if (location.type === HyperLinkEditSourceType.ZEN_EDITOR) {
+			if (!customRange) return;
+			disposable = this._docCanvasPopManagerService.attachPopupToRange({
+				startOffset: customRange.startIndex,
+				endOffset: customRange.endIndex + 1,
+				collapsed: false
+			}, popup, DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		} else if (location.showAll) disposable = this._sheetCanvasPopManagerService.attachPopupToCell(location.row, location.col, popup, unitId, subUnitId);
+		else {
+			if (!customRange) return;
+			disposable = customRangeRect && this._sheetCanvasPopManagerService.attachPopupByPosition(customRangeRect, popup, location);
+		}
+		if (disposable) {
+			if (this._currentPopup) {
+				var _this$_currentPopup$d;
+				(_this$_currentPopup$d = this._currentPopup.disposable) === null || _this$_currentPopup$d === void 0 || _this$_currentPopup$d.dispose();
+			}
+			this._currentPopup = {
+				unitId,
+				subUnitId,
+				disposable,
+				row,
+				col,
+				editPermission: !!location.editPermission,
+				copyPermission: !!location.copyPermission,
+				customRange,
+				type: location.type,
+				showAll: location.showAll
+			};
+			this._currentPopup$.next(this._currentPopup);
+		}
+	}
+	hideCurrentPopup(type, force) {
+		if (!this._currentPopup) return;
+		if ((!type || type === this._currentPopup.type) && this._currentPopup.disposable.canDispose() || force) {
+			var _this$_currentPopup;
+			(_this$_currentPopup = this._currentPopup) === null || _this$_currentPopup === void 0 || (_this$_currentPopup = _this$_currentPopup.disposable) === null || _this$_currentPopup === void 0 || _this$_currentPopup.dispose();
+			this._currentPopup = null;
+			this._currentPopup$.next(null);
+		}
+	}
+	dispose() {
+		super.dispose();
+		this.hideCurrentPopup();
+		this.endEditing();
+		this._currentPopup$.complete();
+		this._currentEditing$.complete();
+	}
+	_getEditingRange() {
+		const visible = this._editorBridgeService.isVisible().visible;
+		const state = this._editorBridgeService.getEditCellState();
+		if (visible && state) {
+			var _state$documentLayout, _body$customRanges$fi, _body$customRanges;
+			const textRange = this._textSelectionManagerService.getActiveTextRange();
+			const body = (_state$documentLayout = state.documentLayoutObject.documentModel) === null || _state$documentLayout === void 0 ? void 0 : _state$documentLayout.getBody();
+			if (!body) return null;
+			if (!textRange || textRange.collapsed) return {
+				startOffset: 0,
+				endOffset: body.dataStream.length - 2,
+				collapsed: body.dataStream.length - 2 === 0,
+				label: BuildTextUtils.transform.getPlainText(body.dataStream)
+			};
+			const links = BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(textRange, (_body$customRanges$fi = (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.filter((i) => i.rangeType === CustomRangeType.HYPERLINK)) !== null && _body$customRanges$fi !== void 0 ? _body$customRanges$fi : []);
+			let start = textRange.startOffset;
+			let end = textRange.endOffset;
+			links.forEach((link) => {
+				start = Math.min(start, link.startIndex);
+				end = Math.max(end, link.endIndex + 1);
+			});
+			return {
+				startOffset: start,
+				endOffset: end,
+				collapsed: start === end,
+				label: BuildTextUtils.transform.getPlainText(body.dataStream.slice(start, end))
+			};
+		}
+		return null;
+	}
+	get _editPopup() {
+		return {
+			componentKey: CellLinkEdit.componentKey,
+			direction: "vertical",
+			onClickOutside: () => {
+				this.endEditing();
+			},
+			onContextMenu: () => {
+				this.endEditing();
+			},
+			hiddenType: "hide"
+		};
+	}
+	startAddEditing(link) {
+		const { unitId, subUnitId, type } = link;
+		if (type === HyperLinkEditSourceType.ZEN_EDITOR) {
+			var _document$getBody;
+			const document = this._univerInstanceService.getUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
+			if (!document) return;
+			const range = this._textSelectionManagerService.getActiveTextRange();
+			if (!range) return;
+			this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange(range, this._editPopup, DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+			const label = (_document$getBody = document.getBody()) === null || _document$getBody === void 0 ? void 0 : _document$getBody.dataStream.slice(range.startOffset, range.endOffset);
+			this._currentEditing$.next({
+				...link,
+				label
+			});
+		} else if (type === HyperLinkEditSourceType.EDITING) {
+			var _range$label;
+			const range = this._getEditingRange();
+			if (!range) return;
+			this._textSelectionManagerService.replaceDocRanges([{ ...range }], {
+				unitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
+				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
+			});
+			const currentRender = this._injector.get(IRenderManagerService).getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+			if (!currentRender) return;
+			const rects = calcDocRangePositions(range, currentRender);
+			if (!(rects === null || rects === void 0 ? void 0 : rects.length)) return;
+			this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(rects.pop(), this._editPopup, unitId, subUnitId);
+			this._currentEditing$.next({
+				...link,
+				label: (_range$label = range === null || range === void 0 ? void 0 : range.label) !== null && _range$label !== void 0 ? _range$label : ""
+			});
+		} else {
+			var _cell$p$body$dataStre, _cell$p$body, _cell$v;
+			this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupToCell(link.row, link.col, this._editPopup, unitId, subUnitId);
+			const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+			const cell = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCellRaw(link.row, link.col);
+			this._currentEditing$.next({
+				...link,
+				label: (cell === null || cell === void 0 ? void 0 : cell.p) ? BuildTextUtils.transform.getPlainText((_cell$p$body$dataStre = (_cell$p$body = cell.p.body) === null || _cell$p$body === void 0 ? void 0 : _cell$p$body.dataStream) !== null && _cell$p$body$dataStre !== void 0 ? _cell$p$body$dataStre : "") : ((_cell$v = cell === null || cell === void 0 ? void 0 : cell.v) !== null && _cell$v !== void 0 ? _cell$v : "").toString()
+			});
+		}
+	}
+	startEditing(link) {
+		var _this$_currentEditing;
+		(_this$_currentEditing = this._currentEditingPopup) === null || _this$_currentEditing === void 0 || _this$_currentEditing.dispose();
+		this.hideCurrentPopup(void 0, true);
+		const { unitId, subUnitId } = link;
+		let customRange;
+		let label;
+		if (link.type === HyperLinkEditSourceType.ZEN_EDITOR) {
+			var _document$getBody2, _document$getBody3;
+			const document = this._univerInstanceService.getUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
+			customRange = document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 || (_document$getBody2 = _document$getBody2.customRanges) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.find((range) => range.rangeId === link.customRangeId);
+			label = customRange ? document === null || document === void 0 || (_document$getBody3 = document.getBody()) === null || _document$getBody3 === void 0 ? void 0 : _document$getBody3.dataStream.slice(customRange.startIndex, customRange.endIndex + 1) : "";
+			if (!customRange || !label) return;
+			this._textSelectionManagerService.replaceTextRanges([{
+				startOffset: customRange.startIndex,
+				endOffset: customRange.endIndex + 1
+			}]);
+			this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange({
+				startOffset: customRange.startIndex,
+				endOffset: customRange.endIndex,
+				collapsed: false
+			}, this._editPopup, DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		} else if (link.type === HyperLinkEditSourceType.EDITING) {
+			var _customRangeInfo$rect;
+			const customRangeInfo = getEditingCustomRangePosition(this._injector, link.unitId, link.subUnitId, link.row, link.col, link.customRangeId);
+			if (!customRangeInfo || !((_customRangeInfo$rect = customRangeInfo.rects) === null || _customRangeInfo$rect === void 0 ? void 0 : _customRangeInfo$rect.length)) return;
+			customRange = customRangeInfo.customRange;
+			label = customRangeInfo.label;
+			this._textSelectionManagerService.replaceTextRanges([{
+				startOffset: customRange.startIndex,
+				endOffset: customRange.endIndex + 1
+			}]);
+			this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(customRangeInfo.rects.pop(), this._editPopup, unitId, subUnitId);
+		} else {
+			var _customRangeInfo$rect2;
+			const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+			const cell = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCellRaw(link.row, link.col);
+			const style = workbook === null || workbook === void 0 ? void 0 : workbook.getStyles().getStyleByCell(cell);
+			const tr = style === null || style === void 0 ? void 0 : style.tr;
+			const customRangeInfo = getCustomRangePosition(this._injector, link.unitId, link.subUnitId, link.row, link.col, link.customRangeId);
+			if (!customRangeInfo || !((_customRangeInfo$rect2 = customRangeInfo.rects) === null || _customRangeInfo$rect2 === void 0 ? void 0 : _customRangeInfo$rect2.length)) return;
+			customRange = customRangeInfo.customRange;
+			label = customRangeInfo.label;
+			if (tr) this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupToCell(link.row, link.col, this._editPopup, unitId, subUnitId);
+			else this._currentEditingPopup = this._sheetCanvasPopManagerService.attachPopupByPosition(customRangeInfo.rects.pop(), this._editPopup, {
+				unitId,
+				subUnitId,
+				row: link.row,
+				col: link.col
+			});
+		}
+		this._currentEditing$.next({
+			...link,
+			customRange,
+			label
+		});
+	}
+	endEditing(type) {
+		if (this.getIsKeepVisible()) return;
+		const current = this._currentEditing$.getValue();
+		if (current && (!type || type === current.type)) {
+			var _this$_currentEditing2;
+			(_this$_currentEditing2 = this._currentEditingPopup) === null || _this$_currentEditing2 === void 0 || _this$_currentEditing2.dispose();
+			this._currentEditing$.next(null);
+		}
+	}
+};
+SheetsHyperLinkPopupService = __decorate([
+	__decorateParam(0, Inject(SheetCanvasPopManagerService)),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IUniverInstanceService),
+	__decorateParam(3, IEditorBridgeService),
+	__decorateParam(4, Inject(DocSelectionManagerService)),
+	__decorateParam(5, Inject(DocCanvasPopManagerService)),
+	__decorateParam(6, IZenZoneService)
+], SheetsHyperLinkPopupService);
+
+//#endregion
+//#region src/utils/index.ts
+let DisableLinkType = /* @__PURE__ */ function(DisableLinkType) {
+	DisableLinkType[DisableLinkType["ALLOWED"] = 0] = "ALLOWED";
+	DisableLinkType[DisableLinkType["DISABLED_BY_CELL"] = 1] = "DISABLED_BY_CELL";
+	DisableLinkType[DisableLinkType["ALLOW_ON_EDITING"] = 2] = "ALLOW_ON_EDITING";
+	return DisableLinkType;
+}({});
+const disables = new Set([
+	DataValidationType.CHECKBOX,
+	DataValidationType.LIST,
+	DataValidationType.LIST_MULTIPLE
+]);
+const getShouldDisableCellLink = (accessor, worksheet, row, col) => {
+	var _cell$p, _cell$p2;
+	const cell = worksheet.getCell(row, col);
+	if ((cell === null || cell === void 0 ? void 0 : cell.f) || (cell === null || cell === void 0 ? void 0 : cell.si)) return DisableLinkType.DISABLED_BY_CELL;
+	if (cell === null || cell === void 0 || (_cell$p = cell.p) === null || _cell$p === void 0 || (_cell$p = _cell$p.body) === null || _cell$p === void 0 || (_cell$p = _cell$p.customBlocks) === null || _cell$p === void 0 ? void 0 : _cell$p.length) return DisableLinkType.DISABLED_BY_CELL;
+	const dataValidationModel = accessor.has(SheetDataValidationModel) ? accessor.get(SheetDataValidationModel) : null;
+	const rule = dataValidationModel === null || dataValidationModel === void 0 ? void 0 : dataValidationModel.getRuleByLocation(worksheet.getUnitId(), worksheet.getSheetId(), row, col);
+	if (rule && disables.has(rule.type)) return true;
+	if (cell === null || cell === void 0 || (_cell$p2 = cell.p) === null || _cell$p2 === void 0 || (_cell$p2 = _cell$p2.drawingsOrder) === null || _cell$p2 === void 0 ? void 0 : _cell$p2.length) return DisableLinkType.ALLOW_ON_EDITING;
+	return DisableLinkType.ALLOWED;
+};
+const getShouldDisableCurrentCellLink = (accessor) => {
+	const unit = accessor.get(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+	if (!unit) return true;
+	const worksheet = unit.getActiveSheet();
+	const selections = accessor.get(SheetsSelectionsService).getCurrentSelections();
+	if (!selections.length) return true;
+	const row = selections[0].range.startRow;
+	const col = selections[0].range.startColumn;
+	return getShouldDisableCellLink(accessor, worksheet, row, col) === DisableLinkType.DISABLED_BY_CELL;
+};
+const shouldDisableAddLink = (accessor) => {
+	const textSelectionService = accessor.get(DocSelectionManagerService);
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	const textRanges = textSelectionService.getTextRanges();
+	if (!(textRanges === null || textRanges === void 0 ? void 0 : textRanges.length)) return true;
+	const doc = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC);
+	if (!doc || textRanges.every((range) => range.collapsed)) return true;
+	if (!doc.getSelfOrHeaderFooterModel(textRanges[0].segmentId).getBody()) return true;
+	return false;
+};
+
+//#endregion
+//#region src/commands/operations/popup.operations.ts
+const OpenHyperLinkEditPanelOperation = {
+	type: CommandType.OPERATION,
+	id: "sheet.operation.open-hyper-link-edit-panel",
+	handler(accessor, params) {
+		if (!params) return false;
+		const popupService = accessor.get(SheetsHyperLinkPopupService);
+		if (!params.customRangeId) popupService.startAddEditing(params);
+		else popupService.startEditing(params);
+		return true;
+	}
+};
+const CloseHyperLinkPopupOperation = {
+	type: CommandType.OPERATION,
+	id: "sheet.operation.close-hyper-link-popup",
+	handler(accessor) {
+		accessor.get(SheetsHyperLinkPopupService).endEditing();
+		return true;
+	}
+};
+const InsertHyperLinkOperation = {
+	type: CommandType.OPERATION,
+	id: "sheet.operation.insert-hyper-link",
+	handler(accessor) {
+		var _univerInstanceServic;
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const target = getSheetCommandTarget(univerInstanceService);
+		const editorBridgeService = accessor.get(IEditorBridgeService);
+		if (!target) return false;
+		const commandService = accessor.get(ICommandService);
+		const selection = accessor.get(SheetsSelectionsService).getCurrentLastSelection();
+		if (!selection) return false;
+		const row = selection.range.startRow;
+		const col = selection.range.startColumn;
+		const visible = editorBridgeService.isVisible();
+		const isZenEditor = ((_univerInstanceServic = univerInstanceService.getFocusedUnit()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId()) === DOCS_ZEN_EDITOR_UNIT_ID_KEY;
+		return commandService.executeCommand(OpenHyperLinkEditPanelOperation.id, {
+			unitId: target.unitId,
+			subUnitId: target.subUnitId,
+			row,
+			col,
+			type: isZenEditor ? HyperLinkEditSourceType.ZEN_EDITOR : visible.visible ? HyperLinkEditSourceType.EDITING : HyperLinkEditSourceType.VIEWING
+		});
+	}
+};
+const InsertHyperLinkToolbarOperation = {
+	type: CommandType.OPERATION,
+	id: "sheet.operation.insert-hyper-link-toolbar",
+	handler(accessor) {
+		if (getShouldDisableCurrentCellLink(accessor)) return false;
+		const commandService = accessor.get(ICommandService);
+		if (accessor.get(SheetsHyperLinkPopupService).currentEditing) return commandService.executeCommand(CloseHyperLinkPopupOperation.id);
+		else return commandService.executeCommand(InsertHyperLinkOperation.id);
+	}
+};
+
+//#endregion
+//#region src/types/const.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const SHEET_HYPER_LINK_UI_PLUGIN = "SHEET_HYPER_LINK_UI_PLUGIN";
+
+//#endregion
+//#region src/controllers/copy-paste.controller.ts
+let SheetsHyperLinkCopyPasteController = class SheetsHyperLinkCopyPasteController extends Disposable {
+	registerPlainTextFilter(filter) {
+		this._plainTextFilter.add(filter);
+	}
+	removePlainTextFilter(filter) {
+		this._plainTextFilter.delete(filter);
+	}
+	_filterPlainText(text) {
+		return Array.from(this._plainTextFilter).every((filter) => filter(text));
+	}
+	constructor(_sheetClipboardService, _hyperLinkModel, _injector, _resolverService) {
+		super();
+		this._sheetClipboardService = _sheetClipboardService;
+		this._hyperLinkModel = _hyperLinkModel;
+		this._injector = _injector;
+		this._resolverService = _resolverService;
+		_defineProperty(this, "_plainTextFilter", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_copyInfo", void 0);
+		this._initCopyPaste();
+		this.disposeWithMe(() => {
+			this._plainTextFilter.clear();
+		});
+	}
+	_initCopyPaste() {
+		this._sheetClipboardService.addClipboardHook({
+			id: SHEET_HYPER_LINK_UI_PLUGIN,
+			onBeforeCopy: (unitId, subUnitId, range) => this._collect(unitId, subUnitId, range),
+			onPasteCells: (pasteFrom, pasteTo, data, payload) => {
+				const { copyType = COPY_TYPE.COPY, pasteType } = payload;
+				const { range: copyRange } = pasteFrom || {};
+				const { range: pastedRange, unitId, subUnitId } = pasteTo;
+				return this._generateMutations(pastedRange, {
+					copyType,
+					pasteType,
+					copyRange,
+					unitId,
+					subUnitId
+				});
+			},
+			onPastePlainText: (pasteTo, clipText) => {
+				const filterResult = this._filterPlainText(clipText);
+				if (isLegalLink(clipText) && filterResult) {
+					const { range, unitId, subUnitId } = pasteTo;
+					const { ranges: [pasteToRange], mapFunc } = virtualizeDiscreteRanges([range]);
+					const redos = [];
+					const undos = [];
+					Range.foreach(pasteToRange, (originRow, originCol) => {
+						const { row, col: column } = mapFunc(originRow, originCol);
+						const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, column);
+						if (link) redos.push({
+							id: RemoveHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								id: link.id
+							}
+						});
+						if (link) undos.push({
+							id: AddHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								link
+							}
+						});
+					});
+					return {
+						redos,
+						undos
+					};
+				}
+				return {
+					undos: [],
+					redos: []
+				};
+			},
+			priority: 99
+		});
+	}
+	_collect(unitId, subUnitId, range) {
+		const matrix = new ObjectMatrix();
+		this._copyInfo = {
+			unitId,
+			subUnitId,
+			matrix
+		};
+		const discreteRange = this._injector.invoke((accessor) => {
+			return rangeToDiscreteRange(range, accessor, unitId, subUnitId);
+		});
+		if (!discreteRange) return;
+		const { rows, cols } = discreteRange;
+		rows.forEach((row, rowIndex) => {
+			cols.forEach((col, colIndex) => {
+				var _link$id;
+				const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, row, col);
+				matrix.setValue(rowIndex, colIndex, (_link$id = link === null || link === void 0 ? void 0 : link.id) !== null && _link$id !== void 0 ? _link$id : "");
+			});
+		});
+	}
+	_generateMutations(pastedRange, copyInfo) {
+		if (!this._copyInfo) return {
+			redos: [],
+			undos: []
+		};
+		if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !copyInfo.copyRange) return {
+			redos: [],
+			undos: []
+		};
+		if ([
+			PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH,
+			PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE,
+			PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,
+			PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA
+		].includes(copyInfo.pasteType)) return {
+			redos: [],
+			undos: []
+		};
+		const { unitId, subUnitId } = this._copyInfo;
+		const redos = [];
+		const undos = [];
+		const { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]);
+		getRepeatRange(vCopyRange, vPastedRange, true).forEach(({ startRange }) => {
+			var _this$_copyInfo;
+			(_this$_copyInfo = this._copyInfo) === null || _this$_copyInfo === void 0 || _this$_copyInfo.matrix.forValue((row, col, ruleId) => {
+				const range = Rectangle.getPositionRange({
+					startRow: row,
+					endRow: row,
+					startColumn: col,
+					endColumn: col
+				}, startRange);
+				const oldLink = this._hyperLinkModel.getHyperLink(unitId, subUnitId, ruleId);
+				const { row: startRow, col: startColumn } = mapFunc(range.startRow, range.startColumn);
+				const currentLink = this._hyperLinkModel.getHyperLinkByLocation(copyInfo.unitId, copyInfo.subUnitId, startRow, startColumn);
+				const id = generateRandomId();
+				if (currentLink) redos.push({
+					id: RemoveHyperLinkMutation.id,
+					params: {
+						unitId: copyInfo.unitId,
+						subUnitId: copyInfo.subUnitId,
+						id: currentLink.id
+					}
+				});
+				if (oldLink) {
+					redos.push({
+						id: AddHyperLinkMutation.id,
+						params: {
+							unitId: copyInfo.unitId,
+							subUnitId: copyInfo.subUnitId,
+							link: {
+								...oldLink,
+								id,
+								row: startRow,
+								column: startColumn
+							}
+						}
+					});
+					undos.push({
+						id: RemoveHyperLinkMutation.id,
+						params: {
+							unitId: copyInfo.unitId,
+							subUnitId: copyInfo.subUnitId,
+							id
+						}
+					});
+				}
+				if (currentLink) undos.push({
+					id: AddHyperLinkMutation.id,
+					params: {
+						unitId: copyInfo.unitId,
+						subUnitId: copyInfo.subUnitId,
+						link: currentLink
+					}
+				});
+			});
+		});
+		return {
+			redos,
+			undos
+		};
+	}
+};
+SheetsHyperLinkCopyPasteController = __decorate([
+	__decorateParam(0, ISheetClipboardService),
+	__decorateParam(1, Inject(HyperLinkModel)),
+	__decorateParam(2, Inject(Injector)),
+	__decorateParam(3, Inject(SheetsHyperLinkResolverService))
+], SheetsHyperLinkCopyPasteController);
+
+//#endregion
+//#region src/menu/menu.ts
+const getEditingLinkDisable$ = (accessor, unitId = DOCS_ZEN_EDITOR_UNIT_ID_KEY) => {
+	var _accessor$get$getRend;
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	const docSelctionService = (_accessor$get$getRend = accessor.get(IRenderManagerService).getRenderById(unitId)) === null || _accessor$get$getRend === void 0 ? void 0 : _accessor$get$getRend.with(DocSelectionRenderService);
+	if (!docSelctionService) return of(true);
+	return docSelctionService.textSelectionInner$.pipe(map(() => {
+		const state = accessor.get(IEditorBridgeService).getEditCellState();
+		if (!state) return true;
+		const target = getSheetCommandTarget(univerInstanceService, {
+			unitId: state.unitId,
+			subUnitId: state.sheetId
+		});
+		if (!(target === null || target === void 0 ? void 0 : target.worksheet)) return true;
+		if (getShouldDisableCellLink(accessor, target.worksheet, state.row, state.column) === 1) return true;
+		return shouldDisableAddLink(accessor);
+	}));
+};
+const getLinkDisable$ = (accessor) => {
+	var _editorBridgeService$;
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
+	return ((_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.currentEditCellState$.pipe(map((state) => {
+		if (!state) return DisableLinkType.DISABLED_BY_CELL;
+		const target = getSheetCommandTarget(univerInstanceService, {
+			unitId: state.unitId,
+			subUnitId: state.sheetId
+		});
+		if (!target) return DisableLinkType.DISABLED_BY_CELL;
+		return getShouldDisableCellLink(accessor, target.worksheet, state.row, state.column);
+	}), switchMap((disableCell) => {
+		if (disableCell === DisableLinkType.DISABLED_BY_CELL) return of(true);
+		return combineLatest([editorBridgeService ? editorBridgeService.visible$ : of(null), univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC)]).pipe(switchMap(([editing, focusingDoc]) => {
+			return (editing === null || editing === void 0 ? void 0 : editing.visible) ? (focusingDoc === null || focusingDoc === void 0 ? void 0 : focusingDoc.getUnitId()) === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY ? of(true) : getEditingLinkDisable$(accessor, DOCS_NORMAL_EDITOR_UNIT_ID_KEY) : of(disableCell !== DisableLinkType.ALLOWED);
+		}));
+	}))) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : of(true)).pipe(switchMap((disableCell) => {
+		if (disableCell) return of(true);
+		else return getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [
+				WorksheetEditPermission,
+				WorksheetSetCellValuePermission,
+				WorksheetInsertHyperlinkPermission
+			],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		}, true);
+	}));
+};
+const linkMenu = {
+	commandId: InsertHyperLinkOperation.id,
+	type: MenuItemType.BUTTON,
+	title: "hyperLink.menu.add",
+	icon: "LinkIcon"
+};
+const genZenEditorMenuId = (id) => `${id}-zen-editor`;
+const insertLinkMenuFactory = (accessor) => {
+	return {
+		...linkMenu,
+		id: linkMenu.commandId,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getLinkDisable$(accessor)
+	};
+};
+const zenEditorInsertLinkMenuFactory = (accessor) => {
+	return {
+		...linkMenu,
+		id: genZenEditorMenuId(linkMenu.commandId),
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, DOCS_ZEN_EDITOR_UNIT_ID_KEY),
+		disabled$: getEditingLinkDisable$(accessor)
+	};
+};
+const linkToolbarMenu = {
+	tooltip: "hyperLink.form.addTitle",
+	commandId: InsertHyperLinkToolbarOperation.id,
+	type: MenuItemType.BUTTON,
+	icon: "LinkIcon"
+};
+const insertLinkMenuToolbarFactory = (accessor) => {
+	return {
+		...linkToolbarMenu,
+		id: linkToolbarMenu.commandId,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getLinkDisable$(accessor)
+	};
+};
+const zenEditorInsertLinkMenuToolbarFactory = (accessor) => {
+	return {
+		...linkToolbarMenu,
+		id: genZenEditorMenuId(linkToolbarMenu.commandId),
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC, DOCS_ZEN_EDITOR_UNIT_ID_KEY),
+		disabled$: getEditingLinkDisable$(accessor)
+	};
+};
+const InsertLinkShortcut = {
+	id: InsertHyperLinkToolbarOperation.id,
+	binding: KeyCode.K | MetaKeys.CTRL_COMMAND,
+	preconditions: whenSheetEditorFocused
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-hyper-link-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/controllers/auto-fill.controller.ts
+let SheetsHyperLinkAutoFillController = class SheetsHyperLinkAutoFillController extends Disposable {
+	constructor(_autoFillService, _hyperLinkModel) {
+		super();
+		this._autoFillService = _autoFillService;
+		this._hyperLinkModel = _hyperLinkModel;
+		this._initAutoFill();
+	}
+	_initAutoFill() {
+		const noopReturnFunc = () => ({
+			redos: [],
+			undos: []
+		});
+		const generalApplyFunc = (location, applyType) => {
+			const { source: sourceRange, target: targetRange, unitId, subUnitId } = location;
+			const virtualRange = virtualizeDiscreteRanges([sourceRange, targetRange]);
+			const [vSourceRange, vTargetRange] = virtualRange.ranges;
+			const { mapFunc } = virtualRange;
+			const sourceStartCell = {
+				row: vSourceRange.startRow,
+				col: vSourceRange.startColumn
+			};
+			const repeats = AutoFillTools.getAutoFillRepeatRange(vSourceRange, vTargetRange);
+			const redos = [];
+			const undos = [];
+			repeats.forEach((repeat) => {
+				const targetStartCell = repeat.repeatStartCell;
+				const relativeRange = repeat.relativeRange;
+				const sourceRange = {
+					startRow: sourceStartCell.row,
+					startColumn: sourceStartCell.col,
+					endColumn: sourceStartCell.col,
+					endRow: sourceStartCell.row
+				};
+				const targetRange = {
+					startRow: targetStartCell.row,
+					startColumn: targetStartCell.col,
+					endColumn: targetStartCell.col,
+					endRow: targetStartCell.row
+				};
+				Range.foreach(relativeRange, (row, col) => {
+					const sourcePositionRange = Rectangle.getPositionRange({
+						startRow: row,
+						startColumn: col,
+						endColumn: col,
+						endRow: row
+					}, sourceRange);
+					const { row: sourceRow, col: sourceCol } = mapFunc(sourcePositionRange.startRow, sourcePositionRange.startColumn);
+					const link = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, sourceRow, sourceCol);
+					const targetPositionRange = Rectangle.getPositionRange({
+						startRow: row,
+						startColumn: col,
+						endColumn: col,
+						endRow: row
+					}, targetRange);
+					const { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn);
+					const id = generateRandomId();
+					const currentLink = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, targetRow, targetCol);
+					if (currentLink) redos.push({
+						id: RemoveHyperLinkMutation.id,
+						params: {
+							unitId,
+							subUnitId,
+							id: currentLink.id
+						}
+					});
+					if ((AUTO_FILL_APPLY_TYPE.COPY === applyType || AUTO_FILL_APPLY_TYPE.SERIES === applyType) && link) {
+						redos.push({
+							id: AddHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								link: {
+									...link,
+									id,
+									row: targetRow,
+									column: targetCol
+								}
+							}
+						});
+						undos.push({
+							id: RemoveHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								id
+							}
+						});
+					}
+					if (currentLink) undos.push({
+						id: AddHyperLinkMutation.id,
+						params: {
+							unitId,
+							subUnitId,
+							link: currentLink
+						}
+					});
+				});
+			});
+			return {
+				undos,
+				redos
+			};
+		};
+		const hook = {
+			id: SHEET_HYPER_LINK_UI_PLUGIN,
+			onFillData: (location, direction, applyType) => {
+				if (applyType === AUTO_FILL_APPLY_TYPE.COPY || applyType === AUTO_FILL_APPLY_TYPE.ONLY_FORMAT || applyType === AUTO_FILL_APPLY_TYPE.SERIES) return generalApplyFunc(location, applyType);
+				return noopReturnFunc();
+			}
+		};
+		this.disposeWithMe(this._autoFillService.addHook(hook));
+	}
+};
+SheetsHyperLinkAutoFillController = __decorate([__decorateParam(0, IAutoFillService), __decorateParam(1, Inject(HyperLinkModel))], SheetsHyperLinkAutoFillController);
+
+//#endregion
+//#region src/controllers/hyper-link-permission.controller.ts
+let SheetsHyperLinkPermissionController = class SheetsHyperLinkPermissionController extends Disposable {
+	constructor(_localeService, _commandService, _sheetPermissionCheckController) {
+		super();
+		this._localeService = _localeService;
+		this._commandService = _commandService;
+		this._sheetPermissionCheckController = _sheetPermissionCheckController;
+		this._commandExecutedListener();
+	}
+	_commandExecutedListener() {
+		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
+			if (command.id === InsertLinkShortcut.id) {
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [WorkbookEditablePermission],
+					rangeTypes: [RangeProtectionPermissionEditPoint],
+					worksheetTypes: [
+						WorksheetEditPermission,
+						WorksheetSetCellValuePermission,
+						WorksheetInsertHyperlinkPermission
+					]
+				})) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.hyperLinkErr"));
+			}
+		}));
+	}
+};
+SheetsHyperLinkPermissionController = __decorate([
+	__decorateParam(0, Inject(LocaleService)),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, Inject(SheetPermissionCheckController))
+], SheetsHyperLinkPermissionController);
+
+//#endregion
+//#region src/controllers/popup.controller.ts
+let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extends Disposable {
+	constructor(_hoverManagerService, _sheetsHyperLinkPopupService, _renderManagerService, _permissionService, _sheetPermissionCheckController, _commandService, _editorBridgeService, _textSelectionManagerService, _univerInstanceService, _zenZoneService) {
+		super();
+		this._hoverManagerService = _hoverManagerService;
+		this._sheetsHyperLinkPopupService = _sheetsHyperLinkPopupService;
+		this._renderManagerService = _renderManagerService;
+		this._permissionService = _permissionService;
+		this._sheetPermissionCheckController = _sheetPermissionCheckController;
+		this._commandService = _commandService;
+		this._editorBridgeService = _editorBridgeService;
+		this._textSelectionManagerService = _textSelectionManagerService;
+		this._univerInstanceService = _univerInstanceService;
+		this._zenZoneService = _zenZoneService;
+		this._initHoverListener();
+		this._initCommandListener();
+		this._initHoverEditingListener();
+		this._initTextSelectionListener();
+		this._initZenEditor();
+	}
+	_getLinkPermission(location) {
+		const { unitId, subUnitId, row: currentRow, col: currentCol } = location;
+		const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+		if (!worksheet) return {
+			viewPermission: false,
+			editPermission: false,
+			copyPermission: false
+		};
+		const viewPermission = this._sheetPermissionCheckController.permissionCheckWithRanges({
+			workbookTypes: [WorkbookViewPermission],
+			worksheetTypes: [WorksheetViewPermission],
+			rangeTypes: [RangeProtectionPermissionViewPoint]
+		}, [{
+			startRow: currentRow,
+			startColumn: currentCol,
+			endRow: currentRow,
+			endColumn: currentCol
+		}], unitId, subUnitId);
+		let editPermission = this._sheetPermissionCheckController.permissionCheckWithRanges({
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission, WorksheetInsertHyperlinkPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		}, [{
+			startRow: currentRow,
+			startColumn: currentCol,
+			endRow: currentRow,
+			endColumn: currentCol
+		}], unitId, subUnitId);
+		const cell = worksheet.getCellRaw(currentRow, currentCol);
+		if ((cell === null || cell === void 0 ? void 0 : cell.f) && cell.f.startsWith("=HYPERLINK(")) editPermission = false;
+		const copyPermission = this._permissionService.composePermission([new WorkbookCopyPermission(unitId).id, new WorksheetCopyPermission(unitId, subUnitId).id]).every((permission) => permission.value);
+		return {
+			viewPermission,
+			editPermission,
+			copyPermission
+		};
+	}
+	_initHoverListener() {
+		this.disposeWithMe(this._hoverManagerService.currentRichText$.pipe(debounceTime(200)).subscribe((currentCell) => {
+			var _currentCell$customRa, _renderer$with$getSke, _style$tr;
+			if (!currentCell || ((_currentCell$customRa = currentCell.customRange) === null || _currentCell$customRa === void 0 ? void 0 : _currentCell$customRa.rangeType) !== CustomRangeType.HYPERLINK) {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup();
+				return;
+			}
+			const { unitId, subUnitId, row, col } = currentCell;
+			const renderer = this._renderManagerService.getRenderById(unitId);
+			if (!renderer) return;
+			const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+			if (!worksheet) return;
+			if (!renderer.with(HoverRenderController).active) {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING);
+				return;
+			}
+			const skeleton = renderer === null || renderer === void 0 || (_renderer$with$getSke = renderer.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _renderer$with$getSke === void 0 ? void 0 : _renderer$with$getSke.skeleton;
+			const currentCol = col;
+			const currentRow = row;
+			let targetRow = currentRow;
+			let targetCol = currentCol;
+			if (skeleton) skeleton.overflowCache.forValue((row, col, value) => {
+				if (Rectangle.contains(value, {
+					startColumn: currentCol,
+					endColumn: currentCol,
+					startRow: currentRow,
+					endRow: currentRow
+				})) {
+					targetRow = row;
+					targetCol = col;
+				}
+			});
+			const { viewPermission, editPermission, copyPermission } = this._getLinkPermission(currentCell);
+			if (!viewPermission) {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup();
+				return;
+			}
+			const cell = worksheet.getCellStyleOnly(targetRow, targetCol);
+			const style = workbook.getStyles().getStyleByCell(cell);
+			const tr = style === null || style === void 0 || (_style$tr = style.tr) === null || _style$tr === void 0 ? void 0 : _style$tr.a;
+			if (!tr && !currentCell.customRange) {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup();
+				return;
+			}
+			this._sheetsHyperLinkPopupService.showPopup({
+				row: targetRow,
+				col: targetCol,
+				editPermission,
+				copyPermission,
+				customRange: currentCell.customRange,
+				customRangeRect: currentCell.rect,
+				type: HyperLinkEditSourceType.VIEWING,
+				unitId,
+				subUnitId,
+				showAll: Boolean(tr)
+			});
+		}));
+	}
+	_initHoverEditingListener() {
+		let subscribe = null;
+		this.disposeWithMe(this._editorBridgeService.currentEditCellState$.pipe(switchMap((state) => this._editorBridgeService.visible$.pipe(map((visible) => ({
+			visible,
+			state
+		}))))).subscribe(({ visible, state }) => {
+			if (!state) return;
+			if (state.editorUnitId !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY) return;
+			if (!visible.visible) {
+				subscribe === null || subscribe === void 0 || subscribe.unsubscribe();
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.EDITING);
+				this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.EDITING);
+				return;
+			}
+			const { editorUnitId, unitId, sheetId, row, column } = state;
+			const renderer = this._renderManagerService.getRenderById(editorUnitId);
+			if (!renderer) return;
+			const { editPermission, viewPermission, copyPermission } = this._getLinkPermission({
+				unitId,
+				subUnitId: sheetId,
+				row,
+				col: column
+			});
+			const docEventService = renderer.with(DocEventManagerService);
+			if (!viewPermission) return;
+			subscribe === null || subscribe === void 0 || subscribe.unsubscribe();
+			subscribe = docEventService.hoverCustomRanges$.pipe(debounceTime(200)).subscribe((customRanges) => {
+				var _this$_renderManagerS;
+				const customRange = customRanges.find((customRange) => customRange.range.rangeType === CustomRangeType.HYPERLINK);
+				if (!customRange) {
+					this._sheetsHyperLinkPopupService.hideCurrentPopup();
+					return;
+				}
+				const rect = customRange.rects[customRange.rects.length - 1];
+				if (!((_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 || (_this$_renderManagerS = _this$_renderManagerS.with(SheetSkeletonManagerService).getSkeletonParam(sheetId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.skeleton) || !rect) return;
+				const canvasClientRect = renderer.engine.getCanvasElement().getBoundingClientRect();
+				this._sheetsHyperLinkPopupService.showPopup({
+					unitId,
+					subUnitId: sheetId,
+					row,
+					col: column,
+					customRange: customRange.range,
+					customRangeRect: {
+						left: rect.left + canvasClientRect.left,
+						top: rect.top + canvasClientRect.top,
+						bottom: rect.bottom + canvasClientRect.top,
+						right: rect.right + canvasClientRect.left
+					},
+					editPermission,
+					copyPermission,
+					type: HyperLinkEditSourceType.EDITING
+				});
+			});
+		}));
+		this.disposeWithMe(() => {
+			subscribe === null || subscribe === void 0 || subscribe.unsubscribe();
+		});
+	}
+	_initZenEditor() {
+		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
+			if (visible) {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING);
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.EDITING);
+				this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.EDITING);
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING);
+			} else {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.ZEN_EDITOR);
+				this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.ZEN_EDITOR);
+			}
+		}));
+		this.disposeWithMe(this._univerInstanceService.focused$.pipe(switchMap((id) => {
+			const render = id === DOCS_ZEN_EDITOR_UNIT_ID_KEY ? this._renderManagerService.getRenderById(id) : null;
+			if (render) return render.with(DocEventManagerService).hoverCustomRanges$.pipe(debounceTime(200));
+			return new Observable((sub) => {
+				sub.next(null);
+			});
+		})).subscribe((value) => {
+			const range = value === null || value === void 0 ? void 0 : value.find((range) => range.range.rangeType === CustomRangeType.HYPERLINK);
+			const state = this._editorBridgeService.getEditCellState();
+			if (range && state) {
+				const { unitId, sheetId, row, column } = state;
+				const { editPermission, viewPermission, copyPermission } = this._getLinkPermission({
+					unitId,
+					subUnitId: sheetId,
+					row,
+					col: column
+				});
+				if (viewPermission) this._sheetsHyperLinkPopupService.showPopup({
+					type: HyperLinkEditSourceType.ZEN_EDITOR,
+					unitId,
+					subUnitId: sheetId,
+					row,
+					col: column,
+					customRange: range.range,
+					editPermission,
+					copyPermission
+				});
+			} else this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.ZEN_EDITOR);
+		}));
+	}
+	_initTextSelectionListener() {
+		this.disposeWithMe(this._textSelectionManagerService.textSelection$.subscribe((selection) => {
+			if (selection && selection.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.EDITING);
+		}));
+	}
+	_initCommandListener() {
+		const HIDE_COMMAND_LIST = [
+			ClearSelectionContentCommand.id,
+			ClearSelectionAllCommand.id,
+			ClearSelectionFormatCommand.id
+		];
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (HIDE_COMMAND_LIST.includes(command.id)) this._sheetsHyperLinkPopupService.hideCurrentPopup();
+		}));
+	}
+};
+SheetsHyperLinkPopupController = __decorate([
+	__decorateParam(0, Inject(HoverManagerService)),
+	__decorateParam(1, Inject(SheetsHyperLinkPopupService)),
+	__decorateParam(2, Inject(IRenderManagerService)),
+	__decorateParam(3, Inject(IPermissionService)),
+	__decorateParam(4, Inject(SheetPermissionCheckController)),
+	__decorateParam(5, ICommandService),
+	__decorateParam(6, IEditorBridgeService),
+	__decorateParam(7, Inject(DocSelectionManagerService)),
+	__decorateParam(8, IUniverInstanceService),
+	__decorateParam(9, IZenZoneService)
+], SheetsHyperLinkPopupController);
+
+//#endregion
+//#region src/controllers/render-controllers/render.controller.ts
+let SheetsHyperLinkRenderController = class SheetsHyperLinkRenderController extends Disposable {
+	constructor(_context, _hyperLinkModel) {
+		super();
+		this._context = _context;
+		this._hyperLinkModel = _hyperLinkModel;
+		this._initSkeletonChange();
+	}
+	_initSkeletonChange() {
+		const markSkeletonDirty = () => {
+			var _this$_context$mainCo;
+			(_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 || _this$_context$mainCo.makeForceDirty();
+		};
+		this.disposeWithMe(this._hyperLinkModel.linkUpdate$.pipe(debounceTime(16)).subscribe(() => {
+			markSkeletonDirty();
+		}));
+	}
+};
+SheetsHyperLinkRenderController = __decorate([__decorateParam(1, Inject(HyperLinkModel))], SheetsHyperLinkRenderController);
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[RibbonInsertGroup.MEDIA]: {
+		[InsertHyperLinkToolbarOperation.id]: {
+			order: 1,
+			menuItemFactory: insertLinkMenuToolbarFactory
+		},
+		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
+			order: 1,
+			menuItemFactory: zenEditorInsertLinkMenuToolbarFactory
+		}
+	},
+	[ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: {
+		order: 1,
+		[InsertHyperLinkToolbarOperation.id]: {
+			order: 0,
+			menuItemFactory: insertLinkMenuFactory
+		},
+		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
+			order: 0,
+			menuItemFactory: zenEditorInsertLinkMenuFactory
+		}
+	} }
+};
+
+//#endregion
+//#region src/controllers/ui.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let SheetsHyperLinkUIController = class SheetsHyperLinkUIController extends Disposable {
+	constructor(_componentManager, _commandService, _menuManagerService, _injector, _shortcutService) {
+		super();
+		this._componentManager = _componentManager;
+		this._commandService = _commandService;
+		this._menuManagerService = _menuManagerService;
+		this._injector = _injector;
+		this._shortcutService = _shortcutService;
+		this._initComponents();
+		this._initCommands();
+		this._initMenus();
+		this._initShortCut();
+	}
+	_initComponents() {
+		[
+			[CellLinkPopup.componentKey, CellLinkPopup],
+			[CellLinkEdit.componentKey, CellLinkEdit],
+			["LinkIcon", LinkIcon]
+		].forEach(([key, comp]) => {
+			this._componentManager.register(key, comp);
+		});
+	}
+	_initCommands() {
+		[
+			OpenHyperLinkEditPanelOperation,
+			CloseHyperLinkPopupOperation,
+			InsertHyperLinkOperation,
+			InsertHyperLinkToolbarOperation
+		].forEach((command) => {
+			this._commandService.registerCommand(command);
+		});
+	}
+	_initMenus() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initShortCut() {
+		this._shortcutService.registerShortcut(InsertLinkShortcut);
+	}
+};
+SheetsHyperLinkUIController = __decorate([
+	__decorateParam(0, Inject(ComponentManager)),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IMenuManagerService),
+	__decorateParam(3, Inject(Injector)),
+	__decorateParam(4, Inject(IShortcutService))
+], SheetsHyperLinkUIController);
+
+//#endregion
+//#region src/controllers/url.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let SheetHyperLinkUrlController = class SheetHyperLinkUrlController extends Disposable {
+	constructor(_parserService, _resolverService) {
+		super();
+		this._parserService = _parserService;
+		this._resolverService = _resolverService;
+		this._handleInitUrl();
+	}
+	_handleInitUrl() {
+		const hash = location.hash;
+		if (hash) {
+			const linkInfo = this._parserService.parseHyperLink(hash);
+			this._resolverService.navigate(linkInfo);
+		}
+	}
+};
+SheetHyperLinkUrlController = __decorate([__decorateParam(0, Inject(SheetsHyperLinkParserService)), __decorateParam(1, Inject(SheetsHyperLinkResolverService))], SheetHyperLinkUrlController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsHyperLinkUIPlugin = class UniverSheetsHyperLinkUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_HYPER_LINK_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[
+			[SheetsHyperLinkResolverService],
+			[SheetsHyperLinkPopupService],
+			[SheetsHyperLinkSidePanelService],
+			[SheetsHyperLinkPopupController],
+			[SheetsHyperLinkUIController],
+			[SheetsHyperLinkAutoFillController],
+			[SheetsHyperLinkCopyPasteController],
+			[SheetsHyperLinkPermissionController],
+			[SheetHyperLinkUrlController]
+		].forEach((dep) => this._injector.add(dep));
+	}
+	onReady() {
+		this._injector.get(IRenderManagerService).registerRenderModule(UniverInstanceType.UNIVER_SHEET, [SheetsHyperLinkRenderController]);
+		this._injector.get(SheetsHyperLinkAutoFillController);
+		this._injector.get(SheetsHyperLinkCopyPasteController);
+		this._injector.get(SheetsHyperLinkUIController);
+	}
+	onRendered() {
+		this._injector.get(SheetsHyperLinkPermissionController);
+		this._injector.get(SheetHyperLinkUrlController);
+		this._injector.get(SheetsHyperLinkPopupController);
+	}
+};
+_defineProperty(UniverSheetsHyperLinkUIPlugin, "pluginName", SHEET_HYPER_LINK_UI_PLUGIN);
+_defineProperty(UniverSheetsHyperLinkUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsHyperLinkUIPlugin, "version", version);
+_defineProperty(UniverSheetsHyperLinkUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsHyperLinkUIPlugin = __decorate([
+	DependentOn(UniverSheetsHyperLinkPlugin, UniverDocsUIPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService)
+], UniverSheetsHyperLinkUIPlugin);
+
+//#endregion
+export { CloseHyperLinkPopupOperation, InsertHyperLinkOperation, InsertLinkShortcut, OpenHyperLinkEditPanelOperation, SheetsHyperLinkCopyPasteController, SheetsHyperLinkPopupService, SheetsHyperLinkResolverService, SheetsHyperLinkSidePanelService, UniverSheetsHyperLinkUIPlugin };