@nokecy/qc-ui 1.0.59 → 1.0.60

package/dist/esm/importModal/index.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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); }
@@ -8,48 +9,66 @@ import { Alert, Button, message, Modal, Upload } from 'antd';
 import { InboxOutlined, ImportOutlined } from '@ant-design/icons';
 import React from 'react';
 import { useBoolean } from 'ahooks';
+/**
+ * 默认的下载 Blob 实现
+ */
+var defaultDownloadBlob = function defaultDownloadBlob(url, filename) {
+  var link = document.createElement('a');
+  link.href = url;
+  link.download = filename;
+  link.click();
+};
 
 /**
  * 通用导入弹出框
- * @param props 
- * @returns 
  */
 var ImportModal = function ImportModal(props) {
   var onAfterSubmit = props.onAfterSubmit,
-    title = props.title,
+    _props$title = props.title,
+    title = _props$title === void 0 ? '数据' : _props$title,
     downUrl = props.downUrl,
     uploadUrl = props.uploadUrl,
     children = props.children,
     id = props.id,
-    downloadBlob = props.downloadBlob,
-    serverUrl = props.serverUrl;
+    _props$downloadBlob = props.downloadBlob,
+    downloadBlob = _props$downloadBlob === void 0 ? defaultDownloadBlob : _props$downloadBlob,
+    serverUrl = props.serverUrl,
+    buttonProps = props.buttonProps;
   var _useBoolean = useBoolean(false),
     _useBoolean2 = _slicedToArray(_useBoolean, 2),
     visible = _useBoolean2[0],
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+
+  // 构建上传地址
+  var getUploadUrl = function getUploadUrl() {
+    var baseUrl = serverUrl ? serverUrl() : '';
+    var url = "".concat(baseUrl).concat(uploadUrl);
+    return id && id.length > 0 ? "".concat(url, "?id=").concat(id) : url;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _extends({
     icon: /*#__PURE__*/React.createElement(ImportOutlined, null),
     onClick: setTrue
-  }, children || "导入"), /*#__PURE__*/React.createElement(Modal, {
+  }, buttonProps), children || '导入'), /*#__PURE__*/React.createElement(Modal, {
     title: "\u6279\u91CF\u5BFC\u5165".concat(title),
     open: visible,
     onCancel: setFalse,
+    footer: null,
     destroyOnClose: true
-  }, /*#__PURE__*/React.createElement(Alert, {
+  }, downUrl && /*#__PURE__*/React.createElement(Alert, {
     message: /*#__PURE__*/React.createElement("span", null, "\u70B9\u51FB\u4E0B\u8F7D", ' ', /*#__PURE__*/React.createElement("a", {
       onClick: function onClick() {
         downloadBlob(downUrl, "\u6279\u91CF\u4E0A\u4F20".concat(title, "\u6A21\u7248.xlsx"));
       }
     }, "\u6A21\u7248")),
-    type: 'info'
+    type: "info"
   }), /*#__PURE__*/React.createElement(Upload.Dragger, {
     style: {
       marginTop: 10
     },
     multiple: false,
-    action: id && id.length > 0 ? "".concat(serverUrl()).concat(uploadUrl, "?id=").concat(id || '') : "".concat(serverUrl()).concat(uploadUrl),
+    action: getUploadUrl(),
     onChange: function onChange(info) {
       if (info.file.status === 'done') {
         message.success('导入成功');

package/dist/esm/index.d.ts

@@ -15,4 +15,12 @@ import ToolBar from "./toolBar";
 import ImportModal from "./importModal";
 import FullScreenAlert from "./fullScreenAlert";
 import ConfirmPro from "./ConfirmPro";
-export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro };
+import { GeneratedListPage } from "./generatedListPage";
+import { StandardFormDialog } from "./standardFormDialog";
+import DeleteConfirm from "./deleteConfirm";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro, GeneratedListPage, StandardFormDialog, DeleteConfirm };
+export type * from "./generatedListPage";
+export type * from "./standardFormDialog";
+export type * from "./deleteConfirm";
+export type * from "./importModal";
+export type * from "./fullScreenAlert";

package/dist/esm/index.js

@@ -15,4 +15,9 @@ import ToolBar from "./toolBar";
 import ImportModal from "./importModal";
 import FullScreenAlert from "./fullScreenAlert";
 import ConfirmPro from "./ConfirmPro";
-export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro };
+import { GeneratedListPage } from "./generatedListPage";
+import { StandardFormDialog } from "./standardFormDialog";
+import DeleteConfirm from "./deleteConfirm";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro, GeneratedListPage, StandardFormDialog, DeleteConfirm };
+
+// 导出类型定义

package/dist/esm/standardFormDialog/FormValidation.d.ts

@@ -0,0 +1,150 @@
+/**
+ * 表单验证工具函数
+ */
+export declare const ValidationRules: {
+    /**
+     * 必填验证
+     */
+    required: (message?: string) => {
+        required: boolean;
+        message: string;
+    };
+    /**
+     * 邮箱验证
+     */
+    email: (message?: string) => {
+        format: string;
+        message: string;
+    };
+    /**
+     * 手机号验证
+     */
+    phone: (message?: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+    /**
+     * 长度验证
+     */
+    length: (min: number, max?: number, message?: string) => {
+        min: number;
+        max: number;
+        message: string;
+    } | {
+        min: number;
+        message: string;
+        max?: undefined;
+    };
+    /**
+     * 数字范围验证
+     */
+    range: (min: number, max?: number, message?: string) => {
+        minimum: number;
+        maximum: number;
+        message: string;
+    } | {
+        minimum: number;
+        message: string;
+        maximum?: undefined;
+    };
+    /**
+     * 正则表达式验证
+     */
+    pattern: (pattern: RegExp, message: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+    /**
+     * 身份证号验证
+     */
+    idCard: (message?: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+    /**
+     * URL验证
+     */
+    url: (message?: string) => {
+        format: string;
+        message: string;
+    };
+    /**
+     * 整数验证
+     */
+    integer: (message?: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+    /**
+     * 正整数验证
+     */
+    positiveInteger: (message?: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+    /**
+     * 非负整数验证
+     */
+    nonNegativeInteger: (message?: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+    /**
+     * 小数验证
+     */
+    decimal: (precision?: number, message?: string) => {
+        pattern: RegExp;
+        message: string;
+    };
+};
+export declare const combineValidation: (...rules: any[]) => any[];
+export declare const conditionalValidation: (condition: (form: any) => boolean, rules: any[]) => (form: any) => any[];
+export declare const CommonValidations: {
+    /**
+     * 编码字段（必填，长度限制，字母数字）
+     */
+    code: (maxLength?: number) => any[];
+    /**
+     * 名称字段（必填，长度限制）
+     */
+    name: (maxLength?: number) => any[];
+    /**
+     * 手机号字段（必填，格式验证）
+     */
+    requiredPhone: () => any[];
+    /**
+     * 邮箱字段（必填，格式验证）
+     */
+    requiredEmail: () => any[];
+    /**
+     * 备注字段（可选，长度限制）
+     */
+    remark: (maxLength?: number) => ({
+        min: number;
+        max: number;
+        message: string;
+    } | {
+        min: number;
+        message: string;
+        max?: undefined;
+    })[];
+    /**
+     * 金额字段（必填，非负数，两位小数）
+     */
+    amount: () => any[];
+    /**
+     * 数量字段（必填，正整数）
+     */
+    quantity: () => any[];
+};
+/**
+ * 表单字段增强工具
+ * 为FieldCreators添加验证功能
+ */
+export declare const enhanceFieldWithValidation: (field: any, validations: any[]) => any;
+/**
+ * 批量添加验证的工具函数
+ */
+export declare const addValidationToFields: (fields: Record<string, any>, validationMap: Record<string, any[]>) => {
+    [x: string]: any;
+};

package/dist/esm/standardFormDialog/FormValidation.js

@@ -0,0 +1,223 @@
+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); }
+/**
+ * 表单验证工具函数
+ */
+
+// 常用验证规则
+export var 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")
+    };
+  }
+};
+
+// 组合验证规则的工具函数
+export var 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);
+};
+
+// 条件验证工具
+export var conditionalValidation = function conditionalValidation(condition, rules) {
+  return function (form) {
+    return condition(form) ? rules : [];
+  };
+};
+
+// 常用验证组合
+export var 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添加验证功能
+ */
+export var enhanceFieldWithValidation = function enhanceFieldWithValidation(field, validations) {
+  return _objectSpread(_objectSpread({}, field), {}, {
+    'x-validator': validations
+  });
+};
+
+/**
+ * 批量添加验证的工具函数
+ */
+export var 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/esm/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;