@zgfe/modules-dm 1.0.56-zhongyuan.8 → 1.0.57-alpha.0

package/es/modules/clear-rule/addRule.js

@@ -0,0 +1,614 @@
+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 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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+import { Drawer, Input, Button, Space, Form, Checkbox, Radio, message, Select, InputNumber, Tooltip } from 'antd';
+import { CloseOutlined } from '@ant-design/icons';
+import React, { useContext, useEffect, useState } from 'react';
+import { BizEventSelector, BizAttributeSelector, BizGlobalDataContext } from '@zgfe/business-lib';
+import './css/index.less';
+import request from '../../utils/ajax';
+import apis from '../../constants/api';
+var TextArea = Input.TextArea;
+var AddRule = function AddRule(_ref) {
+  var addruleShow = _ref.addruleShow,
+    onSetclose = _ref.onSetclose,
+    currentRuleDetail = _ref.currentRuleDetail,
+    getList = _ref.getList;
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  // 规则启用
+  // const [ruleStatus, setRuleStatus] = useState(
+  //   currentRuleDetail ? (currentRuleDetail?.status == 1 ? true : false) : true,
+  // );
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ruleStatus = _useState2[0],
+    setRuleStatus = _useState2[1];
+  // 关闭抽屉框
+  var _useState3 = useState(addruleShow),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    ruleForm = _Form$useForm2[0];
+  var onClose = function onClose() {
+    setOpen(false);
+    ruleForm.resetFields(); // 表单重置
+    // conditionRef!.current!.deleteAll(); // 重置固定筛选数组
+    // 清空属性的所有值
+    setOptionsRule([{
+      ruleType: 1,
+      content: undefined
+    }, {
+      ruleType: 2,
+      content: undefined
+    }, {
+      ruleType: 3,
+      content: undefined
+    }, {
+      ruleType: 4,
+      content: undefined
+    }, {
+      ruleType: 5,
+      content: undefined
+    }]);
+    setBizAttributeSelectorValue(undefined); // 清空属性
+    setEvent({
+      id: -100,
+      name: '事件概览'
+    });
+    // setRuleStatus(true)
+    setTimeout(function () {
+      onSetclose();
+    }, 300);
+  };
+  var onFinish = function onFinish(values) {
+    console.log('Success:', values);
+    if (currentRuleDetail) {
+      // currentRuleDetail 有值为修改状态
+      request(apis.rule.updateRule, {
+        method: 'post',
+        data: {
+          ruleId: currentRuleDetail.ruleId,
+          ruleName: values.name,
+          ruleDescription: values.description,
+          ObjectType: selectType === 'eventProp' ? 1 : 2,
+          event: selectType === 'eventProp' ? event.id : undefined,
+          attr: bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.id,
+          verifyDetail: currentRule.indexOf(5) > -1 ? [{
+            ruleType: 5
+          }].concat(_toConsumableArray(optionsRule.filter(function (o) {
+            return o.content;
+          }))) : optionsRule.filter(function (o) {
+            return o.content;
+          }),
+          status: ruleStatus == true ? 1 : 0,
+          ruleType: currentRule,
+          appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+          extraMes: JSON.stringify(bizAttributeSelectorValue)
+        }
+      }).then(function (res) {
+        if (!res) return;
+        if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+          message.success('修改规则成功！');
+          onClose();
+          // 刷新列表
+          getList();
+        } else {
+          message.error('修改规则失败！');
+        }
+      });
+      return;
+    }
+    request(apis.rule.addRlut, {
+      method: 'post',
+      data: {
+        ruleName: values.name,
+        ruleDescription: values.description,
+        ObjectType: selectType === 'eventProp' ? 1 : 2,
+        event: selectType === 'eventProp' ? event.id : undefined,
+        attr: bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.id,
+        verifyDetail: currentRule.indexOf(5) > -1 ? [{
+          ruleType: 5
+        }].concat(_toConsumableArray(optionsRule.filter(function (o) {
+          return o.content;
+        }))) : optionsRule.filter(function (o) {
+          return o.content;
+        }),
+        status: ruleStatus == true ? 1 : 0,
+        ruleType: currentRule,
+        appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+        extraMes: JSON.stringify(bizAttributeSelectorValue)
+      }
+    }).then(function (res) {
+      if (!res) return;
+      if ((res === null || res === void 0 ? void 0 : res.code) == '100000') {
+        message.success('添加规则成功！');
+        onClose();
+        // 刷新列表
+        getList();
+      } else {
+        message.error('添加规则失败！');
+      }
+    });
+  };
+  var handleSave = function handleSave() {
+    ruleForm.submit();
+  };
+  /** 规则类型 */
+  var _useState5 = useState([{
+      ruleType: 1,
+      content: undefined
+    }, {
+      ruleType: 2,
+      content: undefined
+    }, {
+      ruleType: 3,
+      content: undefined
+    }, {
+      ruleType: 4,
+      content: undefined
+    }, {
+      ruleType: 5,
+      content: undefined
+    }]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    optionsRule = _useState6[0],
+    setOptionsRule = _useState6[1];
+  var options = [{
+    label: '属性类型',
+    value: 1
+  }, {
+    label: '正则匹配',
+    value: 2
+  }, {
+    label: '数值区间',
+    value: 3
+  }, {
+    label: '枚举',
+    value: 4
+  }, {
+    label: '非空',
+    value: 5
+  }];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentRule = _useState8[0],
+    setCurrentRule = _useState8[1];
+  var onChangeType = function onChangeType(value) {
+    setCurrentRule(value);
+    // 再次点击清空数据
+    var newarr = optionsRule.map(function (o) {
+      // 先处理第一个map的逻辑
+      var baseItem = value.indexOf(o.ruleType) > -1 ? o : _objectSpread(_objectSpread({}, o), {}, {
+        content: undefined
+      });
+      // 再处理第二个map的逻辑
+      if (value.indexOf(1) > -1) {
+        return baseItem.ruleType === 1 ? {
+          ruleType: 1,
+          content: bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.type
+        } : baseItem;
+      }
+      return baseItem;
+    });
+    setOptionsRule(newarr);
+  };
+  // 校验对象的类型 eventProp：事件校验    user：用户校验
+  var _useState9 = useState(currentRuleDetail ? (currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.objectType) == 1 ? 'eventProp' : 'user' : 'eventProp'),
+    _useState10 = _slicedToArray(_useState9, 2),
+    selectType = _useState10[0],
+    setSelectType = _useState10[1];
+  var onSelectType = function onSelectType(event) {
+    setSelectType(function (pre) {
+      return event.target.value;
+    });
+    // 清空属性的所有值
+    setOptionsRule([{
+      ruleType: 1,
+      content: undefined
+    }, {
+      ruleType: 2,
+      content: undefined
+    }, {
+      ruleType: 3,
+      content: undefined
+    }, {
+      ruleType: 4,
+      content: undefined
+    }, {
+      ruleType: 5,
+      content: undefined
+    }]);
+    setBizAttributeSelectorValue(undefined); // 清空属性
+  };
+  var _useState11 = useState(currentRuleDetail ? currentRuleDetail.objectType == 1 ? {
+      id: (currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.event) || -100
+    } : {
+      id: -100,
+      name: '事件概览'
+    } : {
+      id: -100,
+      name: '事件概览'
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    event = _useState12[0],
+    setEvent = _useState12[1];
+  var onChangeEvent = function onChangeEvent(val) {
+    // 删除细分属性  重新选择细分
+    setBizAttributeSelectorValue(undefined);
+    setEvent(val === null || val === void 0 ? void 0 : val.event);
+  };
+  // 细分属性初始值
+  var _useState13 = useState(currentRuleDetail ? JSON.parse(currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.extraMes) : undefined),
+    _useState14 = _slicedToArray(_useState13, 2),
+    bizAttributeSelectorValue = _useState14[0],
+    setBizAttributeSelectorValue = _useState14[1];
+  // 细分属性
+  var onChangeAttr = function onChangeAttr(attr) {
+    if (attr === undefined) {
+      // 删除细分属性
+      setBizAttributeSelectorValue(undefined);
+    } else {
+      var _value = attr.propCategory === 'eventProp' ? attr.id : attr.name;
+      setBizAttributeSelectorValue({
+        propCategory: attr.propCategory,
+        category: attr.category,
+        value: _value,
+        id: attr.id,
+        label: attr === null || attr === void 0 ? void 0 : attr.label,
+        name: attr === null || attr === void 0 ? void 0 : attr.name,
+        type: attr.type
+      });
+      // 初始化属性基础类型
+      if (currentRule.includes(1)) {
+        var newArr = optionsRule;
+        newArr.map(function (o) {
+          if (o.ruleType == 1) {
+            o.content = attr.type;
+          }
+        });
+        setOptionsRule(newArr);
+      }
+    }
+  };
+  useEffect(function () {
+    // 初始化 校验对象
+    ruleForm.setFieldsValue({
+      ruleobj: {
+        selectType: selectType,
+        event: event,
+        bizAttributeSelectorValue: bizAttributeSelectorValue,
+        currentRule: currentRule
+      }
+    });
+  }, [selectType, currentRule, event, bizAttributeSelectorValue]);
+  /**
+   * 修改时回显数据
+   */
+  useEffect(function () {
+    if (currentRuleDetail) {
+      ruleForm.setFieldsValue({
+        name: currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.ruleName,
+        description: currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.ruleDescription,
+        status: (currentRuleDetail === null || currentRuleDetail === void 0 ? void 0 : currentRuleDetail.status) == 1 ? true : false
+      });
+      var newArr = optionsRule;
+      newArr.map(function (o) {
+        currentRuleDetail.verifyDetailVo.map(function (j) {
+          if (o.ruleType == j.ruleType) {
+            o.content = j.content;
+          }
+          // 这个为模拟的区间数据
+          if (o.ruleType == 3) {
+            o.content = '(4,8]';
+          }
+        });
+      });
+      var currentTypeArr = currentRuleDetail.verifyDetailVo.map(function (o) {
+        return o.ruleType;
+      });
+      setCurrentRule(currentTypeArr);
+      setOptionsRule(newArr);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "addRule"
+  }, /*#__PURE__*/React.createElement(Drawer, {
+    className: "addRuleForm",
+    title: /*#__PURE__*/React.createElement("div", null, currentRuleDetail ? '修改' : '新增', "\u81EA\u5B9A\u4E49\u5165\u5E93\u6821\u9A8C\u89C4\u5219", /*#__PURE__*/React.createElement("div", {
+      className: "drawerCloseIcon",
+      onClick: onClose
+    }, /*#__PURE__*/React.createElement(CloseOutlined, {
+      onPointerEnterCapture: undefined,
+      onPointerLeaveCapture: undefined
+    }))),
+    onClose: onClose,
+    closeIcon: false,
+    open: open,
+    placement: "right",
+    width: "700px",
+    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+      onClick: onClose
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: handleSave
+    }, "\u786E\u5B9A")))
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: ruleForm,
+    labelCol: {
+      span: 4
+    },
+    wrapperCol: {
+      span: 20
+    },
+    initialValues: {
+      name: '',
+      desctiption: '',
+      ruleobj: []
+    },
+    onFinish: onFinish,
+    labelAlign: "left"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u89C4\u5219\u540D\u79F0",
+    name: "name",
+    rules: [{
+      required: true,
+      message: '请输入规则名称'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    showCount: true,
+    maxLength: 50,
+    placeholder: "\u8BF7\u8F93\u5165\u89C4\u5219\u540D\u79F0"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u89C4\u5219\u63CF\u8FF0",
+    name: "description"
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    showCount: true,
+    maxLength: 100,
+    placeholder: "\u8BF7\u8F93\u5165\u89C4\u5219\u63CF\u8FF0"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6821\u9A8C\u5BF9\u8C61",
+    name: "ruleobj",
+    rules: [{
+      required: true,
+      message: '请寻找校验对象'
+    }]
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Group, {
+    onChange: onSelectType,
+    value: selectType
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: 'eventProp'
+  }, "\u4E8B\u4EF6\u5C5E\u6027\u6821\u9A8C"), /*#__PURE__*/React.createElement(Radio, {
+    value: 'user'
+  }, "\u7528\u6237\u5C5E\u6027\u6821\u9A8C")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
+    className: "selectVent"
+  }, selectType == 'eventProp' && (/*#__PURE__*/React.createElement(BizEventSelector, {
+    showAllEvent: true,
+    key: "".concat(selectType),
+    // multiple={selectType === 'eventProp'}
+    showBuiltInTarget: false,
+    popupContainer: false,
+    defaultSelectAble: false,
+    defaultValue: {
+      event: event
+    },
+    onChange: onChangeEvent,
+    placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
+  })), /*#__PURE__*/React.createElement(BizAttributeSelector, {
+    enableEventProp: true,
+    enableUserProp: selectType == 'user',
+    enableEnvProp: true,
+    eventIdList: [event === null || event === void 0 ? void 0 : event.id],
+    value: bizAttributeSelectorValue,
+    enableDelete: true,
+    onChange: onChangeAttr,
+    onDelete: function onDelete() {
+      onChangeAttr(undefined);
+    },
+    placeholder: "\u8BF7\u9009\u62E9\u7EC6\u5206\u5C5E\u6027"
+  })), bizAttributeSelectorValue && (/*#__PURE__*/React.createElement("div", {
+    className: "attrValue"
+  }, currentRule.length > 1 && /*#__PURE__*/React.createElement("span", {
+    className: "attrValue-styleLine"
+  }, "\u4E14"), currentRule.map(function (o, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "attrValue-list"
+    }, /*#__PURE__*/React.createElement("div", null, (bizAttributeSelectorValue === null || bizAttributeSelectorValue === void 0 ? void 0 : bizAttributeSelectorValue.label) || bizAttributeSelectorValue.name), /*#__PURE__*/React.createElement(TypeComponent, {
+      type: o,
+      optionsValue: optionsRule,
+      editStatus: currentRuleDetail ? true : false
+    }));
+  }))), /*#__PURE__*/React.createElement(Checkbox.Group, {
+    options: options,
+    value: currentRule,
+    onChange: onChangeType
+  }))))));
+};
+var optionsEnum = [];
+function parseRange(str) {
+  // 正则匹配：左括号 + 数字 + 逗号 + 数字 + 右括号
+  var regex = /^([\(\[])(\d+),(\d+)([\)\]])$/;
+  var match = str.match(regex);
+  if (!match) {
+    throw new Error('无效的区间格式，示例格式：(4,8] 或 [3,5)');
+  }
+  // 返回四个值：左括号、第一个数字、第二个数字、右括号
+  return {
+    leftSymbol: match[1],
+    firstNumber: Number(match[2]),
+    secondNumber: Number(match[3]),
+    rightSymbol: match[4] // 右括号：']'
+  };
+}
+var TypeComponent = function TypeComponent(_ref2) {
+  var type = _ref2.type,
+    optionsValue = _ref2.optionsValue,
+    editStatus = _ref2.editStatus;
+  // type:1 string    2:正则   3：数字区间 4：枚举
+  var Component = null;
+  // 枚举
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    enumValue = _useState16[0],
+    setEnumValue = _useState16[1];
+  var handleEnumChange = function handleEnumChange(value) {
+    setEnumValue(value);
+    optionsValue.filter(function (r) {
+      return r.ruleType == type;
+    })[0].content = value;
+  };
+  // 区间
+  var _useState17 = useState(1),
+    _useState18 = _slicedToArray(_useState17, 2),
+    minNum = _useState18[0],
+    setMinNum = _useState18[1];
+  var _useState19 = useState(1),
+    _useState20 = _slicedToArray(_useState19, 2),
+    maxNum = _useState20[0],
+    setMaxNum = _useState20[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    includedMinState = _useState22[0],
+    setIncludedMinState = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    includedMaxState = _useState24[0],
+    setIncludedMaxState = _useState24[1];
+  // 只会执行一次 区间回显
+  useEffect(function () {
+    if (editStatus) {
+      if (optionsValue.filter(function (o) {
+        return o.ruleType == 3;
+      })[0].content) {
+        var qujian = optionsValue.filter(function (o) {
+          return o.ruleType === 3 && o.content;
+        });
+        var val = parseRange(qujian[0].content);
+        setMinNum(val.firstNumber);
+        setMaxNum(val.secondNumber);
+        setIncludedMinState(val.leftSymbol == '(' ? false : true);
+        setIncludedMaxState(val.rightSymbol == '(' ? false : true);
+      }
+    }
+  }, []);
+  switch (type) {
+    case 1:
+      Component = /*#__PURE__*/React.createElement(Select, {
+        value: Number(optionsValue.filter(function (r) {
+          return r.ruleType == type;
+        })[0].content),
+        // disabled={true}
+        options: [{
+          value: 1,
+          label: '字符串类型'
+        }, {
+          value: 2,
+          label: '数字类型'
+        }, {
+          value: 3,
+          label: '日期类型'
+        }],
+        onChange: function onChange(value) {
+          optionsValue.filter(function (r) {
+            return r.ruleType == type;
+          })[0].content = value;
+        }
+      });
+      break;
+    case 2:
+      Component = /*#__PURE__*/React.createElement(Input, {
+        placeholder: "\u8BF7\u8F93\u5165\u6B63\u5219\u8868\u5355\u5F0F",
+        value: optionsValue.filter(function (r) {
+          return r.ruleType == type;
+        })[0].content,
+        onChange: function onChange(event) {
+          optionsValue.filter(function (r) {
+            return r.ruleType == type;
+          })[0].content = event.target.value;
+        }
+      });
+      break;
+    case 3:
+      Component = /*#__PURE__*/React.createElement("div", {
+        className: "attrValue-list-right"
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        title: "\u70B9\u51FB\u5207\u6362[\u5F00\u542F/\u5173\u95ED]\u533A\u95F4"
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          setIncludedMinState(function (pre) {
+            optionsValue.filter(function (r) {
+              return r.ruleType == type;
+            })[0].content = "".concat(!includedMinState ? '[' : '(').concat(minNum, ",").concat(maxNum).concat(includedMaxState ? ']' : ')');
+            return !pre;
+          });
+        }
+      }, includedMinState ? '[' : '(')), /*#__PURE__*/React.createElement(InputNumber, {
+        min: 1,
+        max: 100000,
+        value: minNum,
+        onChange: function onChange(value) {
+          setMinNum(value);
+          optionsValue.filter(function (r) {
+            return r.ruleType == type;
+          })[0].content = "".concat(includedMinState ? '[' : '(').concat(value, ",").concat(maxNum).concat(includedMaxState ? ']' : ')');
+        }
+      }), "-", /*#__PURE__*/React.createElement(InputNumber, {
+        min: 1,
+        max: 100000,
+        value: maxNum,
+        onChange: function onChange(value) {
+          setMaxNum(value);
+          optionsValue.filter(function (r) {
+            return r.ruleType == type;
+          })[0].content = "".concat(includedMinState ? '[' : '(').concat(minNum, ",").concat(value).concat(includedMaxState ? ']' : ')');
+        }
+      }), /*#__PURE__*/React.createElement(Tooltip, {
+        title: "\u70B9\u51FB\u5207\u6362[\u5F00\u542F/\u5173\u95ED]\u533A\u95F4"
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          setIncludedMaxState(function (pre) {
+            optionsValue.filter(function (r) {
+              return r.ruleType == type;
+            })[0].content = "".concat(includedMinState ? '[' : '(').concat(minNum, ",").concat(maxNum).concat(!includedMaxState ? ']' : ')');
+            return !pre;
+          });
+        }
+      }, includedMaxState ? ']' : ')')));
+      break;
+    case 4:
+      Component = /*#__PURE__*/React.createElement(Select, {
+        mode: "tags",
+        style: {
+          width: '100%'
+        },
+        placeholder: "\u8BF7\u8F93\u5165",
+        value: optionsValue.filter(function (r) {
+          return r.ruleType == type;
+        })[0].content,
+        onChange: handleEnumChange,
+        options: optionsEnum
+      });
+      break;
+    default:
+      Component = /*#__PURE__*/React.createElement("div", null, "\u5FC5\u586B");
+      break;
+  }
+  return Component;
+};
+export default AddRule;