@kupola/kupola 1.5.2 → 1.5.3

package/js/kupola-config.js

@@ -38,6 +38,19 @@ const config = {
         'span': ['class', 'style'],
         'div': ['class', 'style']
       }
+    },
+    maskData: {
+      enabled: true,
+      patterns: {
+        phone: { regex: '^(\\d{3})\\d{4}(\\d{4})$', replace: '$1****$2' },
+        email: { regex: '^(.)(.*)(@.*)$', replace: '$1***$3' },
+        idCard: { regex: '^(\\d{6})\\d{8}(\\d{4})$', replace: '$1********$2' },
+        bankCard: { regex: '^(\\d{4})\\d{8}(\\d{4})$', replace: '$1 **** **** $2' }
+      }
+    },
+    secureId: {
+      length: 16,
+      charset: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
     }
   },
   dev: {

package/js/security.js

@@ -58,4 +58,56 @@ export function stripHtml(html) {
   const domParser = new DOMParser();
   const doc = domParser.parseFromString(html, 'text/html');
   return doc.body.textContent || '';
+}
+
+export function maskData(value, type, options = {}) {
+  const securityConfig = getSecurityConfig();
+  const maskConfig = securityConfig?.maskData || {};
+  
+  if (!maskConfig.enabled && !options.force) {
+    return value;
+  }
+  
+  if (value === null || value === undefined) {
+    return value;
+  }
+  
+  const patterns = options.patterns || maskConfig.patterns || {};
+  const pattern = patterns[type];
+  
+  if (!pattern) {
+    return value;
+  }
+  
+  const regex = typeof pattern.regex === 'string' 
+    ? new RegExp(pattern.regex) 
+    : pattern.regex;
+  
+  return String(value).replace(regex, pattern.replace);
+}
+
+export function generateSecureId(length, prefix) {
+  const securityConfig = getSecurityConfig();
+  const secureIdConfig = securityConfig?.secureId || {};
+  
+  const idLength = length || secureIdConfig.length || 16;
+  const charset = secureIdConfig.charset || 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  
+  if (typeof crypto === 'undefined' || !crypto.getRandomValues) {
+    let result = '';
+    for (let i = 0; i < idLength; i++) {
+      result += charset[Math.floor(Math.random() * charset.length)];
+    }
+    return prefix ? `${prefix}_${result}` : result;
+  }
+  
+  const array = new Uint32Array(idLength);
+  crypto.getRandomValues(array);
+  
+  let result = '';
+  for (let i = 0; i < idLength; i++) {
+    result += charset[array[i] % charset.length];
+  }
+  
+  return prefix ? `${prefix}_${result}` : result;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kupola/kupola",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "A lightweight UI toolkit for any web project. No heavy frontend frameworks required.",
   "main": "dist/kupola.cjs.js",
   "module": "dist/kupola.esm.js",