@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.1

package/dist/cjs/components/RegexEditor/templates/builtinTemplates.js

@@ -0,0 +1,340 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchTemplates = exports.getTemplatesByCategory = exports.getTemplateById = exports.getAllBuiltinTemplates = exports.BUILTIN_TEMPLATES = void 0;
+var _types = require("./types");
+/**
+ * 内置正则表达式模板库
+ *
+ * @module RegexEditor/templates/builtinTemplates
+ * @description 提供20+个精心设计的内置正则表达式模板,覆盖常见业务场景
+ */
+
+/**
+ * 内置模板库
+ *
+ * @description
+ * 包含以下分类:
+ * - 业务相关: 批次号、订单号、产品编码等
+ * - 通用模式: 邮箱、电话、URL、IP地址等
+ * - 日期时间: 各种日期时间格式
+ * - 数字格式: 整数、小数、货币等
+ * - 文本格式: 中文、英文、Unicode等
+ * - 数据验证: 长度、范围、格式验证
+ */
+var BUILTIN_TEMPLATES = exports.BUILTIN_TEMPLATES = [
+// ==================== 业务相关模板 ====================
+{
+  id: 'lot-number',
+  name: '批次号',
+  pattern: '^LOT\\d{6}$',
+  description: '标准批次号格式: LOT + 6位数字',
+  category: _types.TemplateCategory.BUSINESS,
+  tags: ['批次', 'LOT', '业务', '编号'],
+  examples: {
+    valid: ['LOT123456', 'LOT000001', 'LOT999999'],
+    invalid: ['LOT12345', 'lot123456', 'LOT1234567', 'LOT-123456']
+  },
+  complexity: 'simple'
+}, {
+  id: 'order-number',
+  name: '订单号',
+  pattern: '^ORD\\d{8,12}$',
+  description: '订单号格式: ORD + 8-12位数字',
+  category: _types.TemplateCategory.BUSINESS,
+  tags: ['订单', 'ORDER', '业务', '编号'],
+  examples: {
+    valid: ['ORD12345678', 'ORD123456789012'],
+    invalid: ['ORD1234567', 'ord12345678', 'ORD-12345678']
+  },
+  complexity: 'simple'
+}, {
+  id: 'product-code',
+  name: '产品编码',
+  pattern: '^[A-Z]{2,4}\\d{4,8}$',
+  description: '产品编码: 2-4位大写字母 + 4-8位数字',
+  category: _types.TemplateCategory.BUSINESS,
+  tags: ['产品', 'SKU', '编码', '业务'],
+  examples: {
+    valid: ['AB1234', 'ABCD12345678', 'SKU00001234'],
+    invalid: ['ab1234', 'A1234', 'ABCDE123', 'AB-1234']
+  },
+  complexity: 'simple'
+},
+// ==================== 通用模式模板 ====================
+{
+  id: 'email',
+  name: '电子邮箱',
+  pattern: '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$',
+  description: '标准电子邮箱地址格式',
+  category: _types.TemplateCategory.COMMON,
+  tags: ['邮箱', 'email', '联系方式'],
+  examples: {
+    valid: ['user@example.com', 'test.user+tag@domain.co.uk'],
+    invalid: ['user@', '@example.com', 'user@.com', 'user example.com']
+  },
+  complexity: 'medium'
+}, {
+  id: 'phone-cn',
+  name: '中国手机号',
+  pattern: '^1[3-9]\\d{9}$',
+  description: '中国大陆手机号码: 1开头 + 3-9的第二位 + 9位数字',
+  category: _types.TemplateCategory.COMMON,
+  tags: ['手机', '电话', '中国', '联系方式'],
+  examples: {
+    valid: ['13812345678', '18900001234', '19512345678'],
+    invalid: ['12345678901', '1381234567', '138-1234-5678']
+  },
+  complexity: 'simple'
+}, {
+  id: 'url',
+  name: 'URL地址',
+  pattern: '^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$',
+  description: 'HTTP/HTTPS URL地址',
+  category: _types.TemplateCategory.COMMON,
+  tags: ['URL', '链接', '网址'],
+  examples: {
+    valid: ['https://example.com', 'http://www.example.com/path?query=1'],
+    invalid: ['example.com', 'ftp://example.com', 'https://']
+  },
+  complexity: 'complex'
+}, {
+  id: 'ipv4',
+  name: 'IPv4地址',
+  pattern: '^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$',
+  description: 'IPv4地址格式 (0.0.0.0 - 255.255.255.255)',
+  category: _types.TemplateCategory.COMMON,
+  tags: ['IP', 'IPv4', '网络', '地址'],
+  examples: {
+    valid: ['192.168.1.1', '10.0.0.1', '255.255.255.255', '0.0.0.0'],
+    invalid: ['256.1.1.1', '192.168.1', '192.168.1.1.1']
+  },
+  complexity: 'complex'
+}, {
+  id: 'id-card-cn',
+  name: '中国身份证号',
+  pattern: '^[1-9]\\d{5}(18|19|20)\\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\\d|3[01])\\d{3}[\\dXx]$',
+  description: '中国大陆18位身份证号码',
+  category: _types.TemplateCategory.COMMON,
+  tags: ['身份证', '证件', '中国'],
+  examples: {
+    valid: ['110101199003071234', '44010119900307123X'],
+    invalid: ['11010119900307123', '110101199013071234']
+  },
+  complexity: 'complex'
+},
+// ==================== 日期时间模板 ====================
+{
+  id: 'date-iso',
+  name: 'ISO日期',
+  pattern: '^\\d{4}-\\d{2}-\\d{2}$',
+  description: 'ISO 8601日期格式: YYYY-MM-DD',
+  category: _types.TemplateCategory.DATE_TIME,
+  tags: ['日期', 'ISO', 'YYYY-MM-DD'],
+  examples: {
+    valid: ['2025-01-27', '2024-12-31', '2000-01-01'],
+    invalid: ['2025/01/27', '25-01-27', '2025-1-27']
+  },
+  complexity: 'simple'
+}, {
+  id: 'date-us',
+  name: '美式日期',
+  pattern: '^(0[1-9]|1[0-2])\\/(0[1-9]|[12]\\d|3[01])\\/\\d{4}$',
+  description: '美式日期格式: MM/DD/YYYY',
+  category: _types.TemplateCategory.DATE_TIME,
+  tags: ['日期', '美国', 'MM/DD/YYYY'],
+  examples: {
+    valid: ['01/27/2025', '12/31/2024'],
+    invalid: ['13/01/2025', '01/32/2025', '1/27/2025']
+  },
+  complexity: 'medium'
+}, {
+  id: 'time-24h',
+  name: '24小时时间',
+  pattern: '^([01]\\d|2[0-3]):[0-5]\\d(:[0-5]\\d)?$',
+  description: '24小时制时间: HH:MM 或 HH:MM:SS',
+  category: _types.TemplateCategory.DATE_TIME,
+  tags: ['时间', '24小时', 'HH:MM'],
+  examples: {
+    valid: ['23:59', '00:00', '12:30:45'],
+    invalid: ['24:00', '23:60', '1:30']
+  },
+  complexity: 'medium'
+}, {
+  id: 'datetime-iso',
+  name: 'ISO日期时间',
+  pattern: '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}(\\.\\d{3})?(Z|[+-]\\d{2}:\\d{2})$',
+  description: 'ISO 8601日期时间格式',
+  category: _types.TemplateCategory.DATE_TIME,
+  tags: ['日期时间', 'ISO', 'timestamp'],
+  examples: {
+    valid: ['2025-01-27T14:30:00Z', '2025-01-27T14:30:00.123+08:00'],
+    invalid: ['2025-01-27 14:30:00', '2025-01-27T14:30']
+  },
+  complexity: 'complex'
+},
+// ==================== 数字格式模板 ====================
+{
+  id: 'integer',
+  name: '整数',
+  pattern: '^-?\\d+$',
+  description: '整数(可选负号)',
+  category: _types.TemplateCategory.NUMBER,
+  tags: ['数字', '整数', 'integer'],
+  examples: {
+    valid: ['123', '-456', '0'],
+    invalid: ['12.3', '1,234', '1e10']
+  },
+  complexity: 'simple'
+}, {
+  id: 'decimal',
+  name: '小数',
+  pattern: '^-?\\d+\\.\\d+$',
+  description: '小数(必须有小数点和小数部分)',
+  category: _types.TemplateCategory.NUMBER,
+  tags: ['数字', '小数', 'decimal', 'float'],
+  examples: {
+    valid: ['12.34', '-0.5', '3.14159'],
+    invalid: ['12', '12.', '.5', '12,34']
+  },
+  complexity: 'simple'
+}, {
+  id: 'currency',
+  name: '货币金额',
+  pattern: '^-?\\d{1,3}(,\\d{3})*(\\.\\d{1,2})?$',
+  description: '货币格式(千分位逗号,最多2位小数)',
+  category: _types.TemplateCategory.NUMBER,
+  tags: ['数字', '货币', '金额', 'money'],
+  examples: {
+    valid: ['1,234.56', '1,000', '-1,234,567.89'],
+    invalid: ['1234.56', '1,234.567', '1,23.45']
+  },
+  complexity: 'medium'
+}, {
+  id: 'percentage',
+  name: '百分比',
+  pattern: '^-?\\d+(\\.\\d+)?%$',
+  description: '百分比格式(数字 + %)',
+  category: _types.TemplateCategory.NUMBER,
+  tags: ['数字', '百分比', 'percent'],
+  examples: {
+    valid: ['25%', '99.9%', '-10.5%'],
+    invalid: ['25', '%25', '25 %']
+  },
+  complexity: 'simple'
+},
+// ==================== 文本格式模板 ====================
+{
+  id: 'chinese',
+  name: '中文字符',
+  pattern: "^[\\u4e00-\\u9fa5]+$",
+  description: '仅包含中文字符(汉字)',
+  category: _types.TemplateCategory.TEXT,
+  tags: ['文本', '中文', '汉字', 'chinese'],
+  examples: {
+    valid: ['你好', '中文测试', '北京'],
+    invalid: ['hello', '你好123', '你好!']
+  },
+  complexity: 'simple'
+}, {
+  id: 'english-letters',
+  name: '英文字母',
+  pattern: '^[a-zA-Z]+$',
+  description: '仅包含英文字母(大小写)',
+  category: _types.TemplateCategory.TEXT,
+  tags: ['文本', '英文', '字母', 'english'],
+  examples: {
+    valid: ['hello', 'World', 'ABC'],
+    invalid: ['hello123', 'hello!', 'hello world']
+  },
+  complexity: 'simple'
+}, {
+  id: 'alphanumeric',
+  name: '字母数字',
+  pattern: '^[a-zA-Z0-9]+$',
+  description: '仅包含字母和数字',
+  category: _types.TemplateCategory.TEXT,
+  tags: ['文本', '字母数字', 'alphanumeric'],
+  examples: {
+    valid: ['abc123', 'Test2025'],
+    invalid: ['abc-123', 'test_123', 'hello world']
+  },
+  complexity: 'simple'
+},
+// ==================== 数据验证模板 ====================
+{
+  id: 'length-6-20',
+  name: '长度6-20字符',
+  pattern: '^.{6,20}$',
+  description: '任意字符,长度6-20',
+  category: _types.TemplateCategory.VALIDATION,
+  tags: ['验证', '长度', 'length', '密码'],
+  examples: {
+    valid: ['123456', 'a'.repeat(20)],
+    invalid: ['12345', 'a'.repeat(21)]
+  },
+  complexity: 'simple'
+}, {
+  id: 'password-strong',
+  name: '强密码',
+  pattern: '^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$',
+  description: '至少8位,包含大小写字母、数字和特殊字符',
+  category: _types.TemplateCategory.VALIDATION,
+  tags: ['验证', '密码', 'password', '安全'],
+  examples: {
+    valid: ['Test@123', 'MyP@ssw0rd'],
+    invalid: ['test123', 'TEST123', 'Test123', 'short@1']
+  },
+  complexity: 'complex'
+}, {
+  id: 'username',
+  name: '用户名',
+  pattern: '^[a-zA-Z0-9_]{3,16}$',
+  description: '3-16位字母数字下划线',
+  category: _types.TemplateCategory.VALIDATION,
+  tags: ['验证', '用户名', 'username'],
+  examples: {
+    valid: ['user123', 'test_user', 'MyUsername'],
+    invalid: ['us', 'user-name', 'a'.repeat(17)]
+  },
+  complexity: 'simple'
+}];
+
+/**
+ * 获取所有内置模板
+ */
+var getAllBuiltinTemplates = exports.getAllBuiltinTemplates = function getAllBuiltinTemplates() {
+  return BUILTIN_TEMPLATES;
+};
+
+/**
+ * 按分类获取模板
+ */
+var getTemplatesByCategory = exports.getTemplatesByCategory = function getTemplatesByCategory(category) {
+  return BUILTIN_TEMPLATES.filter(function (t) {
+    return t.category === category;
+  });
+};
+
+/**
+ * 按ID获取模板
+ */
+var getTemplateById = exports.getTemplateById = function getTemplateById(id) {
+  return BUILTIN_TEMPLATES.find(function (t) {
+    return t.id === id;
+  });
+};
+
+/**
+ * 搜索模板(按名称、描述、标签)
+ */
+var searchTemplates = exports.searchTemplates = function searchTemplates(keyword) {
+  var lowerKeyword = keyword.toLowerCase();
+  return BUILTIN_TEMPLATES.filter(function (t) {
+    return t.name.toLowerCase().includes(lowerKeyword) || t.description.toLowerCase().includes(lowerKeyword) || t.tags.some(function (tag) {
+      return tag.toLowerCase().includes(lowerKeyword);
+    });
+  });
+};

package/dist/cjs/components/RegexEditor/templates/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 模板系统统一导出
+ */
+export type { RegexTemplate } from './types';
+export { TemplateCategory } from './types';
+export { getAllBuiltinTemplates, getTemplatesByCategory as getBuiltinTemplatesByCategory, getTemplateById as getBuiltinTemplateById, searchTemplates as searchBuiltinTemplates, } from './builtinTemplates';
+export { TemplateStorage, loadCustomTemplates, saveCustomTemplate, deleteCustomTemplate, updateTemplateUsage, clearAllTemplates, exportTemplates, importTemplates, getStorageStats, isStorageAvailable, } from './storage';
+export { getAllTemplates, getTemplateById, getTemplatesByCategory, searchTemplates, getMostUsedTemplates, getRecentlyUsedTemplates, createCustomTemplate, updateCustomTemplate, deleteCustomTemplate as deleteCustomTemplateById, duplicateTemplate, useTemplate, getTemplateStats, validateTemplate, } from './templateManager';
+export { TemplateSelector } from './TemplateSelector';
+export type { TemplateSelectorProps } from './TemplateSelector';

package/dist/cjs/components/RegexEditor/templates/index.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TemplateCategory", {
+  enumerable: true,
+  get: function get() {
+    return _types.TemplateCategory;
+  }
+});
+Object.defineProperty(exports, "TemplateSelector", {
+  enumerable: true,
+  get: function get() {
+    return _TemplateSelector.TemplateSelector;
+  }
+});
+Object.defineProperty(exports, "TemplateStorage", {
+  enumerable: true,
+  get: function get() {
+    return _storage.TemplateStorage;
+  }
+});
+Object.defineProperty(exports, "clearAllTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _storage.clearAllTemplates;
+  }
+});
+Object.defineProperty(exports, "createCustomTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.createCustomTemplate;
+  }
+});
+Object.defineProperty(exports, "deleteCustomTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _storage.deleteCustomTemplate;
+  }
+});
+Object.defineProperty(exports, "deleteCustomTemplateById", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.deleteCustomTemplate;
+  }
+});
+Object.defineProperty(exports, "duplicateTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.duplicateTemplate;
+  }
+});
+Object.defineProperty(exports, "exportTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _storage.exportTemplates;
+  }
+});
+Object.defineProperty(exports, "getAllBuiltinTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _builtinTemplates.getAllBuiltinTemplates;
+  }
+});
+Object.defineProperty(exports, "getAllTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.getAllTemplates;
+  }
+});
+Object.defineProperty(exports, "getBuiltinTemplateById", {
+  enumerable: true,
+  get: function get() {
+    return _builtinTemplates.getTemplateById;
+  }
+});
+Object.defineProperty(exports, "getBuiltinTemplatesByCategory", {
+  enumerable: true,
+  get: function get() {
+    return _builtinTemplates.getTemplatesByCategory;
+  }
+});
+Object.defineProperty(exports, "getMostUsedTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.getMostUsedTemplates;
+  }
+});
+Object.defineProperty(exports, "getRecentlyUsedTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.getRecentlyUsedTemplates;
+  }
+});
+Object.defineProperty(exports, "getStorageStats", {
+  enumerable: true,
+  get: function get() {
+    return _storage.getStorageStats;
+  }
+});
+Object.defineProperty(exports, "getTemplateById", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.getTemplateById;
+  }
+});
+Object.defineProperty(exports, "getTemplateStats", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.getTemplateStats;
+  }
+});
+Object.defineProperty(exports, "getTemplatesByCategory", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.getTemplatesByCategory;
+  }
+});
+Object.defineProperty(exports, "importTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _storage.importTemplates;
+  }
+});
+Object.defineProperty(exports, "isStorageAvailable", {
+  enumerable: true,
+  get: function get() {
+    return _storage.isStorageAvailable;
+  }
+});
+Object.defineProperty(exports, "loadCustomTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _storage.loadCustomTemplates;
+  }
+});
+Object.defineProperty(exports, "saveCustomTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _storage.saveCustomTemplate;
+  }
+});
+Object.defineProperty(exports, "searchBuiltinTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _builtinTemplates.searchTemplates;
+  }
+});
+Object.defineProperty(exports, "searchTemplates", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.searchTemplates;
+  }
+});
+Object.defineProperty(exports, "updateCustomTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.updateCustomTemplate;
+  }
+});
+Object.defineProperty(exports, "updateTemplateUsage", {
+  enumerable: true,
+  get: function get() {
+    return _storage.updateTemplateUsage;
+  }
+});
+Object.defineProperty(exports, "useTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.useTemplate;
+  }
+});
+Object.defineProperty(exports, "validateTemplate", {
+  enumerable: true,
+  get: function get() {
+    return _templateManager.validateTemplate;
+  }
+});
+var _types = require("./types");
+var _builtinTemplates = require("./builtinTemplates");
+var _storage = require("./storage");
+var _templateManager = require("./templateManager");
+var _TemplateSelector = require("./TemplateSelector");

package/dist/cjs/components/RegexEditor/templates/storage.d.ts

@@ -0,0 +1,74 @@
+/**
+ * 自定义模板存储模块
+ * 使用 LocalStorage 持久化存储用户自定义的正则表达式模板
+ */
+import type { RegexTemplate } from './types';
+/**
+ * 模板存储工具类
+ */
+export declare class TemplateStorage {
+    /**
+     * 加载所有自定义模板
+     */
+    static loadCustomTemplates(): RegexTemplate[];
+    /**
+     * 保存自定义模板
+     */
+    static saveCustomTemplate(template: RegexTemplate): boolean;
+    /**
+     * 更新模板使用统计
+     */
+    static updateTemplateUsage(templateId: string): boolean;
+    /**
+     * 删除自定义模板
+     */
+    static deleteCustomTemplate(templateId: string): boolean;
+    /**
+     * 批量删除自定义模板
+     */
+    static deleteMultipleTemplates(templateIds: string[]): boolean;
+    /**
+     * 清空所有自定义模板
+     */
+    static clearAllTemplates(): boolean;
+    /**
+     * 导出所有自定义模板为 JSON
+     */
+    static exportTemplates(): string;
+    /**
+     * 从 JSON 导入自定义模板
+     */
+    static importTemplates(jsonString: string, merge?: boolean): boolean;
+    /**
+     * 获取存储统计信息
+     */
+    static getStorageStats(): {
+        count: number;
+        size: number;
+        lastModified: string | null;
+    };
+    /**
+     * 内部方法: 持久化模板数据到 LocalStorage
+     */
+    private static _persistTemplates;
+    /**
+     * 检查 LocalStorage 是否可用
+     */
+    static isStorageAvailable(): boolean;
+}
+/**
+ * 便捷函数导出
+ */
+export declare const loadCustomTemplates: () => RegexTemplate[];
+export declare const saveCustomTemplate: (template: RegexTemplate) => boolean;
+export declare const deleteCustomTemplate: (templateId: string) => boolean;
+export declare const updateTemplateUsage: (templateId: string) => boolean;
+export declare const clearAllTemplates: () => boolean;
+export declare const exportTemplates: () => string;
+export declare const importTemplates: (jsonString: string, merge?: boolean) => boolean;
+export declare const getStorageStats: () => {
+    count: number;
+    size: number;
+    lastModified: string | null;
+};
+export declare const isStorageAvailable: () => boolean;