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

package/dist/cjs/RuleBuilder/index.js

@@ -0,0 +1,314 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BetweenValueInput", {
+  enumerable: true,
+  get: function get() {
+    return _BetweenValueInput.BetweenValueInput;
+  }
+});
+Object.defineProperty(exports, "FieldSelector", {
+  enumerable: true,
+  get: function get() {
+    return _FieldSelector.FieldSelector;
+  }
+});
+Object.defineProperty(exports, "LogicSelector", {
+  enumerable: true,
+  get: function get() {
+    return _LogicSelector.LogicSelector;
+  }
+});
+Object.defineProperty(exports, "MAX_NESTING_LEVEL", {
+  enumerable: true,
+  get: function get() {
+    return _operators.MAX_NESTING_LEVEL;
+  }
+});
+Object.defineProperty(exports, "MultiValueInput", {
+  enumerable: true,
+  get: function get() {
+    return _MultiValueInput.MultiValueInput;
+  }
+});
+Object.defineProperty(exports, "OPERATOR_INFO_MAP", {
+  enumerable: true,
+  get: function get() {
+    return _operators.OPERATOR_INFO_MAP;
+  }
+});
+Object.defineProperty(exports, "OperatorSelector", {
+  enumerable: true,
+  get: function get() {
+    return _OperatorSelector.OperatorSelector;
+  }
+});
+Object.defineProperty(exports, "RuleBuilder", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContainer.RuleBuilderContainer;
+  }
+});
+Object.defineProperty(exports, "RuleBuilderContainer", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContainer.RuleBuilderContainer;
+  }
+});
+Object.defineProperty(exports, "RuleBuilderProvider", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.RuleBuilderProvider;
+  }
+});
+Object.defineProperty(exports, "RuleCard", {
+  enumerable: true,
+  get: function get() {
+    return _RuleCard.RuleCard;
+  }
+});
+Object.defineProperty(exports, "RuleGroupEditor", {
+  enumerable: true,
+  get: function get() {
+    return _RuleGroupEditor.RuleGroupEditor;
+  }
+});
+Object.defineProperty(exports, "SingleValueInput", {
+  enumerable: true,
+  get: function get() {
+    return _SingleValueInput.SingleValueInput;
+  }
+});
+Object.defineProperty(exports, "ValueInput", {
+  enumerable: true,
+  get: function get() {
+    return _ValueInput.ValueInput;
+  }
+});
+Object.defineProperty(exports, "addRuleAtPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.addRuleAtPath;
+  }
+});
+Object.defineProperty(exports, "addRuleGroupAtPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.addRuleGroupAtPath;
+  }
+});
+Object.defineProperty(exports, "cloneRuleGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.cloneRuleGroup;
+  }
+});
+Object.defineProperty(exports, "countRules", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.countRules;
+  }
+});
+Object.defineProperty(exports, "createEmptyRule", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.createEmptyRule;
+  }
+});
+Object.defineProperty(exports, "createEmptyRuleGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.createEmptyRuleGroup;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContainer.RuleBuilderContainer;
+  }
+});
+Object.defineProperty(exports, "deleteRuleAtPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.deleteRuleAtPath;
+  }
+});
+Object.defineProperty(exports, "deleteRuleGroupAtPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.deleteRuleGroupAtPath;
+  }
+});
+Object.defineProperty(exports, "generateRuleDescription", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.generateRuleDescription;
+  }
+});
+Object.defineProperty(exports, "getMaxDepth", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.getMaxDepth;
+  }
+});
+Object.defineProperty(exports, "getOperatorInfo", {
+  enumerable: true,
+  get: function get() {
+    return _operators.getOperatorInfo;
+  }
+});
+Object.defineProperty(exports, "getOperatorsByDataType", {
+  enumerable: true,
+  get: function get() {
+    return _operators.getOperatorsByDataType;
+  }
+});
+Object.defineProperty(exports, "getRuleByPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.getRuleByPath;
+  }
+});
+Object.defineProperty(exports, "getRuleGroupByPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.getRuleGroupByPath;
+  }
+});
+Object.defineProperty(exports, "isRuleGroupEmpty", {
+  enumerable: true,
+  get: function get() {
+    return _ruleHelpers.isRuleGroupEmpty;
+  }
+});
+Object.defineProperty(exports, "isRuleGroupValid", {
+  enumerable: true,
+  get: function get() {
+    return _validation.isRuleGroupValid;
+  }
+});
+Object.defineProperty(exports, "operatorRequiresMultiValue", {
+  enumerable: true,
+  get: function get() {
+    return _operators.operatorRequiresMultiValue;
+  }
+});
+Object.defineProperty(exports, "operatorRequiresValue", {
+  enumerable: true,
+  get: function get() {
+    return _operators.operatorRequiresValue;
+  }
+});
+Object.defineProperty(exports, "operatorRequiresValue2", {
+  enumerable: true,
+  get: function get() {
+    return _operators.operatorRequiresValue2;
+  }
+});
+Object.defineProperty(exports, "operatorSupportsValueField", {
+  enumerable: true,
+  get: function get() {
+    return _operators.operatorSupportsValueField;
+  }
+});
+Object.defineProperty(exports, "updateRuleAtPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.updateRuleAtPath;
+  }
+});
+Object.defineProperty(exports, "updateRuleGroupAtPath", {
+  enumerable: true,
+  get: function get() {
+    return _pathHelpers.updateRuleGroupAtPath;
+  }
+});
+Object.defineProperty(exports, "useFields", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useFields;
+  }
+});
+Object.defineProperty(exports, "useIsDirty", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useIsDirty;
+  }
+});
+Object.defineProperty(exports, "useLoading", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useLoading;
+  }
+});
+Object.defineProperty(exports, "useRuleBuilderContext", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useRuleBuilderContext;
+  }
+});
+Object.defineProperty(exports, "useRuleBuilderDispatch", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useRuleBuilderDispatch;
+  }
+});
+Object.defineProperty(exports, "useRuleBuilderFields", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useRuleBuilderFields;
+  }
+});
+Object.defineProperty(exports, "useRuleBuilderState", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useRuleBuilderState;
+  }
+});
+Object.defineProperty(exports, "useRuleBuilderValidation", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useRuleBuilderValidation;
+  }
+});
+Object.defineProperty(exports, "useRuleGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useRuleGroup;
+  }
+});
+Object.defineProperty(exports, "useValidation", {
+  enumerable: true,
+  get: function get() {
+    return _RuleBuilderContext.useValidation;
+  }
+});
+Object.defineProperty(exports, "validateRule", {
+  enumerable: true,
+  get: function get() {
+    return _validation.validateRule;
+  }
+});
+Object.defineProperty(exports, "validateRuleGroup", {
+  enumerable: true,
+  get: function get() {
+    return _validation.validateRuleGroup;
+  }
+});
+var _RuleBuilderContainer = require("./RuleBuilderContainer");
+var _RuleGroupEditor = require("./RuleGroupEditor");
+var _RuleCard = require("./RuleCard");
+var _LogicSelector = require("./LogicSelector");
+var _FieldSelector = require("./selectors/FieldSelector");
+var _OperatorSelector = require("./selectors/OperatorSelector");
+var _ValueInput = require("./inputs/ValueInput");
+var _SingleValueInput = require("./inputs/SingleValueInput");
+var _BetweenValueInput = require("./inputs/BetweenValueInput");
+var _MultiValueInput = require("./inputs/MultiValueInput");
+var _RuleBuilderContext = require("./context/RuleBuilderContext");
+var _ruleHelpers = require("./utils/ruleHelpers");
+var _pathHelpers = require("./utils/pathHelpers");
+var _validation = require("./utils/validation");
+var _operators = require("./constants/operators");

package/dist/cjs/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/cjs/RuleBuilder/inputs/BetweenValueInput.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BetweenValueInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 区间值输入组件
+ *
+ * 用于 Between 操作符，渲染两个输入框（最小值和最大值）
+ * 支持数值和日期类型
+ */
+
+var BetweenValueInput = exports.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__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
+        value: value,
+        onChange: function onChange(val) {
+          return _onChange(val, value2);
+        },
+        disabled: disabled,
+        size: size,
+        placeholder: "\u6700\u5C0F\u503C",
+        style: {
+          width: 120
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: "~"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker, {
+        value: value ? (0, _dayjs.default)(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__*/(0, _jsxRuntime.jsx)("span", {
+        children: "~"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker, {
+        value: value2 ? (0, _dayjs.default)(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;
+};
+var _default = exports.default = BetweenValueInput;

package/dist/cjs/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/cjs/RuleBuilder/inputs/MultiValueInput.js

@@ -0,0 +1,136 @@
+"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.default = exports.MultiValueInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 操作符，支持添加和删除多个值
+ * 支持字符串和数值类型
+ */
+var MultiValueInput = exports.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 = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var _useState3 = (0, _react.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__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
+        value: inputValue,
+        onChange: setInputValue,
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u8F93\u5165\u6570\u503C",
+        style: {
+          width: 150
+        },
+        onPressEnter: handleAdd
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+    orientation: "vertical",
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+      wrap: true,
+      children: values.map(function (val, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
+          closable: !disabled,
+          onClose: function onClose() {
+            return handleRemove(index);
+          },
+          closeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {}),
+          children: String(val)
+        }, index);
+      })
+    }), isAdding ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+      children: [renderInput(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+        type: "primary",
+        size: "small",
+        onClick: handleAdd,
+        children: "\u786E\u5B9A"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+        size: "small",
+        onClick: function onClick() {
+          return setIsAdding(false);
+        },
+        children: "\u53D6\u6D88"
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+      type: "dashed",
+      size: "small",
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}),
+      onClick: function onClick() {
+        return setIsAdding(true);
+      },
+      disabled: disabled,
+      children: "\u6DFB\u52A0\u503C"
+    })]
+  });
+};
+var _default = exports.default = MultiValueInput;

package/dist/cjs/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;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SingleValueInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 单值输入组件
+ *
+ * 根据字段数据类型渲染对应的输入控件：
+ * - string: Input
+ * - number: InputNumber
+ * - date: DatePicker
+ * - boolean: Switch
+ */
+
+var SingleValueInput = exports.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__*/(0, _jsxRuntime.jsx)(_antd.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__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
+        value: value,
+        onChange: _onChange,
+        disabled: disabled,
+        size: size,
+        placeholder: "\u8BF7\u8F93\u5165\u6570\u503C",
+        style: {
+          width: 200
+        }
+      });
+    case 'date':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker, {
+        value: value ? (0, _dayjs.default)(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__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
+        checked: value,
+        onChange: _onChange,
+        disabled: disabled,
+        size: size === 'small' ? 'small' : 'default',
+        checkedChildren: "\u662F",
+        unCheckedChildren: "\u5426"
+      });
+    default:
+      return null;
+  }
+};
+var _default = exports.default = SingleValueInput;