adjust events

lib/ui/popup.html

@@ -15,8 +15,11 @@
         document.querySelector('#button-popup').addEventListener('click', () => {
             const popup = new ui.Popup({
                 title: 'title long title, looooooong title, looooooooooooooooooooooooong ~',
-                content: 'content',
+                content: ui.createElement('div', 'class-content',
+                    ui.createElement('span', span => span.innerText = 'Text content.')
+                ),
                 mask: false,
+                // movable: false,
                 resizable: true,
                 collapsable: true,
                 minWidth: 210,
@@ -30,7 +33,9 @@
                         }
                     },
                     { text: 'OK' }
-                ]
+                ],
+                onMoveEnded: () => console.log('move ended.', popup.rect),
+                onResizeEnded: () => console.log('resize ended.', popup.rect)
             });
             popup.show();
         });
@@ -40,6 +45,7 @@
             --title-bg-color: lightgray;
             --title-color: #333;
         }
+
         .popup-mask .popup-container {
             min-width: 210px;
             min-height: 200px;