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

package/dist/esm/RuleBuilder/context/RuleBuilderContext.js

@@ -0,0 +1,273 @@
+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 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); }
+/**
+ * 规则构建器状态管理 Context
+ * 使用 React Context + useReducer 模式实现全局状态管理
+ */
+
+import React, { createContext, useContext, useReducer, useMemo } from 'react';
+import { updateRuleAtPath, deleteRuleAtPath, addRuleAtPath, updateRuleGroupAtPath, deleteRuleGroupAtPath, addRuleGroupAtPath } from "../utils/pathHelpers";
+import { createEmptyRuleGroup } from "../utils/ruleHelpers";
+
+/**
+ * 初始验证结果
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var INITIAL_VALIDATION = {
+  isValid: true,
+  errors: [],
+  warnings: []
+};
+
+/**
+ * 创建初始状态
+ */
+function createInitialState(initialRule) {
+  var fields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return {
+    ruleGroup: initialRule || createEmptyRuleGroup(0),
+    // And 逻辑组
+    fields: fields,
+    loading: false,
+    validationResult: INITIAL_VALIDATION,
+    isDirty: false
+  };
+}
+
+/**
+ * Reducer 函数
+ */
+function ruleBuilderReducer(state, action) {
+  switch (action.type) {
+    case 'SET_RULE_GROUP':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        ruleGroup: action.payload,
+        isDirty: false
+      });
+    case 'SET_FIELDS':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        fields: action.payload
+      });
+    case 'SET_LOADING':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        loading: action.payload
+      });
+    case 'UPDATE_RULE':
+      {
+        var _action$payload = action.payload,
+          path = _action$payload.path,
+          rule = _action$payload.rule;
+        var newRuleGroup = updateRuleAtPath(state.ruleGroup, path, rule);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          ruleGroup: newRuleGroup,
+          isDirty: true
+        });
+      }
+    case 'DELETE_RULE':
+      {
+        var _path = action.payload.path;
+        var _newRuleGroup = deleteRuleAtPath(state.ruleGroup, _path);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          ruleGroup: _newRuleGroup,
+          isDirty: true
+        });
+      }
+    case 'ADD_RULE':
+      {
+        var _action$payload2 = action.payload,
+          _path2 = _action$payload2.path,
+          _rule = _action$payload2.rule;
+        var _newRuleGroup2 = addRuleAtPath(state.ruleGroup, _path2, _rule);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          ruleGroup: _newRuleGroup2,
+          isDirty: true
+        });
+      }
+    case 'UPDATE_RULE_GROUP':
+      {
+        var _action$payload3 = action.payload,
+          _path3 = _action$payload3.path,
+          group = _action$payload3.group;
+        var _newRuleGroup3 = updateRuleGroupAtPath(state.ruleGroup, _path3, group);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          ruleGroup: _newRuleGroup3,
+          isDirty: true
+        });
+      }
+    case 'DELETE_RULE_GROUP':
+      {
+        var _path4 = action.payload.path;
+        var _newRuleGroup4 = deleteRuleGroupAtPath(state.ruleGroup, _path4);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          ruleGroup: _newRuleGroup4,
+          isDirty: true
+        });
+      }
+    case 'ADD_RULE_GROUP':
+      {
+        var _action$payload4 = action.payload,
+          _path5 = _action$payload4.path,
+          _group = _action$payload4.group;
+        var _newRuleGroup5 = addRuleGroupAtPath(state.ruleGroup, _path5, _group);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          ruleGroup: _newRuleGroup5,
+          isDirty: true
+        });
+      }
+    case 'SET_VALIDATION_RESULT':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        validationResult: action.payload
+      });
+    case 'RESET':
+      {
+        return createInitialState(undefined, state.fields);
+      }
+    default:
+      return state;
+  }
+}
+
+/**
+ * Context 类型定义
+ */
+
+/**
+ * Context 对象
+ */
+var RuleBuilderContext = /*#__PURE__*/createContext(undefined);
+
+/**
+ * Provider Props
+ */
+
+/**
+ * RuleBuilder Provider 组件
+ */
+export function RuleBuilderProvider(_ref) {
+  var children = _ref.children,
+    initialRule = _ref.initialRule,
+    fields = _ref.fields;
+  var _useReducer = useReducer(ruleBuilderReducer, createInitialState(initialRule, fields)),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+
+  // 监听fields变化，同步更新到state
+  React.useEffect(function () {
+    dispatch({
+      type: 'SET_FIELDS',
+      payload: fields
+    });
+  }, [fields]);
+
+  // 使用 useMemo 避免不必要的重渲染
+  var contextValue = useMemo(function () {
+    return {
+      state: state,
+      dispatch: dispatch
+    };
+  }, [state]);
+  return /*#__PURE__*/_jsx(RuleBuilderContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+}
+
+/**
+ * 使用 RuleBuilder Context 的 Hook
+ * @throws {Error} 如果在 Provider 外部使用
+ */
+export function useRuleBuilderContext() {
+  var context = useContext(RuleBuilderContext);
+  if (context === undefined) {
+    throw new Error('useRuleBuilderContext 必须在 RuleBuilderProvider 内部使用');
+  }
+  return context;
+}
+
+/**
+ * 便捷 Hook: 获取当前规则组
+ */
+export function useRuleGroup() {
+  var _useRuleBuilderContex = useRuleBuilderContext(),
+    state = _useRuleBuilderContex.state;
+  return state.ruleGroup;
+}
+
+/**
+ * 便捷 Hook: 获取字段列表
+ */
+export function useFields() {
+  var _useRuleBuilderContex2 = useRuleBuilderContext(),
+    state = _useRuleBuilderContex2.state;
+  return state.fields;
+}
+
+/**
+ * 便捷 Hook: 获取加载状态
+ */
+export function useLoading() {
+  var _useRuleBuilderContex3 = useRuleBuilderContext(),
+    state = _useRuleBuilderContex3.state;
+  return state.loading;
+}
+
+/**
+ * 便捷 Hook: 获取验证结果
+ */
+export function useValidation() {
+  var _useRuleBuilderContex4 = useRuleBuilderContext(),
+    state = _useRuleBuilderContex4.state;
+  return state.validationResult;
+}
+
+/**
+ * 便捷 Hook: 获取修改状态
+ */
+export function useIsDirty() {
+  var _useRuleBuilderContex5 = useRuleBuilderContext(),
+    state = _useRuleBuilderContex5.state;
+  return state.isDirty;
+}
+
+/**
+ * 便捷 Hook: 获取 state
+ */
+export function useRuleBuilderState() {
+  var _useRuleBuilderContex6 = useRuleBuilderContext(),
+    state = _useRuleBuilderContex6.state;
+  return state;
+}
+
+/**
+ * 便捷 Hook: 获取 dispatch
+ */
+export function useRuleBuilderDispatch() {
+  var _useRuleBuilderContex7 = useRuleBuilderContext(),
+    dispatch = _useRuleBuilderContex7.dispatch;
+  return dispatch;
+}
+
+/**
+ * 便捷 Hook: 获取字段列表（别名，与 useFields 相同）
+ */
+export function useRuleBuilderFields() {
+  return useFields();
+}
+
+/**
+ * 便捷 Hook: 获取验证结果（别名，与 useValidation 相同）
+ */
+export function useRuleBuilderValidation() {
+  return useValidation();
+}

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

@@ -0,0 +1,25 @@
+/**
+ * RuleBuilder 规则构建器组件
+ *
+ * 主导出文件 - 导出所有公共 API
+ *
+ * @module RuleBuilder
+ */
+export { RuleBuilderContainer as RuleBuilder } from './RuleBuilderContainer';
+export { RuleBuilderContainer } from './RuleBuilderContainer';
+export { RuleGroupEditor } from './RuleGroupEditor';
+export { RuleCard } from './RuleCard';
+export { LogicSelector } from './LogicSelector';
+export { FieldSelector } from './selectors/FieldSelector';
+export { OperatorSelector } from './selectors/OperatorSelector';
+export { ValueInput } from './inputs/ValueInput';
+export { SingleValueInput } from './inputs/SingleValueInput';
+export { BetweenValueInput } from './inputs/BetweenValueInput';
+export { MultiValueInput } from './inputs/MultiValueInput';
+export { RuleBuilderProvider, useRuleBuilderContext, useRuleBuilderState, useRuleBuilderDispatch, useRuleBuilderFields, useRuleBuilderValidation, useRuleGroup, useFields, useLoading, useValidation, useIsDirty, } from './context/RuleBuilderContext';
+export { createEmptyRule, createEmptyRuleGroup, generateRuleDescription, cloneRuleGroup, isRuleGroupEmpty, countRules, getMaxDepth, } from './utils/ruleHelpers';
+export { getRuleGroupByPath, getRuleByPath, updateRuleAtPath, deleteRuleAtPath, addRuleAtPath, updateRuleGroupAtPath, deleteRuleGroupAtPath, addRuleGroupAtPath, } from './utils/pathHelpers';
+export { validateRuleGroup, validateRule, isRuleGroupValid, } from './utils/validation';
+export { OPERATOR_INFO_MAP, getOperatorInfo, operatorRequiresValue, operatorRequiresValue2, operatorRequiresMultiValue, operatorSupportsValueField, getOperatorsByDataType, MAX_NESTING_LEVEL, } from './constants/operators';
+export type { MatchOperator, MatchLogic, FieldDataType, RuleDto, RuleGroupDto, FieldDefinition, ValidationResult, ValidationError, RuleBuilderProps, RuleBuilderConfig, RulePath, RuleBuilderState, RuleBuilderAction, OperatorInfo, } from './types/index';
+export { RuleBuilderContainer as default } from './RuleBuilderContainer';

package/dist/esm/RuleBuilder/index.js

@@ -0,0 +1,42 @@
+/**
+ * RuleBuilder 规则构建器组件
+ *
+ * 主导出文件 - 导出所有公共 API
+ *
+ * @module RuleBuilder
+ */
+
+// ============ 主组件 ============
+export { RuleBuilderContainer as RuleBuilder } from "./RuleBuilderContainer";
+export { RuleBuilderContainer } from "./RuleBuilderContainer";
+
+// ============ 子组件 ============
+export { RuleGroupEditor } from "./RuleGroupEditor";
+export { RuleCard } from "./RuleCard";
+export { LogicSelector } from "./LogicSelector";
+
+// ============ 选择器组件 ============
+export { FieldSelector } from "./selectors/FieldSelector";
+export { OperatorSelector } from "./selectors/OperatorSelector";
+
+// ============ 值输入组件 ============
+export { ValueInput } from "./inputs/ValueInput";
+export { SingleValueInput } from "./inputs/SingleValueInput";
+export { BetweenValueInput } from "./inputs/BetweenValueInput";
+export { MultiValueInput } from "./inputs/MultiValueInput";
+
+// ============ Context & Hooks ============
+export { RuleBuilderProvider, useRuleBuilderContext, useRuleBuilderState, useRuleBuilderDispatch, useRuleBuilderFields, useRuleBuilderValidation, useRuleGroup, useFields, useLoading, useValidation, useIsDirty } from "./context/RuleBuilderContext";
+
+// ============ 工具函数 ============
+export { createEmptyRule, createEmptyRuleGroup, generateRuleDescription, cloneRuleGroup, isRuleGroupEmpty, countRules, getMaxDepth } from "./utils/ruleHelpers";
+export { getRuleGroupByPath, getRuleByPath, updateRuleAtPath, deleteRuleAtPath, addRuleAtPath, updateRuleGroupAtPath, deleteRuleGroupAtPath, addRuleGroupAtPath } from "./utils/pathHelpers";
+export { validateRuleGroup, validateRule, isRuleGroupValid } from "./utils/validation";
+
+// ============ 常量 ============
+export { OPERATOR_INFO_MAP, getOperatorInfo, operatorRequiresValue, operatorRequiresValue2, operatorRequiresMultiValue, operatorSupportsValueField, getOperatorsByDataType, MAX_NESTING_LEVEL } from "./constants/operators";
+
+// ============ 类型定义 ============
+
+// ============ 默认导出 ============
+export { RuleBuilderContainer as default } from "./RuleBuilderContainer";

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

@@ -0,0 +1,23 @@
+/**
+ * 区间值输入组件
+ *
+ * 用于 Between 操作符，渲染两个输入框（最小值和最大值）
+ * 支持数值和日期类型
+ */
+import React from 'react';
+export interface BetweenValueInputProps {
+    /** 最小值 */
+    value: any;
+    /** 最大值 */
+    value2: any;
+    /** 值变更回调 */
+    onChange: (value: any, value2: any) => void;
+    /** 字段数据类型 */
+    dataType: 'number' | 'date';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+export declare const BetweenValueInput: React.FC<BetweenValueInputProps>;
+export default BetweenValueInput;

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

@@ -0,0 +1,83 @@
+/**
+ * 区间值输入组件
+ *
+ * 用于 Between 操作符，渲染两个输入框（最小值和最大值）
+ * 支持数值和日期类型
+ */
+
+import React from 'react';
+import { InputNumber, DatePicker, Space } from 'antd';
+import dayjs from 'dayjs';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+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__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(InputNumber, {
+        value: value,
+        onChange: function onChange(val) {
+          return _onChange(val, value2);
+        },
+        disabled: disabled,
+        size: size,
+        placeholder: "\u6700\u5C0F\u503C",
+        style: {
+          width: 120
+        }
+      }), /*#__PURE__*/_jsx("span", {
+        children: "~"
+      }), /*#__PURE__*/_jsx(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__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(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__*/_jsx("span", {
+        children: "~"
+      }), /*#__PURE__*/_jsx(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,130 @@
+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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+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__*/_jsx(InputNumber, {
+        value: inputValue,
+        onChange: setInputValue,
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u8F93\u5165\u6570\u503C",
+        style: {
+          width: 150
+        },
+        onPressEnter: handleAdd
+      });
+    }
+    return /*#__PURE__*/_jsx(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__*/_jsxs(Space, {
+    orientation: "vertical",
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(Space, {
+      wrap: true,
+      children: values.map(function (val, index) {
+        return /*#__PURE__*/_jsx(Tag, {
+          closable: !disabled,
+          onClose: function onClose() {
+            return handleRemove(index);
+          },
+          closeIcon: /*#__PURE__*/_jsx(CloseOutlined, {}),
+          children: String(val)
+        }, index);
+      })
+    }), isAdding ? /*#__PURE__*/_jsxs(Space, {
+      children: [renderInput(), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        size: "small",
+        onClick: handleAdd,
+        children: "\u786E\u5B9A"
+      }), /*#__PURE__*/_jsx(Button, {
+        size: "small",
+        onClick: function onClick() {
+          return setIsAdding(false);
+        },
+        children: "\u53D6\u6D88"
+      })]
+    }) : /*#__PURE__*/_jsx(Button, {
+      type: "dashed",
+      size: "small",
+      icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+      onClick: function onClick() {
+        return setIsAdding(true);
+      },
+      disabled: disabled,
+      children: "\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/index';
+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;