@nokecy/qc-ui 1.0.63 → 1.0.66

package/dist/cjs/RuleBuilder/utils/validation.js

@@ -0,0 +1,241 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isRuleGroupValid = isRuleGroupValid;
+exports.validateRule = validateRule;
+exports.validateRuleGroup = validateRuleGroup;
+var _operators = require("../constants/operators");
+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); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; } /**
+ * 规则验证逻辑
+ */
+/**
+ * 验证规则组
+ * @param group 规则组
+ * @param fields 字段定义列表
+ * @returns 验证结果
+ */
+function validateRuleGroup(group, fields) {
+  var errors = [];
+  var warnings = [];
+
+  // 1. 检查规则组不为空
+  if (group.rules.length === 0 && group.groups.length === 0) {
+    warnings.push({
+      path: [],
+      message: '规则组为空，请至少添加一条规则或子规则组'
+    });
+  }
+
+  // 2. 验证每条规则
+  group.rules.forEach(function (rule, index) {
+    var ruleErrors = validateRule(rule, fields);
+    errors.push.apply(errors, _toConsumableArray(ruleErrors.map(function (err) {
+      return _objectSpread(_objectSpread({}, err), {}, {
+        path: [index]
+      });
+    })));
+  });
+
+  // 3. 递归验证嵌套规则组
+  group.groups.forEach(function (nestedGroup, index) {
+    var groupResult = validateRuleGroup(nestedGroup, fields);
+    errors.push.apply(errors, _toConsumableArray(groupResult.errors.map(function (err) {
+      return _objectSpread(_objectSpread({}, err), {}, {
+        path: [index].concat(_toConsumableArray(err.path))
+      });
+    })));
+    warnings.push.apply(warnings, _toConsumableArray(groupResult.warnings.map(function (warn) {
+      return _objectSpread(_objectSpread({}, warn), {}, {
+        path: [index].concat(_toConsumableArray(warn.path))
+      });
+    })));
+  });
+  return {
+    isValid: errors.length === 0,
+    errors: errors,
+    warnings: warnings
+  };
+}
+
+/**
+ * 验证单条规则
+ * @param rule 规则
+ * @param fields 字段定义列表
+ * @returns 错误列表
+ */
+function validateRule(rule, fields) {
+  var errors = [];
+
+  // 1. 检查字段名是否为空
+  if (!rule.fieldName) {
+    errors.push({
+      path: [],
+      message: '请选择字段',
+      field: rule.fieldName
+    });
+    return errors; // 字段都没选，后续验证无意义
+  }
+
+  // 2. 检查字段是否存在
+  var field = fields.find(function (f) {
+    return f.name === rule.fieldName;
+  });
+  if (!field) {
+    errors.push({
+      path: [],
+      message: "\u5B57\u6BB5 \"".concat(rule.fieldName, "\" \u4E0D\u5B58\u5728"),
+      field: rule.fieldName
+    });
+    return errors;
+  }
+
+  // 3. 检查操作符是否有效
+  var allowedOperators = field.allowedOperators || (0, _operators.getOperatorsByDataType)(field.dataType);
+  if (!allowedOperators.includes(rule.operator)) {
+    errors.push({
+      path: [],
+      message: "\u5B57\u6BB5 \"".concat(field.displayName, "\" \u4E0D\u652F\u6301\u5F53\u524D\u64CD\u4F5C\u7B26"),
+      field: rule.fieldName
+    });
+  }
+
+  // 4. 检查值是否为空（对于需要值的操作符）
+  if ((0, _operators.operatorRequiresValue)(rule.operator)) {
+    if (rule.value === undefined || rule.value === null || rule.value === '') {
+      errors.push({
+        path: [],
+        message: '请输入值',
+        field: rule.fieldName
+      });
+    } else {
+      // 验证值的类型
+      var valueTypeError = validateValueType(rule.value, field.dataType);
+      if (valueTypeError) {
+        errors.push({
+          path: [],
+          message: valueTypeError,
+          field: rule.fieldName
+        });
+      }
+    }
+  }
+
+  // 5. 检查第二个值（Between 操作符）
+  if ((0, _operators.operatorRequiresValue2)(rule.operator)) {
+    if (rule.value2 === undefined || rule.value2 === null || rule.value2 === '') {
+      errors.push({
+        path: [],
+        message: '请输入最大值',
+        field: rule.fieldName
+      });
+    } else {
+      // 验证值的类型
+      var value2TypeError = validateValueType(rule.value2, field.dataType);
+      if (value2TypeError) {
+        errors.push({
+          path: [],
+          message: "\u6700\u5927\u503C: ".concat(value2TypeError),
+          field: rule.fieldName
+        });
+      }
+
+      // 检查范围的合理性
+      if (rule.value !== undefined && rule.value2 !== undefined) {
+        if (field.dataType === 'number' || field.dataType === 'date') {
+          var val1 = field.dataType === 'date' ? new Date(rule.value).getTime() : Number(rule.value);
+          var val2 = field.dataType === 'date' ? new Date(rule.value2).getTime() : Number(rule.value2);
+          if (val1 >= val2) {
+            errors.push({
+              path: [],
+              message: '最小值必须小于最大值',
+              field: rule.fieldName
+            });
+          }
+        }
+      }
+    }
+  }
+
+  // 6. 检查多值（In/NotIn 操作符）
+  if ((0, _operators.operatorRequiresMultiValue)(rule.operator)) {
+    if (!Array.isArray(rule.value) || rule.value.length === 0) {
+      errors.push({
+        path: [],
+        message: '请至少输入一个值',
+        field: rule.fieldName
+      });
+    } else {
+      // 验证数组中每个值的类型
+      rule.value.forEach(function (val, idx) {
+        var valueTypeError = validateValueType(val, field.dataType);
+        if (valueTypeError) {
+          errors.push({
+            path: [],
+            message: "\u503C ".concat(idx + 1, ": ").concat(valueTypeError),
+            field: rule.fieldName
+          });
+        }
+      });
+    }
+  }
+  return errors;
+}
+
+/**
+ * 验证值的类型是否匹配
+ * @param value 值
+ * @param dataType 数据类型
+ * @returns 错误信息，如果有效则返回 undefined
+ */
+function validateValueType(value, dataType) {
+  if (value === null || value === undefined) {
+    return undefined; // null/undefined 在这里不算错误，由其他逻辑处理
+  }
+  switch (dataType) {
+    case 'number':
+      if (typeof value !== 'number' && isNaN(Number(value))) {
+        return '值必须是数字';
+      }
+      break;
+    case 'boolean':
+      if (typeof value !== 'boolean') {
+        return '值必须是布尔值';
+      }
+      break;
+    case 'date':
+      if (!(value instanceof Date) && isNaN(Date.parse(String(value)))) {
+        return '值必须是有效的日期';
+      }
+      break;
+    case 'string':
+      // 字符串类型接受任何值（可以转换为字符串）
+      break;
+    default:
+      break;
+  }
+  return undefined;
+}
+
+/**
+ * 简化的验证（只检查是否有致命错误）
+ * @param group 规则组
+ * @param fields 字段定义列表
+ * @returns 是否有效
+ */
+function isRuleGroupValid(group, fields) {
+  var result = validateRuleGroup(group, fields);
+  return result.isValid;
+}

package/dist/cjs/generatedListPage/_utils/defaultHandlers.js

@@ -17,7 +17,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  */
 var defaultHandleExport = exports.defaultHandleExport = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(exportApi, params, fileName) {
-    var hide, blob, url, link, _error$response, errorMessage;
+    var hide, response, url, link, _error$response, errorMessage;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -26,9 +26,22 @@ var defaultHandleExport = exports.defaultHandleExport = /*#__PURE__*/function ()
           _context.next = 4;
           return exportApi(params);
         case 4:
-          blob = _context.sent;
+          response = _context.sent;
+          if (response instanceof Blob) {
+            _context.next = 8;
+            break;
+          }
+          console.error('导出API返回的不是Blob对象:', response);
+          throw new Error('导出数据格式错误，请检查API配置');
+        case 8:
+          if (!(response.size === 0)) {
+            _context.next = 10;
+            break;
+          }
+          throw new Error('导出的文件为空');
+        case 10:
           // 创建下载链接
-          url = window.URL.createObjectURL(blob);
+          url = window.URL.createObjectURL(response);
           link = document.createElement('a');
           link.href = url;
           link.download = fileName;
@@ -39,24 +52,24 @@ var defaultHandleExport = exports.defaultHandleExport = /*#__PURE__*/function ()
           document.body.removeChild(link);
           window.URL.revokeObjectURL(url);
           _antd.message.success('导出成功');
-          _context.next = 22;
+          _context.next = 27;
           break;
-        case 16:
-          _context.prev = 16;
+        case 21:
+          _context.prev = 21;
           _context.t0 = _context["catch"](1);
           console.error('导出失败:', _context.t0);
           errorMessage = ((_error$response = _context.t0.response) === null || _error$response === void 0 || (_error$response = _error$response.data) === null || _error$response === void 0 || (_error$response = _error$response.error) === null || _error$response === void 0 ? void 0 : _error$response.message) || _context.t0.message || '导出失败';
           _antd.message.error("\u5BFC\u51FA\u5931\u8D25\uFF1A".concat(errorMessage));
           throw _context.t0;
-        case 22:
-          _context.prev = 22;
+        case 27:
+          _context.prev = 27;
           hide();
-          return _context.finish(22);
-        case 25:
+          return _context.finish(27);
+        case 30:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[1, 16, 22, 25]]);
+    }, _callee, null, [[1, 21, 27, 30]]);
   }));
   return function defaultHandleExport(_x, _x2, _x3) {
     return _ref.apply(this, arguments);

package/dist/cjs/index.d.ts

@@ -18,9 +18,11 @@ import ConfirmPro from "./ConfirmPro";
 import { GeneratedListPage } from "./generatedListPage";
 import { StandardFormDialog, withStandardForm, FieldCreators, createSelectField, createCascaderField } 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, withStandardForm, FieldCreators, createSelectField, createCascaderField, DeleteConfirm };
+import { RuleBuilder } from "./RuleBuilder";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, Card, Dashboard, DialogSelect, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormDesigner, FormProContext, FormProLayout, GridPlusContext, ImportModal, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro, GeneratedListPage, StandardFormDialog, withStandardForm, FieldCreators, createSelectField, createCascaderField, DeleteConfirm, RuleBuilder };
 export type * from "./generatedListPage";
 export type * from "./standardFormDialog";
 export type * from "./deleteConfirm";
 export type * from "./importModal";
 export type * from "./fullScreenAlert";
+export type * from "./RuleBuilder";

package/dist/cjs/index.js

@@ -129,6 +129,12 @@ Object.defineProperty(exports, "QueryBuilder", {
     return _queryBuilder.default;
   }
 });
+Object.defineProperty(exports, "RuleBuilder", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilder.RuleBuilder;
+  }
+});
 Object.defineProperty(exports, "StandardFormDialog", {
   enumerable: true,
   get: function get() {
@@ -185,4 +191,5 @@ var _ConfirmPro = _interopRequireDefault(require("./ConfirmPro"));
 var _generatedListPage = require("./generatedListPage");
 var _standardFormDialog = require("./standardFormDialog");
 var _deleteConfirm = _interopRequireDefault(require("./deleteConfirm"));
+var _RuleBuilder = require("./RuleBuilder");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/standardFormDialog/StandardFormDialog.js

@@ -253,12 +253,33 @@ var StandardFormDialog = function StandardFormDialog(props) {
     var errors = form.errors;
     var errorFields = Object.keys(errors);
     if (errorFields.length > 0) {
-      var fieldNames = errorFields.map(function (field) {
-        // 尝试获取字段的显示名称
-        var fieldSchema = form.getFieldState(field);
-        return (fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.title) || field;
+      var fieldNames = errorFields.map(function (fieldPath) {
+        try {
+          var _field$componentProps;
+          // 使用 query API 获取字段实例以获取正确的标题
+          var field = form.query(fieldPath).take();
+          // 优先使用 title，其次使用 componentProps.title，最后使用字段路径
+          return (field === null || field === void 0 ? void 0 : field.title) || (field === null || field === void 0 || (_field$componentProps = field.componentProps) === null || _field$componentProps === void 0 ? void 0 : _field$componentProps.title) || fieldPath;
+        } catch (_unused) {
+          // 如果查询失败，使用字段路径
+          return fieldPath;
+        }
+      });
+
+      // 限制显示数量，避免提示过长
+      var displayNames = fieldNames.slice(0, 5);
+      var remaining = fieldNames.length - displayNames.length;
+      var errorMessage = "\u8BF7\u68C0\u67E5\u8868\u5355\u9519\u8BEF\uFF1A".concat(displayNames.join('、'));
+      if (remaining > 0) {
+        errorMessage += " \u7B49".concat(fieldNames.length, "\u4E2A\u5B57\u6BB5");
+      }
+      _antd.message.error(errorMessage);
+
+      // 在控制台输出详细错误信息供调试
+      console.error('表单验证失败：', {
+        errorFields: fieldNames,
+        errors: errors
       });
-      _antd.message.error("\u8BF7\u68C0\u67E5\u8868\u5355\u9519\u8BEF\uFF1A".concat(fieldNames.join(', ')));
     }
   }, []);
 

package/dist/cjs/standardFormDialog/withStandardForm.js

@@ -150,7 +150,12 @@ var withStandardForm = exports.withStandardForm = function withStandardForm(conf
         Select: _antdV.Select,
         DatePicker: _antdV.DatePicker,
         NumberPicker: _antdV.NumberPicker,
-        Switch: _antdV.Switch
+        Switch: _antdV.Switch,
+        FormItem: _antdV.FormItem,
+        // 字段装饰器，用于渲染 label
+        FormLayout: _antdV.FormLayout,
+        // 表单布局组件
+        FormGrid: _antdV.FormGrid
       }, customComponents);
       return (0, _react2.createSchemaField)({
         components: components

package/dist/esm/RuleBuilder/LogicSelector.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 逻辑选择器组件 - 紧凑版
+ *
+ * 生产环境优化：小尺寸，无描述文本，紧凑布局
+ */
+import React from 'react';
+import { MatchLogic } from './types';
+export interface LogicSelectorProps {
+    /** 当前逻辑值 */
+    value?: MatchLogic;
+    /** 值变更回调 */
+    onChange?: (logic: MatchLogic) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 - 紧凑版固定为 small */
+    size?: 'small' | 'middle' | 'large';
+}
+/**
+ * 逻辑选择器组件 - 紧凑版
+ * 移除描述文本，使用小尺寸，优化空间利用
+ */
+export declare const LogicSelector: React.FC<LogicSelectorProps>;
+export default LogicSelector;

package/dist/esm/RuleBuilder/LogicSelector.js

@@ -0,0 +1,47 @@
+/**
+ * 逻辑选择器组件 - 紧凑版
+ *
+ * 生产环境优化：小尺寸，无描述文本，紧凑布局
+ */
+
+import React from 'react';
+import { Radio } from 'antd';
+import { MatchLogic } from "./types";
+import styles from "./styles/index.module.less";
+/**
+ * 逻辑选择器组件 - 紧凑版
+ * 移除描述文本，使用小尺寸，优化空间利用
+ */
+export var LogicSelector = function LogicSelector(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? MatchLogic.And : _ref$value,
+    onChange = _ref.onChange,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size;
+  var handleChange = function handleChange(e) {
+    onChange === null || onChange === void 0 || onChange(e.target.value);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.logicSelector
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    value: value,
+    onChange: handleChange,
+    disabled: disabled,
+    size: "small" // 强制使用小尺寸
+    ,
+    buttonStyle: "solid"
+  }, /*#__PURE__*/React.createElement(Radio.Button, {
+    value: MatchLogic.And,
+    className: value === MatchLogic.And ? styles.andLogicActive : styles.andLogic
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.logicLabel
+  }, "AND")), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: MatchLogic.Or,
+    className: value === MatchLogic.Or ? styles.orLogicActive : styles.orLogic
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.logicLabel
+  }, "OR"))));
+};
+export default LogicSelector;

package/dist/esm/RuleBuilder/RuleBuilderContainer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 规则构建器容器组件
+ * 职责:
+ * 1. 加载字段定义(静态 + 动态 API)
+ * 2. 提供 RuleBuilderProvider 包装
+ * 3. 渲染 RuleGroupEditor 根编辑器
+ * 4. 处理 loading 状态
+ * 5. 向外暴露 onChange 事件
+ */
+import { type FC } from 'react';
+import type { RuleBuilderProps } from './types';
+/**
+ * 规则构建器容器组件(外层)
+ * 职责:
+ * 1. 加载字段定义(静态 + 动态 API)
+ * 2. 提供 RuleBuilderProvider 包装
+ * 3. 处理 loading 状态
+ */
+export declare const RuleBuilderContainer: FC<RuleBuilderProps>;
+export default RuleBuilderContainer;