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

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

@@ -0,0 +1,37 @@
+/**
+ * 值输入分发组件
+ *
+ * 根据操作符类型自动选择合适的输入组件：
+ * - IsNull/IsNotNull: 不渲染任何输入
+ * - Between: 渲染 BetweenValueInput
+ * - In/NotIn: 渲染 MultiValueInput
+ * - 其他: 渲染 SingleValueInput；允许比较字段时前置「固定值 / 字段」切换
+ */
+import React from 'react';
+import type { MatchOperator, FieldDataType, FieldDefinition } from '../types/index';
+export interface ValueInputProps {
+    /** 操作符 */
+    operator: MatchOperator;
+    /** 字段数据类型 */
+    dataType: FieldDataType;
+    /** 主值 */
+    value: any;
+    /** 第二个值（用于 Between） */
+    value2?: any;
+    /** 值变更回调 */
+    onChange: (value: any, value2?: any) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: 'small' | 'middle' | 'large';
+    /** 比较字段（undefined 为固定值模式） @author nokecy */
+    valueField?: string;
+    /** 比较字段变更回调；不传则不提供「字段」模式 @author nokecy */
+    onValueFieldChange?: (valueField: string | undefined) => void;
+    /** 可供比较的字段列表 @author nokecy */
+    fields?: FieldDefinition[];
+    /** 当前规则的字段名（比较字段中排除自身） @author nokecy */
+    fieldName?: string;
+}
+export declare const ValueInput: React.FC<ValueInputProps>;
+export default ValueInput;

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ValueInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _operators = require("../constants/operators");
+var _SingleValueInput = _interopRequireDefault(require("./SingleValueInput"));
+var _BetweenValueInput = _interopRequireDefault(require("./BetweenValueInput"));
+var _MultiValueInput = _interopRequireDefault(require("./MultiValueInput"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 值输入分发组件
+ *
+ * 根据操作符类型自动选择合适的输入组件：
+ * - IsNull/IsNotNull: 不渲染任何输入
+ * - Between: 渲染 BetweenValueInput
+ * - In/NotIn: 渲染 MultiValueInput
+ * - 其他: 渲染 SingleValueInput；允许比较字段时前置「固定值 / 字段」切换
+ */
+
+var ValueInput = exports.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,
+    valueField = _ref.valueField,
+    onValueFieldChange = _ref.onValueFieldChange,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    fieldName = _ref.fieldName;
+  // 不需要值输入的操作符（IsNull/IsNotNull）
+  if (!(0, _operators.operatorRequiresValue)(operator) && !(0, _operators.operatorRequiresValue2)(operator) && !(0, _operators.operatorRequiresMultiValue)(operator)) {
+    return null;
+  }
+
+  // Between 操作符：渲染区间输入
+  if ((0, _operators.operatorRequiresValue2)(operator)) {
+    if (dataType !== 'number' && dataType !== 'date') {
+      return null; // Between 只支持数值和日期
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BetweenValueInput.default, {
+      value: value,
+      value2: value2,
+      onChange: _onChange,
+      dataType: dataType,
+      disabled: disabled,
+      size: size
+    });
+  }
+
+  // In/NotIn 操作符：渲染多值输入
+  if ((0, _operators.operatorRequiresMultiValue)(operator)) {
+    if (dataType !== 'string' && dataType !== 'number') {
+      return null; // In/NotIn 只支持字符串和数值
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiValueInput.default, {
+      values: Array.isArray(value) ? value : [],
+      onChange: function onChange(values) {
+        return _onChange(values);
+      },
+      dataType: dataType,
+      disabled: disabled,
+      size: size
+    });
+  }
+  var singleValueInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleValueInput.default, {
+    value: value,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
+    dataType: dataType,
+    disabled: disabled,
+    size: size
+  });
+
+  // 其他操作符：渲染单值输入
+  if (!onValueFieldChange || !(0, _operators.operatorSupportsValueField)(operator)) {
+    return singleValueInput;
+  }
+
+  // 比较类操作符：可切换为与同类型的另一个字段比较。@author nokecy
+  var isFieldMode = valueField !== undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+    size: 4,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Segmented, {
+      size: size,
+      value: isFieldMode ? 'field' : 'value',
+      disabled: disabled,
+      options: [{
+        label: '固定值',
+        value: 'value'
+      }, {
+        label: '字段',
+        value: 'field'
+      }],
+      onChange: function onChange(mode) {
+        return onValueFieldChange(mode === 'field' ? '' : undefined);
+      }
+    }), isFieldMode ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, {
+      value: valueField || undefined,
+      onChange: function onChange(name) {
+        return onValueFieldChange(name);
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u6BD4\u8F83\u5B57\u6BB5",
+      disabled: disabled,
+      size: size,
+      showSearch: true,
+      optionFilterProp: "label",
+      style: {
+        width: 200
+      },
+      options: fields.filter(function (field) {
+        return field.dataType === dataType && field.name !== fieldName;
+      }).map(function (field) {
+        return {
+          value: field.name,
+          label: field.displayName,
+          title: field.description
+        };
+      })
+    }) : singleValueInput]
+  });
+};
+var _default = exports.default = ValueInput;

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

@@ -0,0 +1,22 @@
+/**
+ * 字段选择器组件
+ * 用于选择规则匹配的字段
+ */
+import React from 'react';
+import type { FieldDefinition } from '../types/index';
+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/cjs/RuleBuilder/selectors/FieldSelector.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldSelector = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 字段选择器组件
+ * 用于选择规则匹配的字段
+ */
+
+/**
+ * 字段选择器
+ */
+var FieldSelector = exports.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__*/(0, _jsxRuntime.jsx)(_antd.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/cjs/RuleBuilder/selectors/OperatorSelector.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 操作符选择器组件
+ * 根据字段数据类型动态显示可用的操作符
+ */
+import React from 'react';
+import type { MatchOperator, FieldDataType } from '../types/index';
+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/cjs/RuleBuilder/selectors/OperatorSelector.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OperatorSelector = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _operators = require("../constants/operators");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 操作符选择器组件
+ * 根据字段数据类型动态显示可用的操作符
+ */
+
+/**
+ * 操作符选择器
+ */
+var OperatorSelector = exports.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 ? (0, _operators.getOperatorsByDataType)(dataType) : Object.keys(_operators.OPERATOR_INFO_MAP).map(Number);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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 = (0, _operators.getOperatorInfo)(operator);
+      return {
+        value: operator,
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [info.label, " ", /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            style: {
+              color: '#999'
+            },
+            children: ["(", info.symbol, ")"]
+          })]
+        }),
+        title: info.description // 鼠标悬停时显示操作符说明
+      };
+    })
+  });
+};