fix:hyperlink popup max width

src/editor/assets/css/hyperlink/hyperlink.css

@@ -1,13 +1,9 @@
 .ce-hyperlink-popup {
-  min-width: 100px;
-  font-size: 12px;
-  line-height: 20px;
   background: #fff;
   box-shadow: 0 2px 12px 0 rgb(98 107 132 / 20%);
   border-radius: 2px;
   color: #3d4757;
-  padding: 16px;
-  white-space: nowrap;
+  padding: 12px 16px;
   position: absolute;
   z-index: 1;
   text-align: center;
@@ -15,10 +11,16 @@
 }
 
 .ce-hyperlink-popup a {
+  min-width: 100px;
+  max-width: 300px;
+  font-size: 12px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
   cursor: pointer;
   text-decoration: none;
   border-bottom-width: 1px;
   border-bottom-style: solid;
-  padding-bottom: 2px;
   color: #0000ff;
 }

src/editor/core/draw/particle/HyperlinkParticle.ts

@@ -45,6 +45,7 @@ export class HyperlinkParticle {
     // 标签
     const url = element.url || '#'
     this.hyperlinkDom.href = url
+    this.hyperlinkDom.title = url
     this.hyperlinkDom.innerText = url
   }