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

package/lib/cjs/index.js

@@ -1 +1,2286 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/sheets`),n=require(`@univerjs/sheets-ui`),r=require(`@univerjs/docs`),i=require(`@univerjs/docs-ui`),a=require(`@univerjs/engine-render`),o=require(`@univerjs/ui`),s=require(`rxjs`),c=require(`@univerjs/design`),l=require(`@univerjs/engine-formula`),u=require(`@univerjs/sheets-formula-ui`),d=require(`@univerjs/sheets-hyper-link`),f=require(`react`),p=require(`react/jsx-runtime`),m=require(`@univerjs/icons`),h=require(`@univerjs/sheets-data-validation`),g=function(e){return e.EDITING=`editing`,e.VIEWING=`viewing`,e.ZEN_EDITOR=`zen_mode`,e}({});function _(t){return e.Tools.isLegalUrl(t)}function v(e){return/^[a-zA-Z]+:\/\//.test(e)}function y(e){return/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(e)}function b(e){if(_(e)){let t=v(e)?e:y(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 x=`sheets-hyper-link-ui.config`;Symbol(x);const S={};function C(e,t){return function(n,r){t(n,r,e)}}function w(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 T(t,n){let r=n.getMergeData(),i=n.getMaxColumns()-1,a=n.getMaxRows()-1;if(i<t.endColumn&&(t.endColumn=i),a<t.endRow&&(t.endRow=a),t.rangeType===e.RANGE_TYPE.COLUMN||e.RANGE_TYPE.ROW)return t;let o=[];return r.forEach(n=>{e.Rectangle.intersects(t,n)&&o.push(n)}),e.Rectangle.realUnion(t,...o)}let E=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 d.SheetHyperLinkType.URL:this.navigateToOtherWebsite(e.url);break;default:this._navigateToUniver(e.searchObj)}}_navigateToUniver(t){let{gid:n,range:r,rangeid:i}=t,a=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET);if(!a)return;let o=a.getUnitId();if(i){let e=this._definedNamesService.getValueById(o,i);if(!e)return;let{formulaOrRefString:t}=e,n=this._definedNamesService.getWorksheetByRef(o,t);if(!n){this._messageService.show({content:this._localeService.t(`hyperLink.message.refError`),type:c.MessageType.Error});return}if(n.isSheetHidden()){this._messageService.show({content:this._localeService.t(`hyperLink.message.hiddenSheet`),type:c.MessageType.Error});return}this.navigateToDefineName(o,i)}if(n){if(r){let t=(0,l.deserializeRangeWithSheet)(r);(0,e.isValidRange)(t.range)&&r!==d.ERROR_RANGE&&this.navigateToRange(o,n,t.range);return}this.navigateToSheetById(o,n)}}async navigateToRange(e,r,i,a){let o=await this.navigateToSheetById(e,r);if(o){let s=T(i,o);await this._commandService.executeCommand(t.SetSelectionsOperation.id,{unitId:e,subUnitId:r,selections:[{range:s,primary:null}]}),await this._commandService.executeCommand(n.ScrollToRangeOperation.id,{range:s,forceTop:a})}}async navigateToSheetById(n,r){let i=this._univerInstanceService.getUnit(n,e.UniverInstanceType.UNIVER_SHEET);if(!i)return!1;let a=i.getActiveSheet();if(!a)return!1;if(a.getSheetId()===r)return a;let o=i.getSheetBySheetId(r);return o?i.getHiddenWorksheets().indexOf(r)>-1?(this._messageService.show({content:this._localeService.t(`hyperLink.message.hiddenSheet`),type:c.MessageType.Error}),!1):await this._commandService.executeCommand(t.SetWorksheetActiveOperation.id,{unitId:n,subUnitId:r})?o:!1:(this._messageService.show({content:this._localeService.t(`hyperLink.message.noSheet`),type:c.MessageType.Error}),!1)}async navigateToDefineName(e,t){return this._definedNamesService.focusRange(e,t),!0}async navigateToOtherWebsite(e){var t;let n=this._configService.getConfig(x);if(!(n==null||(t=n.urlHandler)==null)&&t.navigateToOtherWebsite)return n.urlHandler.navigateToOtherWebsite(e);window.open(e,`_blank`,`noopener noreferrer`)}};E=w([C(0,e.IUniverInstanceService),C(1,e.ICommandService),C(2,l.IDefinedNamesService),C(3,o.IMessageService),C(4,(0,e.Inject)(e.LocaleService)),C(5,e.IConfigService)],E);function D(e){"@babel/helpers - typeof";return D=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},D(e)}function O(e,t){if(D(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(D(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function k(e){var t=O(e,`string`);return D(t)==`symbol`?t:t+``}function A(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ee=class extends e.Disposable{constructor(...e){super(...e),A(this,`_customHyperLinks`,new Map)}isBuiltInLinkType(e){return e!==d.SheetHyperLinkType.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 te(e){return e.trim().length===0}function ne(t,n){let[r]=t.split(`,`).map(l.deserializeRangeWithSheet);return!r||!(0,e.isValidRange)(r.range)?``:(r.sheetName||(r.sheetName=n),(0,l.serializeRangeToRefString)(r))}const re=()=>{var s;let[m,h]=(0,f.useState)(``),[v,y]=(0,f.useState)(!1),[x,S]=(0,f.useState)(``),[C,w]=(0,f.useState)(!0),[T,D]=(0,f.useState)(d.SheetHyperLinkType.URL),[O,k]=(0,f.useState)(``),A=(0,o.useDependency)(e.LocaleService),re=(0,o.useDependency)(l.IDefinedNamesService),j=(0,o.useDependency)(n.IEditorBridgeService),M=(0,o.useDependency)(e.IUniverInstanceService),N=(0,o.useDependency)(F),P=(0,o.useObservable)(N.currentEditing$),I=(0,o.useDependency)(d.SheetsHyperLinkParserService),ie=(0,o.useDependency)(E),L=(0,o.useDependency)(e.ICommandService),R=(0,o.useDependency)(ee),ae=(0,f.useMemo)(()=>R.getOptions(),[R]),z=(0,o.useDependency)(o.IZenZoneService),V=(0,o.useDependency)(a.IRenderManagerService),H=(0,o.useDependency)(n.IMarkSelectionService),oe=(0,o.useDependency)(r.DocSelectionManagerService),U=(0,o.useDependency)(e.IContextService),se=(0,o.useDependency)(e.ThemeService),ce=(0,o.useDependency)(r.DocSelectionManagerService),[W,le]=(0,f.useState)(!1),ue=(0,o.useDependency)(t.SheetsSelectionsService),de=(0,f.useMemo)(()=>ue.getCurrentSelections(),[]),G=(0,f.useMemo)(()=>{if(!R.isBuiltInLinkType(T))return R.getCustomHyperLink(T)},[R,T]),[K,fe]=(0,f.useState)(!1),[q,pe]=(0,f.useState)(!1),J=(0,f.useRef)(!1),Y=M.getCurrentUnitOfType(e.UniverInstanceType.UNIVER_SHEET),me=(Y==null?void 0:Y.getActiveSheet().getSheetId())||``,X=(0,f.useCallback)(t=>{S(t.replaceAll(e.DataStreamTreeTokenType.CUSTOM_RANGE_START,``).replaceAll(e.DataStreamTreeTokenType.CUSTOM_RANGE_END,``))},[S]);(0,f.useEffect)(()=>{if((P==null?void 0:P.row)!==void 0&&P.col!==void 0){let{customRange:b,row:x,col:S}=P,{label:C}=P;typeof C==`number`&&(C=`${C}`);let T;if(b){var t,n,r,i;T={id:(t=b==null?void 0:b.rangeId)==null?``:t,display:(n=C)==null?``:n,payload:(r=b==null||(i=b.properties)==null?void 0:i.url)==null?``:r,row:x,column:S}}else if(P.type===g.VIEWING){var a,o,s,c;let t=M.getUnit(P.unitId),n=t==null?void 0:t.getSheetBySheetId(P.subUnitId),r=n==null?void 0:n.getCellRaw(P.row,P.col),i=r==null||(a=r.p)==null||(a=a.body)==null||(a=a.customRanges)==null?void 0:a.find(t=>{var n;return t.rangeType===e.CustomRangeType.HYPERLINK&&((n=t.properties)==null?void 0:n.url)}),l=r==null?void 0:r.v;r&&(!e.BuildTextUtils.transform.isEmptyDocument((o=r.p)==null||(o=o.body)==null?void 0:o.dataStream)||e.Tools.isDefine(l))&&w(!1),T={id:``,display:``,payload:(s=i==null||(c=i.properties)==null?void 0:c.url)==null?``:s,row:x,column:S}}else{var u,f,p,m,_;let t=M.getCurrentUnitForType(e.UniverInstanceType.UNIVER_DOC),n=oe.getActiveTextRange(),r=t==null?void 0:t.getBody(),i=n&&r?n:null,a=i&&((u=e.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(i,(f=r==null?void 0:r.customRanges)==null?[]:f))==null?void 0:u[0]);w(!1),T={id:``,display:(p=C)==null?``:p,payload:(m=a==null||(_=a.properties)==null?void 0:_.url)==null?``:m,row:x,column:S}}h(T.id);let E=R.findCustomHyperLink(T);if(E){let e=E.convert(T);D(e.type),k(e.payload),X(e.display);return}X(T.display);let O=I.parseHyperLink(T.payload);switch(D(O.type===d.SheetHyperLinkType.INVALID?d.SheetHyperLinkType.RANGE:O.type),O.type){case d.SheetHyperLinkType.URL:k(O.url),O.url===T.display&&(J.current=!0);break;case d.SheetHyperLinkType.RANGE:{var v,y;let e=O.searchObj,t=(0,l.serializeRangeWithSheet)(e.gid?(v=(y=M.getUnit(P.unitId))==null||(y=y.getSheetBySheetId(e.gid))==null?void 0:y.getName())==null?``:v:``,(0,l.deserializeRangeWithSheet)(e.range).range);k(t),t===T.display&&(J.current=!0);break}case d.SheetHyperLinkType.SHEET:{let e=O.searchObj;k(e.gid);break}case d.SheetHyperLinkType.DEFINE_NAME:{let e=O.searchObj;k(e.rangeid);break}default:k(``);break}}},[P,ie,R,oe,M]),(0,f.useEffect)(()=>{let t=null;if(P&&!P.customRangeId&&P.type===g.VIEWING&&e.Tools.isDefine(P.row)&&e.Tools.isDefine(P.col)){let n=M.getUnit(P.unitId,e.UniverInstanceType.UNIVER_SHEET),r=n==null?void 0:n.getSheetBySheetId(P.subUnitId),i=r==null?void 0:r.getMergedCell(P.row,P.col),a=new e.ColorKit(se.getColorFromTheme(`primary.600`)).toRgb();t=H.addShape({range:i==null?{startColumn:P.col,endColumn:P.col,startRow:P.row,endRow:P.row}:i,style:{fill:`rgb(${a.r}, ${a.g}, ${a.b}, 0.12)`,strokeWidth:1,stroke:`#FFBD37`,widgets:{}},primary:null},[],-1)}return()=>{t&&H.removeShape(t)}},[P,H,se,M]),(0,f.useEffect)(()=>{pe(T===d.SheetHyperLinkType.RANGE)},[T]),(0,f.useEffect)(()=>{let t=(P==null?void 0:P.type)===g.ZEN_EDITOR?V.getRenderById(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY):V.getRenderById(j.getCurrentEditorId()),n=new e.DisposableCollection;if(t){let e=t.with(i.DocSelectionRenderService);e.setReserveRangesStatus(!0),n.add(()=>{e.setReserveRangesStatus(!1)})}return()=>{j.disableForceKeepVisible(),n.dispose()}},[P==null?void 0:P.type,j,V]),(0,f.useEffect)(()=>(q&&N.setIsKeepVisible(q),N.setIsKeepVisible(W),()=>{N.setIsKeepVisible(!1)}),[q,W,N]),(0,f.useEffect)(()=>()=>{z.temporaryHidden&&(z.show(),U.setContextValue(e.FOCUSING_SHEET,!1))},[U,z]),(0,f.useEffect)(()=>{if(q)return j.enableForceKeepVisible(),()=>{j.disableForceKeepVisible()}},[q,j]);let he=[{label:A.t(`hyperLink.form.link`),value:d.SheetHyperLinkType.URL},{label:A.t(`hyperLink.form.range`),value:d.SheetHyperLinkType.RANGE},{label:A.t(`hyperLink.form.worksheet`),value:d.SheetHyperLinkType.SHEET},{label:A.t(`hyperLink.form.definedName`),value:d.SheetHyperLinkType.DEFINE_NAME},...ae];if(!Y)return;let ge=Y.getHiddenWorksheets(),Z=Y.getSheets().map(e=>({label:e.getName(),value:e.getSheetId()})).filter(e=>ge.indexOf(e.value)===-1),Q=Object.values((s=re.getDefinedNameMap(Y.getUnitId()))==null?{}:s).map(e=>({label:e.name,value:e.id})),$=(e,t)=>{if(e===d.SheetHyperLinkType.URL)return b(t);if(e===d.SheetHyperLinkType.RANGE){let e=(0,l.deserializeRangeWithSheet)(t),n=Y.getSheetBySheetName(e.sheetName);if(n)return`#gid=${n.getSheetId()}&range=${(0,l.serializeRange)(e.range)}`}return`#${e}=${t}`},_e=(0,o.useEvent)(e=>{var t;let n=ne(e,((t=Y.getActiveSheet())==null?void 0:t.getName())||``);if(!n){k(``);return}k(n),n&&(J.current||!x)&&(X(n),J.current=!0)}),ve=async()=>{if(C&&te(x)||!O||T===d.SheetHyperLinkType.URL&&!_(O)){fe(!0);return}if(P)if(m){let t=P.type===g.ZEN_EDITOR||P.type===g.EDITING?d.UpdateRichHyperLinkCommand.id:d.UpdateHyperLinkCommand.id;await L.executeCommand(t,{id:m,unitId:P.unitId,subUnitId:P.subUnitId,payload:{display:C?x:``,payload:$(T,O)},row:P.row,column:P.col,documentId:P.type===g.ZEN_EDITOR?e.DOCS_ZEN_EDITOR_UNIT_ID_KEY:j.getCurrentEditorId()})}else{let t=P.type===g.ZEN_EDITOR||P.type===g.EDITING?d.AddRichHyperLinkCommand.id:d.AddHyperLinkCommand.id;await L.executeCommand(t,{unitId:P.unitId,subUnitId:P.subUnitId,link:{id:(0,e.generateRandomId)(),row:P.row,column:P.col,payload:$(T,O),display:C?x:``},documentId:P.type===g.ZEN_EDITOR?e.DOCS_ZEN_EDITOR_UNIT_ID_KEY:j.getCurrentEditorId()})}(P==null?void 0:P.type)===g.VIEWING&&(await L.executeCommand(t.SetWorksheetActiveOperation.id,{unitId:P.unitId,subUnitId:P.subUnitId}),await L.executeCommand(n.ScrollToRangeOperation.id,{range:{startRow:Math.max(P.row-1,0),endRow:P.row+1,startColumn:Math.max(P.col-1,0),endColumn:P.col+1}})),L.executeCommand(B.id)};return P?(0,p.jsxs)(`div`,{className:(0,c.clsx)(`univer-box-border univer-w-[296px] univer-rounded-xl univer-bg-white univer-p-4 univer-shadow-md dark:!univer-bg-gray-900`,c.borderClassName),children:[C?(0,p.jsx)(c.FormLayout,{label:A.t(`hyperLink.form.label`),error:K&&te(x)?A.t(`hyperLink.form.inputError`):``,children:(0,p.jsx)(c.Input,{value:x,onChange:e=>{X(e),J.current=!1},placeholder:A.t(`hyperLink.form.labelPlaceholder`),autoFocus:!0,onKeyDown:e=>{e.keyCode===o.KeyCode.ENTER&&ve()}})}):null,(0,p.jsx)(c.FormLayout,{label:A.t(`hyperLink.form.type`),children:(0,p.jsx)(c.Select,{className:`univer-w-full`,options:he,value:T,onChange:e=>{D(e),k(``)}})}),T===d.SheetHyperLinkType.URL&&(0,p.jsx)(c.FormLayout,{error:K?O?_(O)?``:A.t(`hyperLink.form.linkError`):A.t(`hyperLink.form.inputError`):``,children:(0,p.jsx)(c.Input,{value:O,onChange:e=>{k(e),e&&(J.current||!x||x===e)&&(X(e),J.current=!0)},placeholder:A.t(`hyperLink.form.linkPlaceholder`),autoFocus:!0,onKeyDown:e=>{e.keyCode===o.KeyCode.ENTER&&ve()}})}),T===d.SheetHyperLinkType.RANGE&&(0,p.jsx)(c.FormLayout,{error:K&&!O?A.t(`hyperLink.form.inputError`):``,children:(0,p.jsx)(u.RangeSelector,{unitId:Y.getUnitId(),subUnitId:me,maxRangeCount:1,supportAcrossSheet:!0,initialValue:O,resetRange:de,onChange:(e,t)=>_e(t),onRangeSelectorDialogVisibleChange:async n=>{if(le(n),n)P.type===g.ZEN_EDITOR&&(z.hide(),U.setContextValue(e.FOCUSING_SHEET,!0)),P.type!==g.VIEWING&&j.enableForceKeepVisible(),y(!0);else{if(await ie.navigateToRange(P.unitId,P.subUnitId,{startRow:P.row,endRow:P.row,startColumn:P.col,endColumn:P.col},!0),P.type===g.ZEN_EDITOR){var r,a;await L.executeCommand(t.SetSelectionsOperation.id,{unitId:P.unitId,subUnitId:P.subUnitId,selections:[{range:{startRow:P.row,endRow:P.row,startColumn:P.col,endColumn:P.col}}]}),z.show(),U.setContextValue(e.FOCUSING_SHEET,!1);let n=(r=V.getRenderById(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY))==null?void 0:r.with(i.DocBackScrollRenderController),o=(a=ce.getTextRanges({unitId:e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,subUnitId:e.DOCS_ZEN_EDITOR_UNIT_ID_KEY}))==null?void 0:a[0];n&&o&&(n.scrollToRange(o),ce.refreshSelection({unitId:e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,subUnitId:e.DOCS_ZEN_EDITOR_UNIT_ID_KEY}))}j.disableForceKeepVisible(),y(!1)}},onFocusChange:e=>pe(e)})}),T===d.SheetHyperLinkType.SHEET&&(0,p.jsx)(c.FormLayout,{error:K&&!O?A.t(`hyperLink.form.selectError`):``,children:(0,p.jsx)(c.Select,{className:`univer-w-full`,options:Z,value:O,onChange:e=>{var t,n;k(e);let r=(t=Z.find(t=>t.value===e))==null?void 0:t.label,i=(n=Z.find(e=>e.value===O))==null?void 0:n.label;r&&(J.current||!x||x===i)&&(X(r),J.current=!0)}})}),T===d.SheetHyperLinkType.DEFINE_NAME&&(0,p.jsx)(c.FormLayout,{error:K&&!O?A.t(`hyperLink.form.selectError`):``,children:(0,p.jsx)(c.Select,{className:`univer-w-full`,options:Q,value:O,onChange:e=>{var t,n;k(e);let r=(t=Q.find(t=>t.value===e))==null?void 0:t.label,i=(n=Q.find(e=>e.value===O))==null?void 0:n.label;r&&(J.current||!x||x===i)&&(X(r),J.current=!0)}})}),(G==null?void 0:G.Form)&&(0,p.jsx)(G.Form,{linkId:m,payload:O,display:x,showError:K,setByPayload:J,setDisplay:e=>{X(e),J.current=!0},setPayload:k}),(0,p.jsxs)(`div`,{className:`univer-flex univer-flex-row univer-justify-end univer-gap-2`,children:[(0,p.jsx)(c.Button,{onClick:()=>{P&&ie.navigateToRange(P.unitId,P.subUnitId,{startRow:P.row,endRow:P.row,startColumn:P.col,endColumn:P.col},!0),L.executeCommand(B.id)},children:A.t(`hyperLink.form.cancel`)}),(0,p.jsx)(c.Button,{variant:`primary`,onClick:async()=>{ve()},children:A.t(`hyperLink.form.ok`)})]})]}):null};re.componentKey=`univer.sheet.cell-link-edit`;const j={[d.SheetHyperLinkType.URL]:(0,p.jsx)(m.LinkIcon,{}),[d.SheetHyperLinkType.SHEET]:(0,p.jsx)(m.XlsxMultiIcon,{className:`univer-text-green-500`}),[d.SheetHyperLinkType.RANGE]:(0,p.jsx)(m.AllBorderIcon,{}),[d.SheetHyperLinkType.DEFINE_NAME]:(0,p.jsx)(m.AllBorderIcon,{}),[d.SheetHyperLinkType.INVALID]:(0,p.jsx)(m.AllBorderIcon,{})},M=t=>{var r,i;let a=(0,o.useDependency)(F),s=(0,o.useDependency)(e.ICommandService),l=(0,o.useDependency)(o.IMessageService),u=(0,o.useDependency)(e.LocaleService),f=(0,o.useDependency)(E),h=(0,o.useDependency)(n.IEditorBridgeService),_=(0,o.useDependency)(d.SheetsHyperLinkParserService),v=(0,o.useDependency)(o.IZenZoneService),{customRange:y,row:b,col:x,unitId:S,subUnitId:C,editPermission:w,copyPermission:T,type:D}=t;if(!(!(y==null||(r=y.properties)==null)&&r.url))return null;let O=_.parseHyperLink((i=y.properties.url)==null?``:i),k=O.type===d.SheetHyperLinkType.INVALID;return(0,p.jsxs)(`div`,{className:(0,c.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`,c.borderClassName),onClick:()=>a.hideCurrentPopup(),children:[(0,p.jsxs)(`div`,{className:(0,c.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":k}),onClick:()=>{v.visible||k||f.navigate(O)},children:[(0,p.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:j[O.type]}),(0,p.jsx)(c.Tooltip,{showIfEllipsis:!0,title:O.name,asChild:!0,children:(0,p.jsx)(`span`,{className:`univer-flex-1 univer-truncate`,children:O.name})})]}),(0,p.jsxs)(`div`,{className:`univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center`,children:[T&&(0,p.jsx)(`div`,{className:(0,c.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":k}),onClick:()=>{if(!k){if(O.type!==d.SheetHyperLinkType.URL){let e=new URL(window.location.href);e.hash=O.url.slice(1),navigator.clipboard.writeText(e.href)}else navigator.clipboard.writeText(O.url);l.show({content:u.t(`hyperLink.message.coped`),type:c.MessageType.Info})}},children:(0,p.jsx)(c.Tooltip,{placement:`bottom`,title:u.t(`hyperLink.popup.copy`),children:(0,p.jsx)(m.CopyIcon,{className:`dark:!univer-text-white`})})}),w&&(0,p.jsxs)(p.Fragment,{children:[(0,p.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:()=>{s.executeCommand(z.id,{unitId:S,subUnitId:C,row:b,col:x,customRangeId:y.rangeId,type:D})},children:(0,p.jsx)(c.Tooltip,{placement:`bottom`,title:u.t(`hyperLink.popup.edit`),children:(0,p.jsx)(m.WriteIcon,{className:`dark:!univer-text-white`})})}),(0,p.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:()=>{let t=D===g.EDITING||D===g.ZEN_EDITOR?d.CancelRichHyperLinkCommand.id:d.CancelHyperLinkCommand.id;s.syncExecuteCommand(t,{unitId:S,subUnitId:C,id:y.rangeId,row:b,column:x,documentId:D===g.ZEN_EDITOR?e.DOCS_ZEN_EDITOR_UNIT_ID_KEY:h.getCurrentEditorId()})&&a.hideCurrentPopup(void 0,!0)},children:(0,p.jsx)(c.Tooltip,{placement:`bottom`,title:u.t(`hyperLink.popup.cancel`),children:(0,p.jsx)(m.UnlinkIcon,{className:`dark:!univer-text-white`})})})]})]})]})},N=()=>{let t=(0,o.useDependency)(F),[n,r]=(0,f.useState)(null),i=(0,o.useDependency)(e.IUniverInstanceService);if((0,f.useEffect)(()=>{r(t.currentPopup);let e=t.currentPopup$.subscribe(e=>{r(e)});return()=>{e.unsubscribe()}},[t.currentPopup,t.currentPopup$]),!n)return null;if(n.showAll){var a;let t=i.getUnit(n.unitId,e.UniverInstanceType.UNIVER_SHEET),r=t==null?void 0:t.getSheetBySheetId(n.subUnitId),o=r==null?void 0:r.getCell(n.row,n.col),s=o==null||(a=o.p)==null||(a=a.body)==null?void 0:a.customRanges;return s!=null&&s.length?(0,p.jsx)(`div`,{children:s.map(e=>(0,p.jsx)(M,{...n,customRange:e},e.rangeId))}):null}return(0,p.jsx)(M,{...n})};N.componentKey=`univer.sheet.cell-link-popup`;const P=(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 F=class extends e.Disposable{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,A(this,`_currentPopup`,null),A(this,`_currentPopup$`,new s.Subject),A(this,`currentPopup$`,this._currentPopup$.asObservable()),A(this,`_currentEditingPopup`,null),A(this,`_currentEditing$`,new s.BehaviorSubject(null)),A(this,`currentEditing$`,this._currentEditing$.asObservable()),A(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(t){if(this._currentPopup&&P(t,this._currentPopup)||(this.hideCurrentPopup(void 0,!0),t.type!==g.ZEN_EDITOR&&this._zenZoneService.visible))return;let n=this._currentEditing$.getValue();if(n&&P(t,n))return;let{unitId:r,subUnitId:i,row:a,col:o,customRangeRect:s,customRange:c}=t,l,u={componentKey:N.componentKey,direction:`bottom`,onClickOutside:()=>{this.hideCurrentPopup()},onClick:()=>{this.hideCurrentPopup(t.type,!0)}};if(t.type===g.EDITING){if(!c)return;l=s&&this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(s,u)}else if(t.type===g.ZEN_EDITOR){if(!c)return;l=this._docCanvasPopManagerService.attachPopupToRange({startOffset:c.startIndex,endOffset:c.endIndex+1,collapsed:!1},u,e.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}else if(t.showAll)l=this._sheetCanvasPopManagerService.attachPopupToCell(t.row,t.col,u,r,i);else{if(!c)return;l=s&&this._sheetCanvasPopManagerService.attachPopupByPosition(s,u,t)}if(l){if(this._currentPopup){var d;(d=this._currentPopup.disposable)==null||d.dispose()}this._currentPopup={unitId:r,subUnitId:i,disposable:l,row:a,col:o,editPermission:!!t.editPermission,copyPermission:!!t.copyPermission,customRange:c,type:t.type,showAll:t.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 r,i,a;let t=this._textSelectionManagerService.getActiveTextRange(),o=(r=n.documentLayoutObject.documentModel)==null?void 0:r.getBody();if(!o)return null;if(!t||t.collapsed)return{startOffset:0,endOffset:o.dataStream.length-2,collapsed:o.dataStream.length-2==0,label:e.BuildTextUtils.transform.getPlainText(o.dataStream)};let s=e.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(t,(i=(a=o.customRanges)==null?void 0:a.filter(t=>t.rangeType===e.CustomRangeType.HYPERLINK))==null?[]:i),c=t.startOffset,l=t.endOffset;return s.forEach(e=>{c=Math.min(c,e.startIndex),l=Math.max(l,e.endIndex+1)}),{startOffset:c,endOffset:l,collapsed:c===l,label:e.BuildTextUtils.transform.getPlainText(o.dataStream.slice(c,l))}}return null}get _editPopup(){return{componentKey:re.componentKey,direction:`vertical`,onClickOutside:()=>{this.endEditing()},onContextMenu:()=>{this.endEditing()},hiddenType:`hide`}}startAddEditing(t){let{unitId:n,subUnitId:r,type:o}=t;if(o===g.ZEN_EDITOR){var s;let n=this._univerInstanceService.getUnit(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,e.UniverInstanceType.UNIVER_DOC);if(!n)return;let r=this._textSelectionManagerService.getActiveTextRange();if(!r)return;this._currentEditingPopup=this._docCanvasPopManagerService.attachPopupToRange(r,this._editPopup,e.DOCS_ZEN_EDITOR_UNIT_ID_KEY);let i=(s=n.getBody())==null?void 0:s.dataStream.slice(r.startOffset,r.endOffset);this._currentEditing$.next({...t,label:i})}else if(o===g.EDITING){var c;let o=this._getEditingRange();if(!o)return;this._textSelectionManagerService.replaceDocRanges([{...o}],{unitId:e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,subUnitId:e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY});let s=this._injector.get(a.IRenderManagerService).getRenderById(e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);if(!s)return;let l=(0,i.calcDocRangePositions)(o,s);if(!(l!=null&&l.length))return;this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(l.pop(),this._editPopup,n,r),this._currentEditing$.next({...t,label:(c=o==null?void 0:o.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.UniverInstanceType.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.BuildTextUtils.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(t){var r;(r=this._currentEditingPopup)==null||r.dispose(),this.hideCurrentPopup(void 0,!0);let{unitId:i,subUnitId:a}=t,o,s;if(t.type===g.ZEN_EDITOR){var c,l;let n=this._univerInstanceService.getUnit(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,e.UniverInstanceType.UNIVER_DOC);if(o=n==null||(c=n.getBody())==null||(c=c.customRanges)==null?void 0:c.find(e=>e.rangeId===t.customRangeId),s=o?n==null||(l=n.getBody())==null?void 0:l.dataStream.slice(o.startIndex,o.endIndex+1):``,!o||!s)return;this._textSelectionManagerService.replaceTextRanges([{startOffset:o.startIndex,endOffset:o.endIndex+1}]),this._currentEditingPopup=this._docCanvasPopManagerService.attachPopupToRange({startOffset:o.startIndex,endOffset:o.endIndex,collapsed:!1},this._editPopup,e.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}else if(t.type===g.EDITING){var u;let e=(0,n.getEditingCustomRangePosition)(this._injector,t.unitId,t.subUnitId,t.row,t.col,t.customRangeId);if(!e||!((u=e.rects)!=null&&u.length))return;o=e.customRange,s=e.label,this._textSelectionManagerService.replaceTextRanges([{startOffset:o.startIndex,endOffset:o.endIndex+1}]),this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToAbsolutePosition(e.rects.pop(),this._editPopup,i,a)}else{var d;let r=this._univerInstanceService.getUnit(i,e.UniverInstanceType.UNIVER_SHEET),c=r==null?void 0:r.getSheetBySheetId(a),l=c==null?void 0:c.getCellRaw(t.row,t.col),u=r==null?void 0:r.getStyles().getStyleByCell(l),f=u==null?void 0:u.tr,p=(0,n.getCustomRangePosition)(this._injector,t.unitId,t.subUnitId,t.row,t.col,t.customRangeId);if(!p||!((d=p.rects)!=null&&d.length))return;o=p.customRange,s=p.label,f?this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupToCell(t.row,t.col,this._editPopup,i,a):this._currentEditingPopup=this._sheetCanvasPopManagerService.attachPopupByPosition(p.rects.pop(),this._editPopup,{unitId:i,subUnitId:a,row:t.row,col:t.col})}this._currentEditing$.next({...t,customRange:o,label:s})}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)}}};F=w([C(0,(0,e.Inject)(n.SheetCanvasPopManagerService)),C(1,(0,e.Inject)(e.Injector)),C(2,e.IUniverInstanceService),C(3,n.IEditorBridgeService),C(4,(0,e.Inject)(r.DocSelectionManagerService)),C(5,(0,e.Inject)(i.DocCanvasPopManagerService)),C(6,o.IZenZoneService)],F);let I=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 ie=new Set([e.DataValidationType.CHECKBOX,e.DataValidationType.LIST,e.DataValidationType.LIST_MULTIPLE]),L=(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 I.DISABLED_BY_CELL;let s=e.has(h.SheetDataValidationModel)?e.get(h.SheetDataValidationModel):null,c=s==null?void 0:s.getRuleByLocation(t.getUnitId(),t.getSheetId(),n,r);return c&&ie.has(c.type)?!0:!(o==null||(a=o.p)==null||(a=a.drawingsOrder)==null)&&a.length?I.ALLOW_ON_EDITING:I.ALLOWED},R=n=>{let r=n.get(e.IUniverInstanceService).getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET);if(!r)return!0;let i=r.getActiveSheet(),a=n.get(t.SheetsSelectionsService).getCurrentSelections();if(!a.length)return!0;let o=a[0].range.startRow,s=a[0].range.startColumn;return L(n,i,o,s)===I.DISABLED_BY_CELL},ae=t=>{let n=t.get(r.DocSelectionManagerService),i=t.get(e.IUniverInstanceService),a=n.getTextRanges();if(!(a!=null&&a.length))return!0;let o=i.getCurrentUnitForType(e.UniverInstanceType.UNIVER_DOC);return!!(!o||a.every(e=>e.collapsed)||!o.getSelfOrHeaderFooterModel(a[0].segmentId).getBody())},z={type:e.CommandType.OPERATION,id:`sheet.operation.open-hyper-link-edit-panel`,handler(e,t){if(!t)return!1;let n=e.get(F);return t.customRangeId?n.startEditing(t):n.startAddEditing(t),!0}},B={type:e.CommandType.OPERATION,id:`sheet.operation.close-hyper-link-popup`,handler(e){return e.get(F).endEditing(),!0}},V={type:e.CommandType.OPERATION,id:`sheet.operation.insert-hyper-link`,handler(r){var i;let a=r.get(e.IUniverInstanceService),o=(0,t.getSheetCommandTarget)(a),s=r.get(n.IEditorBridgeService);if(!o)return!1;let c=r.get(e.ICommandService),l=r.get(t.SheetsSelectionsService).getCurrentLastSelection();if(!l)return!1;let u=l.range.startRow,d=l.range.startColumn,f=s.isVisible(),p=((i=a.getFocusedUnit())==null?void 0:i.getUnitId())===e.DOCS_ZEN_EDITOR_UNIT_ID_KEY;return c.executeCommand(z.id,{unitId:o.unitId,subUnitId:o.subUnitId,row:u,col:d,type:p?g.ZEN_EDITOR:f.visible?g.EDITING:g.VIEWING})}},H={type:e.CommandType.OPERATION,id:`sheet.operation.insert-hyper-link-toolbar`,handler(t){if(R(t))return!1;let n=t.get(e.ICommandService);return t.get(F).currentEditing?n.executeCommand(B.id):n.executeCommand(V.id)}},oe=`SHEET_HYPER_LINK_UI_PLUGIN`;let U=class extends e.Disposable{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,A(this,`_plainTextFilter`,new Set),A(this,`_copyInfo`,void 0),this._initCopyPaste(),this.disposeWithMe(()=>{this._plainTextFilter.clear()})}_initCopyPaste(){this._sheetClipboardService.addClipboardHook({id:oe,onBeforeCopy:(e,t,n)=>this._collect(e,t,n),onPasteCells:(e,t,r,i)=>{let{copyType:a=n.COPY_TYPE.COPY,pasteType:o}=i,{range:s}=e||{},{range:c,unitId:l,subUnitId:u}=t;return this._generateMutations(c,{copyType:a,pasteType:o,copyRange:s,unitId:l,subUnitId:u})},onPastePlainText:(t,r)=>{let i=this._filterPlainText(r);if(_(r)&&i){let{range:r,unitId:i,subUnitId:a}=t,{ranges:[o],mapFunc:s}=(0,n.virtualizeDiscreteRanges)([r]),c=[],l=[];return e.Range.foreach(o,(e,t)=>{let{row:n,col:r}=s(e,t),o=this._hyperLinkModel.getHyperLinkByLocation(i,a,n,r);o&&c.push({id:d.RemoveHyperLinkMutation.id,params:{unitId:i,subUnitId:a,id:o.id}}),o&&l.push({id:d.AddHyperLinkMutation.id,params:{unitId:i,subUnitId:a,link:o}})}),{redos:c,undos:l}}return{undos:[],redos:[]}},priority:99})}_collect(n,r,i){let a=new e.ObjectMatrix;this._copyInfo={unitId:n,subUnitId:r,matrix:a};let o=this._injector.invoke(e=>(0,t.rangeToDiscreteRange)(i,e,n,r));if(!o)return;let{rows:s,cols:c}=o;s.forEach((e,t)=>{c.forEach((i,o)=>{var s;let c=this._hyperLinkModel.getHyperLinkByLocation(n,r,e,i);a.setValue(t,o,(s=c==null?void 0:c.id)==null?``:s)})})}_generateMutations(t,r){if(!this._copyInfo||!this._copyInfo||!this._copyInfo.matrix.getSizeOf()||!r.copyRange||[n.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH,n.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE,n.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,n.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA].includes(r.pasteType))return{redos:[],undos:[]};let{unitId:i,subUnitId:a}=this._copyInfo,o=[],s=[],{ranges:[c,l],mapFunc:u}=(0,n.virtualizeDiscreteRanges)([r.copyRange,t]);return(0,n.getRepeatRange)(c,l,!0).forEach(({startRange:t})=>{var n;(n=this._copyInfo)==null||n.matrix.forValue((n,c,l)=>{let f=e.Rectangle.getPositionRange({startRow:n,endRow:n,startColumn:c,endColumn:c},t),p=this._hyperLinkModel.getHyperLink(i,a,l),{row:m,col:h}=u(f.startRow,f.startColumn),g=this._hyperLinkModel.getHyperLinkByLocation(r.unitId,r.subUnitId,m,h),_=(0,e.generateRandomId)();g&&o.push({id:d.RemoveHyperLinkMutation.id,params:{unitId:r.unitId,subUnitId:r.subUnitId,id:g.id}}),p&&(o.push({id:d.AddHyperLinkMutation.id,params:{unitId:r.unitId,subUnitId:r.subUnitId,link:{...p,id:_,row:m,column:h}}}),s.push({id:d.RemoveHyperLinkMutation.id,params:{unitId:r.unitId,subUnitId:r.subUnitId,id:_}})),g&&s.push({id:d.AddHyperLinkMutation.id,params:{unitId:r.unitId,subUnitId:r.subUnitId,link:g}})})}),{redos:o,undos:s}}};U=w([C(0,n.ISheetClipboardService),C(1,(0,e.Inject)(d.HyperLinkModel)),C(2,(0,e.Inject)(e.Injector)),C(3,(0,e.Inject)(E))],U);const se=(r,o=e.DOCS_ZEN_EDITOR_UNIT_ID_KEY)=>{var c;let l=r.get(e.IUniverInstanceService),u=(c=r.get(a.IRenderManagerService).getRenderById(o))==null?void 0:c.with(i.DocSelectionRenderService);return u?u.textSelectionInner$.pipe((0,s.map)(()=>{let e=r.get(n.IEditorBridgeService).getEditCellState();if(!e)return!0;let i=(0,t.getSheetCommandTarget)(l,{unitId:e.unitId,subUnitId:e.sheetId});return!(i!=null&&i.worksheet)||L(r,i.worksheet,e.row,e.column)===1?!0:ae(r)})):(0,s.of)(!0)},ce=r=>{var i;let a=r.get(e.IUniverInstanceService),o=r.has(n.IEditorBridgeService)?r.get(n.IEditorBridgeService):null;return((i=o==null?void 0:o.currentEditCellState$.pipe((0,s.map)(e=>{if(!e)return I.DISABLED_BY_CELL;let n=(0,t.getSheetCommandTarget)(a,{unitId:e.unitId,subUnitId:e.sheetId});return n?L(r,n.worksheet,e.row,e.column):I.DISABLED_BY_CELL}),(0,s.switchMap)(t=>t===I.DISABLED_BY_CELL?(0,s.of)(!0):(0,s.combineLatest)([o?o.visible$:(0,s.of)(null),a.getCurrentTypeOfUnit$(e.UniverInstanceType.UNIVER_DOC)]).pipe((0,s.switchMap)(([n,i])=>n!=null&&n.visible?(i==null?void 0:i.getUnitId())===e.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY?(0,s.of)(!0):se(r,e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY):(0,s.of)(t!==I.ALLOWED))))))==null?(0,s.of)(!0):i).pipe((0,s.switchMap)(e=>e?(0,s.of)(!0):(0,n.getCurrentRangeDisable$)(r,{workbookTypes:[t.WorkbookEditablePermission],worksheetTypes:[t.WorksheetEditPermission,t.WorksheetSetCellValuePermission,t.WorksheetInsertHyperlinkPermission],rangeTypes:[t.RangeProtectionPermissionEditPoint]},!0)))},W={commandId:V.id,type:o.MenuItemType.BUTTON,title:`hyperLink.menu.add`,icon:`LinkIcon`},le=e=>`${e}-zen-editor`,ue=t=>({...W,id:W.commandId,hidden$:(0,o.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:ce(t)}),de=t=>({...W,id:le(W.commandId),hidden$:(0,o.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_DOC,e.DOCS_ZEN_EDITOR_UNIT_ID_KEY),disabled$:se(t)}),G={tooltip:`hyperLink.form.addTitle`,commandId:H.id,type:o.MenuItemType.BUTTON,icon:`LinkIcon`},K=t=>({...G,id:G.commandId,hidden$:(0,o.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:ce(t)}),fe=t=>({...G,id:le(G.commandId),hidden$:(0,o.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_DOC,e.DOCS_ZEN_EDITOR_UNIT_ID_KEY),disabled$:se(t)}),q={id:H.id,binding:o.KeyCode.K|o.MetaKeys.CTRL_COMMAND,preconditions:n.whenSheetEditorFocused};var pe=`@univerjs/sheets-hyper-link-ui`,J=`0.20.1`;let Y=class extends e.Disposable{constructor(e,t){super(),this._autoFillService=e,this._hyperLinkModel=t,this._initAutoFill()}_initAutoFill(){let r=()=>({redos:[],undos:[]}),i=(r,i)=>{let{source:a,target:o,unitId:s,subUnitId:c}=r,l=(0,n.virtualizeDiscreteRanges)([a,o]),[u,f]=l.ranges,{mapFunc:p}=l,m={row:u.startRow,col:u.startColumn},h=t.AutoFillTools.getAutoFillRepeatRange(u,f),g=[],_=[];return h.forEach(n=>{let r=n.repeatStartCell,a=n.relativeRange,o={startRow:m.row,startColumn:m.col,endColumn:m.col,endRow:m.row},l={startRow:r.row,startColumn:r.col,endColumn:r.col,endRow:r.row};e.Range.foreach(a,(n,r)=>{let a=e.Rectangle.getPositionRange({startRow:n,startColumn:r,endColumn:r,endRow:n},o),{row:u,col:f}=p(a.startRow,a.startColumn),m=this._hyperLinkModel.getHyperLinkByLocation(s,c,u,f),h=e.Rectangle.getPositionRange({startRow:n,startColumn:r,endColumn:r,endRow:n},l),{row:v,col:y}=p(h.startRow,h.startColumn),b=(0,e.generateRandomId)(),x=this._hyperLinkModel.getHyperLinkByLocation(s,c,v,y);x&&g.push({id:d.RemoveHyperLinkMutation.id,params:{unitId:s,subUnitId:c,id:x.id}}),(t.AUTO_FILL_APPLY_TYPE.COPY===i||t.AUTO_FILL_APPLY_TYPE.SERIES===i)&&m&&(g.push({id:d.AddHyperLinkMutation.id,params:{unitId:s,subUnitId:c,link:{...m,id:b,row:v,column:y}}}),_.push({id:d.RemoveHyperLinkMutation.id,params:{unitId:s,subUnitId:c,id:b}})),x&&_.push({id:d.AddHyperLinkMutation.id,params:{unitId:s,subUnitId:c,link:x}})})}),{undos:_,redos:g}},a={id:oe,onFillData:(e,n,a)=>a===t.AUTO_FILL_APPLY_TYPE.COPY||a===t.AUTO_FILL_APPLY_TYPE.ONLY_FORMAT||a===t.AUTO_FILL_APPLY_TYPE.SERIES?i(e,a):r()};this.disposeWithMe(this._autoFillService.addHook(a))}};Y=w([C(0,t.IAutoFillService),C(1,(0,e.Inject)(d.HyperLinkModel))],Y);let me=class extends e.Disposable{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===q.id&&(this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[t.WorkbookEditablePermission],rangeTypes:[t.RangeProtectionPermissionEditPoint],worksheetTypes:[t.WorksheetEditPermission,t.WorksheetSetCellValuePermission,t.WorksheetInsertHyperlinkPermission]})||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.hyperLinkErr`)))}))}};me=w([C(0,(0,e.Inject)(e.LocaleService)),C(1,e.ICommandService),C(2,(0,e.Inject)(t.SheetPermissionCheckController))],me);let X=class extends e.Disposable{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(n){let{unitId:r,subUnitId:i,row:a,col:o}=n,s=this._univerInstanceService.getUnit(r,e.UniverInstanceType.UNIVER_SHEET),c=s==null?void 0:s.getSheetBySheetId(i);if(!c)return{viewPermission:!1,editPermission:!1,copyPermission:!1};let l=this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[t.WorkbookViewPermission],worksheetTypes:[t.WorksheetViewPermission],rangeTypes:[t.RangeProtectionPermissionViewPoint]},[{startRow:a,startColumn:o,endRow:a,endColumn:o}],r,i),u=this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[t.WorkbookEditablePermission],worksheetTypes:[t.WorksheetEditPermission,t.WorksheetInsertHyperlinkPermission],rangeTypes:[t.RangeProtectionPermissionEditPoint]},[{startRow:a,startColumn:o,endRow:a,endColumn:o}],r,i),d=c.getCellRaw(a,o);d!=null&&d.f&&d.f.startsWith(`=HYPERLINK(`)&&(u=!1);let f=this._permissionService.composePermission([new t.WorkbookCopyPermission(r).id,new t.WorksheetCopyPermission(r,i).id]).every(e=>e.value);return{viewPermission:l,editPermission:u,copyPermission:f}}_initHoverListener(){this.disposeWithMe(this._hoverManagerService.currentRichText$.pipe((0,s.debounceTime)(200)).subscribe(t=>{var r,i,a;if(!t||((r=t.customRange)==null?void 0:r.rangeType)!==e.CustomRangeType.HYPERLINK){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}let{unitId:o,subUnitId:s,row:c,col:l}=t,u=this._renderManagerService.getRenderById(o);if(!u)return;let d=this._univerInstanceService.getUnit(o,e.UniverInstanceType.UNIVER_SHEET),f=d==null?void 0:d.getSheetBySheetId(s);if(!f)return;if(!u.with(n.HoverRenderController).active){this._sheetsHyperLinkPopupService.hideCurrentPopup(g.VIEWING);return}let p=u==null||(i=u.with(n.SheetSkeletonManagerService).getSkeletonParam(s))==null?void 0:i.skeleton,m=l,h=c,_=h,v=m;p&&p.overflowCache.forValue((t,n,r)=>{e.Rectangle.contains(r,{startColumn:m,endColumn:m,startRow:h,endRow:h})&&(_=t,v=n)});let{viewPermission:y,editPermission:b,copyPermission:x}=this._getLinkPermission(t);if(!y){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}let S=f.getCellStyleOnly(_,v),C=d.getStyles().getStyleByCell(S),w=C==null||(a=C.tr)==null?void 0:a.a;if(!w&&!t.customRange){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}this._sheetsHyperLinkPopupService.showPopup({row:_,col:v,editPermission:b,copyPermission:x,customRange:t.customRange,customRangeRect:t.rect,type:g.VIEWING,unitId:o,subUnitId:s,showAll:!!w})}))}_initHoverEditingListener(){let t=null;this.disposeWithMe(this._editorBridgeService.currentEditCellState$.pipe((0,s.switchMap)(e=>this._editorBridgeService.visible$.pipe((0,s.map)(t=>({visible:t,state:e}))))).subscribe(({visible:r,state:a})=>{if(!a||a.editorUnitId!==e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)return;if(!r.visible){t==null||t.unsubscribe(),this._sheetsHyperLinkPopupService.hideCurrentPopup(g.EDITING),this._sheetsHyperLinkPopupService.endEditing(g.EDITING);return}let{editorUnitId:o,unitId:c,sheetId:l,row:u,column:d}=a,f=this._renderManagerService.getRenderById(o);if(!f)return;let{editPermission:p,viewPermission:m,copyPermission:h}=this._getLinkPermission({unitId:c,subUnitId:l,row:u,col:d}),_=f.with(i.DocEventManagerService);m&&(t==null||t.unsubscribe(),t=_.hoverCustomRanges$.pipe((0,s.debounceTime)(200)).subscribe(t=>{var r;let i=t.find(t=>t.range.rangeType===e.CustomRangeType.HYPERLINK);if(!i){this._sheetsHyperLinkPopupService.hideCurrentPopup();return}let a=i.rects[i.rects.length-1];if(!(!((r=this._renderManagerService.getRenderById(c))==null||(r=r.with(n.SheetSkeletonManagerService).getSkeletonParam(l))==null)&&r.skeleton)||!a)return;let o=f.engine.getCanvasElement().getBoundingClientRect();this._sheetsHyperLinkPopupService.showPopup({unitId:c,subUnitId:l,row:u,col:d,customRange:i.range,customRangeRect:{left:a.left+o.left,top:a.top+o.top,bottom:a.bottom+o.top,right:a.right+o.left},editPermission:p,copyPermission:h,type:g.EDITING})}))})),this.disposeWithMe(()=>{t==null||t.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((0,s.switchMap)(t=>{let n=t===e.DOCS_ZEN_EDITOR_UNIT_ID_KEY?this._renderManagerService.getRenderById(t):null;return n?n.with(i.DocEventManagerService).hoverCustomRanges$.pipe((0,s.debounceTime)(200)):new s.Observable(e=>{e.next(null)})})).subscribe(t=>{let n=t==null?void 0:t.find(t=>t.range.rangeType===e.CustomRangeType.HYPERLINK),r=this._editorBridgeService.getEditCellState();if(n&&r){let{unitId:e,sheetId:t,row:i,column:a}=r,{editPermission:o,viewPermission:s,copyPermission:c}=this._getLinkPermission({unitId:e,subUnitId:t,row:i,col:a});s&&this._sheetsHyperLinkPopupService.showPopup({type:g.ZEN_EDITOR,unitId:e,subUnitId:t,row:i,col:a,customRange:n.range,editPermission:o,copyPermission:c})}else this._sheetsHyperLinkPopupService.hideCurrentPopup(g.ZEN_EDITOR)}))}_initTextSelectionListener(){this.disposeWithMe(this._textSelectionManagerService.textSelection$.subscribe(t=>{t&&t.unitId===e.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&this._sheetsHyperLinkPopupService.endEditing(g.EDITING)}))}_initCommandListener(){let e=[t.ClearSelectionContentCommand.id,t.ClearSelectionAllCommand.id,t.ClearSelectionFormatCommand.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{e.includes(t.id)&&this._sheetsHyperLinkPopupService.hideCurrentPopup()}))}};X=w([C(0,(0,e.Inject)(n.HoverManagerService)),C(1,(0,e.Inject)(F)),C(2,(0,e.Inject)(a.IRenderManagerService)),C(3,(0,e.Inject)(e.IPermissionService)),C(4,(0,e.Inject)(t.SheetPermissionCheckController)),C(5,e.ICommandService),C(6,n.IEditorBridgeService),C(7,(0,e.Inject)(r.DocSelectionManagerService)),C(8,e.IUniverInstanceService),C(9,o.IZenZoneService)],X);let he=class extends e.Disposable{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((0,s.debounceTime)(16)).subscribe(()=>{e()}))}};he=w([C(1,(0,e.Inject)(d.HyperLinkModel))],he);const ge={[o.RibbonInsertGroup.MEDIA]:{[H.id]:{order:1,menuItemFactory:K},[le(H.id)]:{order:1,menuItemFactory:fe}},[o.ContextMenuPosition.MAIN_AREA]:{[o.ContextMenuGroup.OTHERS]:{order:1,[H.id]:{order:0,menuItemFactory:ue},[le(H.id)]:{order:0,menuItemFactory:de}}}};let Z=class extends e.Disposable{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(){[[N.componentKey,N],[re.componentKey,re],[`LinkIcon`,m.LinkIcon]].forEach(([e,t])=>{this._componentManager.register(e,t)})}_initCommands(){[z,B,V,H].forEach(e=>{this._commandService.registerCommand(e)})}_initMenus(){this._menuManagerService.mergeMenu(ge)}_initShortCut(){this._shortcutService.registerShortcut(q)}};Z=w([C(0,(0,e.Inject)(o.ComponentManager)),C(1,e.ICommandService),C(2,o.IMenuManagerService),C(3,(0,e.Inject)(e.Injector)),C(4,(0,e.Inject)(o.IShortcutService))],Z);let Q=class extends e.Disposable{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)}}};Q=w([C(0,(0,e.Inject)(d.SheetsHyperLinkParserService)),C(1,(0,e.Inject)(E))],Q);let $=class extends e.Plugin{constructor(t=S,n,r){super(),this._config=t,this._injector=n,this._configService=r;let{menu:i,...a}=(0,e.merge)({},S,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(x,a)}onStarting(){[[E],[F],[ee],[X],[Z],[Y],[U],[me],[Q]].forEach(e=>this._injector.add(e))}onReady(){this._injector.get(a.IRenderManagerService).registerRenderModule(e.UniverInstanceType.UNIVER_SHEET,[he]),this._injector.get(Y),this._injector.get(U),this._injector.get(Z)}onRendered(){this._injector.get(me),this._injector.get(Q),this._injector.get(X)}};A($,`pluginName`,oe),A($,`packageName`,pe),A($,`version`,J),A($,`type`,e.UniverInstanceType.UNIVER_SHEET),$=w([(0,e.DependentOn)(d.UniverSheetsHyperLinkPlugin,i.UniverDocsUIPlugin),C(1,(0,e.Inject)(e.Injector)),C(2,e.IConfigService)],$),exports.CloseHyperLinkPopupOperation=B,exports.InsertHyperLinkOperation=V,exports.InsertLinkShortcut=q,exports.OpenHyperLinkEditPanelOperation=z,Object.defineProperty(exports,`SheetsHyperLinkCopyPasteController`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`SheetsHyperLinkPopupService`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`SheetsHyperLinkResolverService`,{enumerable:!0,get:function(){return E}}),exports.SheetsHyperLinkSidePanelService=ee,Object.defineProperty(exports,`UniverSheetsHyperLinkUIPlugin`,{enumerable:!0,get:function(){return $}});
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_sheets = require("@univerjs/sheets");
+let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
+let _univerjs_docs = require("@univerjs/docs");
+let _univerjs_docs_ui = require("@univerjs/docs-ui");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_ui = require("@univerjs/ui");
+let rxjs = require("rxjs");
+let _univerjs_design = require("@univerjs/design");
+let _univerjs_engine_formula = require("@univerjs/engine-formula");
+let _univerjs_sheets_formula_ui = require("@univerjs/sheets-formula-ui");
+let _univerjs_sheets_hyper_link = require("@univerjs/sheets-hyper-link");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_sheets_data_validation = require("@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 _univerjs_core.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 === _univerjs_core.RANGE_TYPE.COLUMN || _univerjs_core.RANGE_TYPE.ROW) return range;
+	const relativeCells = [];
+	mergedCells.forEach((cell) => {
+		if (_univerjs_core.Rectangle.intersects(range, cell)) relativeCells.push(cell);
+	});
+	return _univerjs_core.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 _univerjs_sheets_hyper_link.SheetHyperLinkType.URL:
+				this.navigateToOtherWebsite(info.url);
+				break;
+			default: this._navigateToUniver(info.searchObj);
+		}
+	}
+	_navigateToUniver(params) {
+		const { gid, range, rangeid } = params;
+		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.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: _univerjs_design.MessageType.Error
+				});
+				return;
+			}
+			if (worksheet.isSheetHidden()) {
+				this._messageService.show({
+					content: this._localeService.t("hyperLink.message.hiddenSheet"),
+					type: _univerjs_design.MessageType.Error
+				});
+				return;
+			}
+			this.navigateToDefineName(unitId, rangeid);
+		}
+		if (!gid) return;
+		if (range) {
+			const rangeInfo = (0, _univerjs_engine_formula.deserializeRangeWithSheet)(range);
+			if ((0, _univerjs_core.isValidRange)(rangeInfo.range) && range !== _univerjs_sheets_hyper_link.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(_univerjs_sheets.SetSelectionsOperation.id, {
+				unitId,
+				subUnitId,
+				selections: [{
+					range: realRange,
+					primary: null
+				}]
+			});
+			await this._commandService.executeCommand(_univerjs_sheets_ui.ScrollToRangeOperation.id, {
+				range: realRange,
+				forceTop
+			});
+		}
+	}
+	async navigateToSheetById(unitId, subUnitId) {
+		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.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: _univerjs_design.MessageType.Error
+			});
+			return false;
+		}
+		if (workbook.getHiddenWorksheets().indexOf(subUnitId) > -1) {
+			this._messageService.show({
+				content: this._localeService.t("hyperLink.message.hiddenSheet"),
+				type: _univerjs_design.MessageType.Error
+			});
+			return false;
+		}
+		if (await this._commandService.executeCommand(_univerjs_sheets.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, _univerjs_core.IUniverInstanceService),
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, _univerjs_engine_formula.IDefinedNamesService),
+	__decorateParam(3, _univerjs_ui.IMessageService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(5, _univerjs_core.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 _univerjs_core.Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_customHyperLinks", /* @__PURE__ */ new Map());
+	}
+	isBuiltInLinkType(type) {
+		return type !== _univerjs_sheets_hyper_link.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(_univerjs_engine_formula.deserializeRangeWithSheet);
+	if (!range || !(0, _univerjs_core.isValidRange)(range.range)) return "";
+	if (!range.sheetName) range.sheetName = defaultSheetName;
+	return (0, _univerjs_engine_formula.serializeRangeToRefString)(range);
+}
+
+//#endregion
+//#region src/views/CellLinkEdit/index.tsx
+const CellLinkEdit = () => {
+	var _definedNameService$g;
+	const [id, setId] = (0, react.useState)("");
+	const [hide, setHide] = (0, react.useState)(false);
+	const [display, _setDisplay] = (0, react.useState)("");
+	const [showLabel, setShowLabel] = (0, react.useState)(true);
+	const [type, setType] = (0, react.useState)(_univerjs_sheets_hyper_link.SheetHyperLinkType.URL);
+	const [payload, setPayload] = (0, react.useState)("");
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const definedNameService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
+	const editorBridgeService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IEditorBridgeService);
+	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const editing = (0, _univerjs_ui.useObservable)(popupService.currentEditing$);
+	const parserService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService);
+	const resolverService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkResolverService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const sidePanelService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkSidePanelService);
+	const sidePanelOptions = (0, react.useMemo)(() => sidePanelService.getOptions(), [sidePanelService]);
+	const zenZoneService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IZenZoneService);
+	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
+	const markSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IMarkSelectionService);
+	const textSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
+	const contextService = (0, _univerjs_ui.useDependency)(_univerjs_core.IContextService);
+	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
+	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
+	const [selectorDialogVisible, setSelectorDialogVisible] = (0, react.useState)(false);
+	const sheetsSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetsSelectionsService);
+	const selections = (0, react.useMemo)(() => sheetsSelectionService.getCurrentSelections(), []);
+	const customHyperLinkSidePanel = (0, react.useMemo)(() => {
+		if (sidePanelService.isBuiltInLinkType(type)) return;
+		return sidePanelService.getCustomHyperLink(type);
+	}, [sidePanelService, type]);
+	const [showError, setShowError] = (0, react.useState)(false);
+	const [isFocusRangeSelector, setIsFocusRangeSelector] = (0, react.useState)(false);
+	const setByPayload = (0, react.useRef)(false);
+	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const subUnitId = (workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getSheetId()) || "";
+	const setDisplay = (0, react.useCallback)((value) => {
+		_setDisplay(value.replaceAll(_univerjs_core.DataStreamTreeTokenType.CUSTOM_RANGE_START, "").replaceAll(_univerjs_core.DataStreamTreeTokenType.CUSTOM_RANGE_END, ""));
+	}, [_setDisplay]);
+	(0, react.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 === _univerjs_core.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 && (!_univerjs_core.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) || _univerjs_core.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(_univerjs_core.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 = _univerjs_core.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 === _univerjs_sheets_hyper_link.SheetHyperLinkType.INVALID ? _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE : linkInfo.type);
+			switch (linkInfo.type) {
+				case _univerjs_sheets_hyper_link.SheetHyperLinkType.URL:
+					setPayload(linkInfo.url);
+					if (linkInfo.url === link.display) setByPayload.current = true;
+					break;
+				case _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE: {
+					var _univerInstanceServic, _univerInstanceServic2;
+					const params = linkInfo.searchObj;
+					const payload = (0, _univerjs_engine_formula.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 : "" : "", (0, _univerjs_engine_formula.deserializeRangeWithSheet)(params.range).range);
+					setPayload(payload);
+					if (payload === link.display) setByPayload.current = true;
+					break;
+				}
+				case _univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET: {
+					const params = linkInfo.searchObj;
+					setPayload(params.gid);
+					break;
+				}
+				case _univerjs_sheets_hyper_link.SheetHyperLinkType.DEFINE_NAME: {
+					const params = linkInfo.searchObj;
+					setPayload(params.rangeid);
+					break;
+				}
+				default:
+					setPayload("");
+					break;
+			}
+		}
+	}, [
+		editing,
+		resolverService,
+		sidePanelService,
+		textSelectionService,
+		univerInstanceService
+	]);
+	(0, react.useEffect)(() => {
+		let id = null;
+		if (editing && !editing.customRangeId && editing.type === HyperLinkEditSourceType.VIEWING && _univerjs_core.Tools.isDefine(editing.row) && _univerjs_core.Tools.isDefine(editing.col)) {
+			const workbook = univerInstanceService.getUnit(editing.unitId, _univerjs_core.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 _univerjs_core.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
+	]);
+	(0, react.useEffect)(() => {
+		setIsFocusRangeSelector(type === _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE);
+	}, [type]);
+	(0, react.useEffect)(() => {
+		const render = (editing === null || editing === void 0 ? void 0 : editing.type) === HyperLinkEditSourceType.ZEN_EDITOR ? renderManagerService.getRenderById(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY) : renderManagerService.getRenderById(editorBridgeService.getCurrentEditorId());
+		const disposeCollection = new _univerjs_core.DisposableCollection();
+		if (render) {
+			const selectionRenderService = render.with(_univerjs_docs_ui.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
+	]);
+	(0, react.useEffect)(() => {
+		if (isFocusRangeSelector) popupService.setIsKeepVisible(isFocusRangeSelector);
+		popupService.setIsKeepVisible(selectorDialogVisible);
+		return () => {
+			popupService.setIsKeepVisible(false);
+		};
+	}, [
+		isFocusRangeSelector,
+		selectorDialogVisible,
+		popupService
+	]);
+	(0, react.useEffect)(() => {
+		return () => {
+			if (zenZoneService.temporaryHidden) {
+				zenZoneService.show();
+				contextService.setContextValue(_univerjs_core.FOCUSING_SHEET, false);
+			}
+		};
+	}, [contextService, zenZoneService]);
+	(0, react.useEffect)(() => {
+		if (isFocusRangeSelector) {
+			editorBridgeService.enableForceKeepVisible();
+			return () => {
+				editorBridgeService.disableForceKeepVisible();
+			};
+		}
+	}, [isFocusRangeSelector, editorBridgeService]);
+	const linkTypeOptions = [
+		{
+			label: localeService.t("hyperLink.form.link"),
+			value: _univerjs_sheets_hyper_link.SheetHyperLinkType.URL
+		},
+		{
+			label: localeService.t("hyperLink.form.range"),
+			value: _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE
+		},
+		{
+			label: localeService.t("hyperLink.form.worksheet"),
+			value: _univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET
+		},
+		{
+			label: localeService.t("hyperLink.form.definedName"),
+			value: _univerjs_sheets_hyper_link.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 === _univerjs_sheets_hyper_link.SheetHyperLinkType.URL) return serializeUrl(payload);
+		if (type === _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE) {
+			const info = (0, _univerjs_engine_formula.deserializeRangeWithSheet)(payload);
+			const worksheet = workbook.getSheetBySheetName(info.sheetName);
+			if (worksheet) return `#gid=${worksheet.getSheetId()}&range=${(0, _univerjs_engine_formula.serializeRange)(info.range)}`;
+		}
+		return `#${type}=${payload}`;
+	};
+	const handleRangeChange = (0, _univerjs_ui.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 === _univerjs_sheets_hyper_link.SheetHyperLinkType.URL && !isLegalLink(payload)) {
+			setShowError(true);
+			return;
+		}
+		if (editing) if (id) {
+			const commandId = editing.type === HyperLinkEditSourceType.ZEN_EDITOR || editing.type === HyperLinkEditSourceType.EDITING ? _univerjs_sheets_hyper_link.UpdateRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.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 ? _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+			});
+		} else {
+			const commandId = editing.type === HyperLinkEditSourceType.ZEN_EDITOR || editing.type === HyperLinkEditSourceType.EDITING ? _univerjs_sheets_hyper_link.AddRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.AddHyperLinkCommand.id;
+			await commandService.executeCommand(commandId, {
+				unitId: editing.unitId,
+				subUnitId: editing.subUnitId,
+				link: {
+					id: (0, _univerjs_core.generateRandomId)(),
+					row: editing.row,
+					column: editing.col,
+					payload: formatUrl(type, payload),
+					display: showLabel ? display : ""
+				},
+				documentId: editing.type === HyperLinkEditSourceType.ZEN_EDITOR ? _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+			});
+		}
+		if ((editing === null || editing === void 0 ? void 0 : editing.type) === HyperLinkEditSourceType.VIEWING) {
+			await commandService.executeCommand(_univerjs_sheets.SetWorksheetActiveOperation.id, {
+				unitId: editing.unitId,
+				subUnitId: editing.subUnitId
+			});
+			const GAP = 1;
+			await commandService.executeCommand(_univerjs_sheets_ui.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _univerjs_design.clsx)("univer-box-border univer-w-[296px] univer-rounded-xl univer-bg-white univer-p-4 univer-shadow-md dark:!univer-bg-gray-900", _univerjs_design.borderClassName),
+		children: [
+			showLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("hyperLink.form.label"),
+				error: showError && isBlankInput(display) ? localeService.t("hyperLink.form.inputError") : "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+					value: display,
+					onChange: (v) => {
+						setDisplay(v);
+						setByPayload.current = false;
+					},
+					placeholder: localeService.t("hyperLink.form.labelPlaceholder"),
+					autoFocus: true,
+					onKeyDown: (e) => {
+						if (e.keyCode === _univerjs_ui.KeyCode.ENTER) handleSubmit();
+					}
+				})
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("hyperLink.form.type"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+					className: "univer-w-full",
+					options: linkTypeOptions,
+					value: type,
+					onChange: (newType) => {
+						setType(newType);
+						setPayload("");
+					}
+				})
+			}),
+			type === _univerjs_sheets_hyper_link.SheetHyperLinkType.URL && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				error: showError ? !payload ? localeService.t("hyperLink.form.inputError") : !isLegalLink(payload) ? localeService.t("hyperLink.form.linkError") : "" : "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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 === _univerjs_ui.KeyCode.ENTER) handleSubmit();
+					}
+				})
+			}),
+			type === _univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				error: showError && !payload ? localeService.t("hyperLink.form.inputError") : "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_sheets_formula_ui.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(_univerjs_core.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(_univerjs_sheets.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(_univerjs_core.FOCUSING_SHEET, false);
+								const docBackScrollRenderController = (_renderManagerService = renderManagerService.getRenderById(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_docs_ui.DocBackScrollRenderController);
+								const range = (_docSelectionManagerS = docSelectionManagerService.getTextRanges({
+									unitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+									subUnitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY
+								})) === null || _docSelectionManagerS === void 0 ? void 0 : _docSelectionManagerS[0];
+								if (docBackScrollRenderController && range) {
+									docBackScrollRenderController.scrollToRange(range);
+									docSelectionManagerService.refreshSelection({
+										unitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+										subUnitId: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY
+									});
+								}
+							}
+							editorBridgeService.disableForceKeepVisible();
+							setHide(false);
+						}
+					},
+					onFocusChange: (focus) => setIsFocusRangeSelector(focus)
+				})
+			}),
+			type === _univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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 === _univerjs_sheets_hyper_link.SheetHyperLinkType.DEFINE_NAME && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				error: showError && !payload ? localeService.t("hyperLink.form.selectError") : "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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__ */ (0, react_jsx_runtime.jsx)(customHyperLinkSidePanel.Form, {
+				linkId: id,
+				payload,
+				display,
+				showError,
+				setByPayload,
+				setDisplay: (newLink) => {
+					setDisplay(newLink);
+					setByPayload.current = true;
+				},
+				setPayload
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "univer-flex univer-flex-row univer-justify-end univer-gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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 = {
+	[_univerjs_sheets_hyper_link.SheetHyperLinkType.URL]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LinkIcon, {}),
+	[_univerjs_sheets_hyper_link.SheetHyperLinkType.SHEET]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.XlsxMultiIcon, { className: "univer-text-green-500" }),
+	[_univerjs_sheets_hyper_link.SheetHyperLinkType.RANGE]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AllBorderIcon, {}),
+	[_univerjs_sheets_hyper_link.SheetHyperLinkType.DEFINE_NAME]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AllBorderIcon, {}),
+	[_univerjs_sheets_hyper_link.SheetHyperLinkType.INVALID]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AllBorderIcon, {})
+};
+const CellLinkPopupPure = (props) => {
+	var _customRange$properti, _customRange$properti2;
+	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const messageService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMessageService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const resolverService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkResolverService);
+	const editorBridgeService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IEditorBridgeService);
+	const parserHyperLinkService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService);
+	const zenZoneService = (0, _univerjs_ui.useDependency)(_univerjs_ui.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 === _univerjs_sheets_hyper_link.SheetHyperLinkType.INVALID;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _univerjs_design.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", _univerjs_design.borderClassName),
+		onClick: () => popupService.hideCurrentPopup(),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, _univerjs_design.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+				showIfEllipsis: true,
+				title: linkObj.name,
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "univer-flex-1 univer-truncate",
+					children: linkObj.name
+				})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-flex univer-h-6 univer-flex-none univer-flex-row univer-items-center univer-justify-center",
+			children: [copyPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, _univerjs_design.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 !== _univerjs_sheets_hyper_link.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: _univerjs_design.MessageType.Info
+					});
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					placement: "bottom",
+					title: localeService.t("hyperLink.popup.copy"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CopyIcon, { className: "dark:!univer-text-white" })
+				})
+			}), editPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					placement: "bottom",
+					title: localeService.t("hyperLink.popup.edit"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WriteIcon, { className: "dark:!univer-text-white" })
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.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 ? _univerjs_sheets_hyper_link.CancelRichHyperLinkCommand.id : _univerjs_sheets_hyper_link.CancelHyperLinkCommand.id;
+					if (commandService.syncExecuteCommand(commandId, {
+						unitId,
+						subUnitId,
+						id: customRange.rangeId,
+						row,
+						column: col,
+						documentId: type === HyperLinkEditSourceType.ZEN_EDITOR ? _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY : editorBridgeService.getCurrentEditorId()
+					})) popupService.hideCurrentPopup(void 0, true);
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
+					placement: "bottom",
+					title: localeService.t("hyperLink.popup.cancel"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.UnlinkIcon, { className: "dark:!univer-text-white" })
+				})
+			})] })]
+		})]
+	});
+};
+const CellLinkPopup = () => {
+	const popupService = (0, _univerjs_ui.useDependency)(SheetsHyperLinkPopupService);
+	const [currentPopup, setCurrentPopup] = (0, react.useState)(null);
+	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	(0, react.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, _univerjs_core.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__ */ (0, react_jsx_runtime.jsx)("div", { children: customRanges.map((customRange) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CellLinkPopupPure, {
+				...currentPopup,
+				customRange
+			}, customRange.rangeId);
+		}) }) : null;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.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 _univerjs_core.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 rxjs.Subject());
+		_defineProperty(this, "currentPopup$", this._currentPopup$.asObservable());
+		_defineProperty(this, "_currentEditingPopup", null);
+		_defineProperty(this, "_currentEditing$", new rxjs.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, _univerjs_core.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: _univerjs_core.BuildTextUtils.transform.getPlainText(body.dataStream)
+			};
+			const links = _univerjs_core.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(textRange, (_body$customRanges$fi = (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.filter((i) => i.rangeType === _univerjs_core.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: _univerjs_core.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(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+			if (!document) return;
+			const range = this._textSelectionManagerService.getActiveTextRange();
+			if (!range) return;
+			this._currentEditingPopup = this._docCanvasPopManagerService.attachPopupToRange(range, this._editPopup, _univerjs_core.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: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
+				subUnitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY
+			});
+			const currentRender = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+			if (!currentRender) return;
+			const rects = (0, _univerjs_docs_ui.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, _univerjs_core.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) ? _univerjs_core.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(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY, _univerjs_core.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, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		} else if (link.type === HyperLinkEditSourceType.EDITING) {
+			var _customRangeInfo$rect;
+			const customRangeInfo = (0, _univerjs_sheets_ui.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, _univerjs_core.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 = (0, _univerjs_sheets_ui.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, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.SheetCanvasPopManagerService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.IUniverInstanceService),
+	__decorateParam(3, _univerjs_sheets_ui.IEditorBridgeService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_docs_ui.DocCanvasPopManagerService)),
+	__decorateParam(6, _univerjs_ui.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([
+	_univerjs_core.DataValidationType.CHECKBOX,
+	_univerjs_core.DataValidationType.LIST,
+	_univerjs_core.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(_univerjs_sheets_data_validation.SheetDataValidationModel) ? accessor.get(_univerjs_sheets_data_validation.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(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	if (!unit) return true;
+	const worksheet = unit.getActiveSheet();
+	const selections = accessor.get(_univerjs_sheets.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(_univerjs_docs.DocSelectionManagerService);
+	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	const textRanges = textSelectionService.getTextRanges();
+	if (!(textRanges === null || textRanges === void 0 ? void 0 : textRanges.length)) return true;
+	const doc = univerInstanceService.getCurrentUnitForType(_univerjs_core.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: _univerjs_core.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: _univerjs_core.CommandType.OPERATION,
+	id: "sheet.operation.close-hyper-link-popup",
+	handler(accessor) {
+		accessor.get(SheetsHyperLinkPopupService).endEditing();
+		return true;
+	}
+};
+const InsertHyperLinkOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "sheet.operation.insert-hyper-link",
+	handler(accessor) {
+		var _univerInstanceServic;
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
+		const editorBridgeService = accessor.get(_univerjs_sheets_ui.IEditorBridgeService);
+		if (!target) return false;
+		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const selection = accessor.get(_univerjs_sheets.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()) === _univerjs_core.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: _univerjs_core.CommandType.OPERATION,
+	id: "sheet.operation.insert-hyper-link-toolbar",
+	handler(accessor) {
+		if (getShouldDisableCurrentCellLink(accessor)) return false;
+		const commandService = accessor.get(_univerjs_core.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 _univerjs_core.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 = _univerjs_sheets_ui.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 } = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([range]);
+					const redos = [];
+					const undos = [];
+					_univerjs_core.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: _univerjs_sheets_hyper_link.RemoveHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								id: link.id
+							}
+						});
+						if (link) undos.push({
+							id: _univerjs_sheets_hyper_link.AddHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								link
+							}
+						});
+					});
+					return {
+						redos,
+						undos
+					};
+				}
+				return {
+					undos: [],
+					redos: []
+				};
+			},
+			priority: 99
+		});
+	}
+	_collect(unitId, subUnitId, range) {
+		const matrix = new _univerjs_core.ObjectMatrix();
+		this._copyInfo = {
+			unitId,
+			subUnitId,
+			matrix
+		};
+		const discreteRange = this._injector.invoke((accessor) => {
+			return (0, _univerjs_sheets.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 ([
+			_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH,
+			_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE,
+			_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,
+			_univerjs_sheets_ui.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 } = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([copyInfo.copyRange, pastedRange]);
+		(0, _univerjs_sheets_ui.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 = _univerjs_core.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 = (0, _univerjs_core.generateRandomId)();
+				if (currentLink) redos.push({
+					id: _univerjs_sheets_hyper_link.RemoveHyperLinkMutation.id,
+					params: {
+						unitId: copyInfo.unitId,
+						subUnitId: copyInfo.subUnitId,
+						id: currentLink.id
+					}
+				});
+				if (oldLink) {
+					redos.push({
+						id: _univerjs_sheets_hyper_link.AddHyperLinkMutation.id,
+						params: {
+							unitId: copyInfo.unitId,
+							subUnitId: copyInfo.subUnitId,
+							link: {
+								...oldLink,
+								id,
+								row: startRow,
+								column: startColumn
+							}
+						}
+					});
+					undos.push({
+						id: _univerjs_sheets_hyper_link.RemoveHyperLinkMutation.id,
+						params: {
+							unitId: copyInfo.unitId,
+							subUnitId: copyInfo.subUnitId,
+							id
+						}
+					});
+				}
+				if (currentLink) undos.push({
+					id: _univerjs_sheets_hyper_link.AddHyperLinkMutation.id,
+					params: {
+						unitId: copyInfo.unitId,
+						subUnitId: copyInfo.subUnitId,
+						link: currentLink
+					}
+				});
+			});
+		});
+		return {
+			redos,
+			undos
+		};
+	}
+};
+SheetsHyperLinkCopyPasteController = __decorate([
+	__decorateParam(0, _univerjs_sheets_ui.ISheetClipboardService),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_hyper_link.HyperLinkModel)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(SheetsHyperLinkResolverService))
+], SheetsHyperLinkCopyPasteController);
+
+//#endregion
+//#region src/menu/menu.ts
+const getEditingLinkDisable$ = (accessor, unitId = _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY) => {
+	var _accessor$get$getRend;
+	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	const docSelctionService = (_accessor$get$getRend = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId)) === null || _accessor$get$getRend === void 0 ? void 0 : _accessor$get$getRend.with(_univerjs_docs_ui.DocSelectionRenderService);
+	if (!docSelctionService) return (0, rxjs.of)(true);
+	return docSelctionService.textSelectionInner$.pipe((0, rxjs.map)(() => {
+		const state = accessor.get(_univerjs_sheets_ui.IEditorBridgeService).getEditCellState();
+		if (!state) return true;
+		const target = (0, _univerjs_sheets.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(_univerjs_core.IUniverInstanceService);
+	const editorBridgeService = accessor.has(_univerjs_sheets_ui.IEditorBridgeService) ? accessor.get(_univerjs_sheets_ui.IEditorBridgeService) : null;
+	return ((_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.currentEditCellState$.pipe((0, rxjs.map)((state) => {
+		if (!state) return DisableLinkType.DISABLED_BY_CELL;
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, {
+			unitId: state.unitId,
+			subUnitId: state.sheetId
+		});
+		if (!target) return DisableLinkType.DISABLED_BY_CELL;
+		return getShouldDisableCellLink(accessor, target.worksheet, state.row, state.column);
+	}), (0, rxjs.switchMap)((disableCell) => {
+		if (disableCell === DisableLinkType.DISABLED_BY_CELL) return (0, rxjs.of)(true);
+		return (0, rxjs.combineLatest)([editorBridgeService ? editorBridgeService.visible$ : (0, rxjs.of)(null), univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC)]).pipe((0, rxjs.switchMap)(([editing, focusingDoc]) => {
+			return (editing === null || editing === void 0 ? void 0 : editing.visible) ? (focusingDoc === null || focusingDoc === void 0 ? void 0 : focusingDoc.getUnitId()) === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY ? (0, rxjs.of)(true) : getEditingLinkDisable$(accessor, _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) : (0, rxjs.of)(disableCell !== DisableLinkType.ALLOWED);
+		}));
+	}))) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(true)).pipe((0, rxjs.switchMap)((disableCell) => {
+		if (disableCell) return (0, rxjs.of)(true);
+		else return (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [
+				_univerjs_sheets.WorksheetEditPermission,
+				_univerjs_sheets.WorksheetSetCellValuePermission,
+				_univerjs_sheets.WorksheetInsertHyperlinkPermission
+			],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		}, true);
+	}));
+};
+const linkMenu = {
+	commandId: InsertHyperLinkOperation.id,
+	type: _univerjs_ui.MenuItemType.BUTTON,
+	title: "hyperLink.menu.add",
+	icon: "LinkIcon"
+};
+const genZenEditorMenuId = (id) => `${id}-zen-editor`;
+const insertLinkMenuFactory = (accessor) => {
+	return {
+		...linkMenu,
+		id: linkMenu.commandId,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: getLinkDisable$(accessor)
+	};
+};
+const zenEditorInsertLinkMenuFactory = (accessor) => {
+	return {
+		...linkMenu,
+		id: genZenEditorMenuId(linkMenu.commandId),
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY),
+		disabled$: getEditingLinkDisable$(accessor)
+	};
+};
+const linkToolbarMenu = {
+	tooltip: "hyperLink.form.addTitle",
+	commandId: InsertHyperLinkToolbarOperation.id,
+	type: _univerjs_ui.MenuItemType.BUTTON,
+	icon: "LinkIcon"
+};
+const insertLinkMenuToolbarFactory = (accessor) => {
+	return {
+		...linkToolbarMenu,
+		id: linkToolbarMenu.commandId,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: getLinkDisable$(accessor)
+	};
+};
+const zenEditorInsertLinkMenuToolbarFactory = (accessor) => {
+	return {
+		...linkToolbarMenu,
+		id: genZenEditorMenuId(linkToolbarMenu.commandId),
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC, _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY),
+		disabled$: getEditingLinkDisable$(accessor)
+	};
+};
+const InsertLinkShortcut = {
+	id: InsertHyperLinkToolbarOperation.id,
+	binding: _univerjs_ui.KeyCode.K | _univerjs_ui.MetaKeys.CTRL_COMMAND,
+	preconditions: _univerjs_sheets_ui.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 _univerjs_core.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 = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([sourceRange, targetRange]);
+			const [vSourceRange, vTargetRange] = virtualRange.ranges;
+			const { mapFunc } = virtualRange;
+			const sourceStartCell = {
+				row: vSourceRange.startRow,
+				col: vSourceRange.startColumn
+			};
+			const repeats = _univerjs_sheets.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
+				};
+				_univerjs_core.Range.foreach(relativeRange, (row, col) => {
+					const sourcePositionRange = _univerjs_core.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 = _univerjs_core.Rectangle.getPositionRange({
+						startRow: row,
+						startColumn: col,
+						endColumn: col,
+						endRow: row
+					}, targetRange);
+					const { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn);
+					const id = (0, _univerjs_core.generateRandomId)();
+					const currentLink = this._hyperLinkModel.getHyperLinkByLocation(unitId, subUnitId, targetRow, targetCol);
+					if (currentLink) redos.push({
+						id: _univerjs_sheets_hyper_link.RemoveHyperLinkMutation.id,
+						params: {
+							unitId,
+							subUnitId,
+							id: currentLink.id
+						}
+					});
+					if ((_univerjs_sheets.AUTO_FILL_APPLY_TYPE.COPY === applyType || _univerjs_sheets.AUTO_FILL_APPLY_TYPE.SERIES === applyType) && link) {
+						redos.push({
+							id: _univerjs_sheets_hyper_link.AddHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								link: {
+									...link,
+									id,
+									row: targetRow,
+									column: targetCol
+								}
+							}
+						});
+						undos.push({
+							id: _univerjs_sheets_hyper_link.RemoveHyperLinkMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								id
+							}
+						});
+					}
+					if (currentLink) undos.push({
+						id: _univerjs_sheets_hyper_link.AddHyperLinkMutation.id,
+						params: {
+							unitId,
+							subUnitId,
+							link: currentLink
+						}
+					});
+				});
+			});
+			return {
+				undos,
+				redos
+			};
+		};
+		const hook = {
+			id: SHEET_HYPER_LINK_UI_PLUGIN,
+			onFillData: (location, direction, applyType) => {
+				if (applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.COPY || applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.ONLY_FORMAT || applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.SERIES) return generalApplyFunc(location, applyType);
+				return noopReturnFunc();
+			}
+		};
+		this.disposeWithMe(this._autoFillService.addHook(hook));
+	}
+};
+SheetsHyperLinkAutoFillController = __decorate([__decorateParam(0, _univerjs_sheets.IAutoFillService), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_hyper_link.HyperLinkModel))], SheetsHyperLinkAutoFillController);
+
+//#endregion
+//#region src/controllers/hyper-link-permission.controller.ts
+let SheetsHyperLinkPermissionController = class SheetsHyperLinkPermissionController extends _univerjs_core.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: [_univerjs_sheets.WorkbookEditablePermission],
+					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
+					worksheetTypes: [
+						_univerjs_sheets.WorksheetEditPermission,
+						_univerjs_sheets.WorksheetSetCellValuePermission,
+						_univerjs_sheets.WorksheetInsertHyperlinkPermission
+					]
+				})) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.hyperLinkErr"));
+			}
+		}));
+	}
+};
+SheetsHyperLinkPermissionController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController))
+], SheetsHyperLinkPermissionController);
+
+//#endregion
+//#region src/controllers/popup.controller.ts
+let SheetsHyperLinkPopupController = class SheetsHyperLinkPopupController extends _univerjs_core.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, _univerjs_core.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: [_univerjs_sheets.WorkbookViewPermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetViewPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint]
+		}, [{
+			startRow: currentRow,
+			startColumn: currentCol,
+			endRow: currentRow,
+			endColumn: currentCol
+		}], unitId, subUnitId);
+		let editPermission = this._sheetPermissionCheckController.permissionCheckWithRanges({
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetInsertHyperlinkPermission],
+			rangeTypes: [_univerjs_sheets.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 _univerjs_sheets.WorkbookCopyPermission(unitId).id, new _univerjs_sheets.WorksheetCopyPermission(unitId, subUnitId).id]).every((permission) => permission.value);
+		return {
+			viewPermission,
+			editPermission,
+			copyPermission
+		};
+	}
+	_initHoverListener() {
+		this.disposeWithMe(this._hoverManagerService.currentRichText$.pipe((0, rxjs.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) !== _univerjs_core.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, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
+			if (!worksheet) return;
+			if (!renderer.with(_univerjs_sheets_ui.HoverRenderController).active) {
+				this._sheetsHyperLinkPopupService.hideCurrentPopup(HyperLinkEditSourceType.VIEWING);
+				return;
+			}
+			const skeleton = renderer === null || renderer === void 0 || (_renderer$with$getSke = renderer.with(_univerjs_sheets_ui.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 (_univerjs_core.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((0, rxjs.switchMap)((state) => this._editorBridgeService.visible$.pipe((0, rxjs.map)((visible) => ({
+			visible,
+			state
+		}))))).subscribe(({ visible, state }) => {
+			if (!state) return;
+			if (state.editorUnitId !== _univerjs_core.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(_univerjs_docs_ui.DocEventManagerService);
+			if (!viewPermission) return;
+			subscribe === null || subscribe === void 0 || subscribe.unsubscribe();
+			subscribe = docEventService.hoverCustomRanges$.pipe((0, rxjs.debounceTime)(200)).subscribe((customRanges) => {
+				var _this$_renderManagerS;
+				const customRange = customRanges.find((customRange) => customRange.range.rangeType === _univerjs_core.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(_univerjs_sheets_ui.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((0, rxjs.switchMap)((id) => {
+			const render = id === _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY ? this._renderManagerService.getRenderById(id) : null;
+			if (render) return render.with(_univerjs_docs_ui.DocEventManagerService).hoverCustomRanges$.pipe((0, rxjs.debounceTime)(200));
+			return new rxjs.Observable((sub) => {
+				sub.next(null);
+			});
+		})).subscribe((value) => {
+			const range = value === null || value === void 0 ? void 0 : value.find((range) => range.range.rangeType === _univerjs_core.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 === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) this._sheetsHyperLinkPopupService.endEditing(HyperLinkEditSourceType.EDITING);
+		}));
+	}
+	_initCommandListener() {
+		const HIDE_COMMAND_LIST = [
+			_univerjs_sheets.ClearSelectionContentCommand.id,
+			_univerjs_sheets.ClearSelectionAllCommand.id,
+			_univerjs_sheets.ClearSelectionFormatCommand.id
+		];
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (HIDE_COMMAND_LIST.includes(command.id)) this._sheetsHyperLinkPopupService.hideCurrentPopup();
+		}));
+	}
+};
+SheetsHyperLinkPopupController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.HoverManagerService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(SheetsHyperLinkPopupService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.IPermissionService)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController)),
+	__decorateParam(5, _univerjs_core.ICommandService),
+	__decorateParam(6, _univerjs_sheets_ui.IEditorBridgeService),
+	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
+	__decorateParam(8, _univerjs_core.IUniverInstanceService),
+	__decorateParam(9, _univerjs_ui.IZenZoneService)
+], SheetsHyperLinkPopupController);
+
+//#endregion
+//#region src/controllers/render-controllers/render.controller.ts
+let SheetsHyperLinkRenderController = class SheetsHyperLinkRenderController extends _univerjs_core.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((0, rxjs.debounceTime)(16)).subscribe(() => {
+			markSkeletonDirty();
+		}));
+	}
+};
+SheetsHyperLinkRenderController = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_hyper_link.HyperLinkModel))], SheetsHyperLinkRenderController);
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[_univerjs_ui.RibbonInsertGroup.MEDIA]: {
+		[InsertHyperLinkToolbarOperation.id]: {
+			order: 1,
+			menuItemFactory: insertLinkMenuToolbarFactory
+		},
+		[genZenEditorMenuId(InsertHyperLinkToolbarOperation.id)]: {
+			order: 1,
+			menuItemFactory: zenEditorInsertLinkMenuToolbarFactory
+		}
+	},
+	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.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 _univerjs_core.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", _univerjs_icons.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, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, _univerjs_ui.IMenuManagerService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_ui.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 _univerjs_core.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, (0, _univerjs_core.Inject)(_univerjs_sheets_hyper_link.SheetsHyperLinkParserService)), __decorateParam(1, (0, _univerjs_core.Inject)(SheetsHyperLinkResolverService))], SheetHyperLinkUrlController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsHyperLinkUIPlugin = class UniverSheetsHyperLinkUIPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { menu, ...rest } = (0, _univerjs_core.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(_univerjs_engine_render.IRenderManagerService).registerRenderModule(_univerjs_core.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", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+UniverSheetsHyperLinkUIPlugin = __decorate([
+	(0, _univerjs_core.DependentOn)(_univerjs_sheets_hyper_link.UniverSheetsHyperLinkPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.IConfigService)
+], UniverSheetsHyperLinkUIPlugin);
+
+//#endregion
+exports.CloseHyperLinkPopupOperation = CloseHyperLinkPopupOperation;
+exports.InsertHyperLinkOperation = InsertHyperLinkOperation;
+exports.InsertLinkShortcut = InsertLinkShortcut;
+exports.OpenHyperLinkEditPanelOperation = OpenHyperLinkEditPanelOperation;
+Object.defineProperty(exports, 'SheetsHyperLinkCopyPasteController', {
+  enumerable: true,
+  get: function () {
+    return SheetsHyperLinkCopyPasteController;
+  }
+});
+Object.defineProperty(exports, 'SheetsHyperLinkPopupService', {
+  enumerable: true,
+  get: function () {
+    return SheetsHyperLinkPopupService;
+  }
+});
+Object.defineProperty(exports, 'SheetsHyperLinkResolverService', {
+  enumerable: true,
+  get: function () {
+    return SheetsHyperLinkResolverService;
+  }
+});
+exports.SheetsHyperLinkSidePanelService = SheetsHyperLinkSidePanelService;
+Object.defineProperty(exports, 'UniverSheetsHyperLinkUIPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSheetsHyperLinkUIPlugin;
+  }
+});