liteflow-editor-process 1.0.0

package/dist/LiteFlowEditor/panels/settingBar/properties/component.js

@@ -0,0 +1,2780 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect, useRef, useContext } from 'react';
+import { Button, Form, Input, Select, Divider, Space, message, Cascader, TreeSelect, List, Switch } from 'antd';
+import { PlusOutlined, CloseCircleTwoTone } from '@ant-design/icons';
+import { history } from "../../../hooks/useHistory";
+import { useModel } from "../../../hooks/useModel";
+import { useUpdateEffect } from "../../../hooks/useUpdateEffect";
+import styles from "./index.module.less";
+import GraphContext from "../../../context/GraphContext";
+import { useScriptContext } from "../../../context/ScriptContext";
+import RichParamEditor from "./RichParamEditor";
+import { unitNumOptions, unitOptions } from "../../../constant/index";
+import { useTagGetModel, findNodesBeforeTag, extractBracedContent, findWorkInputs, extractTextInParentheses, formatDateTime } from "../../../utils/index";
+import { useTranslation } from 'react-i18next';
+var ComponentPropertiesEditor = function ComponentPropertiesEditor(_ref) {
+  var model = _ref.model,
+    paramsList = _ref.paramsList,
+    flowGraph = _ref.flowGraph;
+  var _useContext = useContext(GraphContext),
+    chainObject = _useContext.chainObject; // 工作流回显参数
+  // 组件数据，添加过滤器方法，数据集列表，过滤器信息，添加聚合方法，聚合列表，报表模板列表，查询知识库方法
+  var _useScriptContext = useScriptContext(),
+    scriptList = _useScriptContext.scriptList,
+    addFilter = _useScriptContext.addFilter,
+    dataSetList = _useScriptContext.dataSetList,
+    filtersInfo = _useScriptContext.filtersInfo,
+    addAggFun = _useScriptContext.addAggFun,
+    aggList = _useScriptContext.aggList,
+    reportTemplateList = _useScriptContext.reportTemplateList,
+    chainCurComponent = _useScriptContext.chainCurComponent,
+    changeIndex = _useScriptContext.changeIndex,
+    changeLogIndex = _useScriptContext.changeLogIndex,
+    queryKnowledge = _useScriptContext.queryKnowledge,
+    selectApply = _useScriptContext.selectApply,
+    getCompliance = _useScriptContext.getCompliance,
+    getApplyFlow = _useScriptContext.getApplyFlow,
+    getCurScheduleSet = _useScriptContext.getCurScheduleSet,
+    getAnalyseField = _useScriptContext.getAnalyseField,
+    showViewSetting = _useScriptContext.showViewSetting;
+  var dataOptions = dataSetList.map(function (item) {
+    return {
+      label: item.dataSetName,
+      value: item.id,
+      isLeaf: false,
+      getLogList: item.getLogList,
+      getLogFieldsData: item.getLogFieldsData
+    };
+  });
+  var _useState = useState(dataSetList.map(function (item) {
+      return {
+        title: item.dataSetName,
+        value: item.id,
+        id: item.id,
+        pid: 0,
+        isLeaf: false,
+        getLogList: item.getLogList,
+        checkable: false,
+        disableCheckbox: true,
+        selectable: false,
+        level: 1
+      };
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    treeData = _useState2[0],
+    setTreeData = _useState2[1];
+  // 已加载的节点键值
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadedKeys = _useState4[0],
+    setLoadedKeys = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputParams = _useState6[0],
+    setInputParams = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    inputValues = _useState8[0],
+    setInputValues = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    inputList = _useState10[0],
+    setInputList = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    currentType = _useState12[0],
+    setCurrentType = _useState12[1];
+  var _message$useMessage = message.useMessage(),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    contextHolder = _message$useMessage2[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var inputRef = useRef(null);
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    newFields = _useState14[0],
+    setNewFields = _useState14[1];
+  var _useState15 = useState(dataOptions),
+    _useState16 = _slicedToArray(_useState15, 2),
+    dataSetOptions = _useState16[0],
+    setDataSetOptions = _useState16[1];
+  var _useState17 = useState([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    selectLog = _useState18[0],
+    setSelectLog = _useState18[1];
+  var _useState19 = useState([]),
+    _useState20 = _slicedToArray(_useState19, 2),
+    nodeFilters = _useState20[0],
+    setNodeFilters = _useState20[1];
+  var _useState21 = useState([]),
+    _useState22 = _slicedToArray(_useState21, 2),
+    selections = _useState22[0],
+    setSelections = _useState22[1];
+  var _useState23 = useState([]),
+    _useState24 = _slicedToArray(_useState23, 2),
+    iteratorNodes = _useState24[0],
+    setIteratorNodes = _useState24[1];
+  var _useState25 = useState(''),
+    _useState26 = _slicedToArray(_useState25, 2),
+    iteratorNodeValue = _useState26[0],
+    setIteratorNodeValue = _useState26[1];
+  var _useState27 = useState([]),
+    _useState28 = _slicedToArray(_useState27, 2),
+    selectAggList = _useState28[0],
+    setSelectAggList = _useState28[1];
+  var _useState29 = useState([]),
+    _useState30 = _slicedToArray(_useState29, 2),
+    selectionsOptions = _useState30[0],
+    setSelectionsOptions = _useState30[1];
+  var _useState31 = useState([]),
+    _useState32 = _slicedToArray(_useState31, 2),
+    applyList = _useState32[0],
+    setApplyList = _useState32[1];
+  var _useState33 = useState([]),
+    _useState34 = _slicedToArray(_useState33, 2),
+    sortCriteria = _useState34[0],
+    setSortCriteria = _useState34[1];
+  var _useState35 = useState([]),
+    _useState36 = _slicedToArray(_useState35, 2),
+    fieldSetting = _useState36[0],
+    setFieldSetting = _useState36[1];
+  var _useState37 = useState(0),
+    _useState38 = _slicedToArray(_useState37, 2),
+    aiNetSearch = _useState38[0],
+    setAiNetSearch = _useState38[1];
+  var _useState39 = useState([]),
+    _useState40 = _slicedToArray(_useState39, 2),
+    curScheduleSet = _useState40[0],
+    setCurScheduleSet = _useState40[1];
+  var _useState41 = useState([]),
+    _useState42 = _slicedToArray(_useState41, 2),
+    caseAttrField = _useState42[0],
+    setCaseAttrField = _useState42[1];
+  var _useState43 = useState([]),
+    _useState44 = _slicedToArray(_useState43, 2),
+    selectNodes = _useState44[0],
+    setSelectNodes = _useState44[1];
+  var _useState45 = useState(undefined),
+    _useState46 = _slicedToArray(_useState45, 2),
+    rootCauseNode = _useState46[0],
+    setRootCauseNode = _useState46[1];
+  var _useState47 = useState([]),
+    _useState48 = _slicedToArray(_useState47, 2),
+    rootCauseParam = _useState48[0],
+    setRootCauseParam = _useState48[1];
+  var _useState49 = useState([]),
+    _useState50 = _slicedToArray(_useState49, 2),
+    analyseField = _useState50[0],
+    setAnalyseField = _useState50[1];
+  var _useState51 = useState(undefined),
+    _useState52 = _slicedToArray(_useState51, 2),
+    analysisFieldTemplate = _useState52[0],
+    setAnalysisFieldTemplate = _useState52[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var loadTreeData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(node) {
+      var children, res, _res, index;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(node.level === 1)) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 3;
+            return node.getLogList({
+              dataSetId: node.value,
+              success: 3
+            });
+          case 3:
+            res = _context.sent;
+            children = res.data;
+            children = children.map(function (item) {
+              return {
+                title: item.logName,
+                value: item.logId,
+                id: item.logId,
+                pId: node.value,
+                isLeaf: false,
+                checkable: false,
+                // 只有叶子节点可以被选中
+                disableCheckbox: true,
+                selectable: false,
+                level: 2
+              };
+            });
+            _context.next = 13;
+            break;
+          case 8:
+            _context.next = 10;
+            return queryKnowledge({
+              logId: node.value
+            });
+          case 10:
+            _res = _context.sent;
+            children = _res.data;
+            children = children.map(function (item) {
+              return {
+                title: item.fileName,
+                value: item.id,
+                id: item.id,
+                pId: node.value,
+                isLeaf: true,
+                checkable: true,
+                // 只有叶子节点可以被选中
+                level: 3
+              };
+            });
+          case 13:
+            loadedKeys.push(node.value);
+            setLoadedKeys(_toConsumableArray(loadedKeys));
+            if (children.length > 0) {
+              setTreeData(treeData.concat(children));
+            } else {
+              index = treeData.findIndex(function (item) {
+                return item.value === node.value;
+              });
+              treeData[index].isLeaf = true;
+              setTreeData(_toConsumableArray(treeData));
+            }
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function loadTreeData(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var onChangeKnowledge = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(value, title) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            // console.log('onChangeKnowledge', value, title);
+            model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+              knowledgeTreeData: treeData,
+              aiKnowledgeFileList: title,
+              aiKnowledgeFileId: value
+            }));
+            setCurrentModelProperties();
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onChangeKnowledge(_x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * @description: 切换组件
+   * @param {string | undefined} value
+  */
+  var changeScript = function changeScript(value) {
+    var scriptInfo = scriptList.find(function (i) {
+      return i.scriptId === value;
+    });
+    if (((scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type) === 1 || (scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type) == 4 || (scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type) == 5) && scriptInfo !== null && scriptInfo !== void 0 && scriptInfo.params) {
+      var _paramsList = JSON.parse(scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.params);
+      var newInputList = _paramsList.map(function (item) {
+        return {
+          value: '',
+          variableDesc: item.variableDesc,
+          label: item.variableName,
+          type: item.variableType,
+          richValue: [],
+          selectIsOpen: false
+        };
+      });
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        inputList: newInputList
+      }));
+      setInputList(newInputList);
+    } else if ((scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type) == 6 || (scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type) == 7) {
+      selectApply({
+        applyName: scriptInfo.scriptName
+      }).then(function (res) {
+        setApplyList(res);
+        model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+          applyList: res
+        }));
+      });
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        inputList: []
+      }));
+      setInputList([]);
+    } else {
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        inputList: []
+      }));
+      setInputList([]);
+    }
+    setSortCriteria([]);
+    setSelectionsOptions([]);
+    setSelections([]);
+    setSelectLog([]);
+    setCurScheduleSet([]);
+    setRootCauseNode(undefined);
+    setRootCauseParam([]);
+    setAnalysisFieldTemplate(undefined);
+    var text = '';
+    var oldScriptInfo = scriptList.find(function (i) {
+      return i.scriptId === model.id;
+    });
+    if (model.getProperties().scriptName && (oldScriptInfo === null || oldScriptInfo === void 0 ? void 0 : oldScriptInfo.scriptName) !== model.getProperties().scriptName) {
+      text = model.getProperties().scriptName;
+    } else {
+      text = (scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.scriptName) || '';
+    }
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      scriptName: text,
+      forecastId: '',
+      modelType: scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type,
+      logId: '',
+      dataSetId: '',
+      simpleQueryModel: {},
+      rootCauseNode: '',
+      rootCauseParam: undefined
+    }));
+    model.id = scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.scriptId;
+    var modelNode = model.getStartNode();
+    modelNode.updateAttrs({
+      label: {
+        text: text,
+        fill: "#333",
+        fontSize: 13,
+        refX: 0.5,
+        refY: "100%",
+        refY2: 20,
+        textAnchor: "middle",
+        textVerticalAnchor: "middle"
+      }
+    });
+    form.setFieldsValue({
+      script: scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.scriptId,
+      name: text
+    });
+    setCurrentType(scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type);
+    history.push(undefined, {
+      silent: true
+    });
+  };
+  /**
+   * @description: 切换下拉弹窗的显示
+   * @param {number} index
+   * @param {boolean} visible
+  */
+  var _onDropdownVisibleChange = function onDropdownVisibleChange(index, visible) {
+    var newInputList = _toConsumableArray(inputList);
+    newInputList[index].selectIsOpen = visible;
+    setInputList(newInputList);
+  };
+  /**
+   * @description: 添加自定义参数
+   * @param {number} index
+  */
+  var addNewFields = function addNewFields(index) {
+    if (!newFields) {
+      messageApi.open({
+        type: 'warning',
+        content: '请输入参数名称'
+      });
+      return;
+    }
+    var newInputParams = [];
+    if (inputParams.length === 0) {
+      newInputParams = [{
+        id: 'user_added',
+        label: '用户新增字段',
+        icon: 'user_added_icon',
+        children: [{
+          id: 'user_added_' + newFields,
+          label: newFields,
+          icon: 'user_added_icon',
+          type: 'Standard',
+          fieldsType: 'TEXT'
+        }]
+      }];
+      setInputParams(newInputParams);
+    } else {
+      newInputParams = _toConsumableArray(inputParams);
+      newInputParams[0].children.push({
+        id: 'user_added_' + newFields,
+        label: newFields,
+        icon: 'user_added_icon',
+        type: 'Standard',
+        fieldsType: 'TEXT'
+      });
+      setInputParams(newInputParams);
+    }
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      inputParams: newInputParams
+    }));
+    changeInputLabel("user_added_".concat(newFields), index);
+    setNewFields('');
+  };
+
+  /**
+   * @description: 更新自定义参数的名称
+  */
+  var onNewFieldsChange = function onNewFieldsChange(e) {
+    setNewFields(e.target.value);
+  };
+  /**
+   * @description: 设置工作流参数的值到Then节点
+  */
+  var setThenProperties = function setThenProperties() {
+    var allModel = useModel();
+    if (allModel.children && allModel.children[0]) {
+      var workInputs = findWorkInputs(allModel.toJSON());
+      // console.log('workInputs', workInputs);
+      if (workInputs.length > 0) {
+        var object = {};
+        workInputs.forEach(function (item) {
+          // console.log(paramsList)
+          paramsList.forEach(function (param) {
+            if (item.value === param.name || item.value === extractTextInParentheses(param.name)) {
+              if (!Object.keys(object).includes(item.tag)) {
+                object[item.tag] = [{
+                  variableName: extractTextInParentheses(param.name),
+                  variableType: param.type,
+                  variableDescription: param.description,
+                  variableValue: item.label,
+                  variableSelect: param.logField
+                }];
+              } else {
+                object[item.tag].push({
+                  variableName: extractTextInParentheses(param.name),
+                  variableType: param.type,
+                  variableDescription: param.description,
+                  variableValue: item.label,
+                  variableSelect: param.logField
+                });
+              }
+            }
+          });
+        });
+        // console.log(object)
+        allModel.children[0].setProperties({
+          data: JSON.stringify(object)
+        });
+      } else {
+        allModel.children[0].setProperties({});
+      }
+      ;
+      // flowGraph.trigger('node:change:*');
+    }
+  };
+  /**
+   * @description: 设置当前节点的BindObject
+  */
+  var setCurrentModelProperties = function setCurrentModelProperties() {
+    var _model$getProperties, _model$getProperties2, _model$getProperties3, _model$parent, _model$getProperties5, _model$getProperties7, _model$getProperties9, _model$getProperties11, _model$getProperties13;
+    var properties = model.getProperties();
+    if (!properties) return;
+    var modelInputList = properties['inputList'] || [];
+    var specialInputList = modelInputList.filter(function (item) {
+      return item.type === 'input';
+    });
+    modelInputList = modelInputList.filter(function (item) {
+      return !item.type || item.type !== 'input';
+    });
+    var bindObject = {};
+    if (modelInputList.length && modelInputList.every(function (i) {
+      return i.value && i.label;
+    })) {
+      modelInputList.forEach(function (item) {
+        var type = '';
+        if (item.type) {
+          type = item.type;
+        } else {
+          inputValues.forEach(function (i1) {
+            i1.options.forEach(function (i2) {
+              if (i2.value === item.value) {
+                type = i2.type;
+              }
+            });
+          });
+        }
+        var types = {
+          'string': ['TEXT', 'Standard', 'input'],
+          'number': ['DOUBLE', 'INT', 'Long'],
+          'time': ['TIME', 'TIME TANG', 'time', 'Time', 'TimeSpan']
+        };
+        if (types.string.includes(type)) {
+          type = 'string';
+        } else if (types.number.includes(type)) {
+          type = 'number';
+        } else if (types.time.includes(type)) {
+          type = 'time';
+        }
+        if (item.value.split('~~~')[0] === 'work') {
+          bindObject[item.label] = {
+            sourceField: extractTextInParentheses(item.value.split('~~~')[1]) || '',
+            type: type,
+            target: 'initialize'
+          };
+        } else {
+          var useParamModel = useTagGetModel(item.value.split('~~~')[0], useModel);
+          if (useParamModel && [6, 7].includes(useParamModel.properties.modelType)) {
+            bindObject[item.label] = {
+              sourceField: item.value.split('~~~')[1].split('-')[1],
+              type: type,
+              target: item.value.split('~~~')[0] + "".concat(item.value.split('~~~')[1].split('-')[0])
+            };
+          } else {
+            bindObject[item.label] = {
+              sourceField: item.value.split('~~~')[1],
+              type: type,
+              target: item.value.split('~~~')[0]
+            };
+          }
+        }
+      });
+    }
+    if (specialInputList.length > 0) {
+      specialInputList.forEach(function (item) {
+        var usePramsList = extractBracedContent(item.value);
+        // console.log(usePramsList, item.value);
+        var paramsValue = item.value;
+        usePramsList.forEach(function (param) {
+          if (param.split('~~~')[0] === 'work') {
+            paramsValue = paramsValue.replace(param, "initialize-".concat(extractTextInParentheses(param.split('~~~')[1]) || ''));
+          } else {
+            var useParamModel = useTagGetModel(param.split('~~~')[0], useModel);
+            if (useParamModel && [6, 7].includes(useParamModel.properties.modelType)) {
+              if (param.split('~~~')[1].split('-').length == 1) {
+                paramsValue = paramsValue.replace(param, "".concat(param.split('~~~')[0] + param.split('~~~')[1].split('-')[0], "-").concat(param.split('~~~')[1]));
+              } else {
+                paramsValue = paramsValue.replace(param, "".concat(param.split('~~~')[0] + param.split('~~~')[1].split('-')[0], "-").concat(param.split('~~~')[1].split('-')[1]));
+              }
+            } else {
+              paramsValue = paramsValue.replace(param, "".concat(param.split('~~~')[0], "-").concat(param.split('~~~')[1]));
+            }
+          }
+        });
+        var inputParamObj = {};
+        var typedObj = inputParamObj;
+        usePramsList.forEach(function (param) {
+          if (param.split('~~~')[0] === 'work') {
+            var workValue = extractTextInParentheses(param.split('~~~')[1]) || '';
+            typedObj["initialize-".concat(extractTextInParentheses(param.split('~~~')[1]) || '')] = "initialize@@".concat(workValue);
+          } else {
+            var useParamModel = useTagGetModel(param.split('~~~')[0], useModel);
+            if (useParamModel && [6, 7].includes(useParamModel.properties.modelType)) {
+              if (param.split('~~~')[1].split('-').length == 1) {
+                typedObj["".concat(param.split('~~~')[0] + param.split('~~~')[1], "-").concat(param.split('~~~')[1])] = "".concat(param.split('~~~')[0] + param.split('~~~')[1].split('-')[0], "@@").concat(param.split('~~~')[1]);
+              } else {
+                typedObj["".concat(param.split('~~~')[0] + param.split('~~~')[1].split('-')[0], "-").concat(param.split('~~~')[1].split('-')[1])] = "".concat(param.split('~~~')[0] + param.split('~~~')[1].split('-')[0], "@@").concat(param.split('~~~')[1].split('-')[1]);
+              }
+            } else {
+              typedObj["".concat(param.split('~~~')[0], "-").concat(param.split('~~~')[1])] = "".concat(param.split('~~~')[0], "@@").concat(param.split('~~~')[1]);
+            }
+          }
+          return typedObj;
+        });
+        bindObject[item.label] = {
+          sourceField: paramsValue,
+          type: item.type || '',
+          inputParam: [typedObj]
+        };
+      });
+    }
+    var obj = {
+      logId: properties['logId'],
+      dataSetId: properties['dataSetId'],
+      simpleQueryModel: [2, 6, 7, 8].includes(properties['modelType']) ? JSON.stringify((_model$getProperties = model.getProperties()) === null || _model$getProperties === void 0 ? void 0 : _model$getProperties.simpleQueryModel) : undefined,
+      nodeMappingListMap: JSON.stringify(bindObject),
+      aiNetSearch: (_model$getProperties2 = model.getProperties()) === null || _model$getProperties2 === void 0 ? void 0 : _model$getProperties2.aiNetSearch
+    };
+    if ((_model$getProperties3 = model.getProperties()) !== null && _model$getProperties3 !== void 0 && _model$getProperties3.filterParam) {
+      var _model$getProperties4;
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        filterParam: (_model$getProperties4 = model.getProperties()) === null || _model$getProperties4 === void 0 ? void 0 : _model$getProperties4.filterParam
+      });
+    }
+    if (((_model$parent = model.parent) === null || _model$parent === void 0 ? void 0 : _model$parent.type) === "ITERATOR" && model.parent.condition) {
+      var _model$parent$conditi;
+      if ((_model$parent$conditi = model.parent.condition.properties) !== null && _model$parent$conditi !== void 0 && _model$parent$conditi.bind) {
+        var _model$parent$conditi2;
+        var paramsType = JSON.parse((_model$parent$conditi2 = model.parent.condition.properties) === null || _model$parent$conditi2 === void 0 ? void 0 : _model$parent$conditi2.bind).iterator;
+        obj = _objectSpread(_objectSpread({}, obj), {}, {
+          iterator: paramsType
+        });
+      }
+    }
+    if (currentType === 5 && (_model$getProperties5 = model.getProperties()) !== null && _model$getProperties5 !== void 0 && _model$getProperties5.reportMinioName) {
+      var _model$getProperties6;
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        reportMinioName: (_model$getProperties6 = model.getProperties()) === null || _model$getProperties6 === void 0 ? void 0 : _model$getProperties6.reportMinioName
+      });
+    }
+    if (currentType === 4 && (_model$getProperties7 = model.getProperties()) !== null && _model$getProperties7 !== void 0 && _model$getProperties7.aiKnowledgeFileList) {
+      var _model$getProperties8;
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        aiKnowledgeFileList: JSON.stringify((_model$getProperties8 = model.getProperties()) === null || _model$getProperties8 === void 0 ? void 0 : _model$getProperties8.aiKnowledgeFileList)
+      });
+    }
+    if (currentType === 7 && (_model$getProperties9 = model.getProperties()) !== null && _model$getProperties9 !== void 0 && _model$getProperties9.forecastId) {
+      var _model$getProperties10;
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        forecastId: (_model$getProperties10 = model.getProperties()) === null || _model$getProperties10 === void 0 ? void 0 : _model$getProperties10.forecastId
+      });
+    }
+    if (currentType === 8 && (_model$getProperties11 = model.getProperties()) !== null && _model$getProperties11 !== void 0 && _model$getProperties11.rootCauseNode) {
+      var _model$getProperties12;
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        rootCauseNode: (_model$getProperties12 = model.getProperties()) === null || _model$getProperties12 === void 0 ? void 0 : _model$getProperties12.rootCauseNode
+      });
+    }
+    if (currentType === 8 && (_model$getProperties13 = model.getProperties()) !== null && _model$getProperties13 !== void 0 && _model$getProperties13.rootCauseParam) {
+      var _model$getProperties14;
+      obj = _objectSpread(_objectSpread({}, obj), {}, {
+        rootCauseParam: JSON.stringify((_model$getProperties14 = model.getProperties()) === null || _model$getProperties14 === void 0 ? void 0 : _model$getProperties14.rootCauseParam)
+      });
+    }
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      bind: JSON.stringify(obj)
+    }));
+  };
+  var formatUnitList = function formatUnitList(currentFile) {
+    // console.log(currentFile);
+    var unitNeedList = [];
+    if (currentFile.fieldsType === "TIME TANG" && currentFile.aggregation !== "COUNT" && currentFile.aggregation !== "COUNT_DISTINCT") {
+      unitNeedList = [{
+        label: "以毫秒",
+        value: "Millisecond"
+      }, {
+        label: "以秒",
+        value: "Seconds"
+      }, {
+        label: "以分",
+        value: "Minutes"
+      }, {
+        label: "以小时",
+        value: "Hours"
+      }, {
+        label: "以天",
+        value: "Days"
+      }, {
+        label: "以周",
+        value: "Weeks"
+      }, {
+        label: "以月",
+        value: "Months"
+      }, {
+        label: "以年",
+        value: "Years"
+      }, {
+        label: "以-天-小时-分钟-秒",
+        value: "forMatTime"
+      }];
+    } else {
+      unitNeedList = [{
+        label: "基本",
+        value: "Basic"
+      }, {
+        label: "以千",
+        value: "Thousand"
+      }, {
+        label: "以百万",
+        value: "Million"
+      }, {
+        label: "以十亿",
+        value: "Billion"
+      }];
+    }
+    return unitNeedList;
+  };
+  var changeRootCauseNode = function changeRootCauseNode(value) {
+    var _node$properties, _node$properties2, _node$properties3;
+    var node = selectNodes.find(function (i) {
+      var _i$properties;
+      return ((_i$properties = i.properties) === null || _i$properties === void 0 ? void 0 : _i$properties.tag) === value;
+    });
+    var getLogFieldsData = dataOptions[0].getLogFieldsData;
+    setRootCauseNode(value);
+    setRootCauseParam([]);
+    setAnalysisFieldTemplate(undefined);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      rootCauseNode: value,
+      logId: (_node$properties = node.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.logId,
+      rootCauseParam: []
+    }));
+    setCurrentModelProperties();
+    getLogFieldsData((_node$properties2 = node.properties) === null || _node$properties2 === void 0 ? void 0 : _node$properties2.logId).then(function (res) {
+      if (res.status === 'success') {
+        setInputParams(generateInputParams(res.logFields));
+      }
+    });
+    getAnalyseField({
+      logId: (_node$properties3 = node.properties) === null || _node$properties3 === void 0 ? void 0 : _node$properties3.logId
+    }).then(function (res) {
+      if (res.code === 200) {
+        setAnalyseField(res.data);
+      }
+    });
+    flowGraph.trigger('node:change:*');
+  };
+  var getRootCauseParam = function getRootCauseParam() {
+    if (!rootCauseParam.length) return undefined;
+    if (rootCauseParam.length == 1) return rootCauseParam[0].asColumn;
+    return rootCauseParam.filter(function (i) {
+      return i.asColumn.includes('y');
+    })[0].asColumn;
+  };
+  var changeAnalysisAgg = function changeAnalysisAgg(value, option) {
+    setSelections(value);
+    setSelectionsOptions(option.map(function (item) {
+      return {
+        fieldsType: item.fieldsType,
+        label: item.label,
+        type: item.type,
+        asColumn: item.id,
+        id: item.id,
+        key: item.id,
+        config: getConfig(item)
+      };
+    }));
+    flowGraph.trigger('node:change:*');
+  };
+  var getConfig = function getConfig(item) {
+    var _selectionsOptions$fi;
+    if ((_selectionsOptions$fi = selectionsOptions.find(function (i) {
+      return i.asColumn === item.id;
+    })) !== null && _selectionsOptions$fi !== void 0 && _selectionsOptions$fi.config) {
+      return selectionsOptions.find(function (i) {
+        return i.asColumn === item.id;
+      }).config;
+    }
+    if (getFieldType(item.id) === "Time") {
+      return {
+        interval: 1,
+        timeUnit: "MONTHS",
+        type: "timeDistributionConfig"
+      };
+    }
+    return {};
+  };
+  var changeAnalysisField = function changeAnalysisField(value) {
+    var fieldList = getRootCauseNode().properties.outputParams;
+    if (value.includes('y')) {
+      var fieldXList = fieldList.filter(function (i) {
+        return i.asColumn.includes('x');
+      });
+      var fieldData = fieldList.find(function (i) {
+        return i.asColumn == value;
+      });
+      fieldXList.push(fieldData);
+      setRootCauseParam(fieldXList);
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        rootCauseParam: fieldXList
+      }));
+    } else {
+      var _fieldData = fieldList.find(function (i) {
+        return i.asColumn == value;
+      });
+      setRootCauseParam([_objectSpread({}, _fieldData)]);
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        rootCauseParam: [_objectSpread({}, _fieldData)]
+      }));
+    }
+    setCurrentModelProperties();
+    flowGraph.trigger('node:change:*');
+  };
+  var changeAnalysisFieldTemplate = function changeAnalysisFieldTemplate(val) {
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      analysisFieldTemplate: val
+    }));
+    var selections = JSON.parse(analyseField.find(function (i) {
+      return i.id == val;
+    }).selectionsJson);
+    setSelectionsOptions(selections);
+    setSelections(selections.map(function (i) {
+      return i.key;
+    }));
+    setAnalysisFieldTemplate(val);
+  };
+  var getRootCauseNode = function getRootCauseNode() {
+    return selectNodes.find(function (i) {
+      var _i$properties2;
+      return ((_i$properties2 = i.properties) === null || _i$properties2 === void 0 ? void 0 : _i$properties2.tag) === rootCauseNode;
+    });
+  };
+  /**
+   * @description: 更新输入变量的value
+   * @param {any} sourceValue
+   * @param {number} index
+  */
+  var changeInputValue = function changeInputValue(sourceValue, index) {
+    var value = '';
+    if (typeof sourceValue !== 'string') {
+      sourceValue.forEach(function (item) {
+        value += item.children.map(function (item) {
+          if (item.type === 'variable') {
+            return "{{".concat(item.value, "}}");
+          } else {
+            return item.text;
+          }
+        }).join('');
+      });
+    } else {
+      value = sourceValue;
+    }
+    var newInputList = _toConsumableArray(inputList);
+    newInputList[index].value = value;
+    if (newInputList[index].type === 'input') {
+      newInputList[index].richValue = sourceValue;
+    }
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      inputList: newInputList
+    }));
+    flowGraph.trigger('node:change:*');
+    setThenProperties();
+    setCurrentModelProperties();
+    setInputList(newInputList);
+  };
+  /**
+   * @description: 设置循环参数
+  */
+  var changeIteratorNodes = function changeIteratorNodes(value) {
+    var option = iteratorNodes.find(function (i) {
+      return i.value === value;
+    });
+    // console.log('changeIteratorNodes', value, option);
+    setIteratorNodeValue(value);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties() ? model.getProperties() : {}), {}, {
+      bind: JSON.stringify({
+        iterator: value
+      }),
+      outputParams: value !== 'initialize' ? option.properties.outputParams : paramsList
+    }));
+    flowGraph.trigger('node:change:*');
+  };
+  var changeInputLabel = function changeInputLabel(value, index) {
+    var newInputList = _toConsumableArray(inputList);
+    newInputList[index].selectIsOpen = false;
+    newInputList[index].label = value;
+    newInputList[index].value = '';
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      inputList: newInputList
+    }));
+    flowGraph.trigger('node:change:*');
+    if (newInputList[index].value.split('~~~')[0] === 'work') {
+      setThenProperties();
+    } else {
+      setCurrentModelProperties();
+    }
+    setInputList(newInputList);
+  };
+  var getInputValueDisabled = function getInputValueDisabled(option, param) {
+    var _model$getProperties15;
+    // console.log(option, param);
+    if (!option.type) return false;
+    if (((_model$getProperties15 = model.getProperties()) === null || _model$getProperties15 === void 0 ? void 0 : _model$getProperties15.modelType) != 2) {
+      return false;
+    }
+    var types = {
+      'string': ['TEXT', 'Standard', 'input'],
+      'number': ['DOUBLE', 'INT', 'Long'],
+      'time': ['TIME', 'TIME TANG', 'time', 'Time', 'TimeSpan']
+    };
+    if (option.type === getFieldType(param.label, true)) {
+      return false;
+    }
+    if (Object.keys(types).includes(param.type)) {
+      if (param.type && types[param.type].includes(option.type)) {
+        return false;
+      }
+    }
+    if (option.type == 'select') {
+      if (option.fieldsType === getFieldType(param.label, true)) {
+        return false;
+      }
+      if (param.type === 'string' && types.string.includes(option.fieldsType)) {
+        return false;
+      }
+      if (param.type === 'number' && types.number.includes(option.fieldsType)) {
+        return false;
+      }
+      if (param.type === 'time' && types.time.includes(option.fieldsType)) {
+        return false;
+      }
+    }
+    if (option.type == 'time' && ['TIME', 'TIME TANG'].includes(getFieldType(param.label, true))) {
+      return false;
+    }
+    if (option.type == 'input' && getFieldType(param.label, true) === 'TEXT') {
+      return false;
+    }
+    return true;
+  };
+  var handleQueryConfig = function handleQueryConfig(logFields) {
+    if (!model.getProperties().propValue && selectionsOptions.length) {
+      var _sortCriteria = model.getProperties().sortCriteria || [];
+      _sortCriteria.forEach(function (item) {
+        if (selectionsOptions.find(function (i) {
+          return i.asColumn === item.asColumn;
+        })) {
+          item.asColumn = "x[".concat(selectionsOptions.findIndex(function (i) {
+            return i.asColumn === item.asColumn;
+          }), "]");
+        }
+        if (aggList.find(function (i) {
+          return i.asColumn === item.asColumn;
+        })) {
+          item.asColumn = "y[".concat(aggList.findIndex(function (i) {
+            return i.asColumn === item.asColumn;
+          }), "]");
+        }
+      });
+      var propValue = {
+        "viewId": "1",
+        "type": "table-normal",
+        "textValue": "",
+        "chartInfo": {
+          "xaxis": "[]",
+          "xaxisExt": "[]",
+          "yaxis": "[]",
+          "yaxisExt": [],
+          "extStack": [],
+          "drillFields": [],
+          "viewFields": [],
+          "extBubble": [],
+          "show": true,
+          "type": "table-normal",
+          "title": "",
+          "needSubhead": false,
+          "subhead": "",
+          "refreshViewEnable": false,
+          "refreshUnit": "minute",
+          "refreshTime": 5,
+          "customAttr": "{}",
+          "customStyle": "{}",
+          "senior": "{}",
+          "customFilter": [{
+            "value": "设置",
+            "label": "设置",
+            "asColumn": "设置"
+          }].concat(_toConsumableArray(selectionsOptions.map(function (i, index) {
+            return _objectSpread(_objectSpread({
+              "value": i.label,
+              "label": "\u7EF4\u5EA6: ".concat(i.label),
+              "notsetYname": true,
+              "fieldName": i.label,
+              "isPercentage": false,
+              "isCompare": false,
+              "isCaseAttributes": false,
+              "isFilter": true,
+              "showOneLabel": false,
+              "showThousands": false,
+              "asColumn": "x[".concat(index, "]"),
+              "formatType": "auto",
+              "formatUnit": "",
+              "formatDecimal": "",
+              "formatSuffix": ""
+            }, i.config || {}), {}, {
+              "customField": _objectSpread(_objectSpread({}, i), {}, {
+                "asColumn": "x[".concat(index, "]")
+              })
+            });
+          })), _toConsumableArray(aggList.map(function (i, index) {
+            return _objectSpread(_objectSpread({
+              "value": i.key,
+              "label": "\u6307\u6807: ".concat(i.label),
+              "notsetYname": true,
+              "fieldName": i.label,
+              "isPercentage": false,
+              "isCompare": false,
+              "isCaseAttributes": false,
+              "isFilter": true,
+              "showOneLabel": false,
+              "showThousands": false,
+              "asColumn": "y[".concat(index, "]"),
+              "formatType": "custom",
+              "formatUnit": "Days",
+              "formatDecimal": "2",
+              "formatSuffix": ""
+            }, fieldSetting.filter(function (item) {
+              return item.asColumn === i.asColumn;
+            }).length > 0 ? fieldSetting.filter(function (item) {
+              return item.asColumn === i.asColumn;
+            })[0] : {}), {}, {
+              "customField": _objectSpread(_objectSpread({}, i), {}, {
+                "asColumn": "y[".concat(index, "]")
+              })
+            });
+          }))),
+          "render": "antv",
+          "isPlugin": false,
+          "data": {
+            "data": [],
+            "dynamicAssistLines": [],
+            "fields": [],
+            "tableRow": [],
+            "condition": [].concat(_toConsumableArray(selectionsOptions.map(function (i, index) {
+              return _objectSpread(_objectSpread({}, i), {}, {
+                "asColumn": "x[".concat(index, "]")
+              });
+            })), _toConsumableArray(aggList.map(function (i, index) {
+              return _objectSpread(_objectSpread({}, i), {}, {
+                "asColumn": "y[".concat(index, "]")
+              });
+            }))),
+            "size": 100,
+            "sortCriteria": _sortCriteria
+          },
+          "id": "74539f10-5884-11f0-b16c-df9ab6b2b43d"
+        }
+      };
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        propValue: propValue
+      }));
+      showViewSetting(model.getProperties().propValue, caseAttrField, logFields, model.getProperties().logId);
+    } else if (model.getProperties().propValue) {
+      showViewSetting(model.getProperties().propValue, caseAttrField, logFields, model.getProperties().logId);
+    } else {
+      showViewSetting('', caseAttrField, logFields, model.getProperties().logId);
+    }
+  };
+  var changeReportTemplate = function changeReportTemplate(value) {
+    var _reportTemplateList$f;
+    var reportParam = ((_reportTemplateList$f = reportTemplateList.find(function (i) {
+      return i.minioName === value;
+    })) === null || _reportTemplateList$f === void 0 ? void 0 : _reportTemplateList$f.reportParam) || '[]';
+    var inputList = JSON.parse(reportParam).map(function (item) {
+      return {
+        label: item,
+        value: '',
+        type: 'input'
+      };
+    });
+    // console.log('changeReportTemplate', inputList);
+    setInputList(inputList);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      inputList: inputList,
+      reportMinioName: value
+    }));
+    flowGraph.trigger('node:change:*');
+  };
+  var changeAiNetSearch = function changeAiNetSearch(checked) {
+    setAiNetSearch(checked ? 1 : 0);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      aiNetSearch: checked ? 1 : 0
+    }));
+    setCurrentModelProperties();
+  };
+  var delInputList = function delInputList(index) {
+    var newInputList = _toConsumableArray(inputList);
+    newInputList.splice(index, 1);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      inputList: newInputList
+    }));
+    setThenProperties();
+    setCurrentModelProperties();
+    flowGraph.trigger('node:change:*');
+    setInputList(newInputList);
+  };
+  var loadLogList = function loadLogList(nodeList) {
+    var currentNode = nodeList[0];
+    currentNode.loading = true;
+    currentNode.getLogList({
+      dataSetId: currentNode.value,
+      success: 3
+    }).then(function (res) {
+      // console.log(res);
+      currentNode.loading = false;
+      currentNode.children = res.data.map(function (item) {
+        return {
+          // ...item,
+          label: item.logName,
+          value: item.logId,
+          isLeaf: true,
+          children: [],
+          loading: false
+        };
+      });
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        logList: currentNode.children
+      }));
+      setDataSetOptions(dataSetOptions ? _toConsumableArray(dataSetOptions) : []);
+    });
+  };
+  var onChangeLogId = function onChangeLogId(args) {
+    setSelectLog(args[0]);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      dataSetId: args[0][0],
+      logId: args[0][1]
+    }));
+    setSortCriteria([]);
+    setSelectionsOptions([]);
+    setSelections([]);
+    setCurScheduleSet([]);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      propValue: '',
+      forecastId: '',
+      simpleQueryModel: {}
+    }));
+    flowGraph.trigger('node:change:*');
+    if (currentType == 2) {
+      var dataSetInfo = dataSetOptions.find(function (i) {
+        return i.value === args[0][0];
+      });
+      // console.log(dataSetInfo);
+      if (!(dataSetInfo !== null && dataSetInfo !== void 0 && dataSetInfo.getLogFieldsData)) return;
+      dataSetInfo.getLogFieldsData(args[0][1]).then(function (res) {
+        // console.log(res);
+        if (res.status === 'success') {
+          setInputParams(generateInputParams(res.logFields));
+          model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+            inputParams: generateInputParams(res.logFields)
+          }));
+        }
+      });
+    } else {
+      setInputParams(model.getProperties().inputParams || []);
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+        inputParams: model.getProperties().inputParams || []
+      }));
+    }
+    if (currentType == 6 || currentType == 7) {
+      setCurrentModelProperties();
+      updateSimpleQuery();
+    }
+    if (currentType == 7) {
+      getCurScheduleSet({
+        logId: args[0][1]
+      }).then(function (res) {
+        setCurScheduleSet(res.data);
+        model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+          forecastId: '',
+          curScheduleSet: res.data
+        }));
+      });
+    }
+    history.push(undefined, {
+      silent: true
+    });
+  };
+  var handleAddFilter = function handleAddFilter() {
+    addFilter(selectLog[1], nodeFilters, inputValues);
+  };
+  var changeForecastId = function changeForecastId(value) {
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      forecastId: value
+    }));
+    setCurrentModelProperties();
+    flowGraph.trigger('node:change:*');
+  };
+  var getFieldLabel = function getFieldLabel(id) {
+    var label = "";
+    inputParams.forEach(function (item) {
+      item.children.forEach(function (child) {
+        if (child.id === id) {
+          label = child.label;
+        }
+      });
+    });
+    return label;
+  };
+  var getHdNum = function getHdNum(data) {
+    var hdNum = 0;
+    Object.keys(data).forEach(function (item) {
+      if (item === 'contains' && data[item].length) {
+        hdNum++;
+      }
+      if (item === 'isEnd' && data[item].length) {
+        hdNum++;
+      }
+      if (item === 'isStart' && data[item].length) {
+        hdNum++;
+      }
+      if (item === 'notContains' && data[item].length) {
+        hdNum++;
+      }
+    });
+    return "".concat(hdNum, "\u4E2A\u6761\u4EF6");
+  };
+  var getFieldType = function getFieldType(field, isNoFilter) {
+    var floatData = [];
+    inputParams.forEach(function (item) {
+      // console.log(item);
+      floatData.push.apply(floatData, _toConsumableArray(item.children));
+    });
+    var obj = floatData.find(function (i) {
+      return i.id == field;
+    });
+    if (obj && Object.keys(obj).length) {
+      if (!isNoFilter) {
+        if (obj.fieldsType === "TEXT") {
+          return "Standard";
+        }
+        if (obj.fieldsType === "DOUBLE" || obj.fieldsType === "INT") {
+          return "Long";
+        }
+        if (obj.fieldsType === "TIME") {
+          return "Time";
+        }
+        if (obj.fieldsType === "TIME TANG") {
+          return "TimeSpan";
+        }
+      } else {
+        return obj.fieldsType;
+      }
+      return "";
+    } else {
+      return "";
+    }
+  };
+  var parseUnits = function parseUnits(type, val) {
+    switch (type) {
+      case "Millisecond":
+        return parseInt(val);
+      case "Seconds":
+        return parseInt(val) / 1000;
+      case "Minutes":
+        return parseInt(val) / (60 * 1000);
+      case "Hours":
+        return parseInt(val) / (60 * 60 * 1000);
+      case "Days":
+        return parseInt(val) / (24 * 60 * 60 * 1000);
+      case "Weeks":
+        return parseInt(val) / (7 * 24 * 60 * 60 * 1000);
+      case "Months":
+        return (parseInt(val) / (31 * 24 * 60 * 60 * 1000)).toFixed(2);
+      case "Years":
+        return parseInt(val) / (365 * 24 * 60 * 60 * 1000);
+      case "Basic":
+        return parseInt(val);
+      case "Thousand":
+        return parseInt(val) / 1000;
+      case "Million":
+        return parseInt(val) / 1000000;
+      case "Billion":
+        return parseInt(val) / 1000000000;
+      default:
+        return val;
+    }
+  };
+  var delNodeFilters = function delNodeFilters(index) {
+    var newNodeFilters = _toConsumableArray(nodeFilters);
+    newNodeFilters.splice(index, 1);
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties() ? model.getProperties() : {}), {}, {
+      nodeFilters: newNodeFilters
+    }));
+    setNodeFilters(newNodeFilters);
+  };
+  var isDisabed = function isDisabed(script) {
+    var _model$parent2;
+    if (currentType != 3 && script.type == 3) {
+      return true;
+    }
+    if ((script.type == 4 || script.type == 5 || script.type == 2) && ((_model$parent2 = model.parent) === null || _model$parent2 === void 0 ? void 0 : _model$parent2.type) === 'ITERATOR') {
+      return true;
+    }
+    return false;
+  };
+  var setCurrentModelValues = function setCurrentModelValues() {
+    var _model$getProperties16, _model$id;
+    var props = ((_model$getProperties16 = model.getProperties) === null || _model$getProperties16 === void 0 ? void 0 : _model$getProperties16.call(model)) || {};
+    var modelType = props.modelType,
+      aiNetSearch = props.aiNetSearch,
+      logId = props.logId,
+      dataSetId = props.dataSetId,
+      simpleQueryModel = props.simpleQueryModel,
+      knowledgeTreeData = props.knowledgeTreeData,
+      sortCriteria = props.sortCriteria,
+      fieldSetting = props.fieldSetting,
+      nodeFilters = props.nodeFilters,
+      applyList = props.applyList,
+      scriptName = props.scriptName,
+      logList = props.logList,
+      inputParams = props.inputParams,
+      rootCauseNode = props.rootCauseNode,
+      rootCauseParam = props.rootCauseParam,
+      analysisFieldTemplate = props.analysisFieldTemplate;
+
+    // 类型设置
+    setCurrentType(modelType);
+    if (modelType !== 2 || !modelType) {
+      setSelectLog([]);
+      setSelections([]);
+    }
+
+    // aiNetSearch 设置
+    setAiNetSearch(aiNetSearch || 0);
+
+    // 日志相关处理
+    if (logId && modelType != 8) {
+      var dataSetInfo = dataSetOptions.find(function (i) {
+        return i.value === dataSetId;
+      });
+      if (dataSetInfo) {
+        if (logList) {
+          dataSetInfo.children = logList;
+          setDataSetOptions(_toConsumableArray(dataSetOptions));
+        } else {
+          if (dataSetInfo.getLogList) {
+            dataSetInfo.getLogList({
+              dataSetId: dataSetId,
+              success: 3
+            }).then(function (res) {
+              dataSetInfo.children = res.data.map(function (item) {
+                return {
+                  label: item.logName,
+                  value: item.logId,
+                  isLeaf: true,
+                  children: [],
+                  loading: false
+                };
+              });
+              setDataSetOptions(_toConsumableArray(dataSetOptions));
+            });
+          }
+        }
+        if (!inputParams) {
+          if (dataSetInfo.getLogFieldsData) {
+            dataSetInfo.getLogFieldsData(logId).then(function (res) {
+              setInputParams(generateInputParams(res.logFields));
+            });
+          }
+        } else {
+          setInputParams(inputParams);
+        }
+      }
+      ;
+      setSelectLog([dataSetId, logId]);
+    } else if (modelType == 8) {
+      var _dataSetInfo = dataOptions[0];
+      _dataSetInfo.getLogFieldsData(logId).then(function (res) {
+        setInputParams(generateInputParams(res.logFields));
+      });
+      getAnalyseField({
+        logId: logId
+      }).then(function (res) {
+        if (res.code === 200) {
+          setAnalyseField(res.data);
+        }
+      });
+    }
+
+    // selections 设置
+    if (simpleQueryModel !== null && simpleQueryModel !== void 0 && simpleQueryModel.selections) {
+      var _selections = simpleQueryModel.selections;
+      _selections = _selections.filter(function (i) {
+        return !i.isAutoAdd;
+      });
+      setSelectionsOptions(_selections);
+      setSelections(_selections.map(function (i) {
+        return i.key;
+      }));
+    } else {
+      setSelectAggList([]);
+      setSelectionsOptions([]);
+      setSelections([]);
+    }
+    if (rootCauseNode) {
+      setRootCauseNode(rootCauseNode);
+    } else {
+      setRootCauseNode(undefined);
+    }
+    if (rootCauseParam) {
+      setRootCauseParam(rootCauseParam);
+    } else {
+      setRootCauseParam([]);
+    }
+    if (analysisFieldTemplate) {
+      setAnalysisFieldTemplate(analysisFieldTemplate);
+    } else {
+      setAnalysisFieldTemplate(undefined);
+    }
+
+    // 树结构恢复
+    if (Array.isArray(knowledgeTreeData)) {
+      var loadKeys = knowledgeTreeData.filter(function (item) {
+        return knowledgeTreeData.some(function (i) {
+          return i.pId === item.id;
+        });
+      }).map(function (item) {
+        return item.id;
+      });
+      setLoadedKeys(loadKeys);
+      setTreeData(knowledgeTreeData);
+    }
+
+    // 排序字段
+    setSortCriteria(sortCriteria || []);
+
+    // 过滤器 & 应用列表
+    setNodeFilters(nodeFilters || []);
+    setApplyList(applyList || []);
+
+    // 预测模板
+    setCurScheduleSet(props.curScheduleSet || []);
+
+    // 表单字段恢复逻辑
+    var baseScriptName = scriptName || undefined;
+    if ((_model$id = model.id) !== null && _model$id !== void 0 && _model$id.includes(t('empty_node'))) {
+      form.setFieldsValue({
+        script: undefined,
+        name: baseScriptName
+      });
+    } else if ((model === null || model === void 0 ? void 0 : model.type) === 'NodeIteratorComponent') {
+      var scriptInfo = scriptList.find(function (i) {
+        return i.type === 3;
+      });
+      form.setFieldsValue({
+        script: scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.scriptId,
+        name: baseScriptName
+      });
+      model.setProperties(_objectSpread(_objectSpread({}, props), {}, {
+        scriptName: baseScriptName || (scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.scriptName),
+        modelType: scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type
+      }));
+      model.id = 'while';
+      flowGraph.trigger('node:change:*');
+      setCurrentType(scriptInfo === null || scriptInfo === void 0 ? void 0 : scriptInfo.type);
+    } else {
+      form.setFieldsValue({
+        script: model === null || model === void 0 ? void 0 : model.id,
+        name: baseScriptName
+      });
+    }
+  };
+
+  // 提取字段结构构造逻辑
+  function generateInputParams(logFields) {
+    setCaseAttrField(logFields.filter(function (log) {
+      return log.fieldAttribute === "CASE";
+    }).map(function (field) {
+      return field.fieldName;
+    }));
+    return [{
+      id: "case",
+      label: "案例",
+      icon: "el-icon-c-scale-to-original",
+      children: [{
+        id: "case_id",
+        label: "案例ID",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TEXT"
+      }, {
+        id: "variant_id",
+        label: "变体ID",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TEXT"
+      }, {
+        id: "案例状态",
+        label: "案例状态",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TEXT"
+      }, {
+        id: "p_start_time",
+        label: "案例开始时间",
+        icon: "el-icon-date",
+        type: "Distribution",
+        fieldsType: "TIME"
+      }, {
+        id: "p_cycle_time",
+        label: "案例持续时间",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TIME TANG"
+      }, {
+        id: "pnum",
+        label: "案例数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }, {
+        id: "p_end_time",
+        label: "案例结束时间",
+        icon: "el-icon-date",
+        type: "Distribution",
+        fieldsType: "TIME"
+      }, {
+        id: "activity_per_process_num",
+        label: "每个案例的活动数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }, {
+        id: "connections_per_process_num",
+        label: "每个案例的连接数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }]
+    }, {
+      id: "activity",
+      label: "活动",
+      icon: "el-icon-c-scale-to-original",
+      children: [{
+        id: "activity_name",
+        label: "活动名称",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TEXT"
+      }, {
+        id: "start_time",
+        label: "活动开始时间",
+        icon: "el-icon-date",
+        type: "Distribution",
+        fieldsType: "TIME"
+      }, {
+        id: "a_occurrence",
+        label: "出现次数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }, {
+        id: "startnum",
+        label: "开始活动数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }, {
+        id: "a_cycle_time",
+        label: "活动周期时间",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TIME TANG"
+      }, {
+        id: "a_processing_time",
+        label: "活动持续时间",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TIME TANG"
+      }, {
+        id: "fnum",
+        label: "活动数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }, {
+        id: "a_wait_time",
+        label: "活动等待时间",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TIME TANG"
+      }, {
+        id: "end_time",
+        label: "活动结束时间",
+        icon: "el-icon-date",
+        type: "Distribution",
+        fieldsType: "TIME"
+      }, {
+        id: "endnum",
+        label: "结束活动数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }]
+    }, {
+      id: 21,
+      label: "日志字段",
+      icon: "el-icon-c-scale-to-original",
+      children: logFields.filter(function (log) {
+        return log.fieldType !== "TYPE_INDEX";
+      }).map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          id: item.fieldName || "",
+          label: item.fieldName || "",
+          icon: "el-icon-files",
+          type: item.type === "TIME" ? "Distribution" : "Standard",
+          fieldsType: item.type,
+          category: getFieldCategory(item.type)
+        });
+      })
+    }, {
+      id: "连接",
+      label: "连接",
+      icon: "el-icon-c-scale-to-original",
+      children: [{
+        id: "c_occurrence",
+        label: "出现次数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }, {
+        id: "from_name",
+        label: "自(活动)",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TEXT"
+      }, {
+        id: "to_name",
+        label: "至(活动)",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TEXT"
+      }, {
+        id: "c_cycle_time",
+        label: "连接持续时间",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "TIME TANG"
+      }, {
+        id: "cnum",
+        label: "连接数",
+        icon: "el-icon-files",
+        type: "Standard",
+        fieldsType: "INT"
+      }]
+    }, {
+      id: "preset",
+      label: "自定义",
+      icon: "el-icon-news",
+      children: logFields.filter(function (log) {
+        return log.id && !log.aggType;
+      }).map(function (item) {
+        return {
+          id: item.fieldName ? item.fieldName : "",
+          label: item.fieldName ? item.fieldName : "",
+          icon: item.type === "TIME" ? "el-icon-date" : "el-icon-files",
+          type: item.type === "TIME" ? "Distribution" : "Standard",
+          fieldsType: item.type,
+          fieldsId: item.id,
+          aggType: item.aggType,
+          targetValue: item.targetValue
+        };
+      })
+    }];
+  }
+  function getFieldCategory(type) {
+    if (type === "TEXT") return "ValueFilter";
+    if (["DOUBLE", "INT", "TIME", "TIME TANG"].includes(type)) return "RangeFilter";
+    return "";
+  }
+  var updateSimpleQuery = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _model$getProperties17, _model$getProperties18, _model$getProperties19, _model$getProperties23, _model$getProperties24;
+      var outputParams, _model$getProperties20, _model$getProperties21, _model$getProperties22, _yield$getCompliance, complianceList, _yield$getApplyFlow, applyFlowList, noUseChainParamFilters, selectionsData;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            outputParams = []; // console.log(model.getProperties()?.modelType, 'modelType');
+            if (!(((_model$getProperties17 = model.getProperties()) === null || _model$getProperties17 === void 0 ? void 0 : _model$getProperties17.modelType) == 4 && inputList.every(function (item) {
+              return item.value;
+            }))) {
+              _context3.next = 5;
+              break;
+            }
+            outputParams = [].concat(_toConsumableArray(selectionsOptions), _toConsumableArray(selectAggList), [{
+              label: 'AI结果',
+              type: 'string',
+              asColumn: '*',
+              key: '*',
+              id: '*'
+            }]);
+            _context3.next = 27;
+            break;
+          case 5:
+            if (!(((_model$getProperties18 = model.getProperties()) === null || _model$getProperties18 === void 0 ? void 0 : _model$getProperties18.modelType) == 6 || ((_model$getProperties19 = model.getProperties()) === null || _model$getProperties19 === void 0 ? void 0 : _model$getProperties19.modelType) == 7)) {
+              _context3.next = 26;
+              break;
+            }
+            applyList.forEach(function (item) {
+              if (item.selects) {
+                outputParams.push({
+                  label: item.indexName,
+                  type: 'string',
+                  asColumn: "".concat(item.indexName, "-*"),
+                  key: "".concat(item.indexName, "-*"),
+                  id: "".concat(item.indexName, "-*")
+                });
+                JSON.parse(item.selects).forEach(function (i) {
+                  outputParams.push({
+                    label: "".concat(item.indexName, "-").concat(i.split('@@')[0]),
+                    type: 'string',
+                    asColumn: "".concat(item.indexName, "-").concat(i.split('@@')[1]),
+                    key: "".concat(item.indexName, "-").concat(i.split('@@')[1]),
+                    id: "".concat(item.indexName, "-").concat(i.split('@@')[1])
+                  });
+                });
+              } else {
+                outputParams.push({
+                  label: item.indexName,
+                  type: 'string',
+                  asColumn: "".concat(item.indexName, "-*"),
+                  key: "".concat(item.indexName, "-*"),
+                  id: "".concat(item.indexName, "-*")
+                });
+              }
+            });
+            if (!(applyList.length && applyList[0].applyName === '一致性合规性' && (_model$getProperties20 = model.getProperties()) !== null && _model$getProperties20 !== void 0 && _model$getProperties20.logId)) {
+              _context3.next = 24;
+              break;
+            }
+            _context3.prev = 8;
+            _context3.next = 11;
+            return getCompliance({
+              logId: (_model$getProperties21 = model.getProperties()) === null || _model$getProperties21 === void 0 ? void 0 : _model$getProperties21.logId
+            });
+          case 11:
+            _yield$getCompliance = _context3.sent;
+            complianceList = _yield$getCompliance.data;
+            _context3.next = 15;
+            return getApplyFlow({
+              id: (_model$getProperties22 = model.getProperties()) === null || _model$getProperties22 === void 0 ? void 0 : _model$getProperties22.logId
+            });
+          case 15:
+            _yield$getApplyFlow = _context3.sent;
+            applyFlowList = _yield$getApplyFlow.data;
+            if (!complianceList.length) {
+              outputParams.forEach(function (i, index) {
+                if (index <= 12) {
+                  i.disabled = true;
+                }
+              });
+            } else {
+              outputParams.forEach(function (i, index) {
+                if (index <= 12) {
+                  i.disabled = false;
+                }
+              });
+            }
+            if (!applyFlowList.length) {
+              outputParams.forEach(function (i, index) {
+                if (index > 12) {
+                  i.disabled = true;
+                }
+              });
+            } else {
+              outputParams.forEach(function (i, index) {
+                if (index > 12) {
+                  i.disabled = false;
+                }
+              });
+            }
+            _context3.next = 24;
+            break;
+          case 21:
+            _context3.prev = 21;
+            _context3.t0 = _context3["catch"](8);
+            console.log(_context3.t0);
+          case 24:
+            _context3.next = 27;
+            break;
+          case 26:
+            if (((_model$getProperties23 = model.getProperties()) === null || _model$getProperties23 === void 0 ? void 0 : _model$getProperties23.modelType) == 8) {
+              outputParams = [{
+                label: '根因分析结果',
+                type: 'string',
+                asColumn: '*',
+                key: '*',
+                id: '*'
+              }];
+            } else {
+              outputParams = [].concat(_toConsumableArray(selectionsOptions), _toConsumableArray(selectAggList));
+            }
+          case 27:
+            noUseChainParamFilters = [];
+            nodeFilters.forEach(function (item) {
+              if (item.type == 'ActivityFilter' || item.type == 'PathFilter' || item.type == 'ReworkFilter') return noUseChainParamFilters.push(item);
+              if (!item.filters && (item.type == "ValueFilter" || item.type == "FuzzyFilter") && !item.values.includes("useChainParam")) {
+                noUseChainParamFilters.push(item);
+                return;
+              }
+              if (item.filters && item.filters.length > 0) {
+                if (item.filters[0].unitSelList && !item.filters[0].unitSelList.includes("chain")) {
+                  noUseChainParamFilters.push(item);
+                  return;
+                }
+                if (typeof item.filters[0].from.value === 'string' && !item.filters[0].from.value.includes('~~~') && typeof item.filters[0].to.value === 'string' && !item.filters[0].to.value.includes('~~~')) {
+                  noUseChainParamFilters.push(item);
+                  return;
+                }
+                if (typeof item.filters[0].from.value === 'number' && typeof item.filters[0].to.value === 'number') {
+                  noUseChainParamFilters.push(item);
+                  return;
+                }
+              }
+            });
+            selectionsData = _toConsumableArray(selectionsOptions);
+            if (((_model$getProperties24 = model.getProperties()) === null || _model$getProperties24 === void 0 ? void 0 : _model$getProperties24.modelType) == 8 && selectionsData.length && selectionsData.every(function (i) {
+              return i.key !== 'case_id';
+            })) {
+              selectionsData.push({
+                "fieldsType": "TEXT",
+                "label": "案例ID",
+                "type": "Standard",
+                "asColumn": "case_id",
+                "id": "case_id",
+                "key": "case_id",
+                "config": {},
+                "isAutoAdd": true
+              });
+            }
+            ;
+            model.setProperties(_objectSpread(_objectSpread({}, model.getProperties() ? model.getProperties() : {}), {}, {
+              outputParams: outputParams,
+              simpleQueryModel: {
+                selections: selectionsData,
+                filterList: {
+                  filters: noUseChainParamFilters,
+                  mode: "AND",
+                  type: "FilterList"
+                },
+                runMode: true,
+                size: 1000,
+                sortCriteria: sortCriteria
+              }
+            }));
+            setCurrentModelProperties();
+            setThenProperties();
+            flowGraph.trigger('node:change:*');
+          case 36:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[8, 21]]);
+    }));
+    return function updateSimpleQuery() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    var _model$getProperties25;
+    if (!filtersInfo.length) return;
+    var newNodeFilters = [].concat(_toConsumableArray(nodeFilters), _toConsumableArray(filtersInfo));
+
+    // 过滤出需要用链参数处理的过滤器
+    var useChainParamFilters = newNodeFilters.filter(function (item) {
+      var _item$filters, _item$filters2, _item$filters3;
+      if (['ActivityFilter', 'PathFilter', 'ReworkFilter'].includes(item.type)) return false;
+      if (!item.filters && (item.type === 'ValueFilter' || item.type === 'FuzzyFilter') && item.values.includes('useChainParam')) return true;
+      if ((_item$filters = item.filters) !== null && _item$filters !== void 0 && (_item$filters = _item$filters[0]) !== null && _item$filters !== void 0 && (_item$filters = _item$filters.unitSelList) !== null && _item$filters !== void 0 && _item$filters.includes('chain')) return true;
+      var fromVal = (_item$filters2 = item.filters) === null || _item$filters2 === void 0 || (_item$filters2 = _item$filters2[0]) === null || _item$filters2 === void 0 || (_item$filters2 = _item$filters2.from) === null || _item$filters2 === void 0 ? void 0 : _item$filters2.value;
+      var toVal = (_item$filters3 = item.filters) === null || _item$filters3 === void 0 || (_item$filters3 = _item$filters3[0]) === null || _item$filters3 === void 0 || (_item$filters3 = _item$filters3.to) === null || _item$filters3 === void 0 ? void 0 : _item$filters3.value;
+      return [fromVal, toVal].some(function (v) {
+        return typeof v === 'string' && v.includes('~~~');
+      });
+    }).map(function (item) {
+      return JSON.parse(JSON.stringify(item));
+    }); // 深拷贝，建议用 lodash.cloneDeep
+
+    var filterParam = [];
+
+    // 工具：提取花括号内内容
+    var extractBracedContent = function extractBracedContent(str) {
+      var regex = /{{([^{}]+)}}/g;
+      var result = [];
+      var match;
+      while ((match = regex.exec(str)) !== null) {
+        result.push(match[1]);
+      }
+      return result;
+    };
+
+    // 工具：提取括号内文本
+    var extractTextInParentheses = function extractTextInParentheses(str) {
+      var match = str.match(/\(([^)]+)\)/);
+      return match ? match[1] : '';
+    };
+
+    // 工具：解析模板中的前缀和字段
+    var extractInfo = function extractInfo(raw) {
+      var value = extractBracedContent(raw)[0];
+      var _value$split = value.split('~~~'),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        prefix = _value$split2[0],
+        fieldExpr = _value$split2[1];
+      var field;
+      if (prefix !== 'work') {
+        field = fieldExpr;
+      } else {
+        field = extractTextInParentheses(fieldExpr);
+      }
+      return {
+        prefix: prefix,
+        field: field
+      };
+    };
+    useChainParamFilters.forEach(function (item) {
+      var _item$filters4, _filter$from, _filter$to;
+      var typedObj = {};
+
+      // 用于构建参数占位符和对应对象
+      var buildParam = function buildParam(prefix, field, type, attr) {
+        var key = "".concat(prefix, "-").concat(attr || field);
+        typedObj[key] = JSON.stringify(_objectSpread({
+          value: "".concat(prefix, "@@").concat(field),
+          type: type
+        }, attr ? {
+          attribute: attr
+        } : {}));
+        return "{{".concat(key, "}}");
+      };
+
+      // 情况 1: 无 filters 且为 ValueFilter
+      if (!item.filters && (item.type === 'ValueFilter' || item.type === 'FuzzyFilter')) {
+        var _extractInfo = extractInfo(item.values[0]),
+          prefix = _extractInfo.prefix,
+          field = _extractInfo.field;
+        item.values = [buildParam(prefix === 'work' ? 'initialize' : prefix, field, item.values[2])];
+        filterParam.push({
+          filter: JSON.stringify(item),
+          param: typedObj
+        });
+        return;
+      }
+      var filter = (_item$filters4 = item.filters) === null || _item$filters4 === void 0 ? void 0 : _item$filters4[0];
+      if (!filter) return;
+      var fieldName = filter.field || 'unknown'; // 真实字段名
+
+      // 情况 2: filters[0] 含 unitSelList 且含 chain
+      if (filter.unitSelList) {
+        filter.unitSelList.forEach(function (unit, index) {
+          if (unit !== 'chain') return;
+          var target = index === 0 ? filter.from : filter.to;
+          var _extractInfo2 = extractInfo(target.value),
+            prefix = _extractInfo2.prefix;
+          var type = getFieldType(fieldName);
+          target.value = buildParam(prefix === 'work' ? 'initialize' : prefix, fieldName, type === 'TimeSpan' ? 'time' : 'number', index === 0 ? 'from' : 'to');
+        });
+        filterParam.push({
+          filter: JSON.stringify(item),
+          param: typedObj
+        });
+        return;
+      }
+
+      // 情况 3/4: 处理 from/to 模板变量
+      var fromVal = (_filter$from = filter.from) === null || _filter$from === void 0 ? void 0 : _filter$from.value;
+      var toVal = (_filter$to = filter.to) === null || _filter$to === void 0 ? void 0 : _filter$to.value;
+      var isTemplate = function isTemplate(v) {
+        return typeof v === 'string' && v.includes('~~~');
+      };
+      if (isTemplate(fromVal)) {
+        var _extractInfo3 = extractInfo(fromVal),
+          _prefix = _extractInfo3.prefix;
+        filter.from.value = buildParam(_prefix === 'work' ? 'initialize' : _prefix, fieldName, 'time', 'from');
+      }
+      if (isTemplate(toVal)) {
+        var _extractInfo4 = extractInfo(toVal),
+          _prefix2 = _extractInfo4.prefix;
+        filter.to.value = buildParam(_prefix2 === 'work' ? 'initialize' : _prefix2, fieldName, 'time', 'to');
+      }
+      filterParam.push({
+        filter: JSON.stringify(item),
+        param: typedObj
+      });
+    });
+    model.setProperties(_objectSpread(_objectSpread({}, ((_model$getProperties25 = model.getProperties) === null || _model$getProperties25 === void 0 ? void 0 : _model$getProperties25.call(model)) || {}), {}, {
+      nodeFilters: newNodeFilters,
+      filterParam: JSON.stringify(filterParam)
+    }));
+    setCurrentModelProperties();
+    setThenProperties();
+    setNodeFilters(newNodeFilters);
+  }, [filtersInfo]);
+  useUpdateEffect(function () {
+    if (!chainCurComponent.propValue) return;
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties()), {}, {
+      propValue: chainCurComponent.propValue
+    }));
+    var selections = chainCurComponent.propValue.chartInfo.data.condition;
+    var sortCriteria = chainCurComponent.propValue.chartInfo.data.sortCriteria;
+    setSelections(selections.map(function (i) {
+      return i.asColumn;
+    }));
+    setSelectionsOptions(selections);
+    setSortCriteria(sortCriteria);
+  }, [changeIndex]);
+  useUpdateEffect(function () {
+    var getLogFieldsData = dataSetOptions[0].getLogFieldsData;
+    if (!getLogFieldsData) return;
+    getLogFieldsData(model.getProperties().logId).then(function (res) {
+      if (res.status === 'success') {
+        setInputParams(generateInputParams(res.logFields));
+        handleQueryConfig(generateInputParams(res.logFields));
+      }
+    });
+  }, [changeLogIndex]);
+  useEffect(function () {
+    var newNodeFilters = _toConsumableArray(nodeFilters);
+    var filterParam = [];
+    var useChainParamFilters = [];
+
+    // 工具：提取花括号内内容
+    var extractBracedContent = function extractBracedContent(str) {
+      var regex = /{{([^{}]+)}}/g;
+      var result = [];
+      var match;
+      while ((match = regex.exec(str)) !== null) {
+        result.push(match[1]);
+      }
+      return result;
+    };
+
+    // 工具：提取括号内文本
+    var extractTextInParentheses = function extractTextInParentheses(str) {
+      var match = str.match(/\(([^)]+)\)/);
+      return match ? match[1] : '';
+    };
+
+    // 工具：解析模板中的前缀和字段
+    var extractInfo = function extractInfo(raw) {
+      var value = extractBracedContent(raw)[0];
+      var _value$split3 = value.split('~~~'),
+        _value$split4 = _slicedToArray(_value$split3, 2),
+        prefix = _value$split4[0],
+        fieldExpr = _value$split4[1];
+      var field;
+      if (prefix !== 'work') {
+        field = fieldExpr;
+      } else {
+        field = extractTextInParentheses(fieldExpr);
+      }
+      return {
+        prefix: prefix,
+        field: field,
+        raw: value
+      };
+    };
+    newNodeFilters.forEach(function (item) {
+      if (item.type == 'ActivityFilter' || item.type == 'PathFilter' || item.type == 'ReworkFilter') return;
+      if (!item.filters && (item.type == "ValueFilter" || item.type == "FuzzyFilter") && item.values.includes("useChainParam")) {
+        useChainParamFilters.push(item);
+        return;
+      }
+      if (item.filters && item.filters.length > 0) {
+        if (item.filters[0].unitSelList && item.filters[0].unitSelList.includes("chain")) {
+          useChainParamFilters.push(item);
+          return;
+        }
+        if (typeof item.filters[0].from.value === 'string' && item.filters[0].from.value.includes('~~~') || typeof item.filters[0].to.value === 'string' && item.filters[0].to.value.includes('~~~')) {
+          useChainParamFilters.push(item);
+          return;
+        }
+      }
+    });
+    useChainParamFilters = JSON.parse(JSON.stringify(useChainParamFilters));
+    if (useChainParamFilters.length > 0) {
+      useChainParamFilters.forEach(function (item) {
+        var _item$filters5;
+        var typedObj = {};
+        var buildParam = function buildParam(prefix, field, type, attr) {
+          var key = "".concat(prefix, "-").concat(attr || field);
+          typedObj[key] = JSON.stringify(_objectSpread({
+            value: "".concat(prefix, "@@").concat(field),
+            type: type
+          }, attr ? {
+            attribute: attr
+          } : {}));
+          return "{{".concat(key, "}}");
+        };
+        var pushResult = function pushResult() {
+          filterParam.push({
+            filter: JSON.stringify(item),
+            param: typedObj
+          });
+        };
+
+        // 情况 1: 无 filters 且为 ValueFilter
+        if (!item.filters && (item.type === "ValueFilter" || item.type === "FuzzyFilter")) {
+          var _extractInfo5 = extractInfo(item.values[0]),
+            prefix = _extractInfo5.prefix,
+            field = _extractInfo5.field;
+          item.values = [buildParam(prefix === 'work' ? 'initialize' : prefix, field, item.values[2])];
+          pushResult();
+          return;
+        }
+        var filter = (_item$filters5 = item.filters) === null || _item$filters5 === void 0 ? void 0 : _item$filters5[0];
+        if (!filter) return;
+
+        // 情况 2: filters[0] 含 unitSelList 且含 chain
+        if (filter.unitSelList) {
+          filter.unitSelList.forEach(function (unit, index) {
+            if (unit !== 'chain') return;
+            var target = index === 0 ? filter.from : filter.to;
+            var _extractInfo6 = extractInfo(target.value),
+              prefix = _extractInfo6.prefix,
+              field = _extractInfo6.field;
+            var type = getFieldType(field);
+            target.value = buildParam(prefix === 'work' ? 'initialize' : prefix, field, type === 'TimeSpan' ? 'time' : 'number', index === 0 ? 'from' : 'to');
+          });
+          pushResult();
+          return;
+        }
+
+        // 情况 3: 纯 from 和 to，包含 ~~~ 的情况处理
+        var fromVal = filter.from.value;
+        var toVal = filter.to.value;
+        var isTemplate = function isTemplate(v) {
+          return typeof v === 'string' && v.includes('~~~');
+        };
+        if (isTemplate(fromVal) && isTemplate(toVal)) {
+          var _extractInfo7 = extractInfo(fromVal),
+            fp = _extractInfo7.prefix,
+            ff = _extractInfo7.field;
+          var _extractInfo8 = extractInfo(toVal),
+            tp = _extractInfo8.prefix,
+            tf = _extractInfo8.field;
+          filter.from.value = buildParam(fp === 'work' ? 'initialize' : fp, ff, 'time', 'from');
+          filter.to.value = buildParam(tp === 'work' ? 'initialize' : tp, tf, 'time', 'to');
+          pushResult();
+          return;
+        }
+
+        // 情况 4: 只有 from 或 to 是模板
+        if (isTemplate(fromVal)) {
+          var _extractInfo9 = extractInfo(fromVal),
+            _prefix3 = _extractInfo9.prefix,
+            _field = _extractInfo9.field;
+          filter.from.value = buildParam(_prefix3 === 'work' ? 'initialize' : _prefix3, _field, 'time', 'from');
+          pushResult();
+          return;
+        }
+        if (isTemplate(toVal)) {
+          var _extractInfo10 = extractInfo(toVal),
+            _prefix4 = _extractInfo10.prefix,
+            _field2 = _extractInfo10.field;
+          filter.to.value = buildParam(_prefix4 === 'work' ? 'initialize' : _prefix4, _field2, 'time', 'to');
+          pushResult();
+          return;
+        }
+      });
+    }
+    model.setProperties(_objectSpread(_objectSpread({}, model.getProperties ? model.getProperties() : {}), {}, {
+      filterParam: JSON.stringify(filterParam)
+    }));
+    setCurrentModelProperties();
+    setThenProperties();
+  }, [nodeFilters]);
+  useEffect(function () {
+    var _model$properties, _model$getProperties26;
+    var modelJson = useModel().toJSON();
+    setCurrentModelValues();
+    var nodesBefore = findNodesBeforeTag(modelJson, ((_model$properties = model.properties) === null || _model$properties === void 0 ? void 0 : _model$properties.tag) || '');
+    var list = [];
+    if (paramsList.length > 0) {
+      list.push({
+        label: t('workflow_parameters'),
+        value: 'work~~~*(*)',
+        options: paramsList.map(function (item) {
+          return {
+            label: item.name,
+            value: 'work~~~' + item.name,
+            type: item.type
+          };
+        })
+      });
+    }
+    ;
+    nodesBefore.forEach(function (node, index) {
+      var _node$properties4;
+      // if (index !== nodesBefore.length - 1) {
+      //   return;
+      // }
+      if ((_node$properties4 = node.properties) !== null && _node$properties4 !== void 0 && _node$properties4.outputParams && node.properties.outputParams.length > 0) {
+        var _node$properties5, _node$properties6;
+        list.push({
+          label: (_node$properties5 = node.properties) === null || _node$properties5 === void 0 ? void 0 : _node$properties5.scriptName,
+          value: "".concat((_node$properties6 = node.properties) === null || _node$properties6 === void 0 ? void 0 : _node$properties6.tag, "~~~*"),
+          options: node.properties.outputParams.map(function (item) {
+            var _node$properties7;
+            return {
+              label: item.label,
+              value: "".concat((_node$properties7 = node.properties) === null || _node$properties7 === void 0 ? void 0 : _node$properties7.tag, "~~~").concat(item.asColumn)
+            };
+          })
+        });
+      }
+    });
+    if (model.parent && model.parent.type === "ITERATOR" && model.parent.condition) {
+      var _model$parent$conditi3;
+      if ((_model$parent$conditi3 = model.parent.condition.properties) !== null && _model$parent$conditi3 !== void 0 && _model$parent$conditi3.bind) {
+        var _model$parent$conditi4;
+        var paramsType = JSON.parse((_model$parent$conditi4 = model.parent.condition.properties) === null || _model$parent$conditi4 === void 0 ? void 0 : _model$parent$conditi4.bind).iterator;
+        setIteratorNodeValue(paramsType);
+      }
+    }
+    var newIteratorNodes = nodesBefore.filter(function (i) {
+      return i.id !== t('empty_node');
+    }).map(function (node) {
+      var _node$properties8, _node$properties9;
+      return {
+        label: (_node$properties8 = node.properties) === null || _node$properties8 === void 0 ? void 0 : _node$properties8.scriptName,
+        value: (_node$properties9 = node.properties) === null || _node$properties9 === void 0 ? void 0 : _node$properties9.tag,
+        properties: node.properties
+      };
+    });
+    var selectNodes = nodesBefore.filter(function (i) {
+      var _i$properties3;
+      return i.id !== t('empty_node') && ((_i$properties3 = i.properties) === null || _i$properties3 === void 0 ? void 0 : _i$properties3.modelType) == 2;
+    });
+    setSelectNodes(selectNodes);
+    setIteratorNodes([{
+      label: t('chain'),
+      value: 'initialize'
+    }].concat(_toConsumableArray(newIteratorNodes)));
+    // setInputValues(list);
+    if (((_model$getProperties26 = model.getProperties()) === null || _model$getProperties26 === void 0 || (_model$getProperties26 = _model$getProperties26.inputList) === null || _model$getProperties26 === void 0 ? void 0 : _model$getProperties26.length) > 0) {
+      var newInputList = model.getProperties().inputList;
+      newInputList.forEach(function (item) {
+        if (list.length && list.every(function (i) {
+          return i.options.every(function (i) {
+            return i.value !== item.value && item.type !== 'input';
+          });
+        })) {
+          item.value = '';
+        } else if (!list.length) {
+          item.value = '';
+        }
+      });
+      setThenProperties();
+      setCurrentModelProperties();
+      setInputList(newInputList);
+    } else {
+      setInputList([]);
+    }
+  }, [model]);
+  useEffect(function () {
+    var _model$properties2;
+    var modelJson = useModel().toJSON();
+    var nodesBefore = findNodesBeforeTag(modelJson, ((_model$properties2 = model.properties) === null || _model$properties2 === void 0 ? void 0 : _model$properties2.tag) || '');
+    var list = [];
+    if (paramsList.length > 0) {
+      list.push({
+        label: t('workflow_parameters'),
+        value: 'work~~~*(*)',
+        options: paramsList.map(function (item) {
+          return {
+            label: item.name,
+            value: 'work~~~' + item.name,
+            type: item.type,
+            fieldsType: item.fieldsType
+          };
+        })
+      });
+    }
+    ;
+    nodesBefore.forEach(function (node, index) {
+      var _node$properties10;
+      // if (index !== nodesBefore.length - 1) {
+      //   return;
+      // }
+      if ((_node$properties10 = node.properties) !== null && _node$properties10 !== void 0 && _node$properties10.outputParams && node.properties.outputParams.length > 0) {
+        var _node$properties11;
+        if (((_node$properties11 = node.properties) === null || _node$properties11 === void 0 ? void 0 : _node$properties11.modelType) != 6) {
+          var _node$properties12, _node$properties13;
+          list.push({
+            label: (_node$properties12 = node.properties) === null || _node$properties12 === void 0 ? void 0 : _node$properties12.scriptName,
+            value: "".concat((_node$properties13 = node.properties) === null || _node$properties13 === void 0 ? void 0 : _node$properties13.tag, "~~~*"),
+            options: node.properties.outputParams.map(function (item) {
+              var _node$properties14;
+              return {
+                label: item.label,
+                value: "".concat((_node$properties14 = node.properties) === null || _node$properties14 === void 0 ? void 0 : _node$properties14.tag, "~~~").concat(item.asColumn),
+                fieldsType: item.type,
+                type: item.fieldsType
+              };
+            })
+          });
+        } else {
+          var _node$properties15;
+          list.push({
+            label: (_node$properties15 = node.properties) === null || _node$properties15 === void 0 ? void 0 : _node$properties15.scriptName,
+            value: '',
+            options: node.properties.outputParams.map(function (item) {
+              var _node$properties16;
+              return {
+                label: item.label,
+                value: "".concat((_node$properties16 = node.properties) === null || _node$properties16 === void 0 ? void 0 : _node$properties16.tag, "~~~").concat(item.asColumn),
+                fieldsType: item.type,
+                type: item.fieldsType,
+                disabled: item.disabled || false
+              };
+            })
+          });
+        }
+      }
+    });
+    setInputValues(list);
+    setThenProperties();
+  }, [paramsList]);
+
+  // 每次这些变量变化时更新 ref
+  useEffect(function () {
+    updateSimpleQuery();
+  }, [selectionsOptions, selectAggList, nodeFilters, inputList, applyList, sortCriteria]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.liteflowEditorPropertiesEditorContainer
+  }, contextHolder, /*#__PURE__*/React.createElement(Form, {
+    layout: "vertical",
+    form: form
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "name",
+    label: t('node_name')
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: t('node_name_placeholder'),
+    maxLength: 8,
+    disabled: !chainObject.isEdit,
+    onChange: function onChange(e) {
+      var _model$id2;
+      var text = '';
+      if (!((_model$id2 = model.id) !== null && _model$id2 !== void 0 && _model$id2.includes(t('empty_node'))) && !e.target.value) {
+        var _scriptList$find;
+        text = ((_scriptList$find = scriptList.find(function (i) {
+          return i.scriptId === model.id;
+        })) === null || _scriptList$find === void 0 ? void 0 : _scriptList$find.scriptName) || '';
+      } else {
+        text = e.target.value;
+      }
+      model.setProperties(_objectSpread(_objectSpread({}, model.getProperties() ? model.getProperties() : {}), {}, {
+        scriptName: text
+      }));
+      var modelNode = model.getStartNode();
+      modelNode.updateAttrs({
+        label: {
+          text: text || t('empty_node'),
+          fill: "#333",
+          fontSize: 13,
+          refX: 0.5,
+          refY: "100%",
+          refY2: 20,
+          textAnchor: "middle",
+          textVerticalAnchor: "middle"
+        }
+      });
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "script",
+    label: t('component'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('component_placeholder'),
+    onChange: changeScript,
+    style: {
+      borderRadius: '4px'
+    },
+    disabled: currentType == 3 || !chainObject.isEdit,
+    options: scriptList.map(function (script) {
+      return {
+        label: script.scriptName,
+        value: script.scriptId,
+        disabled: isDisabed(script)
+      };
+    })
+  })), currentType == 8 && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('selectNodes'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('selectNodes_placeholder'),
+    disabled: !chainObject.isEdit,
+    style: {
+      borderRadius: '4px'
+    },
+    value: rootCauseNode,
+    onChange: function onChange(value) {
+      return changeRootCauseNode(value);
+    },
+    options: selectNodes.map(function (i) {
+      var _i$properties4, _i$properties5;
+      return {
+        label: (_i$properties4 = i.properties) === null || _i$properties4 === void 0 ? void 0 : _i$properties4.scriptName,
+        value: (_i$properties5 = i.properties) === null || _i$properties5 === void 0 ? void 0 : _i$properties5.tag
+      };
+    })
+  })), currentType == 8 && rootCauseNode && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('analysis_agg'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('analysis_agg_placeholder'),
+    disabled: !chainObject.isEdit,
+    value: getRootCauseParam(),
+    style: {
+      borderRadius: '4px'
+    },
+    onChange: function onChange(value) {
+      return changeAnalysisField(value);
+    },
+    options: getRootCauseNode().properties.outputParams.map(function (i) {
+      return {
+        label: i.label,
+        value: i.asColumn
+      };
+    })
+  })), currentType == 8 && rootCauseNode && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('analysis_field_template')
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('analysis_field_template_placeholder'),
+    disabled: !chainObject.isEdit,
+    style: {
+      borderRadius: '4px'
+    },
+    showSearch: true,
+    value: analysisFieldTemplate,
+    onChange: function onChange(value) {
+      return changeAnalysisFieldTemplate(value);
+    },
+    options: analyseField.map(function (i) {
+      return {
+        label: i.tempName,
+        value: i.id
+      };
+    })
+  })), currentType == 8 && rootCauseNode && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('analysis_field'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('analysis_field_placeholder'),
+    disabled: !chainObject.isEdit,
+    mode: "multiple",
+    style: {
+      borderRadius: '4px'
+    },
+    showSearch: true,
+    value: selections,
+    onChange: function onChange(value, option) {
+      return changeAnalysisAgg(value, option);
+    },
+    options: inputParams.map(function (item) {
+      return {
+        label: item.label,
+        options: item.children.map(function (child) {
+          return _objectSpread({
+            value: child.id
+          }, child);
+        })
+      };
+    })
+  })), (currentType == 2 || currentType == 6 || currentType == 7) && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('query_log'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Cascader, {
+    options: dataSetOptions,
+    disabled: !chainObject.isEdit,
+    loadData: loadLogList,
+    value: selectLog,
+    style: {
+      borderRadius: '4px'
+    },
+    onChange: function onChange() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      onChangeLogId(args);
+    },
+    allowClear: false,
+    placeholder: t('query_log_placeholder')
+  })), currentType == 7 && selectLog.length > 0 && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('predict_template'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('predict_template_placeholder'),
+    disabled: !chainObject.isEdit,
+    style: {
+      borderRadius: '4px'
+    },
+    value: model.getProperties().forecastId,
+    onChange: function onChange(value) {
+      return changeForecastId(value);
+    },
+    options: curScheduleSet.map(function (i) {
+      return {
+        label: i.forecastName,
+        value: i.id
+      };
+    })
+  })), currentType == 3 && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('loop_node'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('loop_node_placeholder'),
+    disabled: !chainObject.isEdit,
+    style: {
+      borderRadius: '4px'
+    },
+    value: iteratorNodeValue,
+    onChange: function onChange(value) {
+      changeIteratorNodes(value);
+    }
+  }, iteratorNodes.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      value: item.value,
+      key: item.value
+    }, item.label);
+  }))), selectLog.length > 0 && currentType == 2 && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('query_dimension_and_indicator'),
+    required: true
+  }, selectionsOptions.length > 0 && /*#__PURE__*/React.createElement(List, {
+    size: "large",
+    bordered: true
+  }, selectionsOptions.map(function (item) {
+    return /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.flexBox
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.fieldLabel
+    }, item.type == 'Agg' ? t('indicator') : t('dimension'), ":", item.label)));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.flexBox,
+    style: {
+      justifyContent: 'flex-end',
+      marginTop: '16px'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    disabled: !chainObject.isEdit,
+    type: "primary",
+    onClick: function onClick() {
+      return handleQueryConfig(inputParams);
+    }
+  }, selectionsOptions.length > 0 ? t('modify_config') : t('start_config')))), (selectLog.length > 0 || currentType == 8) && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('query_filter')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.flexBox
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.filterList
+  }, nodeFilters.map(function (filter, index) {
+    var _unitNumOptions$find, _unitNumOptions$find2, _unitOptions$find, _unitOptions$find2;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.filterItem,
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.filterItemLeft
+    }, filter.field ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: 16,
+        fontWeight: 700,
+        color: '#000'
+      }
+    }, getFieldLabel(filter.field)), /*#__PURE__*/React.createElement("span", null, filter.isInverse && /*#__PURE__*/React.createElement("span", null, "\u975E:"), filter.type === 'FuzzyFilter' && /*#__PURE__*/React.createElement("span", null, "\u5305\u542B"), filter.values.includes('useChainParam') ? filter.values[0] : filter.values.join(','))) : filter.type === 'ActivityFilter' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: 16,
+        fontWeight: 700,
+        color: '#000'
+      }
+    }, "\u6D3B\u52A8\u8FC7\u6EE4"), /*#__PURE__*/React.createElement("span", null, getHdNum(filter))) : filter.type === 'PathFilter' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: 16,
+        fontWeight: 700,
+        color: '#000'
+      }
+    }, filter.mode === 'matchWithGaps' ? '最终跟随' : '直接跟随'), /*#__PURE__*/React.createElement("span", null, "".concat(filter.path[0], " -> ").concat(filter.path[1]))) : filter.type === 'ReworkFilter' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: 16,
+        fontWeight: 700,
+        color: '#000'
+      }
+    }, filter.values[0]), /*#__PURE__*/React.createElement("span", null, filter.values.join(' '))) : filter.type === 'FilterList' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: 16,
+        fontWeight: 700,
+        color: '#000'
+      }
+    }, getFieldLabel(filter.filters[0].field)), filter.filters[0].type === 'RangeFilter' && /*#__PURE__*/React.createElement("span", null, filter.isInverse && /*#__PURE__*/React.createElement("span", null, "\u975E:"), getFieldType(filter.filters[0].field) === 'Time' ? /*#__PURE__*/React.createElement("span", null, typeof filter.filters[0].from.value === 'string' ? extractBracedContent(filter.filters[0].from.value)[0] : formatDateTime(filter.filters[0].from.value), "\xA0-\xA0", typeof filter.filters[0].to.value === 'string' ? extractBracedContent(filter.filters[0].to.value)[0] : formatDateTime(filter.filters[0].to.value)) : getFieldType(filter.filters[0].field) === 'Long' ? filter.filters[0].from.value === filter.filters[0].to.value ? /*#__PURE__*/React.createElement("span", null, filter.filters[0].from.value) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "\xA0\u2265\xA0", parseUnits(filter.filters[0].unitSelList[0], filter.filters[0].from.value)), /*#__PURE__*/React.createElement("span", null, unitNumOptions.findIndex(function (u) {
+      return u.value === filter.filters[0].unitSelList[0];
+    }) > -1 ? (_unitNumOptions$find = unitNumOptions.find(function (unit) {
+      return unit.value === filter.filters[0].unitSelList[0];
+    })) === null || _unitNumOptions$find === void 0 ? void 0 : _unitNumOptions$find.label : ""), /*#__PURE__*/React.createElement("span", null, "\xA0<\xA0", parseUnits(filter.filters[0].unitSelList[1], filter.filters[0].to.value)), /*#__PURE__*/React.createElement("span", null, unitNumOptions.findIndex(function (unit) {
+      return unit.value === filter.filters[0].unitSelList[1];
+    }) > -1 ? (_unitNumOptions$find2 = unitNumOptions.find(function (unit) {
+      return unit.value === filter.filters[0].unitSelList[1];
+    })) === null || _unitNumOptions$find2 === void 0 ? void 0 : _unitNumOptions$find2.label : "")) : getFieldType(filter.filters[0].field) === 'TimeSpan' ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "\xA0\u2265\xA0", parseUnits(filter.filters[0].unitSelList[0], filter.filters[0].from.value)), /*#__PURE__*/React.createElement("span", null, ((_unitOptions$find = unitOptions.find(function (u) {
+      return u.value === filter.filters[0].unitSelList[0];
+    })) === null || _unitOptions$find === void 0 ? void 0 : _unitOptions$find.label) || ''), /*#__PURE__*/React.createElement("span", null, "\xA0<\xA0", parseUnits(filter.filters[0].unitSelList[1], filter.filters[0].to.value)), /*#__PURE__*/React.createElement("span", null, ((_unitOptions$find2 = unitOptions.find(function (u) {
+      return u.value === filter.filters[0].unitSelList[1];
+    })) === null || _unitOptions$find2 === void 0 ? void 0 : _unitOptions$find2.label) || '')) : null)) : null), chainObject.isEdit && /*#__PURE__*/React.createElement(CloseCircleTwoTone, {
+      style: {
+        fontSize: 20,
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return delNodeFilters(index);
+      }
+    }));
+  })), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: handleAddFilter,
+    disabled: !chainObject.isEdit
+  }, t('add_query_filter')))), currentType == 5 && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('report_template'),
+    required: true
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: t('report_template_placeholder'),
+    style: {
+      borderRadius: '4px'
+    },
+    value: model.getProperties().reportMinioName || undefined,
+    disabled: !chainObject.isEdit,
+    onChange: function onChange(value) {
+      changeReportTemplate(value);
+    },
+    options: reportTemplateList.map(function (item) {
+      return {
+        label: item.reportName,
+        value: item.minioName
+      };
+    })
+  })), currentType == 4 && /*#__PURE__*/React.createElement(Form.Item, {
+    label: t('knowledge_base')
+  }, /*#__PURE__*/React.createElement(TreeSelect, {
+    treeExpandAction: "click",
+    treeDataSimpleMode: true,
+    disabled: !chainObject.isEdit,
+    treeDefaultExpandedKeys: loadedKeys,
+    treeLoadedKeys: loadedKeys,
+    treeData: treeData,
+    defaultValue: model.getProperties().aiKnowledgeFileId || undefined,
+    loadData: loadTreeData,
+    onChange: function onChange(value, title) {
+      return onChangeKnowledge(value, title);
+    },
+    treeCheckable: true,
+    showCheckedStrategy: TreeSelect.SHOW_CHILD,
+    placeholder: t('knowledge_base_placeholder'),
+    allowClear: false,
+    multiple: true
+  })), currentType == 4 && /*#__PURE__*/React.createElement("div", {
+    className: styles.flexBox,
+    style: {
+      width: 'fit-content',
+      margin: '10px 0'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginRight: '10px'
+    }
+  }, t('enable_network_retrieval')), /*#__PURE__*/React.createElement(Switch, {
+    checked: aiNetSearch === 1,
+    disabled: !chainObject.isEdit,
+    onChange: function onChange(checked) {
+      changeAiNetSearch(checked);
+    }
+  })), (selectLog.length > 0 || inputList.length > 0) && currentType != 6 && currentType != 7 && /*#__PURE__*/React.createElement(Form.Item, {
+    name: "inputList",
+    label: t('input_variables'),
+    required: currentType == 1 || currentType == 4 || currentType == 5
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, inputList.map(function (param, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '10px',
+        marginBottom: '10px'
+      }
+    }, /*#__PURE__*/React.createElement(Select, {
+      showSearch: true,
+      placeholder: t('input_variables_tips'),
+      style: {
+        borderRadius: '4px'
+      },
+      value: param.variableDesc || param.label || undefined,
+      open: inputList[index].selectIsOpen,
+      disabled: currentType == 1 || currentType == 4 || currentType == 5 || !chainObject.isEdit,
+      onDropdownVisibleChange: function onDropdownVisibleChange(visible) {
+        _onDropdownVisibleChange(index, visible);
+      },
+      onChange: function onChange(value) {
+        changeInputLabel(value, index);
+      },
+      options: inputParams.map(function (item) {
+        return {
+          label: item.label,
+          options: item.children.map(function (child) {
+            return {
+              label: child.label,
+              value: child.id
+            };
+          })
+        };
+      }),
+      dropdownRender: function dropdownRender(menu) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, menu, inputParams.length <= 1 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+          style: {
+            margin: '8px 0'
+          }
+        }), /*#__PURE__*/React.createElement(Space, {
+          style: {
+            padding: '0 8px 4px'
+          }
+        }, /*#__PURE__*/React.createElement(Input, {
+          placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570\u540D\u79F0",
+          ref: inputRef,
+          value: newFields,
+          onChange: onNewFieldsChange
+        }), /*#__PURE__*/React.createElement(Button, {
+          type: "text",
+          icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+          onClick: function onClick() {
+            addNewFields(index);
+          }
+        }, "\u6DFB\u52A0"))));
+      }
+    }), param.type !== 'input' ? /*#__PURE__*/React.createElement(Select, {
+      showSearch: true,
+      placeholder: t('input_variables_value_tips'),
+      style: {
+        borderRadius: '4px'
+      },
+      disabled: !chainObject.isEdit || !param.label,
+      onChange: function onChange(value) {
+        changeInputValue(value, index);
+      },
+      options: inputValues.map(function (item) {
+        return {
+          label: item.label,
+          options: item.options.map(function (option) {
+            return {
+              label: option.label,
+              value: option.value,
+              disabled: option.disabled || getInputValueDisabled(option, param)
+            };
+          })
+        };
+      }),
+      value: param.value || undefined
+    }) : /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(RichParamEditor, {
+      value: param.richValue || [],
+      onChange: function onChange(val) {
+        return changeInputValue(val, index);
+      },
+      options: inputValues,
+      disabled: !chainObject.isEdit
+    })), currentType == 2 && /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: function onClick() {
+        delInputList(index);
+      },
+      disabled: !chainObject.isEdit
+    }, t('delete')));
+  }), currentType == 2 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'flex-end',
+      gap: '10px'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      setInputList([].concat(_toConsumableArray(inputList), [{
+        label: '',
+        value: '',
+        selectIsOpen: false,
+        richValue: []
+      }]));
+    },
+    disabled: !chainObject.isEdit
+  }, t('add_input_variables')))))));
+};
+export default ComponentPropertiesEditor;