@univerjs/docs-hyper-link-ui 0.21.1 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +31 -16
  2. package/lib/cjs/index.js +7 -7
  3. package/lib/es/index.js +7 -7
  4. package/lib/index.js +7 -7
  5. package/lib/umd/index.js +1 -1
  6. package/package.json +21 -15
package/README.md CHANGED
@@ -1,31 +1,46 @@
1
1
  # @univerjs/docs-hyper-link-ui
2
2
 
3
- ## Introduction
3
+ [![npm version](https://img.shields.io/npm/v/@univerjs/docs-hyper-link-ui?style=flat-square)](https://npmjs.com/package/@univerjs/docs-hyper-link-ui)
4
+ [![license](https://img.shields.io/npm/l/@univerjs/docs-hyper-link-ui?style=flat-square)](https://npmjs.com/package/@univerjs/docs-hyper-link-ui)
5
+ [![downloads](https://img.shields.io/npm/dm/@univerjs/docs-hyper-link-ui?style=flat-square)](https://npmjs.com/package/@univerjs/docs-hyper-link-ui)
4
6
 
5
- `@univerjs/docs-hyper-link-ui` provides the link function of Univer Docs.
7
+ `@univerjs/docs-hyper-link-ui` adds the UI for creating and editing hyperlinks in Univer Docs.
6
8
 
7
- ## Usage
9
+ ## Package Overview
8
10
 
9
- ### Installation
11
+ | Package | UMD global | CSS | Locales | Facade entry |
12
+ | --- | --- | :---: | :---: | :---: |
13
+ | `@univerjs/docs-hyper-link-ui` | `UniverDocsHyperLinkUi` | Yes | Yes | No |
10
14
 
11
- ```shell
12
- # Using npm
13
- npm install @univerjs/docs-hyper-link-ui
15
+ ## Installation
14
16
 
15
- # Using pnpm
17
+ ```sh
16
18
  pnpm add @univerjs/docs-hyper-link-ui
19
+ # or
20
+ npm install @univerjs/docs-hyper-link-ui
17
21
  ```
18
22
 
19
- ### Register the plugin
23
+ Keep all `@univerjs/*` packages on the same version.
24
+
25
+ ## Usage
20
26
 
21
- ```typescript
22
- import { UniverDocsHyperLinkUIPlugin} from '@univerjs/docs-hyper-link-ui';
27
+ ```ts
28
+ import '@univerjs/docs-hyper-link-ui/lib/index.css';
29
+ import EnUS from '@univerjs/docs-hyper-link-ui/locale/en-US';
30
+ import { UniverDocsHyperLinkUIPlugin } from '@univerjs/docs-hyper-link-ui';
23
31
 
24
32
  univer.registerPlugin(UniverDocsHyperLinkUIPlugin);
33
+
34
+ // Merge EnUS into your Univer locale map when this package contributes UI text.
25
35
  ```
26
36
 
27
- <!-- Links -->
28
- [npm-version-shield]: https://img.shields.io/npm/v/@univerjs/docs-hyper-link-ui?style=flat-square
29
- [npm-version-link]: https://npmjs.com/package/@univerjs/docs-hyper-link-ui
30
- [npm-license-shield]: https://img.shields.io/npm/l/@univerjs/docs-hyper-link-ui?style=flat-square
31
- [npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/docs-hyper-link-ui?style=flat-square
37
+ ## Integration Notes
38
+
39
+ Register this package after the Docs, Docs UI, and Docs hyperlink core packages.
40
+
41
+ ## Resources
42
+
43
+ - [Documentation](https://docs.univer.ai)
44
+ - [NPM package](https://npmjs.com/package/@univerjs/docs-hyper-link-ui)
45
+ - [GitHub repository](https://github.com/dream-num/univer)
46
+
package/lib/cjs/index.js CHANGED
@@ -13,7 +13,7 @@ let _univerjs_icons = require("@univerjs/icons");
13
13
 
14
14
  //#region package.json
15
15
  var name = "@univerjs/docs-hyper-link-ui";
16
- var version = "0.21.1";
16
+ var version = "0.22.0";
17
17
 
18
18
  //#endregion
19
19
  //#region src/config/config.ts
@@ -379,7 +379,7 @@ const DocLinkPopup = () => {
379
379
  DocLinkPopup.componentKey = "univer.doc.link-info-popup";
380
380
 
381
381
  //#endregion
382
- //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
382
+ //#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
383
383
  function _typeof(o) {
384
384
  "@babel/helpers - typeof";
385
385
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -390,7 +390,7 @@ function _typeof(o) {
390
390
  }
391
391
 
392
392
  //#endregion
393
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
393
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
394
394
  function toPrimitive(t, r) {
395
395
  if ("object" != _typeof(t) || !t) return t;
396
396
  var e = t[Symbol.toPrimitive];
@@ -403,14 +403,14 @@ function toPrimitive(t, r) {
403
403
  }
404
404
 
405
405
  //#endregion
406
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
406
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
407
407
  function toPropertyKey(t) {
408
408
  var i = toPrimitive(t, "string");
409
409
  return "symbol" == _typeof(i) ? i : i + "";
410
410
  }
411
411
 
412
412
  //#endregion
413
- //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
413
+ //#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
414
414
  function _defineProperty(e, r, t) {
415
415
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
416
416
  value: t,
@@ -421,7 +421,7 @@ function _defineProperty(e, r, t) {
421
421
  }
422
422
 
423
423
  //#endregion
424
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
424
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
425
425
  function __decorateParam(paramIndex, decorator) {
426
426
  return function(target, key) {
427
427
  decorator(target, key, paramIndex);
@@ -429,7 +429,7 @@ function __decorateParam(paramIndex, decorator) {
429
429
  }
430
430
 
431
431
  //#endregion
432
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
432
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
433
433
  function __decorate(decorators, target, key, desc) {
434
434
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
435
435
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
package/lib/es/index.js CHANGED
@@ -12,7 +12,7 @@ import { CopyIcon, LinkIcon, UnlinkIcon, WriteIcon } from "@univerjs/icons";
12
12
 
13
13
  //#region package.json
14
14
  var name = "@univerjs/docs-hyper-link-ui";
15
- var version = "0.21.1";
15
+ var version = "0.22.0";
16
16
 
17
17
  //#endregion
18
18
  //#region src/config/config.ts
@@ -378,7 +378,7 @@ const DocLinkPopup = () => {
378
378
  DocLinkPopup.componentKey = "univer.doc.link-info-popup";
379
379
 
380
380
  //#endregion
381
- //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
381
+ //#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
382
382
  function _typeof(o) {
383
383
  "@babel/helpers - typeof";
384
384
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -389,7 +389,7 @@ function _typeof(o) {
389
389
  }
390
390
 
391
391
  //#endregion
392
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
392
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
393
393
  function toPrimitive(t, r) {
394
394
  if ("object" != _typeof(t) || !t) return t;
395
395
  var e = t[Symbol.toPrimitive];
@@ -402,14 +402,14 @@ function toPrimitive(t, r) {
402
402
  }
403
403
 
404
404
  //#endregion
405
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
405
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
406
406
  function toPropertyKey(t) {
407
407
  var i = toPrimitive(t, "string");
408
408
  return "symbol" == _typeof(i) ? i : i + "";
409
409
  }
410
410
 
411
411
  //#endregion
412
- //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
412
+ //#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
413
413
  function _defineProperty(e, r, t) {
414
414
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
415
415
  value: t,
@@ -420,7 +420,7 @@ function _defineProperty(e, r, t) {
420
420
  }
421
421
 
422
422
  //#endregion
423
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
423
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
424
424
  function __decorateParam(paramIndex, decorator) {
425
425
  return function(target, key) {
426
426
  decorator(target, key, paramIndex);
@@ -428,7 +428,7 @@ function __decorateParam(paramIndex, decorator) {
428
428
  }
429
429
 
430
430
  //#endregion
431
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
431
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
432
432
  function __decorate(decorators, target, key, desc) {
433
433
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
434
434
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
package/lib/index.js CHANGED
@@ -12,7 +12,7 @@ import { CopyIcon, LinkIcon, UnlinkIcon, WriteIcon } from "@univerjs/icons";
12
12
 
13
13
  //#region package.json
14
14
  var name = "@univerjs/docs-hyper-link-ui";
15
- var version = "0.21.1";
15
+ var version = "0.22.0";
16
16
 
17
17
  //#endregion
18
18
  //#region src/config/config.ts
@@ -378,7 +378,7 @@ const DocLinkPopup = () => {
378
378
  DocLinkPopup.componentKey = "univer.doc.link-info-popup";
379
379
 
380
380
  //#endregion
381
- //#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
381
+ //#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
382
382
  function _typeof(o) {
383
383
  "@babel/helpers - typeof";
384
384
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -389,7 +389,7 @@ function _typeof(o) {
389
389
  }
390
390
 
391
391
  //#endregion
392
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
392
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
393
393
  function toPrimitive(t, r) {
394
394
  if ("object" != _typeof(t) || !t) return t;
395
395
  var e = t[Symbol.toPrimitive];
@@ -402,14 +402,14 @@ function toPrimitive(t, r) {
402
402
  }
403
403
 
404
404
  //#endregion
405
- //#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
405
+ //#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
406
406
  function toPropertyKey(t) {
407
407
  var i = toPrimitive(t, "string");
408
408
  return "symbol" == _typeof(i) ? i : i + "";
409
409
  }
410
410
 
411
411
  //#endregion
412
- //#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
412
+ //#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
413
413
  function _defineProperty(e, r, t) {
414
414
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
415
415
  value: t,
@@ -420,7 +420,7 @@ function _defineProperty(e, r, t) {
420
420
  }
421
421
 
422
422
  //#endregion
423
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
423
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
424
424
  function __decorateParam(paramIndex, decorator) {
425
425
  return function(target, key) {
426
426
  decorator(target, key, paramIndex);
@@ -428,7 +428,7 @@ function __decorateParam(paramIndex, decorator) {
428
428
  }
429
429
 
430
430
  //#endregion
431
- //#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
431
+ //#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
432
432
  function __decorate(decorators, target, key, desc) {
433
433
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
434
434
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
package/lib/umd/index.js CHANGED
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/docs-hyper-link`),require(`@univerjs/engine-render`),require(`@univerjs/docs`),require(`@univerjs/docs-ui`),require(`rxjs`),require(`@univerjs/design`),require(`@univerjs/ui`),require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/docs-hyper-link`,`@univerjs/engine-render`,`@univerjs/docs`,`@univerjs/docs-ui`,`rxjs`,`@univerjs/design`,`@univerjs/ui`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDocsHyperLinkUi={},e.UniverCore,e.UniverDocsHyperLink,e.UniverEngineRender,e.UniverDocs,e.UniverDocsUi,e.rxjs,e.UniverDesign,e.UniverUi,e.React,e.React))})(this,function(e,t,n,r,i,a,o,s,c,l,u){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var d=`@univerjs/docs-hyper-link-ui`,f=`0.21.1`;let p=`docs-hyper-link-ui.config`;Symbol(p);let m={},h={type:t.CommandType.COMMAND,id:`docs.command.add-hyper-link`,async handler(e,n){if(!n)return!1;let{payload:r,unitId:a,selections:o}=n,s=e.get(t.ICommandService),c=(0,i.addCustomRangeBySelectionFactory)(e,{rangeId:(0,t.generateRandomId)(),rangeType:t.CustomRangeType.HYPERLINK,properties:{url:r},unitId:a,selections:o});return c?s.syncExecuteCommand(c.id,c.params):!1}},g={id:`docs.command.update-hyper-link`,type:t.CommandType.COMMAND,handler(e,n){var r;if(!n)return!1;let{unitId:a,payload:o,segmentId:s,linkId:c}=n,l=e.get(t.ICommandService),u=e.get(t.IUniverInstanceService),d=e.get(i.DocSelectionManagerService).getActiveTextRange(),f=u.getUnit(a,t.UniverInstanceType.UNIVER_DOC);if(!d||!f)return!1;let p=(r=(0,t.getBodySlice)(f.getSelfOrHeaderFooterModel(s).getBody(),d.startOffset,d.endOffset).textRuns)==null?void 0:r[0];p&&(p.ed=n.label.length+1);let m=(0,i.replaceSelectionFactory)(e,{unitId:a,body:{dataStream:`${n.label}`,customRanges:[{rangeId:c,rangeType:t.CustomRangeType.HYPERLINK,startIndex:0,endIndex:n.label.length+1,properties:{url:o}}],textRuns:p?[p]:void 0},selection:{startOffset:d.startOffset,endOffset:d.endOffset,collapsed:!1,segmentId:s}});return m?l.syncExecuteCommand(m.id,m.params):!1}};function _(e){return e.trim().length===0}function v(e){return/^[a-zA-Z]+:\/\//.test(e)}function y(e){return/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(e)}function b(e){return v(e)?e:y(e)?`mailto://${e}`:`https://${e}`}let x=()=>{let e=(0,c.useDependency)(K),n=(0,c.useDependency)(t.LocaleService),r=(0,c.useObservable)(e.editingLink$),a=(0,c.useDependency)(t.ICommandService),o=(0,c.useDependency)(t.IUniverInstanceService),d=(0,c.useDependency)(i.DocSelectionManagerService),[f,p]=(0,l.useState)(``),[m,v]=(0,l.useState)(``),[y,x]=(0,l.useState)(!1),S=t.Tools.isLegalUrl(f),C=r?o.getUnit(r.unitId,t.UniverInstanceType.UNIVER_DOC):o.getCurrentUnitForType(t.UniverInstanceType.UNIVER_DOC);(0,l.useEffect)(()=>{var e,n,i;let a=d.getActiveTextRange();if(!a)return;if(r){var o,s;let e=C==null||(o=C.getSelfOrHeaderFooterModel(r.segmentId))==null?void 0:o.getBody(),n=e==null||(s=e.customRanges)==null?void 0:s.find(e=>(r==null?void 0:r.linkId)===e.rangeId&&e.startIndex===r.startIndex&&e.endIndex===r.endIndex);if(C&&n){var c,l;p((c=(l=n.properties)==null?void 0:l.url)==null?``:c),v(t.BuildTextUtils.transform.getPlainText((0,t.getBodySlice)(e,n.startIndex,n.endIndex+1).dataStream))}return}let u=C==null||(e=C.getSelfOrHeaderFooterModel(a.segmentId))==null?void 0:e.getBody(),f=u?a:null,m=f&&((n=t.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(f,(i=u==null?void 0:u.customRanges)==null?[]:i))==null?void 0:n[0]);if(C&&m){var h,g;p((h=m==null||(g=m.properties)==null?void 0:g.url)==null?``:h)}},[C,r,d,o]);let w=()=>{e.hideEditPopup()},T=()=>{if(x(!0),!S||!C)return;let t=b(f);if(!r)a.executeCommand(h.id,{unitId:C.getUnitId(),payload:t});else{if(_(m))return;a.executeCommand(g.id,{unitId:C.getUnitId(),payload:t,linkId:r.linkId,label:m,segmentId:r.segmentId})}e.hideEditPopup()};if(C)return(0,u.jsxs)(`div`,{className:(0,s.clsx)(`univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-white univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900`,s.borderClassName),children:[(0,u.jsxs)(`div`,{children:[r?(0,u.jsx)(s.FormLayout,{label:n.t(`docLink.edit.label`),error:y&&_(m)?n.t(`docLink.edit.labelError`):``,children:(0,u.jsx)(s.Input,{value:m,onChange:v,autoFocus:!0,onKeyDown:e=>{e.keyCode===c.KeyCode.ENTER&&T()}})}):null,(0,u.jsx)(s.FormLayout,{label:n.t(`docLink.edit.address`),error:y&&!S?n.t(`docLink.edit.addressError`):``,children:(0,u.jsx)(s.Input,{value:f,onChange:p,autoFocus:!0,onKeyDown:e=>{e.keyCode===c.KeyCode.ENTER&&T()}})})]}),(0,u.jsxs)(`div`,{className:`univer-flex univer-justify-end univer-gap-3`,children:[(0,u.jsx)(s.Button,{onClick:w,children:n.t(`docLink.edit.cancel`)}),(0,u.jsx)(s.Button,{variant:`primary`,disabled:_(f),onClick:T,children:n.t(`docLink.edit.confirm`)})]})]})};x.componentKey=`docs-hyper-link-edit`;function S({ref:e,...t}){let{icon:n,id:r,className:i,extend:a,...o}=t,s=`univerjs-icon univerjs-icon-${r} ${i||``}`.trim(),c=(0,l.useRef)(`_${E()}`);return C(n,`${r}`,{defIds:n.defIds,idSuffix:c.current},{ref:e,className:s,...o},a)}function C(e,t,n,r,i){return(0,l.createElement)(e.tag,{key:t,...w(e,n,i),...r},(T(e,n).children||[]).map((r,a)=>C(r,`${t}-${e.tag}-${a}`,n,void 0,i)))}function w(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function T(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function E(){return Math.random().toString(36).substring(2,8)}S.displayName=`UniverIcon`;let D={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M4.1302 12.4251C4.25802 13.7417 5.36779 14.7708 6.71792 14.7708H11.7179C13.1539 14.7708 14.3179 13.6067 14.3179 12.1708V6.1708C14.3179 4.78586 13.2351 3.65383 11.8698 3.57517C11.742 2.25858 10.6323 1.22949 9.28213 1.22949H4.28213C2.84619 1.22949 1.68213 2.39355 1.68213 3.82949V9.82949C1.68213 11.2144 2.76497 12.3465 4.1302 12.4251ZM10.6583 3.5708H6.71792C5.28198 3.5708 4.11792 4.73486 4.11792 6.1708V11.22C3.4221 11.1387 2.88213 10.5471 2.88213 9.82949V3.82949C2.88213 3.05629 3.50893 2.42949 4.28213 2.42949H9.28213C9.96695 2.42949 10.5369 2.92119 10.6583 3.5708ZM13.1179 6.1708C13.1179 5.3976 12.4911 4.7708 11.7179 4.7708H6.71792C5.94472 4.7708 5.31792 5.3976 5.31792 6.1708V12.1708C5.31792 12.944 5.94472 13.5708 6.71792 13.5708H11.7179C12.4911 13.5708 13.1179 12.944 13.1179 12.1708V6.1708Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},O=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`copy-icon`,ref:t,icon:D}))});O.displayName=`CopyIcon`;let k={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M9.8816 1.97978C11.0177 0.843607 12.862 0.884962 14.0004 2.02342C15.1389 3.16188 15.1803 5.00612 14.0441 6.14228L11.399 8.78737C11.1608 9.02559 10.7746 9.02559 10.5363 8.78737C10.2981 8.54915 10.2981 8.16292 10.5363 7.9247L13.1814 5.2796C13.8195 4.64155 13.8217 3.57006 13.1378 2.8861C12.4538 2.20211 11.3823 2.20438 10.7443 2.84245L7.6976 5.88911L7.69317 5.89349C7.05959 6.53211 7.05894 7.60014 7.74132 8.28252C7.97954 8.52074 7.97954 8.90697 7.74132 9.14519C7.5031 9.38341 7.11687 9.38341 6.87865 9.14519C5.74016 8.00671 5.69884 6.16251 6.83497 5.02633L6.84021 5.02116L9.8816 1.97978Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M4.61426 7.2364C4.85248 6.99818 5.23871 6.99818 5.47693 7.2364C5.71515 7.47462 5.71515 7.86085 5.47693 8.09907L2.83183 10.7442C2.19375 11.3823 2.1915 12.4537 2.87547 13.1377C3.55945 13.8217 4.6309 13.8194 5.26899 13.1813L8.31566 10.1347C8.32262 10.1277 8.32971 10.121 8.33691 10.1144C8.34408 10.1064 8.3515 10.0986 8.35916 10.091C8.99721 9.45291 8.99949 8.38145 8.3155 7.69746C8.07728 7.45924 8.07728 7.07301 8.3155 6.83479C8.55372 6.59657 8.93995 6.59657 9.17817 6.83479C10.3166 7.97327 10.358 9.81748 9.22183 10.9536C9.21487 10.9606 9.20779 10.9673 9.20058 10.9739C9.19341 10.9819 9.18599 10.9897 9.17833 10.9973L6.13166 14.044C4.99548 15.1802 3.15127 15.1389 2.01279 14.0004C0.874362 12.8619 0.83297 11.0177 1.96916 9.8815L4.61426 7.2364Z`}}]},A=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`link-icon`,ref:t,icon:k}))});A.displayName=`LinkIcon`;let j={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 17`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157C6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449C14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797C11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395C4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092C3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721C8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332C2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302C13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332Z`}}]},M=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`unlink-icon`,ref:t,icon:j}))});M.displayName=`UnlinkIcon`;let ee={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z`}}]},N=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`write-icon`,ref:t,icon:ee}))});N.displayName=`WriteIcon`;let P={type:t.CommandType.COMMAND,id:`docs.command.delete-hyper-link`,async handler(e,n){if(!n)return!1;let{unitId:r,linkId:a,segmentId:o}=n,s=e.get(t.ICommandService),c=(0,i.deleteCustomRangeFactory)(e,{unitId:r,rangeId:a,segmentId:o});return c?await s.syncExecuteCommand(c.id,c.params):!1}},F=e=>{let n=e.get(i.DocSelectionManagerService),r=e.get(t.IUniverInstanceService),a=n.getTextRanges();if(!(a!=null&&a.length))return!0;let o=a[0];return!!(!r.getCurrentUnitForType(t.UniverInstanceType.UNIVER_DOC)||!o||o.collapsed)},I={type:t.CommandType.OPERATION,id:`doc.operation.show-hyper-link-edit-popup`,handler(e,n){var r;let i=n==null?void 0:n.link,a=e.get(t.IUniverInstanceService);if(F(e)&&!i)return!1;let o=e.get(K),s=(i==null?void 0:i.unitId)||((r=a.getCurrentUnitForType(t.UniverInstanceType.UNIVER_DOC))==null?void 0:r.getUnitId());return s?(o.showEditPopup(s,i),!0):!1}},L={type:t.CommandType.OPERATION,id:`doc.operation.toggle-hyper-link-info-popup`,handler(e,t){let n=e.get(K);return t?(n.showInfoPopup(t),!0):(n.hideInfoPopup(),!0)}},R={type:t.CommandType.OPERATION,id:`doc.operation.click-hyper-link`,handler(e,n){var r;if(!n)return!1;let{unitId:i,linkId:a,segmentId:o}=n,s=e.get(t.IUniverInstanceService).getUnit(i,t.UniverInstanceType.UNIVER_DOC),c=s==null?void 0:s.getSelfOrHeaderFooterModel(o).getBody(),l=c==null||(r=c.customRanges)==null||(r=r.find(e=>e.rangeId===a&&e.rangeType===t.CustomRangeType.HYPERLINK))==null||(r=r.properties)==null?void 0:r.url;return l&&window.open(l,`_blank`,`noopener noreferrer`),!0}},z=()=>{var e,n;let r=(0,c.useDependency)(K),i=(0,c.useDependency)(t.ICommandService),a=(0,c.useDependency)(c.IMessageService),o=(0,c.useDependency)(t.LocaleService),l=(0,c.useObservable)(r.showingLink$),d=(0,c.useDependency)(t.IUniverInstanceService);if(!l)return null;let{unitId:f,linkId:p,segmentId:m,startIndex:h,endIndex:g}=l,_=d.getUnit(f,t.UniverInstanceType.UNIVER_DOC),v=_==null?void 0:_.getSelfOrHeaderFooterModel(m).getBody(),y=v==null||(e=v.customRanges)==null?void 0:e.find(e=>e.rangeId===p&&e.rangeType===t.CustomRangeType.HYPERLINK&&e.startIndex===h&&e.endIndex===g);if(!y)return null;let b=(n=y.properties)==null?void 0:n.url;return(0,u.jsxs)(`div`,{className:(0,s.clsx)(`univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow dark:!univer-bg-gray-900`,s.borderClassName),onClick:()=>{r.hideInfoPopup()},children:[(0,u.jsxs)(`div`,{className:`univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-500`,onClick:()=>window.open(b,void 0,`noopener noreferrer`),children:[(0,u.jsx)(`div`,{className:`univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white`,children:(0,u.jsx)(A,{})}),(0,u.jsx)(s.Tooltip,{showIfEllipsis:!0,title:b,children:(0,u.jsx)(`span`,{className:`univer-flex-1 univer-truncate`,children:b})})]}),(0,u.jsxs)(`div`,{className:`univer-flex univer-h-6 univer-flex-[0_0_auto] univer-items-center univer-justify-center`,children:[(0,u.jsx)(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base`,onClick:()=>{navigator.clipboard.writeText(b),a.show({content:o.t(`docLink.info.coped`),type:s.MessageType.Info})},children:(0,u.jsx)(s.Tooltip,{placement:`bottom`,title:o.t(`docLink.info.copy`),children:(0,u.jsx)(O,{})})}),(0,u.jsx)(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base`,onClick:()=>{i.executeCommand(I.id,{link:l})},children:(0,u.jsx)(s.Tooltip,{placement:`bottom`,title:o.t(`docLink.info.edit`),children:(0,u.jsx)(N,{})})}),(0,u.jsx)(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base`,onClick:()=>{i.executeCommand(P.id,{unitId:f,linkId:y.rangeId,segmentId:m})},children:(0,u.jsx)(s.Tooltip,{placement:`bottom`,title:o.t(`docLink.info.cancel`),children:(0,u.jsx)(M,{})})})]})]})};z.componentKey=`univer.doc.link-info-popup`;function B(e){"@babel/helpers - typeof";return B=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},B(e)}function V(e,t){if(B(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(B(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function H(e){var t=V(e,`string`);return B(t)==`symbol`?t:t+``}function U(e,t,n){return(t=H(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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}let K=class extends t.Disposable{constructor(e,t,n){super(),this._docCanvasPopupManagerService=e,this._textSelectionManagerService=t,this._univerInstanceService=n,U(this,`_editingLink$`,new o.BehaviorSubject(null)),U(this,`_showingLink$`,new o.BehaviorSubject(null)),U(this,`editingLink$`,this._editingLink$.asObservable()),U(this,`showingLink$`,this._showingLink$.asObservable()),U(this,`_editPopup`,null),U(this,`_infoPopup`,null),this.disposeWithMe(()=>{this._editingLink$.complete(),this._showingLink$.complete()})}get editing(){return this._editingLink$.value}get showing(){return this._showingLink$.value}showEditPopup(e,t){this._editPopup&&this._editPopup.dispose(),this._editingLink$.next(t);let n=this._textSelectionManagerService.getTextRanges({unitId:e,subUnitId:e}),r=n==null?void 0:n[n.length-1];if(t){let{segmentId:e,segmentPage:n,startIndex:i,endIndex:a}=t;r={collapsed:!1,startOffset:i,endOffset:a+1,segmentId:e,segmentPage:n},this._textSelectionManagerService.replaceDocRanges([{startOffset:i,endOffset:a+1}])}return r?(this._editPopup=this._docCanvasPopupManagerService.attachPopupToRange(r,{componentKey:x.componentKey,direction:`bottom`},e),this._editPopup):null}hideEditPopup(){var e;this._editingLink$.next(null),(e=this._editPopup)==null||e.dispose()}showInfoPopup(e){var n,r,i,a,o,s;let{linkId:c,unitId:l,segmentId:u,segmentPage:d,startIndex:f,endIndex:p}=e;if(!(((n=this.showing)==null?void 0:n.linkId)===c&&((r=this.showing)==null?void 0:r.unitId)===l&&((i=this.showing)==null?void 0:i.segmentId)===u&&((a=this.showing)==null?void 0:a.segmentPage)===d&&((o=this.showing)==null?void 0:o.startIndex)===f&&((s=this.showing)==null?void 0:s.endIndex)===p)&&(this._infoPopup&&this._infoPopup.dispose(),this._univerInstanceService.getUnit(l,t.UniverInstanceType.UNIVER_DOC)))return this._showingLink$.next({unitId:l,linkId:c,segmentId:u,segmentPage:d,startIndex:f,endIndex:p}),this._infoPopup=this._docCanvasPopupManagerService.attachPopupToRange({collapsed:!1,startOffset:f,endOffset:p+1,segmentId:u,segmentPage:d},{componentKey:z.componentKey,direction:`top-center`,multipleDirection:`top`,onClickOutside:()=>{this.hideInfoPopup()}},l),this._infoPopup}hideInfoPopup(){var e;this._showingLink$.next(null),(e=this._infoPopup)==null||e.dispose()}};K=G([W(0,(0,t.Inject)(a.DocCanvasPopManagerService)),W(1,(0,t.Inject)(i.DocSelectionManagerService)),W(2,t.IUniverInstanceService)],K);let q=class extends t.Disposable{constructor(e,t,n){super(),this._commandService=e,this._univerInstanceService=t,this._docHyperLinkService=n,this._initSelectionChange()}_initSelectionChange(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===i.SetTextSelectionsOperation.id){let{unitId:i,ranges:a,segmentId:o}=e.params,s=this._univerInstanceService.getUnit(i,t.UniverInstanceType.UNIVER_DOC),c=a[0];if(c&&s){var n;let{startOffset:e,endOffset:t,collapsed:a,segmentPage:l}=c,u=(n=s.getSelfOrHeaderFooterModel(o))==null||(n=n.getBody())==null?void 0:n.customRanges;if(a){var r;let n=(r=u==null?void 0:u.findIndex(n=>n.startIndex<e&&n.endIndex>t-1))==null?-1:r;if(n>-1){let e=u[n];this._docHyperLinkService.showInfoPopup({unitId:i,linkId:e.rangeId,segmentId:o,segmentPage:l,startIndex:e.startIndex,endIndex:e.endIndex});return}}else if(u!=null&&u.find(n=>n.startIndex<=e&&n.endIndex>=t-1))return}this._docHyperLinkService.hideInfoPopup(),this._docHyperLinkService.hideEditPopup()}}))}};q=G([W(0,t.ICommandService),W(1,t.IUniverInstanceService),W(2,(0,t.Inject)(K))],q);let J=class extends t.Disposable{get _skeleton(){return this._docSkeletonManagerService.getSkeleton()}constructor(e,n,r,i,a,o){super(),this._context=e,this._docEventManagerService=n,this._commandService=r,this._hyperLinkPopupService=i,this._docSkeletonManagerService=a,this._docSelectionManagerService=o,!(this._context.unitId===t.DOCS_ZEN_EDITOR_UNIT_ID_KEY||this._context.unitId===t.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)&&(this._initHover(),this._initClick())}_hideInfoPopup(){this._hyperLinkPopupService.showing&&this._commandService.executeCommand(L.id)}_initHover(){this.disposeWithMe(this._docEventManagerService.hoverCustomRanges$.subscribe(e=>{var n;let r=e.find(e=>e.range.rangeType===t.CustomRangeType.HYPERLINK),i=this._docSelectionManagerService.getTextRanges(),a=i==null?void 0:i[0].segmentId;if(((n=r==null?void 0:r.segmentId)==null?``:n)!==a){this._hideInfoPopup();return}r?this._commandService.executeCommand(L.id,{unitId:this._context.unitId,linkId:r.range.rangeId,segmentId:r.segmentId,segmentPage:r.segmentPageIndex,rangeId:r.range.rangeId,startIndex:r.range.startIndex,endIndex:r.range.endIndex}):this._hideInfoPopup()}))}_initClick(){this.disposeWithMe(this._docEventManagerService.clickCustomRanges$.subscribe(e=>{let t=e.range;t&&this._commandService.executeCommand(R.id,{unitId:this._context.unitId,linkId:t.rangeId,segmentId:e.segmentId})}))}};J=G([W(1,(0,t.Inject)(a.DocEventManagerService)),W(2,t.ICommandService),W(3,(0,t.Inject)(K)),W(4,(0,t.Inject)(i.DocSkeletonManagerService)),W(5,(0,t.Inject)(i.DocSelectionManagerService))],J);let Y=class extends t.Disposable{constructor(e,t,n,r){super(),this._context=e,this._docInterceptorService=t,this._hyperLinkService=n,this._docRenderController=r,this._init(),this._initReRender()}_init(){this._docInterceptorService.intercept(i.DOC_INTERCEPTOR_POINT.CUSTOM_RANGE,{handler:(e,t,n)=>{if(!e)return n(e);let{unitId:r,index:i}=t,a=this._hyperLinkService.showing;if(!a)return n({...e,active:!1});let{linkId:o,unitId:s,startIndex:c,endIndex:l}=a,u=s===r&&e.rangeId===o&&i>=c&&i<=l;return n({...e,active:u})}})}_initReRender(){this.disposeWithMe(this._hyperLinkService.showingLink$.pipe((0,o.distinctUntilChanged)((e,t)=>(e==null?void 0:e.linkId)===(t==null?void 0:t.linkId)&&(e==null?void 0:e.unitId)===(t==null?void 0:t.unitId)&&(e==null?void 0:e.startIndex)===(t==null?void 0:t.startIndex)),(0,o.pairwise)()).subscribe(([e,t])=>{t?t.unitId===this._context.unitId&&this._docRenderController.reRender(t.unitId):e&&e.unitId===this._context.unitId&&this._docRenderController.reRender(e.unitId)}))}};Y=G([W(1,(0,t.Inject)(i.DocInterceptorService)),W(2,(0,t.Inject)(K)),W(3,(0,t.Inject)(a.DocRenderController))],Y);let X=`doc-hyper-link-icon`;function Z(e){return{id:I.id,type:c.MenuItemType.BUTTON,icon:X,title:`docLink.menu.tooltip`,tooltip:`docLink.menu.tooltip`,hidden$:(0,c.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_DOC),disabled$:new o.Observable(function(t){let n=e.get(i.DocSelectionManagerService).textSelection$.pipe((0,o.debounceTime)(16)).subscribe(()=>{t.next(F(e))});return()=>{n.unsubscribe()}})}}let te={id:I.id,binding:c.MetaKeys.CTRL_COMMAND|c.KeyCode.K,description:`docLink.menu.tooltip`,preconditions:a.whenDocAndEditorFocused},ne={[c.RibbonInsertGroup.MEDIA]:{[I.id]:{order:1,menuItemFactory:Z}},[c.ContextMenuPosition.MAIN_AREA]:{[c.ContextMenuGroup.DATA]:{[I.id]:{order:0,menuItemFactory:Z}}}},Q=class extends t.Disposable{constructor(e,t,n,r){super(),this._componentManager=e,this._commandService=t,this._menuManagerService=n,this._shortcutService=r,this._initComponents(),this._initCommands(),this._initMenus(),this._initShortcut()}_initComponents(){[[x.componentKey,x],[z.componentKey,z],[X,A]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}_initCommands(){[h,g,P,I,L,R].forEach(e=>{this._commandService.registerCommand(e)})}_initShortcut(){[te].forEach(e=>{this._shortcutService.registerShortcut(e)})}_initMenus(){this._menuManagerService.mergeMenu(ne)}};Q=G([W(0,(0,t.Inject)(c.ComponentManager)),W(1,t.ICommandService),W(2,c.IMenuManagerService),W(3,c.IShortcutService)],Q);let $=class extends t.Plugin{constructor(e=m,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerSrv=r,this._configService=i;let{menu:a,...o}=(0,t.merge)({},m,this._config);a&&this._configService.setConfig(`menu`,a,{merge:!0}),this._configService.setConfig(p,o)}onStarting(){[[K],[Q],[q]].forEach(e=>{this._injector.add(e)}),this._injector.get(Q)}onReady(){this._injector.get(q)}onRendered(){this._initRenderModule()}_initRenderModule(){[[Y],[J]].forEach(e=>{this._renderManagerSrv.registerRenderModule(t.UniverInstanceType.UNIVER_DOC,e)})}};U($,`pluginName`,`DOC_HYPER_LINK_UI_PLUGIN`),U($,`packageName`,d),U($,`version`,f),U($,`type`,t.UniverInstanceType.UNIVER_DOC),$=G([(0,t.DependentOn)(n.UniverDocsHyperLinkPlugin),W(1,(0,t.Inject)(t.Injector)),W(2,r.IRenderManagerService),W(3,t.IConfigService)],$),Object.defineProperty(e,`UniverDocsHyperLinkUIPlugin`,{enumerable:!0,get:function(){return $}})});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/docs-hyper-link`),require(`@univerjs/engine-render`),require(`@univerjs/docs`),require(`@univerjs/docs-ui`),require(`rxjs`),require(`@univerjs/design`),require(`@univerjs/ui`),require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/docs-hyper-link`,`@univerjs/engine-render`,`@univerjs/docs`,`@univerjs/docs-ui`,`rxjs`,`@univerjs/design`,`@univerjs/ui`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDocsHyperLinkUi={},e.UniverCore,e.UniverDocsHyperLink,e.UniverEngineRender,e.UniverDocs,e.UniverDocsUi,e.rxjs,e.UniverDesign,e.UniverUi,e.React,e.React))})(this,function(e,t,n,r,i,a,o,s,c,l,u){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var d=`@univerjs/docs-hyper-link-ui`,f=`0.22.0`;let p=`docs-hyper-link-ui.config`;Symbol(p);let m={},h={type:t.CommandType.COMMAND,id:`docs.command.add-hyper-link`,async handler(e,n){if(!n)return!1;let{payload:r,unitId:a,selections:o}=n,s=e.get(t.ICommandService),c=(0,i.addCustomRangeBySelectionFactory)(e,{rangeId:(0,t.generateRandomId)(),rangeType:t.CustomRangeType.HYPERLINK,properties:{url:r},unitId:a,selections:o});return c?s.syncExecuteCommand(c.id,c.params):!1}},g={id:`docs.command.update-hyper-link`,type:t.CommandType.COMMAND,handler(e,n){var r;if(!n)return!1;let{unitId:a,payload:o,segmentId:s,linkId:c}=n,l=e.get(t.ICommandService),u=e.get(t.IUniverInstanceService),d=e.get(i.DocSelectionManagerService).getActiveTextRange(),f=u.getUnit(a,t.UniverInstanceType.UNIVER_DOC);if(!d||!f)return!1;let p=(r=(0,t.getBodySlice)(f.getSelfOrHeaderFooterModel(s).getBody(),d.startOffset,d.endOffset).textRuns)==null?void 0:r[0];p&&(p.ed=n.label.length+1);let m=(0,i.replaceSelectionFactory)(e,{unitId:a,body:{dataStream:`${n.label}`,customRanges:[{rangeId:c,rangeType:t.CustomRangeType.HYPERLINK,startIndex:0,endIndex:n.label.length+1,properties:{url:o}}],textRuns:p?[p]:void 0},selection:{startOffset:d.startOffset,endOffset:d.endOffset,collapsed:!1,segmentId:s}});return m?l.syncExecuteCommand(m.id,m.params):!1}};function _(e){return e.trim().length===0}function v(e){return/^[a-zA-Z]+:\/\//.test(e)}function y(e){return/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(e)}function b(e){return v(e)?e:y(e)?`mailto://${e}`:`https://${e}`}let x=()=>{let e=(0,c.useDependency)(K),n=(0,c.useDependency)(t.LocaleService),r=(0,c.useObservable)(e.editingLink$),a=(0,c.useDependency)(t.ICommandService),o=(0,c.useDependency)(t.IUniverInstanceService),d=(0,c.useDependency)(i.DocSelectionManagerService),[f,p]=(0,l.useState)(``),[m,v]=(0,l.useState)(``),[y,x]=(0,l.useState)(!1),S=t.Tools.isLegalUrl(f),C=r?o.getUnit(r.unitId,t.UniverInstanceType.UNIVER_DOC):o.getCurrentUnitForType(t.UniverInstanceType.UNIVER_DOC);(0,l.useEffect)(()=>{var e,n,i;let a=d.getActiveTextRange();if(!a)return;if(r){var o,s;let e=C==null||(o=C.getSelfOrHeaderFooterModel(r.segmentId))==null?void 0:o.getBody(),n=e==null||(s=e.customRanges)==null?void 0:s.find(e=>(r==null?void 0:r.linkId)===e.rangeId&&e.startIndex===r.startIndex&&e.endIndex===r.endIndex);if(C&&n){var c,l;p((c=(l=n.properties)==null?void 0:l.url)==null?``:c),v(t.BuildTextUtils.transform.getPlainText((0,t.getBodySlice)(e,n.startIndex,n.endIndex+1).dataStream))}return}let u=C==null||(e=C.getSelfOrHeaderFooterModel(a.segmentId))==null?void 0:e.getBody(),f=u?a:null,m=f&&((n=t.BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(f,(i=u==null?void 0:u.customRanges)==null?[]:i))==null?void 0:n[0]);if(C&&m){var h,g;p((h=m==null||(g=m.properties)==null?void 0:g.url)==null?``:h)}},[C,r,d,o]);let w=()=>{e.hideEditPopup()},T=()=>{if(x(!0),!S||!C)return;let t=b(f);if(!r)a.executeCommand(h.id,{unitId:C.getUnitId(),payload:t});else{if(_(m))return;a.executeCommand(g.id,{unitId:C.getUnitId(),payload:t,linkId:r.linkId,label:m,segmentId:r.segmentId})}e.hideEditPopup()};if(C)return(0,u.jsxs)(`div`,{className:(0,s.clsx)(`univer-box-border univer-w-[328px] univer-rounded-xl univer-bg-white univer-px-6 univer-py-5 univer-shadow dark:!univer-bg-gray-900`,s.borderClassName),children:[(0,u.jsxs)(`div`,{children:[r?(0,u.jsx)(s.FormLayout,{label:n.t(`docLink.edit.label`),error:y&&_(m)?n.t(`docLink.edit.labelError`):``,children:(0,u.jsx)(s.Input,{value:m,onChange:v,autoFocus:!0,onKeyDown:e=>{e.keyCode===c.KeyCode.ENTER&&T()}})}):null,(0,u.jsx)(s.FormLayout,{label:n.t(`docLink.edit.address`),error:y&&!S?n.t(`docLink.edit.addressError`):``,children:(0,u.jsx)(s.Input,{value:f,onChange:p,autoFocus:!0,onKeyDown:e=>{e.keyCode===c.KeyCode.ENTER&&T()}})})]}),(0,u.jsxs)(`div`,{className:`univer-flex univer-justify-end univer-gap-3`,children:[(0,u.jsx)(s.Button,{onClick:w,children:n.t(`docLink.edit.cancel`)}),(0,u.jsx)(s.Button,{variant:`primary`,disabled:_(f),onClick:T,children:n.t(`docLink.edit.confirm`)})]})]})};x.componentKey=`docs-hyper-link-edit`;function S({ref:e,...t}){let{icon:n,id:r,className:i,extend:a,...o}=t,s=`univerjs-icon univerjs-icon-${r} ${i||``}`.trim(),c=(0,l.useRef)(`_${E()}`);return C(n,`${r}`,{defIds:n.defIds,idSuffix:c.current},{ref:e,className:s,...o},a)}function C(e,t,n,r,i){return(0,l.createElement)(e.tag,{key:t,...w(e,n,i),...r},(T(e,n).children||[]).map((r,a)=>C(r,`${t}-${e.tag}-${a}`,n,void 0,i)))}function w(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function T(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function E(){return Math.random().toString(36).substring(2,8)}S.displayName=`UniverIcon`;let D={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M4.1302 12.4251C4.25802 13.7417 5.36779 14.7708 6.71792 14.7708H11.7179C13.1539 14.7708 14.3179 13.6067 14.3179 12.1708V6.1708C14.3179 4.78586 13.2351 3.65383 11.8698 3.57517C11.742 2.25858 10.6323 1.22949 9.28213 1.22949H4.28213C2.84619 1.22949 1.68213 2.39355 1.68213 3.82949V9.82949C1.68213 11.2144 2.76497 12.3465 4.1302 12.4251ZM10.6583 3.5708H6.71792C5.28198 3.5708 4.11792 4.73486 4.11792 6.1708V11.22C3.4221 11.1387 2.88213 10.5471 2.88213 9.82949V3.82949C2.88213 3.05629 3.50893 2.42949 4.28213 2.42949H9.28213C9.96695 2.42949 10.5369 2.92119 10.6583 3.5708ZM13.1179 6.1708C13.1179 5.3976 12.4911 4.7708 11.7179 4.7708H6.71792C5.94472 4.7708 5.31792 5.3976 5.31792 6.1708V12.1708C5.31792 12.944 5.94472 13.5708 6.71792 13.5708H11.7179C12.4911 13.5708 13.1179 12.944 13.1179 12.1708V6.1708Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},O=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`copy-icon`,ref:t,icon:D}))});O.displayName=`CopyIcon`;let k={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M9.8816 1.97978C11.0177 0.843607 12.862 0.884962 14.0004 2.02342C15.1389 3.16188 15.1803 5.00612 14.0441 6.14228L11.399 8.78737C11.1608 9.02559 10.7746 9.02559 10.5363 8.78737C10.2981 8.54915 10.2981 8.16292 10.5363 7.9247L13.1814 5.2796C13.8195 4.64155 13.8217 3.57006 13.1378 2.8861C12.4538 2.20211 11.3823 2.20438 10.7443 2.84245L7.6976 5.88911L7.69317 5.89349C7.05959 6.53211 7.05894 7.60014 7.74132 8.28252C7.97954 8.52074 7.97954 8.90697 7.74132 9.14519C7.5031 9.38341 7.11687 9.38341 6.87865 9.14519C5.74016 8.00671 5.69884 6.16251 6.83497 5.02633L6.84021 5.02116L9.8816 1.97978Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M4.61426 7.2364C4.85248 6.99818 5.23871 6.99818 5.47693 7.2364C5.71515 7.47462 5.71515 7.86085 5.47693 8.09907L2.83183 10.7442C2.19375 11.3823 2.1915 12.4537 2.87547 13.1377C3.55945 13.8217 4.6309 13.8194 5.26899 13.1813L8.31566 10.1347C8.32262 10.1277 8.32971 10.121 8.33691 10.1144C8.34408 10.1064 8.3515 10.0986 8.35916 10.091C8.99721 9.45291 8.99949 8.38145 8.3155 7.69746C8.07728 7.45924 8.07728 7.07301 8.3155 6.83479C8.55372 6.59657 8.93995 6.59657 9.17817 6.83479C10.3166 7.97327 10.358 9.81748 9.22183 10.9536C9.21487 10.9606 9.20779 10.9673 9.20058 10.9739C9.19341 10.9819 9.18599 10.9897 9.17833 10.9973L6.13166 14.044C4.99548 15.1802 3.15127 15.1389 2.01279 14.0004C0.874362 12.8619 0.83297 11.0177 1.96916 9.8815L4.61426 7.2364Z`}}]},A=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`link-icon`,ref:t,icon:k}))});A.displayName=`LinkIcon`;let j={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 17`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M12.5935 3.47302C11.6354 2.51492 10.082 2.51492 9.12388 3.47302L7.83534 4.76157C7.60102 4.99588 7.22112 4.99588 6.98681 4.76157C6.75249 4.52725 6.75249 4.14735 6.98681 3.91304L8.27535 2.62449C9.70209 1.19776 12.0153 1.19776 13.442 2.62449C14.8688 4.05123 14.8688 6.36442 13.442 7.79116L12.1535 9.0797C11.9192 9.31402 11.5393 9.31402 11.3049 9.0797C11.0706 8.84539 11.0706 8.46549 11.3049 8.23117L12.5935 6.94263C13.5516 5.98452 13.5516 4.43113 12.5935 3.47302Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M3.40637 12.6606C2.44827 11.7025 2.44827 10.1491 3.40637 9.19102L4.69492 7.90248C4.92923 7.66816 4.92923 7.28826 4.69492 7.05395C4.4606 6.81963 4.0807 6.81963 3.84639 7.05395L2.55784 8.34249C1.13111 9.76923 1.13111 12.0824 2.55784 13.5092C3.98458 14.9359 6.29777 14.9359 7.72451 13.5092L9.01305 12.2206C9.24737 11.9863 9.24737 11.6064 9.01305 11.3721C8.77874 11.1378 8.39884 11.1378 8.16452 11.3721L6.87598 12.6606C5.91787 13.6187 4.36448 13.6187 3.40637 12.6606Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M3.5852 2.80332C3.35088 2.569 2.97098 2.569 2.73667 2.80332C2.50235 3.03763 2.50235 3.41753 2.73667 3.65185L12.4151 13.3302C12.6494 13.5646 13.0293 13.5646 13.2636 13.3302C13.4979 13.0959 13.4979 12.716 13.2636 12.4817L3.5852 2.80332Z`}}]},M=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`unlink-icon`,ref:t,icon:j}))});M.displayName=`UnlinkIcon`;let ee={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M12.6551 1.98906C11.7476 1.08113 10.2757 1.08149 9.3686 1.98987L4.82542 6.53955C4.75087 6.61421 4.69336 6.70411 4.65682 6.80309L3.2461 10.625C3.16506 10.8446 3.21909 11.0912 3.3845 11.2568C3.54991 11.4224 3.79651 11.4767 4.01616 11.3959L7.85031 9.98517C7.94979 9.94856 8.04014 9.89077 8.11508 9.81579L12.6552 5.27327C13.5618 4.36621 13.5618 2.89607 12.6551 1.98906ZM10.2177 2.83779C10.6562 2.39869 11.3677 2.39851 11.8064 2.8374C12.2447 3.27584 12.2447 3.9865 11.8065 4.42497L7.3392 8.89457L4.82213 9.82068L5.74706 7.31487L10.2177 2.83779Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.79238 13.2999C1.46101 13.2999 1.19238 13.5685 1.19238 13.8999C1.19238 14.2313 1.46101 14.4999 1.79238 14.4999H14.4924C14.8238 14.4999 15.0924 14.2313 15.0924 13.8999C15.0924 13.5685 14.8238 13.2999 14.4924 13.2999H1.79238Z`}}]},N=(0,l.forwardRef)(function(e,t){return(0,l.createElement)(S,Object.assign({},e,{id:`write-icon`,ref:t,icon:ee}))});N.displayName=`WriteIcon`;let P={type:t.CommandType.COMMAND,id:`docs.command.delete-hyper-link`,async handler(e,n){if(!n)return!1;let{unitId:r,linkId:a,segmentId:o}=n,s=e.get(t.ICommandService),c=(0,i.deleteCustomRangeFactory)(e,{unitId:r,rangeId:a,segmentId:o});return c?await s.syncExecuteCommand(c.id,c.params):!1}},F=e=>{let n=e.get(i.DocSelectionManagerService),r=e.get(t.IUniverInstanceService),a=n.getTextRanges();if(!(a!=null&&a.length))return!0;let o=a[0];return!!(!r.getCurrentUnitForType(t.UniverInstanceType.UNIVER_DOC)||!o||o.collapsed)},I={type:t.CommandType.OPERATION,id:`doc.operation.show-hyper-link-edit-popup`,handler(e,n){var r;let i=n==null?void 0:n.link,a=e.get(t.IUniverInstanceService);if(F(e)&&!i)return!1;let o=e.get(K),s=(i==null?void 0:i.unitId)||((r=a.getCurrentUnitForType(t.UniverInstanceType.UNIVER_DOC))==null?void 0:r.getUnitId());return s?(o.showEditPopup(s,i),!0):!1}},L={type:t.CommandType.OPERATION,id:`doc.operation.toggle-hyper-link-info-popup`,handler(e,t){let n=e.get(K);return t?(n.showInfoPopup(t),!0):(n.hideInfoPopup(),!0)}},R={type:t.CommandType.OPERATION,id:`doc.operation.click-hyper-link`,handler(e,n){var r;if(!n)return!1;let{unitId:i,linkId:a,segmentId:o}=n,s=e.get(t.IUniverInstanceService).getUnit(i,t.UniverInstanceType.UNIVER_DOC),c=s==null?void 0:s.getSelfOrHeaderFooterModel(o).getBody(),l=c==null||(r=c.customRanges)==null||(r=r.find(e=>e.rangeId===a&&e.rangeType===t.CustomRangeType.HYPERLINK))==null||(r=r.properties)==null?void 0:r.url;return l&&window.open(l,`_blank`,`noopener noreferrer`),!0}},z=()=>{var e,n;let r=(0,c.useDependency)(K),i=(0,c.useDependency)(t.ICommandService),a=(0,c.useDependency)(c.IMessageService),o=(0,c.useDependency)(t.LocaleService),l=(0,c.useObservable)(r.showingLink$),d=(0,c.useDependency)(t.IUniverInstanceService);if(!l)return null;let{unitId:f,linkId:p,segmentId:m,startIndex:h,endIndex:g}=l,_=d.getUnit(f,t.UniverInstanceType.UNIVER_DOC),v=_==null?void 0:_.getSelfOrHeaderFooterModel(m).getBody(),y=v==null||(e=v.customRanges)==null?void 0:e.find(e=>e.rangeId===p&&e.rangeType===t.CustomRangeType.HYPERLINK&&e.startIndex===h&&e.endIndex===g);if(!y)return null;let b=(n=y.properties)==null?void 0:n.url;return(0,u.jsxs)(`div`,{className:(0,s.clsx)(`univer-box-border univer-flex univer-max-w-80 univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-lg univer-bg-white univer-p-3 univer-shadow dark:!univer-bg-gray-900`,s.borderClassName),onClick:()=>{r.hideInfoPopup()},children:[(0,u.jsxs)(`div`,{className:`univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-items-center univer-truncate univer-text-sm univer-leading-5 univer-text-primary-500`,onClick:()=>window.open(b,void 0,`noopener noreferrer`),children:[(0,u.jsx)(`div`,{className:`univer-mr-2 univer-flex univer-size-5 univer-flex-[0_0_auto] univer-items-center univer-justify-center univer-text-base univer-text-gray-900 dark:!univer-text-white`,children:(0,u.jsx)(A,{})}),(0,u.jsx)(s.Tooltip,{showIfEllipsis:!0,title:b,children:(0,u.jsx)(`span`,{className:`univer-flex-1 univer-truncate`,children:b})})]}),(0,u.jsxs)(`div`,{className:`univer-flex univer-h-6 univer-flex-[0_0_auto] univer-items-center univer-justify-center`,children:[(0,u.jsx)(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base`,onClick:()=>{navigator.clipboard.writeText(b),a.show({content:o.t(`docLink.info.coped`),type:s.MessageType.Info})},children:(0,u.jsx)(s.Tooltip,{placement:`bottom`,title:o.t(`docLink.info.copy`),children:(0,u.jsx)(O,{})})}),(0,u.jsx)(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base`,onClick:()=>{i.executeCommand(I.id,{link:l})},children:(0,u.jsx)(s.Tooltip,{placement:`bottom`,title:o.t(`docLink.info.edit`),children:(0,u.jsx)(N,{})})}),(0,u.jsx)(`div`,{className:`univer-ml-2 univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-text-base`,onClick:()=>{i.executeCommand(P.id,{unitId:f,linkId:y.rangeId,segmentId:m})},children:(0,u.jsx)(s.Tooltip,{placement:`bottom`,title:o.t(`docLink.info.cancel`),children:(0,u.jsx)(M,{})})})]})]})};z.componentKey=`univer.doc.link-info-popup`;function B(e){"@babel/helpers - typeof";return B=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},B(e)}function V(e,t){if(B(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(B(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function H(e){var t=V(e,`string`);return B(t)==`symbol`?t:t+``}function U(e,t,n){return(t=H(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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}let K=class extends t.Disposable{constructor(e,t,n){super(),this._docCanvasPopupManagerService=e,this._textSelectionManagerService=t,this._univerInstanceService=n,U(this,`_editingLink$`,new o.BehaviorSubject(null)),U(this,`_showingLink$`,new o.BehaviorSubject(null)),U(this,`editingLink$`,this._editingLink$.asObservable()),U(this,`showingLink$`,this._showingLink$.asObservable()),U(this,`_editPopup`,null),U(this,`_infoPopup`,null),this.disposeWithMe(()=>{this._editingLink$.complete(),this._showingLink$.complete()})}get editing(){return this._editingLink$.value}get showing(){return this._showingLink$.value}showEditPopup(e,t){this._editPopup&&this._editPopup.dispose(),this._editingLink$.next(t);let n=this._textSelectionManagerService.getTextRanges({unitId:e,subUnitId:e}),r=n==null?void 0:n[n.length-1];if(t){let{segmentId:e,segmentPage:n,startIndex:i,endIndex:a}=t;r={collapsed:!1,startOffset:i,endOffset:a+1,segmentId:e,segmentPage:n},this._textSelectionManagerService.replaceDocRanges([{startOffset:i,endOffset:a+1}])}return r?(this._editPopup=this._docCanvasPopupManagerService.attachPopupToRange(r,{componentKey:x.componentKey,direction:`bottom`},e),this._editPopup):null}hideEditPopup(){var e;this._editingLink$.next(null),(e=this._editPopup)==null||e.dispose()}showInfoPopup(e){var n,r,i,a,o,s;let{linkId:c,unitId:l,segmentId:u,segmentPage:d,startIndex:f,endIndex:p}=e;if(!(((n=this.showing)==null?void 0:n.linkId)===c&&((r=this.showing)==null?void 0:r.unitId)===l&&((i=this.showing)==null?void 0:i.segmentId)===u&&((a=this.showing)==null?void 0:a.segmentPage)===d&&((o=this.showing)==null?void 0:o.startIndex)===f&&((s=this.showing)==null?void 0:s.endIndex)===p)&&(this._infoPopup&&this._infoPopup.dispose(),this._univerInstanceService.getUnit(l,t.UniverInstanceType.UNIVER_DOC)))return this._showingLink$.next({unitId:l,linkId:c,segmentId:u,segmentPage:d,startIndex:f,endIndex:p}),this._infoPopup=this._docCanvasPopupManagerService.attachPopupToRange({collapsed:!1,startOffset:f,endOffset:p+1,segmentId:u,segmentPage:d},{componentKey:z.componentKey,direction:`top-center`,multipleDirection:`top`,onClickOutside:()=>{this.hideInfoPopup()}},l),this._infoPopup}hideInfoPopup(){var e;this._showingLink$.next(null),(e=this._infoPopup)==null||e.dispose()}};K=G([W(0,(0,t.Inject)(a.DocCanvasPopManagerService)),W(1,(0,t.Inject)(i.DocSelectionManagerService)),W(2,t.IUniverInstanceService)],K);let q=class extends t.Disposable{constructor(e,t,n){super(),this._commandService=e,this._univerInstanceService=t,this._docHyperLinkService=n,this._initSelectionChange()}_initSelectionChange(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===i.SetTextSelectionsOperation.id){let{unitId:i,ranges:a,segmentId:o}=e.params,s=this._univerInstanceService.getUnit(i,t.UniverInstanceType.UNIVER_DOC),c=a[0];if(c&&s){var n;let{startOffset:e,endOffset:t,collapsed:a,segmentPage:l}=c,u=(n=s.getSelfOrHeaderFooterModel(o))==null||(n=n.getBody())==null?void 0:n.customRanges;if(a){var r;let n=(r=u==null?void 0:u.findIndex(n=>n.startIndex<e&&n.endIndex>t-1))==null?-1:r;if(n>-1){let e=u[n];this._docHyperLinkService.showInfoPopup({unitId:i,linkId:e.rangeId,segmentId:o,segmentPage:l,startIndex:e.startIndex,endIndex:e.endIndex});return}}else if(u!=null&&u.find(n=>n.startIndex<=e&&n.endIndex>=t-1))return}this._docHyperLinkService.hideInfoPopup(),this._docHyperLinkService.hideEditPopup()}}))}};q=G([W(0,t.ICommandService),W(1,t.IUniverInstanceService),W(2,(0,t.Inject)(K))],q);let J=class extends t.Disposable{get _skeleton(){return this._docSkeletonManagerService.getSkeleton()}constructor(e,n,r,i,a,o){super(),this._context=e,this._docEventManagerService=n,this._commandService=r,this._hyperLinkPopupService=i,this._docSkeletonManagerService=a,this._docSelectionManagerService=o,!(this._context.unitId===t.DOCS_ZEN_EDITOR_UNIT_ID_KEY||this._context.unitId===t.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)&&(this._initHover(),this._initClick())}_hideInfoPopup(){this._hyperLinkPopupService.showing&&this._commandService.executeCommand(L.id)}_initHover(){this.disposeWithMe(this._docEventManagerService.hoverCustomRanges$.subscribe(e=>{var n;let r=e.find(e=>e.range.rangeType===t.CustomRangeType.HYPERLINK),i=this._docSelectionManagerService.getTextRanges(),a=i==null?void 0:i[0].segmentId;if(((n=r==null?void 0:r.segmentId)==null?``:n)!==a){this._hideInfoPopup();return}r?this._commandService.executeCommand(L.id,{unitId:this._context.unitId,linkId:r.range.rangeId,segmentId:r.segmentId,segmentPage:r.segmentPageIndex,rangeId:r.range.rangeId,startIndex:r.range.startIndex,endIndex:r.range.endIndex}):this._hideInfoPopup()}))}_initClick(){this.disposeWithMe(this._docEventManagerService.clickCustomRanges$.subscribe(e=>{let t=e.range;t&&this._commandService.executeCommand(R.id,{unitId:this._context.unitId,linkId:t.rangeId,segmentId:e.segmentId})}))}};J=G([W(1,(0,t.Inject)(a.DocEventManagerService)),W(2,t.ICommandService),W(3,(0,t.Inject)(K)),W(4,(0,t.Inject)(i.DocSkeletonManagerService)),W(5,(0,t.Inject)(i.DocSelectionManagerService))],J);let Y=class extends t.Disposable{constructor(e,t,n,r){super(),this._context=e,this._docInterceptorService=t,this._hyperLinkService=n,this._docRenderController=r,this._init(),this._initReRender()}_init(){this._docInterceptorService.intercept(i.DOC_INTERCEPTOR_POINT.CUSTOM_RANGE,{handler:(e,t,n)=>{if(!e)return n(e);let{unitId:r,index:i}=t,a=this._hyperLinkService.showing;if(!a)return n({...e,active:!1});let{linkId:o,unitId:s,startIndex:c,endIndex:l}=a,u=s===r&&e.rangeId===o&&i>=c&&i<=l;return n({...e,active:u})}})}_initReRender(){this.disposeWithMe(this._hyperLinkService.showingLink$.pipe((0,o.distinctUntilChanged)((e,t)=>(e==null?void 0:e.linkId)===(t==null?void 0:t.linkId)&&(e==null?void 0:e.unitId)===(t==null?void 0:t.unitId)&&(e==null?void 0:e.startIndex)===(t==null?void 0:t.startIndex)),(0,o.pairwise)()).subscribe(([e,t])=>{t?t.unitId===this._context.unitId&&this._docRenderController.reRender(t.unitId):e&&e.unitId===this._context.unitId&&this._docRenderController.reRender(e.unitId)}))}};Y=G([W(1,(0,t.Inject)(i.DocInterceptorService)),W(2,(0,t.Inject)(K)),W(3,(0,t.Inject)(a.DocRenderController))],Y);let X=`doc-hyper-link-icon`;function Z(e){return{id:I.id,type:c.MenuItemType.BUTTON,icon:X,title:`docLink.menu.tooltip`,tooltip:`docLink.menu.tooltip`,hidden$:(0,c.getMenuHiddenObservable)(e,t.UniverInstanceType.UNIVER_DOC),disabled$:new o.Observable(function(t){let n=e.get(i.DocSelectionManagerService).textSelection$.pipe((0,o.debounceTime)(16)).subscribe(()=>{t.next(F(e))});return()=>{n.unsubscribe()}})}}let te={id:I.id,binding:c.MetaKeys.CTRL_COMMAND|c.KeyCode.K,description:`docLink.menu.tooltip`,preconditions:a.whenDocAndEditorFocused},ne={[c.RibbonInsertGroup.MEDIA]:{[I.id]:{order:1,menuItemFactory:Z}},[c.ContextMenuPosition.MAIN_AREA]:{[c.ContextMenuGroup.DATA]:{[I.id]:{order:0,menuItemFactory:Z}}}},Q=class extends t.Disposable{constructor(e,t,n,r){super(),this._componentManager=e,this._commandService=t,this._menuManagerService=n,this._shortcutService=r,this._initComponents(),this._initCommands(),this._initMenus(),this._initShortcut()}_initComponents(){[[x.componentKey,x],[z.componentKey,z],[X,A]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}_initCommands(){[h,g,P,I,L,R].forEach(e=>{this._commandService.registerCommand(e)})}_initShortcut(){[te].forEach(e=>{this._shortcutService.registerShortcut(e)})}_initMenus(){this._menuManagerService.mergeMenu(ne)}};Q=G([W(0,(0,t.Inject)(c.ComponentManager)),W(1,t.ICommandService),W(2,c.IMenuManagerService),W(3,c.IShortcutService)],Q);let $=class extends t.Plugin{constructor(e=m,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerSrv=r,this._configService=i;let{menu:a,...o}=(0,t.merge)({},m,this._config);a&&this._configService.setConfig(`menu`,a,{merge:!0}),this._configService.setConfig(p,o)}onStarting(){[[K],[Q],[q]].forEach(e=>{this._injector.add(e)}),this._injector.get(Q)}onReady(){this._injector.get(q)}onRendered(){this._initRenderModule()}_initRenderModule(){[[Y],[J]].forEach(e=>{this._renderManagerSrv.registerRenderModule(t.UniverInstanceType.UNIVER_DOC,e)})}};U($,`pluginName`,`DOC_HYPER_LINK_UI_PLUGIN`),U($,`packageName`,d),U($,`version`,f),U($,`type`,t.UniverInstanceType.UNIVER_DOC),$=G([(0,t.DependentOn)(n.UniverDocsHyperLinkPlugin),W(1,(0,t.Inject)(t.Injector)),W(2,r.IRenderManagerService),W(3,t.IConfigService)],$),Object.defineProperty(e,`UniverDocsHyperLinkUIPlugin`,{enumerable:!0,get:function(){return $}})});
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@univerjs/docs-hyper-link-ui",
3
- "version": "0.21.1",
3
+ "version": "0.22.0",
4
4
  "private": false,
5
- "description": "Univer thread comment plugin",
6
- "author": "DreamNum <developer@univer.ai>",
5
+ "description": "Hyperlink editing UI for Univer Docs.",
6
+ "author": "DreamNum Co., Ltd. <developer@univer.ai>",
7
7
  "license": "Apache-2.0",
8
8
  "funding": {
9
9
  "type": "opencollective",
@@ -17,7 +17,13 @@
17
17
  "bugs": {
18
18
  "url": "https://github.com/dream-num/univer/issues"
19
19
  },
20
- "keywords": [],
20
+ "keywords": [
21
+ "univer",
22
+ "docs",
23
+ "hyperlink",
24
+ "link",
25
+ "ui"
26
+ ],
21
27
  "exports": {
22
28
  ".": {
23
29
  "import": "./lib/es/index.js",
@@ -53,22 +59,22 @@
53
59
  },
54
60
  "dependencies": {
55
61
  "@univerjs/icons": "^1.1.1",
56
- "@univerjs/core": "0.21.1",
57
- "@univerjs/design": "0.21.1",
58
- "@univerjs/docs": "0.21.1",
59
- "@univerjs/docs-hyper-link": "0.21.1",
60
- "@univerjs/engine-render": "0.21.1",
61
- "@univerjs/ui": "0.21.1",
62
- "@univerjs/docs-ui": "0.21.1"
62
+ "@univerjs/core": "0.22.0",
63
+ "@univerjs/design": "0.22.0",
64
+ "@univerjs/docs": "0.22.0",
65
+ "@univerjs/docs-ui": "0.22.0",
66
+ "@univerjs/docs-hyper-link": "0.22.0",
67
+ "@univerjs/engine-render": "0.22.0",
68
+ "@univerjs/ui": "0.22.0"
63
69
  },
64
70
  "devDependencies": {
65
- "postcss": "^8.5.10",
71
+ "postcss": "^8.5.14",
66
72
  "react": "18.3.1",
67
73
  "rxjs": "^7.8.2",
68
74
  "tailwindcss": "3.4.18",
69
- "typescript": "^6.0.2",
70
- "vitest": "^4.1.4",
71
- "@univerjs-infra/shared": "0.21.1"
75
+ "typescript": "^6.0.3",
76
+ "vitest": "^4.1.5",
77
+ "@univerjs-infra/shared": "0.22.0"
72
78
  },
73
79
  "scripts": {
74
80
  "test": "vitest run",