@zgfe/business-lib 1.1.35 → 1.1.36

package/es/assets/styles/resetAntd.less

@@ -16,8 +16,12 @@
     border-color: @primary-color!important;
   }
 
-  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper,
-  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper:hover {
+  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+      .ant-input-affix-wrapper-borderless
+    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper,
+  &.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+      .ant-input-affix-wrapper-borderless
+    ):not(.ant-input-affix-wrapper-focused).ant-input-affix-wrapper:hover {
     background-color: @background-color-base!important;
   }
 }
@@ -31,8 +35,12 @@
   }
 }
 
-.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
-.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+    .ant-input-affix-wrapper-borderless
+  ).ant-input-affix-wrapper,
+.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(
+    .ant-input-affix-wrapper-borderless
+  ).ant-input-affix-wrapper:hover {
   border-color: @error-color!important;
 }
 // 输入框
@@ -62,7 +70,9 @@
   background-color: @background-color-base!important;
 }
 
-.ant-select:not(.ant-select-customize-input):not(.ant-pagination-size-changer):not(.ant-select-status-error)
+.ant-select:not(.ant-select-customize-input):not(.ant-pagination-size-changer):not(
+    .ant-select-status-error
+  )
   .ant-select-selector {
   background: #fafafb;
   border-color: rgba(0, 0, 0, 0);
@@ -229,7 +239,9 @@
     /*日期hover*/
     &:hover {
       &:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
-      &:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+      &:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(
+          .ant-picker-cell-range-end
+        ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
         .ant-picker-cell-inner {
         background-color: transparent !important;
         border: 1px solid @primary-color!important;
@@ -239,9 +251,13 @@
 
   /*选中的日期范围*/
   /* 日期范围的起始时间radius */
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end)
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(
+      .ant-picker-cell-range-end
+    )
     .ant-picker-cell-inner,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start)
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(
+      .ant-picker-cell-range-start
+    )
     .ant-picker-cell-inner {
     border-radius: 50% !important;
   }
@@ -272,8 +288,12 @@
   .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
   .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
   .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
+      .ant-picker-cell-range-start-single
+    ).ant-picker-cell-range-hover-start::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
+      .ant-picker-cell-range-end-single
+    ).ant-picker-cell-range-hover-end::before,
   .ant-picker-panel
     > :not(.ant-picker-date-panel)
     .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
@@ -296,8 +316,12 @@
       }
     }
   }
-  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
-  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
+  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
+      .ant-picker-cell-range-start-single
+    )::before,
+  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
+      .ant-picker-cell-range-end-single
+    )::before {
     background: @primary-color-hover !important;
   }
 }

package/es/attrConditions/utils/operates.d.ts

@@ -6,6 +6,56 @@ export declare const numberOperate: {
     name: string;
     value: string;
 }[];
+export declare const computeTypeList: {
+    value: string;
+    name: string;
+}[];
+export declare const typeList: {
+    'cont-string': {
+        name: string;
+        value: string;
+    }[];
+    'cont-date': {
+        name: string;
+        value: string;
+    }[];
+    'cont-num': {
+        name: string;
+        value: string;
+    }[];
+};
+export declare const timeDimensionType: {
+    name: string;
+    value: number;
+}[];
+export declare const orderTypeList: {
+    name: string;
+    value: string;
+}[];
+export declare const skyTimeOperatorType: {
+    name: string;
+    value: string;
+}[];
+export declare const weekTimeOperatorType: {
+    name: string;
+    value: string;
+}[];
+export declare const monthTimeOperatorType: {
+    name: string;
+    value: string;
+}[];
+export declare const timeValuesType: {
+    name: string;
+    value: any;
+}[];
+export declare const weekValuesType: {
+    name: string;
+    value: number;
+}[];
+export declare const monthValuesType: {
+    name: string;
+    value: any;
+}[];
 export declare const dateOperate: {
     name: string;
     value: string;

package/es/attrConditions/utils/operates.js

@@ -1,3 +1,4 @@
+var _Array$from, _Array$from2;
 export var stringOperate = [{
   name: '是',
   value: 'equal'
@@ -48,6 +49,131 @@ export var numberOperate = [{
   name: '≠',
   value: 'not equal'
 }];
+export var computeTypeList = [{
+  value: 'origin',
+  name: '原值'
+}, {
+  value: 'max',
+  name: '最大值'
+}, {
+  value: 'min',
+  name: '最小值'
+}, {
+  value: 'sum',
+  name: '累计值'
+}, {
+  value: 'avg',
+  name: '平均值'
+}];
+export var typeList = {
+  'cont-string': stringOperate,
+  'cont-date': [{
+    name: '最近',
+    value: 'relative'
+  }, {
+    name: '最近区间',
+    value: 'relativeInterval'
+  }, {
+    name: '未来',
+    value: 'future'
+  }, {
+    name: '未来区间',
+    value: 'futureInterval'
+  }, {
+    name: '固定时段',
+    value: 'absolute'
+  }],
+  'cont-num': [{
+    name: '>',
+    value: '>'
+  }, {
+    name: '=',
+    value: '='
+  }, {
+    name: '<',
+    value: '<'
+  }, {
+    name: '>=',
+    value: '>='
+  }, {
+    name: '<=',
+    value: '<='
+  }, {
+    name: '≠',
+    value: 'not equal'
+  }, {
+    name: '区间',
+    value: 'between'
+  }]
+};
+export var timeDimensionType = [{
+  name: '每天',
+  value: 1
+}, {
+  name: '每周',
+  value: 2
+}, {
+  name: '每月',
+  value: 3
+}];
+export var orderTypeList = [{
+  name: '主订单',
+  value: 'master'
+}, {
+  name: '子订单',
+  value: 'son'
+}];
+export var skyTimeOperatorType = [{
+  name: '整天',
+  value: 'all'
+}, {
+  name: '在',
+  value: 'in'
+}, {
+  name: '在区间',
+  value: 'between'
+}];
+export var weekTimeOperatorType = [{
+  name: '整周',
+  value: 'all'
+}, {
+  name: '在',
+  value: 'in'
+}, {
+  name: '在区间',
+  value: 'between'
+}];
+export var monthTimeOperatorType = [{
+  name: '整月',
+  value: 'all'
+}, {
+  name: '在',
+  value: 'in'
+}, {
+  name: '在区间',
+  value: 'between'
+}];
+var arr1 = new Array(24).keys();
+export var timeValuesType = (_Array$from = Array.from(arr1)) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
+  return {
+    name: item + '时',
+    value: item
+  };
+});
+var arr2 = ['一', '二', '三', '四', '五', '六', '日'];
+export var weekValuesType = arr2.map(function (item, index) {
+  return {
+    name: '周' + item,
+    value: index + 1
+  };
+});
+var arr3 = new Array(31).keys();
+export var monthValuesType = (_Array$from2 = Array.from(arr3)) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.map(function (item) {
+  return {
+    name: item + 1 + '号',
+    value: item + 1
+  };
+});
 export var dateOperate = [{
   name: '最近',
   value: 'relative'

package/es/constants/apis.d.ts

@@ -8,5 +8,10 @@ declare const Apis: {
     queryDatasetList: string;
     queryDatasetDetail: string;
     getSocketToken: string;
+    bizDataTypeList: string;
+    orderAttributeMaster: string;
+    orderAttributeSon: string;
+    bizDataAttrList: string;
+    dataAttrValue: string;
 };
 export default Apis;

package/es/constants/apis.js

@@ -7,6 +7,11 @@ var Apis = {
   queryPanelGroup: '/apppanel/panels.jsp',
   queryDatasetList: '/zg/web/cdp/inner/dataset/list',
   queryDatasetDetail: '/zg/web/cdp/inner/dataset/detail',
-  getSocketToken: '/zg/web/v2/tracking/view/websocket/token'
+  getSocketToken: '/zg/web/v2/tracking/view/websocket/token',
+  bizDataTypeList: '/cep-console/api/v1/bizdata/type/list',
+  orderAttributeMaster: '/cep-console/api/v1/cdp/orderAttribute/master',
+  orderAttributeSon: '/cep-console/api/v1/cdp/orderAttribute/son',
+  bizDataAttrList: '/cep-console/api/v1/bizdata/attr/list',
+  dataAttrValue: '/cep-console/api/v1/es/data/attr/value'
 };
 export default Apis;

package/es/context/index.d.ts

@@ -10,6 +10,7 @@ export interface UserInfo {
     username: string;
     email: string;
     companyId: number;
+    serviceType: number;
     companyName: string;
 }
 export interface Menu {
@@ -38,6 +39,7 @@ export interface GlobalContextProps {
     router?: any;
     routes?: any;
     envs?: Record<string, any>;
+    system?: string;
 }
 declare const BizGlobalDataContext: import("react").Context<GlobalContextProps>;
 export default BizGlobalDataContext;

package/es/userCondition/conditionTypeList.js

@@ -13,9 +13,13 @@ var ConditionTypeList = function ConditionTypeList(props) {
     textMode = _useContext.textMode,
     openTagCondition = _useContext.openTagCondition,
     openCdpCondition = _useContext.openCdpCondition,
+    openBusinessDataCondition = _useContext.openBusinessDataCondition,
+    openOrderDataCondition = _useContext.openOrderDataCondition,
+    openCondition = _useContext.openCondition,
     cdpTip = _useContext.cdpTip;
   var _useContext2 = useContext(BizGlobalDataContext),
-    menuNameMap = _useContext2.menuNameMap;
+    menuNameMap = _useContext2.menuNameMap,
+    currentUser = _useContext2.currentUser;
   if (!show || textMode) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "biz-user-condition-type-list"
@@ -23,7 +27,7 @@ var ConditionTypeList = function ConditionTypeList(props) {
     className: "biz-user-condition-type-label"
   }, label) : null, /*#__PURE__*/React.createElement("ul", {
     className: "biz-user-condition-type-container"
-  }, /*#__PURE__*/React.createElement("li", {
+  }, openCondition ? /*#__PURE__*/React.createElement("li", {
     className: "condition-type",
     key: "event",
     onClick: function onClick() {
@@ -31,7 +35,7 @@ var ConditionTypeList = function ConditionTypeList(props) {
     }
   }, /*#__PURE__*/React.createElement(Space, {
     key: "event"
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u505A\u8FC7\uFF08\u6CA1\u505A\u8FC7\uFF09\u2026"))), /*#__PURE__*/React.createElement("li", {
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u505A\u8FC7\uFF08\u6CA1\u505A\u8FC7\uFF09\u2026"))) : null, openCondition ? /*#__PURE__*/React.createElement("li", {
     className: "condition-type",
     key: "add",
     onClick: function onClick() {
@@ -39,7 +43,7 @@ var ConditionTypeList = function ConditionTypeList(props) {
     }
   }, /*#__PURE__*/React.createElement(Space, {
     key: "add"
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u65B0\u589E\u4E8E"))), /*#__PURE__*/React.createElement("li", {
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u65B0\u589E\u4E8E"))) : null, openCondition ? /*#__PURE__*/React.createElement("li", {
     className: "condition-type",
     key: "active",
     onClick: function onClick() {
@@ -47,7 +51,7 @@ var ConditionTypeList = function ConditionTypeList(props) {
     }
   }, /*#__PURE__*/React.createElement(Space, {
     key: "active"
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u6D3B\u8DC3\u4E8E"))), /*#__PURE__*/React.createElement("li", {
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u6D3B\u8DC3\u4E8E"))) : null, openCondition ? /*#__PURE__*/React.createElement("li", {
     className: "condition-type",
     key: "prop",
     onClick: function onClick() {
@@ -55,7 +59,7 @@ var ConditionTypeList = function ConditionTypeList(props) {
     }
   }, /*#__PURE__*/React.createElement(Space, {
     key: "prop"
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u7528\u6237\u5C5E\u6027\u6EE1\u8DB3"))), openTagCondition && (!menuNameMap || menuNameMap['userTags']) ? /*#__PURE__*/React.createElement("li", {
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u7528\u6237\u5C5E\u6027\u6EE1\u8DB3"))) : null, openTagCondition && (!menuNameMap || menuNameMap['userTags']) ? /*#__PURE__*/React.createElement("li", {
     className: "condition-type",
     onClick: function onClick() {
       return onAdd('tag');
@@ -69,7 +73,23 @@ var ConditionTypeList = function ConditionTypeList(props) {
     title: cdpTip
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "tishiicon"
-  })) : null)) : null));
+  })) : null)) : null, openBusinessDataCondition || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.serviceType) === 0 || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.serviceType) === 2 ? /*#__PURE__*/React.createElement("li", {
+    className: "condition-type",
+    key: "business",
+    onClick: function onClick() {
+      return onAdd('business');
+    }
+  }, /*#__PURE__*/React.createElement(Space, {
+    key: "business"
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u4E1A\u52A1\u6570\u636E"))) : null, openOrderDataCondition || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.serviceType) === 0 || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.serviceType) === 2 ? /*#__PURE__*/React.createElement("li", {
+    className: "condition-type",
+    key: "order",
+    onClick: function onClick() {
+      return onAdd('order');
+    }
+  }, /*#__PURE__*/React.createElement(Space, {
+    key: "order"
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("span", null, "\u8BA2\u5355\u6570\u636E"))) : null));
 };
 ConditionTypeList.defaultProps = {
   show: true

package/es/userCondition/conditions/business/operatorCondition.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import '../styles/runTimesCondition.less';
+export interface OperatorConditionPropsI {
+    condition: any;
+    index: number;
+    stringOperateList: any;
+    queryValueObj: any;
+    onChange: (condition: any) => void;
+}
+declare const OperatorCondition: React.FC<OperatorConditionPropsI>;
+export default OperatorCondition;

package/es/userCondition/conditions/business/operatorCondition.js

@@ -0,0 +1,181 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useContext, useEffect, useState } from 'react';
+import BizSelect from '../../../select';
+import '../styles/runTimesCondition.less';
+import { classPrefix } from '../..';
+import { computeTypeList } from '../../../attrConditions/utils/operates';
+import request from '../../../utils/ajax';
+import BizGlobalDataContext from '../../../context';
+import Apis from '../../../constants/apis';
+var OperatorCondition = function OperatorCondition(props) {
+  var _condition$attrs$inde, _condition$attrs$inde2, _condition$paramsList;
+  var condition = props.condition,
+    index = props.index,
+    stringOperateList = props.stringOperateList,
+    queryValueObj = props.queryValueObj,
+    onChange = props.onChange;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    paramsList = _useState2[0],
+    setParamsList = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timer = _useState4[0],
+    setTimer = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchValue = _useState6[0],
+    setSearchValue = _useState6[1];
+  var obj = (_condition$attrs$inde = condition.attrs[index]) === null || _condition$attrs$inde === void 0 ? void 0 : (_condition$attrs$inde2 = _condition$attrs$inde.params) === null || _condition$attrs$inde2 === void 0 ? void 0 : _condition$attrs$inde2.map(function (item) {
+    return {
+      name: item,
+      value: item
+    };
+  });
+  var _useState7 = useState(obj ? obj : []),
+    _useState8 = _slicedToArray(_useState7, 2),
+    current = _useState8[0],
+    setCurrent = _useState8[1];
+  var _useContext = useContext(BizGlobalDataContext),
+    currentApp = _useContext.currentApp;
+  useEffect(function () {
+    queryValueList(searchValue, {});
+  }, [searchValue]);
+  useEffect(function () {
+    var _queryValueObj$operat;
+    if (queryValueObj === null || queryValueObj === void 0 ? void 0 : (_queryValueObj$operat = queryValueObj.operate) === null || _queryValueObj$operat === void 0 ? void 0 : _queryValueObj$operat.id) {
+      queryValueList(queryValueObj.keyword, queryValueObj.operate);
+    }
+  }, [queryValueObj]);
+  function queryValueList(keyword, operate) {
+    var fetch = function fetch() {
+      request(Apis.dataAttrValue, {
+        method: 'post',
+        data: {
+          appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
+          attrId: condition.attrs[index].attrId,
+          dataTypeId: operate.bizDataTypeId ? operate.bizDataTypeId : condition.attrs[index].orderType === 'master' ? 1 : 2,
+          keyword: keyword,
+          pageNum: 1,
+          pageSize: 20,
+          attrName: operate.name,
+          eventId: 0
+        }
+      }).then(function (res) {
+        if (res.data) {
+          var _res$data;
+          var isString = function isString(val) {
+            return typeof val === 'string';
+          };
+          var list = (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.map(function (item) {
+            return {
+              name: !isString(item) ? JSON.stringify(item) : item,
+              value: !isString(item) ? JSON.stringify(item) : item
+            };
+          });
+          condition.paramsList[index].paramsList = list;
+          setParamsList(list);
+        } else {
+          setParamsList([]);
+          condition.paramsList[index].paramsList = [];
+        }
+      }).catch(function () {
+        setParamsList([]);
+        condition.paramsList[index].paramsList = [];
+      });
+    };
+    if (timer) clearTimeout(timer);
+    setTimer(setTimeout(function () {
+      fetch();
+    }, 400));
+    onChange(_objectSpread({}, condition));
+  }
+  var onStringOperateChange = function onStringOperateChange(operate) {
+    if (condition.attrs[index].operator !== 'absolute') {
+      condition.attrs[index].params = [];
+    }
+    condition.attrs[index].operator = operate.value;
+    onChange(_objectSpread({}, condition));
+  };
+  var onComputeTypeOperateChange = function onComputeTypeOperateChange(operate) {
+    condition.attrs[index].computeType = operate.value;
+    onChange(_objectSpread({}, condition));
+  };
+  var onParamsChange = function onParamsChange(operate) {
+    if (operate.length > 0) {
+      var _obj = operate === null || operate === void 0 ? void 0 : operate.map(function (item) {
+        return {
+          name: item.name,
+          value: item.value
+        };
+      });
+      var params = operate === null || operate === void 0 ? void 0 : operate.map(function (item) {
+        return item.value;
+      });
+      if (!(condition === null || condition === void 0 ? void 0 : condition.typeId)) {
+        queryValueList(searchValue, {});
+      }
+      setCurrent(_obj);
+      condition.attrs[index].params = params;
+      onChange(_objectSpread({}, condition));
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-runtimes-condition")
+  }, !(condition === null || condition === void 0 ? void 0 : condition.typeId) && condition.attrs[index].attrType === 'cont-num' ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-operator")
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-select-condition"),
+    options: computeTypeList,
+    labelField: "name",
+    keyField: "value",
+    value: {
+      name: condition.attrs[index].computeType,
+      value: condition.attrs[index].computeType
+    },
+    overlayWidth: 120,
+    onChange: onComputeTypeOperateChange
+  })) : null, (condition === null || condition === void 0 ? void 0 : condition.typeId) && condition.attrs[index].attrType === 'cont-num' || !(condition === null || condition === void 0 ? void 0 : condition.typeId) ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-operator")
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-select-condition"),
+    options: stringOperateList,
+    labelField: "name",
+    keyField: "value",
+    value: {
+      name: condition.attrs[index].operator,
+      value: condition.attrs[index].operator
+    },
+    overlayWidth: 120,
+    onChange: onStringOperateChange
+  })) : null, !(condition === null || condition === void 0 ? void 0 : condition.typeId) && condition.attrs[index].attrType === 'cont-string' || condition.attrs[index].attrType === 'cont-string' && condition.attrs[index].operator !== 'is null' && condition.attrs[index].operator !== 'is not null' ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-operator"),
+    style: {
+      width: '250px'
+    }
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-multi-select"),
+    multiple: true,
+    size: "middle",
+    labelField: "name",
+    keyField: "value",
+    options: paramsList.length > 0 ? paramsList : condition === null || condition === void 0 ? void 0 : (_condition$paramsList = condition.paramsList[index]) === null || _condition$paramsList === void 0 ? void 0 : _condition$paramsList.paramsList,
+    value: current,
+    onChange: onParamsChange,
+    onSearch: setSearchValue,
+    enableCreate: true,
+    enableSearch: true
+  })) : null));
+};
+export default OperatorCondition;

package/es/userCondition/conditions/business/paramsCondition.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import '../styles/runTimesCondition.less';
+export interface ParamsConditionPropsI {
+    condition: any;
+    index: number;
+    onChange: (condition: any) => void;
+}
+declare const ParamsCondition: React.FC<ParamsConditionPropsI>;
+export default ParamsCondition;