feat: 支持 Selector 参数

Author: ArgoZhang

src/BootstrapBlazor/Components/Mask/Mask.razor.js

@@ -1,20 +1,17 @@
 export function update(id, options) {
     const mask = document.getElementById(id);
     if (mask) {
-        const { show, containerId } = options;
+        const { show } = options;
         const el = document.querySelector(`[data-bb-mask="${id}"]`);
-        if (containerId) {
-            const container = document.getElementById(containerId);
-            if (container) {
-                const position = container.style.getPropertyValue('position');
-                if (position === '' || position === 'static') {
-                    container.style.setProperty('position', 'relative');
-                }
-
-                if (show) {
-                    el.style.setProperty('--bb-mask-position', 'absolute');
-                    container.appendChild(el);
-                }
+        const container = getContainerBySelector(options);
+        if (container) {
+            const position = container.style.getPropertyValue('position');
+            if (position === '' || position === 'static') {
+                container.style.setProperty('position', 'relative');
+            }
+            if (show) {
+                el.style.setProperty('--bb-mask-position', 'absolute');
+                container.appendChild(el);
             }
         }
         else {
@@ -31,3 +28,10 @@
         }
     }
 }
+
+const getContainerBySelector = options => {
+    const selector = getContainerById(options.containerId) ?? options.selector;
+    return selector ? document.querySelector(selector) : null;
+}
+
+const getContainerById = id => id ? `#${id}` : null;