@nokecy/qc-ui 1.0.59 → 1.0.60

package/dist/cjs/standardFormDialog/FormValidation.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enhanceFieldWithValidation = exports.conditionalValidation = exports.combineValidation = exports.addValidationToFields = exports.ValidationRules = exports.CommonValidations = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 表单验证工具函数
+ */
+
+// 常用验证规则
+var ValidationRules = exports.ValidationRules = {
+  /**
+   * 必填验证
+   */
+  required: function required(message) {
+    return {
+      required: true,
+      message: message || '此字段为必填项'
+    };
+  },
+  /**
+   * 邮箱验证
+   */
+  email: function email(message) {
+    return {
+      format: 'email',
+      message: message || '请输入有效的邮箱地址'
+    };
+  },
+  /**
+   * 手机号验证
+   */
+  phone: function phone(message) {
+    return {
+      pattern: /^1[3-9]\d{9}$/,
+      message: message || '请输入有效的手机号码'
+    };
+  },
+  /**
+   * 长度验证
+   */
+  length: function length(min, max, message) {
+    if (max) {
+      return {
+        min: min,
+        max: max,
+        message: message || "\u957F\u5EA6\u5FC5\u987B\u5728".concat(min, "-").concat(max, "\u4E2A\u5B57\u7B26\u4E4B\u95F4")
+      };
+    }
+    return {
+      min: min,
+      message: message || "\u957F\u5EA6\u4E0D\u80FD\u5C11\u4E8E".concat(min, "\u4E2A\u5B57\u7B26")
+    };
+  },
+  /**
+   * 数字范围验证
+   */
+  range: function range(min, max, message) {
+    if (max !== undefined) {
+      return {
+        minimum: min,
+        maximum: max,
+        message: message || "\u503C\u5FC5\u987B\u5728".concat(min, "-").concat(max, "\u4E4B\u95F4")
+      };
+    }
+    return {
+      minimum: min,
+      message: message || "\u503C\u4E0D\u80FD\u5C0F\u4E8E".concat(min)
+    };
+  },
+  /**
+   * 正则表达式验证
+   */
+  pattern: function pattern(_pattern, message) {
+    return {
+      pattern: _pattern,
+      message: message
+    };
+  },
+  /**
+   * 身份证号验证
+   */
+  idCard: function idCard(message) {
+    return {
+      pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
+      message: message || '请输入有效的身份证号码'
+    };
+  },
+  /**
+   * URL验证
+   */
+  url: function url(message) {
+    return {
+      format: 'url',
+      message: message || '请输入有效的URL地址'
+    };
+  },
+  /**
+   * 整数验证
+   */
+  integer: function integer(message) {
+    return {
+      pattern: /^-?\d+$/,
+      message: message || '请输入整数'
+    };
+  },
+  /**
+   * 正整数验证
+   */
+  positiveInteger: function positiveInteger(message) {
+    return {
+      pattern: /^[1-9]\d*$/,
+      message: message || '请输入正整数'
+    };
+  },
+  /**
+   * 非负整数验证
+   */
+  nonNegativeInteger: function nonNegativeInteger(message) {
+    return {
+      pattern: /^(0|[1-9]\d*)$/,
+      message: message || '请输入非负整数'
+    };
+  },
+  /**
+   * 小数验证
+   */
+  decimal: function decimal(precision, message) {
+    var pattern = precision ? new RegExp("^-?\\d+(\\.\\d{1,".concat(precision, "})?$")) : /^-?\d+(\.\d+)?$/;
+    return {
+      pattern: pattern,
+      message: message || "\u8BF7\u8F93\u5165".concat(precision ? "\u6700\u591A".concat(precision, "\u4F4D\u5C0F\u6570\u7684") : '', "\u6570\u5B57")
+    };
+  }
+};
+
+// 组合验证规则的工具函数
+var combineValidation = exports.combineValidation = function combineValidation() {
+  for (var _len = arguments.length, rules = new Array(_len), _key = 0; _key < _len; _key++) {
+    rules[_key] = arguments[_key];
+  }
+  return rules.filter(Boolean);
+};
+
+// 条件验证工具
+var conditionalValidation = exports.conditionalValidation = function conditionalValidation(condition, rules) {
+  return function (form) {
+    return condition(form) ? rules : [];
+  };
+};
+
+// 常用验证组合
+var CommonValidations = exports.CommonValidations = {
+  /**
+   * 编码字段（必填，长度限制，字母数字）
+   */
+  code: function code() {
+    var maxLength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 50;
+    return combineValidation(ValidationRules.required('编码不能为空'), ValidationRules.length(1, maxLength), ValidationRules.pattern(/^[a-zA-Z0-9_-]+$/, '编码只能包含字母、数字、下划线和短横线'));
+  },
+  /**
+   * 名称字段（必填，长度限制）
+   */
+  name: function name() {
+    var maxLength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 100;
+    return combineValidation(ValidationRules.required('名称不能为空'), ValidationRules.length(1, maxLength));
+  },
+  /**
+   * 手机号字段（必填，格式验证）
+   */
+  requiredPhone: function requiredPhone() {
+    return combineValidation(ValidationRules.required('手机号不能为空'), ValidationRules.phone());
+  },
+  /**
+   * 邮箱字段（必填，格式验证）
+   */
+  requiredEmail: function requiredEmail() {
+    return combineValidation(ValidationRules.required('邮箱不能为空'), ValidationRules.email());
+  },
+  /**
+   * 备注字段（可选，长度限制）
+   */
+  remark: function remark() {
+    var maxLength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 500;
+    return [ValidationRules.length(0, maxLength)];
+  },
+  /**
+   * 金额字段（必填，非负数，两位小数）
+   */
+  amount: function amount() {
+    return combineValidation(ValidationRules.required('金额不能为空'), ValidationRules.decimal(2, '请输入有效的金额（最多2位小数）'), ValidationRules.range(0, undefined, '金额不能为负数'));
+  },
+  /**
+   * 数量字段（必填，正整数）
+   */
+  quantity: function quantity() {
+    return combineValidation(ValidationRules.required('数量不能为空'), ValidationRules.positiveInteger('请输入正整数'));
+  }
+};
+
+/**
+ * 表单字段增强工具
+ * 为FieldCreators添加验证功能
+ */
+var enhanceFieldWithValidation = exports.enhanceFieldWithValidation = function enhanceFieldWithValidation(field, validations) {
+  return _objectSpread(_objectSpread({}, field), {}, {
+    'x-validator': validations
+  });
+};
+
+/**
+ * 批量添加验证的工具函数
+ */
+var addValidationToFields = exports.addValidationToFields = function addValidationToFields(fields, validationMap) {
+  var result = _objectSpread({}, fields);
+  Object.keys(validationMap).forEach(function (fieldName) {
+    if (result[fieldName]) {
+      result[fieldName] = enhanceFieldWithValidation(result[fieldName], validationMap[fieldName]);
+    }
+  });
+  return result;
+};

package/dist/cjs/standardFormDialog/PortalManager.d.ts

@@ -0,0 +1,94 @@
+/**
+ * FormDialog Portal 管理器
+ *
+ * 负责管理 FormDialog Portal 的生命周期,避免 Portal ID 冲突
+ * 和内存泄漏问题
+ */
+interface PortalRegistration {
+    id: string;
+    formId: string;
+    prefix: string;
+    createdAt: number;
+    lastAccessedAt: number;
+    isOpen: boolean;
+}
+declare class PortalManager {
+    private static instance;
+    private portals;
+    private cleanupTimer;
+    static getInstance(): PortalManager;
+    private constructor();
+    /**
+     * 生成唯一的 Portal ID
+     * @param prefix Portal ID 前缀
+     * @param formId 表单 ID
+     * @param entityId 实体 ID (可选)
+     * @returns 唯一的 Portal ID
+     */
+    generatePortalId(prefix: string, formId: string, entityId?: string | number): string;
+    /**
+     * 注册 Portal
+     * @param id Portal ID
+     * @param formId 表单 ID
+     * @param prefix Portal 前缀
+     */
+    register(id: string, formId: string, prefix: string): void;
+    /**
+     * 更新 Portal 访问时间
+     * @param id Portal ID
+     */
+    updateAccess(id: string): void;
+    /**
+     * 标记 Portal 为关闭状态
+     * @param id Portal ID
+     */
+    markAsClosed(id: string): void;
+    /**
+     * 取消注册 Portal
+     * @param id Portal ID
+     */
+    unregister(id: string): void;
+    /**
+     * 检查 Portal 是否存在
+     * @param id Portal ID
+     */
+    exists(id: string): boolean;
+    /**
+     * 获取 Portal 信息
+     * @param id Portal ID
+     */
+    getPortal(id: string): PortalRegistration | undefined;
+    /**
+     * 获取所有 Portal 列表
+     */
+    getAllPortals(): PortalRegistration[];
+    /**
+     * 清理过期的 Portal
+     * 清理规则:
+     * 1. 已关闭且超过 5 分钟未访问
+     * 2. 创建超过 30 分钟的 Portal
+     */
+    cleanup(): void;
+    /**
+     * 启动定期清理定时器
+     */
+    private startCleanupTimer;
+    /**
+     * 停止清理定时器
+     */
+    stopCleanupTimer(): void;
+    /**
+     * 清空所有 Portal
+     */
+    clear(): void;
+    /**
+     * 获取统计信息
+     */
+    getStats(): {
+        total: number;
+        open: number;
+        closed: number;
+    };
+}
+export declare const portalManager: PortalManager;
+export default portalManager;

package/dist/cjs/standardFormDialog/PortalManager.js

@@ -0,0 +1,259 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.portalManager = exports.default = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * FormDialog Portal 管理器
+ *
+ * 负责管理 FormDialog Portal 的生命周期,避免 Portal ID 冲突
+ * 和内存泄漏问题
+ */
+var PortalManager = /*#__PURE__*/function () {
+  function PortalManager() {
+    _classCallCheck(this, PortalManager);
+    _defineProperty(this, "portals", new Map());
+    _defineProperty(this, "cleanupTimer", null);
+    // 启动定期清理任务
+    this.startCleanupTimer();
+  }
+
+  /**
+   * 生成唯一的 Portal ID
+   * @param prefix Portal ID 前缀
+   * @param formId 表单 ID
+   * @param entityId 实体 ID (可选)
+   * @returns 唯一的 Portal ID
+   */
+  _createClass(PortalManager, [{
+    key: "generatePortalId",
+    value: function generatePortalId(prefix, formId, entityId) {
+      var timestamp = Date.now();
+      var random = Math.random().toString(36).substr(2, 9);
+
+      // 基础 ID: prefix.formId
+      var baseId = "".concat(prefix, ".").concat(formId);
+
+      // 如果是编辑模式,包含 entityId
+      var scopedId = entityId ? "".concat(baseId, ".").concat(entityId) : baseId;
+
+      // 添加时间戳和随机数确保唯一性
+      var uniqueId = "".concat(scopedId, ".").concat(timestamp, ".").concat(random);
+      return uniqueId;
+    }
+
+    /**
+     * 注册 Portal
+     * @param id Portal ID
+     * @param formId 表单 ID
+     * @param prefix Portal 前缀
+     */
+  }, {
+    key: "register",
+    value: function register(id, formId, prefix) {
+      var now = Date.now();
+      this.portals.set(id, {
+        id: id,
+        formId: formId,
+        prefix: prefix,
+        createdAt: now,
+        lastAccessedAt: now,
+        isOpen: true
+      });
+      console.debug("[PortalManager] Registered portal: ".concat(id));
+    }
+
+    /**
+     * 更新 Portal 访问时间
+     * @param id Portal ID
+     */
+  }, {
+    key: "updateAccess",
+    value: function updateAccess(id) {
+      var portal = this.portals.get(id);
+      if (portal) {
+        portal.lastAccessedAt = Date.now();
+      }
+    }
+
+    /**
+     * 标记 Portal 为关闭状态
+     * @param id Portal ID
+     */
+  }, {
+    key: "markAsClosed",
+    value: function markAsClosed(id) {
+      var portal = this.portals.get(id);
+      if (portal) {
+        portal.isOpen = false;
+        portal.lastAccessedAt = Date.now();
+        console.debug("[PortalManager] Marked portal as closed: ".concat(id));
+      }
+    }
+
+    /**
+     * 取消注册 Portal
+     * @param id Portal ID
+     */
+  }, {
+    key: "unregister",
+    value: function unregister(id) {
+      if (this.portals.delete(id)) {
+        console.debug("[PortalManager] Unregistered portal: ".concat(id));
+      }
+    }
+
+    /**
+     * 检查 Portal 是否存在
+     * @param id Portal ID
+     */
+  }, {
+    key: "exists",
+    value: function exists(id) {
+      return this.portals.has(id);
+    }
+
+    /**
+     * 获取 Portal 信息
+     * @param id Portal ID
+     */
+  }, {
+    key: "getPortal",
+    value: function getPortal(id) {
+      return this.portals.get(id);
+    }
+
+    /**
+     * 获取所有 Portal 列表
+     */
+  }, {
+    key: "getAllPortals",
+    value: function getAllPortals() {
+      return Array.from(this.portals.values());
+    }
+
+    /**
+     * 清理过期的 Portal
+     * 清理规则:
+     * 1. 已关闭且超过 5 分钟未访问
+     * 2. 创建超过 30 分钟的 Portal
+     */
+  }, {
+    key: "cleanup",
+    value: function cleanup() {
+      var _this = this;
+      var now = Date.now();
+      var CLOSED_TIMEOUT = 5 * 60 * 1000; // 5 分钟
+      var MAX_AGE = 30 * 60 * 1000; // 30 分钟
+
+      var cleanedCount = 0;
+      Array.from(this.portals.entries()).forEach(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          id = _ref2[0],
+          portal = _ref2[1];
+        var age = now - portal.createdAt;
+        var inactiveDuration = now - portal.lastAccessedAt;
+
+        // 清理条件
+        var shouldClean = !portal.isOpen && inactiveDuration > CLOSED_TIMEOUT ||
+        // 已关闭且长时间未访问
+        age > MAX_AGE; // 或者存在时间过长
+
+        if (shouldClean) {
+          _this.portals.delete(id);
+          cleanedCount++;
+          console.debug("[PortalManager] Cleaned up portal: ".concat(id));
+        }
+      });
+      if (cleanedCount > 0) {
+        console.info("[PortalManager] Cleanup completed: removed ".concat(cleanedCount, " portals"));
+      }
+    }
+
+    /**
+     * 启动定期清理定时器
+     */
+  }, {
+    key: "startCleanupTimer",
+    value: function startCleanupTimer() {
+      var _this2 = this;
+      // 每 2 分钟执行一次清理
+      this.cleanupTimer = setInterval(function () {
+        _this2.cleanup();
+      }, 2 * 60 * 1000);
+    }
+
+    /**
+     * 停止清理定时器
+     */
+  }, {
+    key: "stopCleanupTimer",
+    value: function stopCleanupTimer() {
+      if (this.cleanupTimer) {
+        clearInterval(this.cleanupTimer);
+        this.cleanupTimer = null;
+      }
+    }
+
+    /**
+     * 清空所有 Portal
+     */
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.portals.clear();
+      console.info('[PortalManager] All portals cleared');
+    }
+
+    /**
+     * 获取统计信息
+     */
+  }, {
+    key: "getStats",
+    value: function getStats() {
+      var allPortals = this.getAllPortals();
+      return {
+        total: allPortals.length,
+        open: allPortals.filter(function (p) {
+          return p.isOpen;
+        }).length,
+        closed: allPortals.filter(function (p) {
+          return !p.isOpen;
+        }).length
+      };
+    }
+  }], [{
+    key: "getInstance",
+    value:
+    // 单例模式
+    function getInstance() {
+      if (!PortalManager.instance) {
+        PortalManager.instance = new PortalManager();
+      }
+      return PortalManager.instance;
+    }
+  }]);
+  return PortalManager;
+}(); // 导出单例实例
+_defineProperty(PortalManager, "instance", void 0);
+var portalManager = exports.portalManager = PortalManager.getInstance();
+
+// 开发模式下暴露到全局,方便调试
+if (process.env.NODE_ENV === 'development') {
+  window.__PORTAL_MANAGER__ = portalManager;
+}
+var _default = exports.default = portalManager;

package/dist/cjs/standardFormDialog/StandardFormDialog.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StandardFormDialogProps } from './types';
+/**
+ * 带错误边界的StandardFormDialog组件
+ */
+declare const StandardFormDialogWithErrorBoundary: React.FC<StandardFormDialogProps & {
+    useFormSchema?: (formId: string, config: any) => any;
+    useSchemaField?: (config: any) => any;
+}>;
+export default StandardFormDialogWithErrorBoundary;