@nokecy/qc-ui 1.0.63 → 1.0.66

package/dist/esm/RuleBuilder/inputs/BetweenValueInput.js

@@ -0,0 +1,73 @@
+/**
+ * 区间值输入组件
+ *
+ * 用于 Between 操作符，渲染两个输入框（最小值和最大值）
+ * 支持数值和日期类型
+ */
+
+import React from 'react';
+import { InputNumber, DatePicker, Space } from 'antd';
+import dayjs from 'dayjs';
+export var BetweenValueInput = function BetweenValueInput(_ref) {
+  var value = _ref.value,
+    value2 = _ref.value2,
+    _onChange = _ref.onChange,
+    dataType = _ref.dataType,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size;
+  // 根据数据类型渲染不同的输入组件
+  if (dataType === 'number') {
+    return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(InputNumber, {
+      value: value,
+      onChange: function onChange(val) {
+        return _onChange(val, value2);
+      },
+      disabled: disabled,
+      size: size,
+      placeholder: "\u6700\u5C0F\u503C",
+      style: {
+        width: 120
+      }
+    }), /*#__PURE__*/React.createElement("span", null, "~"), /*#__PURE__*/React.createElement(InputNumber, {
+      value: value2,
+      onChange: function onChange(val) {
+        return _onChange(value, val);
+      },
+      disabled: disabled,
+      size: size,
+      placeholder: "\u6700\u5927\u503C",
+      style: {
+        width: 120
+      }
+    }));
+  }
+  if (dataType === 'date') {
+    return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(DatePicker, {
+      value: value ? dayjs(value) : null,
+      onChange: function onChange(date) {
+        return _onChange(date === null || date === void 0 ? void 0 : date.format('YYYY-MM-DD'), value2);
+      },
+      disabled: disabled,
+      size: size,
+      placeholder: "\u5F00\u59CB\u65E5\u671F",
+      style: {
+        width: 140
+      }
+    }), /*#__PURE__*/React.createElement("span", null, "~"), /*#__PURE__*/React.createElement(DatePicker, {
+      value: value2 ? dayjs(value2) : null,
+      onChange: function onChange(date) {
+        return _onChange(value, date === null || date === void 0 ? void 0 : date.format('YYYY-MM-DD'));
+      },
+      disabled: disabled,
+      size: size,
+      placeholder: "\u7ED3\u675F\u65E5\u671F",
+      style: {
+        width: 140
+      }
+    }));
+  }
+  return null;
+};
+export default BetweenValueInput;

package/dist/esm/RuleBuilder/inputs/MultiValueInput.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 多值输入组件
+ *
+ * 用于 In/NotIn 操作符，支持添加和删除多个值
+ * 支持字符串和数值类型
+ */
+import React from 'react';
+export interface MultiValueInputProps {
+    /** 值数组 */
+    values: any[];
+    /** 值变更回调 */
+    onChange: (values: any[]) => void;
+    /** 字段数据类型 */
+    dataType: 'string' | 'number';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+export declare const MultiValueInput: React.FC<MultiValueInputProps>;
+export default MultiValueInput;

package/dist/esm/RuleBuilder/inputs/MultiValueInput.js

@@ -0,0 +1,121 @@
+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 _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 _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; }
+/**
+ * 多值输入组件
+ *
+ * 用于 In/NotIn 操作符，支持添加和删除多个值
+ * 支持字符串和数值类型
+ */
+
+import React, { useState } from 'react';
+import { Input, InputNumber, Button, Space, Tag } from 'antd';
+import { PlusOutlined, CloseOutlined } from '@ant-design/icons';
+export var MultiValueInput = function MultiValueInput(_ref) {
+  var _ref$values = _ref.values,
+    values = _ref$values === void 0 ? [] : _ref$values,
+    onChange = _ref.onChange,
+    dataType = _ref.dataType,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAdding = _useState4[0],
+    setIsAdding = _useState4[1];
+
+  // 添加值
+  var handleAdd = function handleAdd() {
+    if (inputValue !== '' && inputValue !== null && inputValue !== undefined) {
+      var newValues = [].concat(_toConsumableArray(values), [inputValue]);
+      onChange(newValues);
+      setInputValue('');
+      setIsAdding(false);
+    }
+  };
+
+  // 删除值
+  var handleRemove = function handleRemove(index) {
+    var newValues = values.filter(function (_, i) {
+      return i !== index;
+    });
+    onChange(newValues);
+  };
+
+  // 渲染输入框
+  var renderInput = function renderInput() {
+    if (dataType === 'number') {
+      return /*#__PURE__*/React.createElement(InputNumber, {
+        value: inputValue,
+        onChange: setInputValue,
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u8F93\u5165\u6570\u503C",
+        style: {
+          width: 150
+        },
+        onPressEnter: handleAdd
+      });
+    }
+    return /*#__PURE__*/React.createElement(Input, {
+      value: inputValue,
+      onChange: function onChange(e) {
+        return setInputValue(e.target.value);
+      },
+      disabled: disabled,
+      size: size,
+      placeholder: "\u8BF7\u8F93\u5165\u503C",
+      style: {
+        width: 150
+      },
+      onPressEnter: handleAdd
+    });
+  };
+  return /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, values.map(function (val, index) {
+    return /*#__PURE__*/React.createElement(Tag, {
+      key: index,
+      closable: !disabled,
+      onClose: function onClose() {
+        return handleRemove(index);
+      },
+      closeIcon: /*#__PURE__*/React.createElement(CloseOutlined, null)
+    }, String(val));
+  })), isAdding ? /*#__PURE__*/React.createElement(Space, null, renderInput(), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleAdd
+  }, "\u786E\u5B9A"), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    onClick: function onClick() {
+      return setIsAdding(false);
+    }
+  }, "\u53D6\u6D88")) : /*#__PURE__*/React.createElement(Button, {
+    type: "dashed",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    onClick: function onClick() {
+      return setIsAdding(true);
+    },
+    disabled: disabled
+  }, "\u6DFB\u52A0\u503C"));
+};
+export default MultiValueInput;

package/dist/esm/RuleBuilder/inputs/SingleValueInput.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 单值输入组件
+ *
+ * 根据字段数据类型渲染对应的输入控件：
+ * - string: Input
+ * - number: InputNumber
+ * - date: DatePicker
+ * - boolean: Switch
+ */
+import React from 'react';
+import type { FieldDataType } from '../types';
+export interface SingleValueInputProps {
+    /** 当前值 */
+    value: any;
+    /** 值变更回调 */
+    onChange: (value: any) => void;
+    /** 字段数据类型 */
+    dataType: FieldDataType;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+export declare const SingleValueInput: React.FC<SingleValueInputProps>;
+export default SingleValueInput;

package/dist/esm/RuleBuilder/inputs/SingleValueInput.js

@@ -0,0 +1,74 @@
+/**
+ * 单值输入组件
+ *
+ * 根据字段数据类型渲染对应的输入控件：
+ * - string: Input
+ * - number: InputNumber
+ * - date: DatePicker
+ * - boolean: Switch
+ */
+
+import React from 'react';
+import { Input, InputNumber, DatePicker, Switch } from 'antd';
+import dayjs from 'dayjs';
+export var SingleValueInput = function SingleValueInput(_ref) {
+  var value = _ref.value,
+    _onChange = _ref.onChange,
+    dataType = _ref.dataType,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size;
+  // 根据数据类型渲染不同的输入组件
+  switch (dataType) {
+    case 'string':
+      return /*#__PURE__*/React.createElement(Input, {
+        value: value,
+        onChange: function onChange(e) {
+          return _onChange(e.target.value);
+        },
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u8F93\u5165\u503C",
+        style: {
+          width: 200
+        }
+      });
+    case 'number':
+      return /*#__PURE__*/React.createElement(InputNumber, {
+        value: value,
+        onChange: _onChange,
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u8F93\u5165\u6570\u503C",
+        style: {
+          width: 200
+        }
+      });
+    case 'date':
+      return /*#__PURE__*/React.createElement(DatePicker, {
+        value: value ? dayjs(value) : null,
+        onChange: function onChange(date) {
+          return _onChange(date === null || date === void 0 ? void 0 : date.format('YYYY-MM-DD'));
+        },
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+        style: {
+          width: 200
+        }
+      });
+    case 'boolean':
+      return /*#__PURE__*/React.createElement(Switch, {
+        checked: value,
+        onChange: _onChange,
+        disabled: disabled,
+        size: size === 'small' ? 'small' : 'default',
+        checkedChildren: "\u662F",
+        unCheckedChildren: "\u5426"
+      });
+    default:
+      return null;
+  }
+};
+export default SingleValueInput;

package/dist/esm/RuleBuilder/inputs/ValueInput.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 值输入分发组件
+ *
+ * 根据操作符类型自动选择合适的输入组件：
+ * - IsNull/IsNotNull: 不渲染任何输入
+ * - Between: 渲染 BetweenValueInput
+ * - In/NotIn: 渲染 MultiValueInput
+ * - 其他: 渲染 SingleValueInput
+ */
+import React from 'react';
+import type { MatchOperator, FieldDataType } from '../types';
+export interface ValueInputProps {
+    /** 操作符 */
+    operator: MatchOperator;
+    /** 字段数据类型 */
+    dataType: FieldDataType;
+    /** 主值 */
+    value: any;
+    /** 第二个值（用于 Between） */
+    value2?: any;
+    /** 值变更回调 */
+    onChange: (value: any, value2?: any) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+export declare const ValueInput: React.FC<ValueInputProps>;
+export default ValueInput;

package/dist/esm/RuleBuilder/inputs/ValueInput.js

@@ -0,0 +1,73 @@
+/**
+ * 值输入分发组件
+ *
+ * 根据操作符类型自动选择合适的输入组件：
+ * - IsNull/IsNotNull: 不渲染任何输入
+ * - Between: 渲染 BetweenValueInput
+ * - In/NotIn: 渲染 MultiValueInput
+ * - 其他: 渲染 SingleValueInput
+ */
+
+import React from 'react';
+import { operatorRequiresValue, operatorRequiresValue2, operatorRequiresMultiValue } from "../constants/operators";
+import SingleValueInput from "./SingleValueInput";
+import BetweenValueInput from "./BetweenValueInput";
+import MultiValueInput from "./MultiValueInput";
+export var ValueInput = function ValueInput(_ref) {
+  var operator = _ref.operator,
+    dataType = _ref.dataType,
+    value = _ref.value,
+    value2 = _ref.value2,
+    _onChange = _ref.onChange,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size;
+  // 不需要值输入的操作符（IsNull/IsNotNull）
+  if (!operatorRequiresValue(operator) && !operatorRequiresValue2(operator) && !operatorRequiresMultiValue(operator)) {
+    return null;
+  }
+
+  // Between 操作符：渲染区间输入
+  if (operatorRequiresValue2(operator)) {
+    if (dataType !== 'number' && dataType !== 'date') {
+      return null; // Between 只支持数值和日期
+    }
+    return /*#__PURE__*/React.createElement(BetweenValueInput, {
+      value: value,
+      value2: value2,
+      onChange: _onChange,
+      dataType: dataType,
+      disabled: disabled,
+      size: size
+    });
+  }
+
+  // In/NotIn 操作符：渲染多值输入
+  if (operatorRequiresMultiValue(operator)) {
+    if (dataType !== 'string' && dataType !== 'number') {
+      return null; // In/NotIn 只支持字符串和数值
+    }
+    return /*#__PURE__*/React.createElement(MultiValueInput, {
+      values: Array.isArray(value) ? value : [],
+      onChange: function onChange(values) {
+        return _onChange(values);
+      },
+      dataType: dataType,
+      disabled: disabled,
+      size: size
+    });
+  }
+
+  // 其他操作符：渲染单值输入
+  return /*#__PURE__*/React.createElement(SingleValueInput, {
+    value: value,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
+    dataType: dataType,
+    disabled: disabled,
+    size: size
+  });
+};
+export default ValueInput;

package/dist/esm/RuleBuilder/selectors/FieldSelector.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 字段选择器组件
+ * 用于选择规则匹配的字段
+ */
+import React from 'react';
+import type { FieldDefinition } from '../types';
+export interface FieldSelectorProps {
+    /** 当前选中的字段名 */
+    value?: string;
+    /** 值变更回调 */
+    onChange?: (fieldName: string) => void;
+    /** 字段定义列表 */
+    fields: FieldDefinition[];
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+/**
+ * 字段选择器
+ */
+export declare const FieldSelector: React.FC<FieldSelectorProps>;

package/dist/esm/RuleBuilder/selectors/FieldSelector.js

@@ -0,0 +1,38 @@
+/**
+ * 字段选择器组件
+ * 用于选择规则匹配的字段
+ */
+
+import React from 'react';
+import { Select } from 'antd';
+/**
+ * 字段选择器
+ */
+export var FieldSelector = function FieldSelector(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    fields = _ref.fields,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size;
+  return /*#__PURE__*/React.createElement(Select, {
+    value: value,
+    onChange: onChange,
+    placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
+    disabled: disabled,
+    size: size,
+    showSearch: true,
+    optionFilterProp: "label",
+    style: {
+      width: '100%'
+    },
+    options: fields.map(function (field) {
+      return {
+        value: field.name,
+        label: field.displayName,
+        title: field.description // 鼠标悬停时显示字段说明
+      };
+    })
+  });
+};

package/dist/esm/RuleBuilder/selectors/OperatorSelector.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 操作符选择器组件
+ * 根据字段数据类型动态显示可用的操作符
+ */
+import React from 'react';
+import type { MatchOperator, FieldDataType } from '../types';
+export interface OperatorSelectorProps {
+    /** 当前选中的操作符 */
+    value?: MatchOperator;
+    /** 值变更回调 */
+    onChange?: (operator: MatchOperator) => void;
+    /** 字段数据类型（用于过滤可用操作符） */
+    dataType?: FieldDataType;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+/**
+ * 操作符选择器
+ */
+export declare const OperatorSelector: React.FC<OperatorSelectorProps>;

package/dist/esm/RuleBuilder/selectors/OperatorSelector.js

@@ -0,0 +1,44 @@
+/**
+ * 操作符选择器组件
+ * 根据字段数据类型动态显示可用的操作符
+ */
+
+import React from 'react';
+import { Select } from 'antd';
+import { getOperatorsByDataType, getOperatorInfo, OPERATOR_INFO_MAP } from "../constants/operators";
+/**
+ * 操作符选择器
+ */
+export var OperatorSelector = function OperatorSelector(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    dataType = _ref.dataType,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size;
+  // 根据数据类型获取可用操作符
+  var availableOperators = dataType ? getOperatorsByDataType(dataType) : Object.keys(OPERATOR_INFO_MAP).map(Number);
+  return /*#__PURE__*/React.createElement(Select, {
+    value: value,
+    onChange: onChange,
+    placeholder: "\u8BF7\u9009\u62E9\u64CD\u4F5C\u7B26",
+    disabled: disabled,
+    size: size,
+    style: {
+      width: '100%'
+    },
+    options: availableOperators.map(function (operator) {
+      var info = getOperatorInfo(operator);
+      return {
+        value: operator,
+        label: /*#__PURE__*/React.createElement("span", null, info.label, " ", /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: '#999'
+          }
+        }, "(", info.symbol, ")")),
+        title: info.description // 鼠标悬停时显示操作符说明
+      };
+    })
+  });
+};