vanilla-jui 1.7.23 → 1.7.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-jui",
-  "version": "1.7.23",
+  "version": "1.7.25",
   "private": false,
   "description": "A lightweight, reactive, and fully customizable vanilla JS UI library.",
   "keywords": [

package/src/css/layout.css

@@ -679,9 +679,6 @@
     }
   }
 
-  /**
-	 * 为减少体积，md/lg/xl 断点只保留常用列数（如 1/2/3/4/6/12）
-	 */
   @media (min-width: 768px) {
     .grid-col-md-1 {
       grid-template-columns: repeat(1, 1fr);
@@ -691,7 +688,6 @@
       grid-template-columns: repeat(2, 1fr);
     }
 
-    /* ... 可按需补充 md-3 ～ md-12 */
     .grid-col-md-3 {
       grid-template-columns: repeat(3, 1fr);
     }
@@ -700,10 +696,34 @@
       grid-template-columns: repeat(4, 1fr);
     }
 
+    .grid-col-md-5 {
+      grid-template-columns: repeat(5, 1fr);
+    }
+
     .grid-col-md-6 {
       grid-template-columns: repeat(6, 1fr);
     }
 
+    .grid-col-md-7 {
+      grid-template-columns: repeat(7, 1fr);
+    }
+
+    .grid-col-md-8 {
+      grid-template-columns: repeat(8, 1fr);
+    }
+
+    .grid-col-md-9 {
+      grid-template-columns: repeat(9, 1fr);
+    }
+
+    .grid-col-md-10 {
+      grid-template-columns: repeat(10, 1fr);
+    }
+
+    .grid-col-md-11 {
+      grid-template-columns: repeat(11, 1fr);
+    }
+
     .grid-col-md-12 {
       grid-template-columns: repeat(12, 1fr);
     }
@@ -726,10 +746,34 @@
       grid-template-columns: repeat(4, 1fr);
     }
 
+    .grid-col-lg-5 {
+      grid-template-columns: repeat(5, 1fr);
+    }
+
     .grid-col-lg-6 {
       grid-template-columns: repeat(6, 1fr);
     }
 
+    .grid-col-lg-7 {
+      grid-template-columns: repeat(7, 1fr);
+    }
+
+    .grid-col-lg-8 {
+      grid-template-columns: repeat(8, 1fr);
+    }
+
+    .grid-col-lg-9 {
+      grid-template-columns: repeat(9, 1fr);
+    }
+
+    .grid-col-lg-10 {
+      grid-template-columns: repeat(10, 1fr);
+    }
+
+    .grid-col-lg-11 {
+      grid-template-columns: repeat(11, 1fr);
+    }
+
     .grid-col-lg-12 {
       grid-template-columns: repeat(12, 1fr);
     }
@@ -752,10 +796,34 @@
       grid-template-columns: repeat(4, 1fr);
     }
 
+    .grid-col-xl-5 {
+      grid-template-columns: repeat(5, 1fr);
+    }
+
     .grid-col-xl-6 {
       grid-template-columns: repeat(6, 1fr);
     }
 
+    .grid-col-xl-7 {
+      grid-template-columns: repeat(7, 1fr);
+    }
+
+    .grid-col-xl-8 {
+      grid-template-columns: repeat(8, 1fr);
+    }
+
+    .grid-col-xl-9 {
+      grid-template-columns: repeat(9, 1fr);
+    }
+
+    .grid-col-xl-10 {
+      grid-template-columns: repeat(10, 1fr);
+    }
+
+    .grid-col-xl-11 {
+      grid-template-columns: repeat(11, 1fr);
+    }
+
     .grid-col-xl-12 {
       grid-template-columns: repeat(12, 1fr);
     }

package/src/index.ts

@@ -11,6 +11,7 @@ export * from './utilities/http.ts';
 // export * from './utilities/locale.ts';
 export * from './utilities/object.ts';
 export * from './utilities/timer.ts';
+export * from './utilities/string.ts';
 export * from './utilities/types.ts';
 export * from './utilities/merge.ts';
 export * from './utilities/config.ts';

package/src/utilities/string.ts

@@ -0,0 +1,3 @@
+export function removeSpaces(value: string | null | undefined): string {
+  return value?.replace(/\s+/g, '') ?? '';
+}

package/src/utilities/validator.ts

@@ -8,6 +8,7 @@ import {
 } from '../utilities/dom.ts';
 import { createEventManager } from '../utilities/events.ts';
 import { type ConfigSchema, resolveConfig } from '../utilities/config.ts';
+import { removeSpaces } from '../utilities/string.ts';
 import { validateParam } from '../utilities/types.ts';
 
 type ValidatorElement =
@@ -181,7 +182,7 @@ function validateMinLength(
   minLength: unknown
 ): boolean {
   if (typeof minLength !== 'number') return true;
-  return element.value.length >= minLength;
+  return removeSpaces(element.value).length >= minLength;
 }
 
 function validateMaxLength(
@@ -189,12 +190,12 @@ function validateMaxLength(
   maxLength: unknown
 ): boolean {
   if (typeof maxLength !== 'number') return true;
-  return element.value.length <= maxLength;
+  return removeSpaces(element.value).length <= maxLength;
 }
 
 function validateEmail(element: ValidatorElement): boolean {
   const emailPattern = /^([\w-.]+@([\w-]+\.)+[\w-]{2,4})?$/;
-  return emailPattern.test(element.value);
+  return emailPattern.test(removeSpaces(element.value));
 }
 
 function validateEqualTo(