@luck-design-biz/luckda 0.0.24-3 → 0.0.25-10

package/lib/lowcode/painter/components/field-setting/index.js

@@ -0,0 +1,349 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var _lodash = require("lodash");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _SettingUI = _interopRequireDefault(require("./SettingUI"));
+var _apiUrl = require("../../../constants/api-url");
+var _constants = require("../../../constants");
+var _TRUE_FALSE_ = ['__TRUE__', '__FALSE__'];
+var FieldSetting = function FieldSetting(_ref) {
+  var dispatch = _ref.dispatch,
+    nodeId = _ref.nodeId,
+    fieldData = _ref.fieldData,
+    component = _ref.component,
+    datasetId = _ref.datasetId,
+    moduleId = _ref.moduleId,
+    dataModelKey = _ref.dataModelKey,
+    onAliasChange = _ref.onAliasChange,
+    onChange = _ref.onChange;
+  var ctx = (0, _ContextProvider.useContext)();
+  var _useSetState = (0, _ahooks.useSetState)({}),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+
+  // 默认值
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.FIELD_SCOPES.DEFAULT_VALUE
+      }],
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          var _detail$list$;
+          setState({
+            fieldDefaultValue: (_detail$list$ = detail[list[0]]) === null || _detail$list$ === void 0 ? void 0 : _detail$list$.ccmModuleFieldDefaultvalue
+          });
+        }
+      }
+    }),
+    defaultValueLoading = _useRequest.loading,
+    defaultValueRefresh = _useRequest.refresh;
+  // 必填
+  var _useRequest2 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.FIELD_SCOPES.FIELD_REQUIRED
+      }],
+      onSuccess: function onSuccess(_ref3) {
+        var code = _ref3.code,
+          list = _ref3.list,
+          detail = _ref3.detail;
+        if (code === 1) {
+          var _detail$list$2;
+          setState({
+            fieldRequired: (_detail$list$2 = detail[list[0]]) === null || _detail$list$2 === void 0 || (_detail$list$2 = _detail$list$2.ccmOnoffConditions) === null || _detail$list$2 === void 0 ? void 0 : _detail$list$2[0]
+          });
+        }
+      }
+    }),
+    requiredLoading = _useRequest2.loading,
+    requiredRefresh = _useRequest2.refresh;
+  // 是否可写
+  var _useRequest3 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.FIELD_SCOPES.FIELD_WRITABLE
+      }],
+      onSuccess: function onSuccess(_ref4) {
+        var code = _ref4.code,
+          list = _ref4.list,
+          detail = _ref4.detail;
+        if (code === 1) {
+          var _detail$list$3;
+          setState({
+            fieldWritable: (_detail$list$3 = detail[list[0]]) === null || _detail$list$3 === void 0 || (_detail$list$3 = _detail$list$3.ccmOnoffConditions) === null || _detail$list$3 === void 0 ? void 0 : _detail$list$3[0]
+          });
+        }
+      }
+    }),
+    writableLoading = _useRequest3.loading,
+    writableRefresh = _useRequest3.refresh;
+  // 是否只读
+  var _useRequest4 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.FIELD_SCOPES.FIELD_READONLY
+      }],
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          list = _ref5.list,
+          detail = _ref5.detail;
+        if (code === 1) {
+          var _detail$list$4;
+          setState({
+            fieldReadonly: (_detail$list$4 = detail[list[0]]) === null || _detail$list$4 === void 0 || (_detail$list$4 = _detail$list$4.ccmOnoffConditions) === null || _detail$list$4 === void 0 ? void 0 : _detail$list$4[0]
+          });
+        }
+      }
+    }),
+    readonlyLoading = _useRequest4.loading,
+    readonlyRefresh = _useRequest4.refresh;
+  // 表格显示
+  var _useRequest5 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY
+      }],
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          list = _ref6.list,
+          detail = _ref6.detail;
+        if (code === 1) {
+          var _detail$list$5;
+          setState({
+            fieldTable: (_detail$list$5 = detail[list[0]]) === null || _detail$list$5 === void 0 || (_detail$list$5 = _detail$list$5.ccmOnoffConditions) === null || _detail$list$5 === void 0 ? void 0 : _detail$list$5[0]
+          });
+        }
+      }
+    }),
+    tableLoading = _useRequest5.loading,
+    tableRefresh = _useRequest5.refresh;
+  // 表单显示
+  var _useRequest6 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.FIELD_SCOPES.FIELD_FORM_DISPLAY
+      }],
+      onSuccess: function onSuccess(_ref7) {
+        var code = _ref7.code,
+          list = _ref7.list,
+          detail = _ref7.detail;
+        if (code === 1) {
+          var _detail$list$6;
+          setState({
+            fieldForm: (_detail$list$6 = detail[list[0]]) === null || _detail$list$6 === void 0 || (_detail$list$6 = _detail$list$6.ccmOnoffConditions) === null || _detail$list$6 === void 0 ? void 0 : _detail$list$6[0]
+          });
+        }
+      }
+    }),
+    formLoading = _useRequest6.loading,
+    formRefresh = _useRequest6.refresh;
+  var _useRequest7 = (0, _ahooks.useRequest)(_apiUrl.fetchUpdateUniqueField, {
+      manual: true
+    }),
+    runFetchUpdateUniqueField = _useRequest7.runAsync;
+  var handleUIChange = (0, _ahooks.useMemoizedFn)(function (key, val) {
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: fieldData.uid,
+        data: (0, _defineProperty2.default)({}, key, val)
+      },
+      callback: function callback(newFields) {
+        if (component === 'table') {
+          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
+          var col = gridApi.columnApi.getColumn(fieldData.field);
+          if ('headerAlign' === key) {
+            var _headerClassFunc = col.colDef.headerClass;
+            col.colDef.headerClass = function (params) {
+              var classes = _headerClassFunc(params);
+              var temp = (0, _lodash.dropWhile)(classes, function (c) {
+                return (0, _lodash.startsWith)(c, 'luck-header-label-');
+              });
+              temp.push("luck-header-label-".concat(val));
+              return temp;
+            };
+            gridApi.api.refreshHeader();
+          } else if ('align' === key) {
+            var _cellStyleFunc = col.colDef.cellStyle;
+            col.colDef.cellStyle = function (params) {
+              var cellStyle = _cellStyleFunc(params);
+              if ('center' === val) {
+                cellStyle.justifyContent = 'center';
+                cellStyle.textAlign = 'center';
+              } else if ('right' === val) {
+                cellStyle.justifyContent = 'flex-end';
+                cellStyle.textAlign = 'end';
+              } else if ('left' === val) {
+                cellStyle.justifyContent = 'flex-start';
+                cellStyle.textAlign = 'start';
+              }
+              return cellStyle;
+            };
+            gridApi.api.refreshCells({
+              columns: [fieldData.field],
+              force: true
+            });
+          }
+        }
+        onChange(newFields);
+      }
+    });
+  });
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (key, val) {
+      if (key === 'width') {
+        handleUIChange(key, val);
+      } else if (key === 'note' || key === 'tip' || key === 'placeholder') {
+        handleUIChange(key, val);
+      }
+    }, {
+      wait: 400
+    }),
+    runDebounce = _useDebounceFn.run;
+  var run = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(key, val) {
+      var _yield$fetchDelAttrs, code, mapping, _stateItem, request, c, d, _yield$request, _code;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(key === 'isEqual')) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 3;
+            return runFetchUpdateUniqueField((0, _defineProperty2.default)({
+              moduleDatasetUid: datasetId,
+              moduleUid: moduleId
+            }, val ? 'uniqueFieldUid' : 'noUniqueFieldUid', fieldData.uid));
+          case 3:
+            _context.next = 34;
+            break;
+          case 5:
+            if (!(key === 'align' || key === 'headerAlign' || key === 'pinned' || key === 'tip')) {
+              _context.next = 9;
+              break;
+            }
+            handleUIChange(key, val);
+            _context.next = 34;
+            break;
+          case 9:
+            if (!(key === 'col' || key === 'row')) {
+              _context.next = 13;
+              break;
+            }
+            handleUIChange(key, val);
+            _context.next = 34;
+            break;
+          case 13:
+            if (!(key === 'delRule')) {
+              _context.next = 21;
+              break;
+            }
+            _context.next = 16;
+            return (0, _apiUrl.fetchDelAttrs)({
+              moduleDatasetUid: fieldData.datasetFieldUid,
+              ccmModuleFieldVerifies: [{
+                uid: val
+              }],
+              scope: _constants.FIELD_SCOPES.CHECK_RULES
+            });
+          case 16:
+            _yield$fetchDelAttrs = _context.sent;
+            code = _yield$fetchDelAttrs.code;
+            return _context.abrupt("return", code === 1);
+          case 21:
+            mapping = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.FIELD_SCOPES.FIELD_REQUIRED, {
+              key: 'fieldRequired',
+              refresh: requiredRefresh
+            }), _constants.FIELD_SCOPES.FIELD_WRITABLE, {
+              key: 'fieldWritable',
+              refresh: writableRefresh
+            }), _constants.FIELD_SCOPES.FIELD_READONLY, {
+              key: 'fieldReadonly',
+              refresh: readonlyRefresh
+            }), _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY, {
+              key: 'fieldTable',
+              refresh: tableRefresh
+            }), _constants.FIELD_SCOPES.FIELD_FORM_DISPLAY, {
+              key: 'fieldForm',
+              refresh: formRefresh
+            });
+            _stateItem = state[mapping[key].key];
+            request = !!_stateItem ? _apiUrl.fetchUpdateFieldAttrs : _apiUrl.fetchAddFieldAttrs;
+            setState((0, _defineProperty2.default)({}, mapping[key].key, val));
+            c = {
+              conditionType: val ? _TRUE_FALSE_[0] : _TRUE_FALSE_[1],
+              config: val ? '是' : '否',
+              showconfig: val ? '是' : '否'
+            };
+            if (_stateItem) c.uid = _stateItem.uid;
+            d = {
+              dataModelKey: dataModelKey,
+              moduleDatasetUid: datasetId,
+              moduleUid: moduleId,
+              scope: key,
+              ccmOnoffConditions: [c]
+            };
+            if (!_stateItem) {
+              d.datasetBusinessUids = [fieldData.uid];
+            }
+            _context.next = 31;
+            return request(d);
+          case 31:
+            _yield$request = _context.sent;
+            _code = _yield$request.code;
+            if (_code === 1) {
+              mapping[key].refresh();
+            }
+          case 34:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }());
+  var handleFieldAttrsModalClose = (0, _ahooks.useMemoizedFn)(function (scope, success) {
+    if (success) {
+      _constants.FIELD_SCOPES.DEFAULT_VALUE === scope && defaultValueRefresh();
+      _constants.FIELD_SCOPES.FIELD_REQUIRED === scope && requiredRefresh();
+      _constants.FIELD_SCOPES.FIELD_WRITABLE === scope && writableRefresh();
+      _constants.FIELD_SCOPES.FIELD_READONLY === scope && readonlyRefresh();
+      _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY === scope && tableRefresh();
+      _constants.FIELD_SCOPES.FIELD_FORM_DISPLAY === scope && formRefresh();
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_SettingUI.default, {
+    loading: defaultValueLoading || requiredLoading || writableLoading || readonlyLoading || tableLoading || formLoading,
+    data: fieldData,
+    conditionsValue: state,
+    dataModelKey: dataModelKey,
+    datasetId: datasetId,
+    moduleId: moduleId,
+    component: component,
+    runDebounce: runDebounce,
+    run: run,
+    onAliasChange: onAliasChange,
+    onFieldAttrsModalClose: handleFieldAttrsModalClose
+  });
+};
+var _default = exports.default = FieldSetting;

package/lib/lowcode/painter/components/field-setting/meta/frontRules.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFrontRules = void 0;
+var getFrontRules = exports.getFrontRules = function getFrontRules(property) {
+  var rules = [];
+  switch (property) {
+    case 'number':
+    case 'money':
+    case 'decimal':
+    case 'sint':
+      rules = [{
+        label: '最小值',
+        key: 'min',
+        defaultCode: "function min(cValue) { \n return 0; // 返回数字 \n}"
+      }, {
+        label: '最大值',
+        key: 'max',
+        defaultCode: "function max(cValue) { \n return 100; // 返回数字 \n}"
+      }];
+      break;
+    case 'string':
+      rules = [{
+        label: '长度',
+        key: 'length',
+        defaultCode: "function length(cValue) { \n return 100; // 返回数字 \n}"
+      }, {
+        label: '邮箱',
+        key: 'email',
+        noCode: true
+      }, {
+        label: '身份证',
+        key: 'idcard',
+        noCode: true
+      }, {
+        label: '手机号码',
+        key: 'mobile',
+        noCode: true
+      }];
+      break;
+    case 'text':
+      rules = [{
+        label: '长度',
+        key: 'length',
+        defaultCode: "function length(cValue) { \n return 100; // 返回数字 \n}"
+      }];
+      break;
+    default:
+      ;
+  }
+  rules.push({
+    label: '自定义',
+    key: 'rules',
+    defaultCode: "function validator(cValue, rule, value, callback) { \n if(!value) callback('errorMsg'); \n callback(); \n}"
+  });
+  return rules;
+};

package/lib/lowcode/painter/index.js

@@ -15,12 +15,17 @@ var _Design = _interopRequireDefault(require("./Design"));
 var _Panel = _interopRequireDefault(require("./Panel"));
 var _index = require("../constants/index");
 var _index2 = _interopRequireDefault(require("./style/index.less"));
+var _DragDropContext = _interopRequireDefault(require("./components/DragDrop/DragDropContext"));
 var Painter = function Painter(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    code = _ref.code;
   return /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
     runtime: _index.RUNTIME.DESIGN
-  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, {
+    code: code
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "lc-design-workspace",
     className: (0, _classnames.default)(_index2.default['lc-painter'], (0, _defineProperty2.default)({}, className, !!className))
-  }, /*#__PURE__*/_react.default.createElement(_Ribbon.default, null), /*#__PURE__*/_react.default.createElement(_Design.default, null), /*#__PURE__*/_react.default.createElement(_Panel.default, null))));
+  }, /*#__PURE__*/_react.default.createElement(_DragDropContext.default, null, /*#__PURE__*/_react.default.createElement(_Ribbon.default, null), /*#__PURE__*/_react.default.createElement(_Design.default, null), /*#__PURE__*/_react.default.createElement(_Panel.default, null)))));
 };
 var _default = exports.default = Painter;

package/lib/lowcode/painter/panel-section/ActionsColumnWidth.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _WidthHeight = _interopRequireDefault(require("./WidthHeight"));
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _excluded = ["blockId", "onChange"];
+var ActionsColumnWidth = function ActionsColumnWidth(_ref) {
+  var blockId = _ref.blockId,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ctx = (0, _ContextProvider.useContext)();
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (value) {
+    var _ctx$componentMap$get2;
+    var _ctx$componentMap$get = (_ctx$componentMap$get2 = ctx.componentMap.get(props.nodeId)) === null || _ctx$componentMap$get2 === void 0 ? void 0 : _ctx$componentMap$get2.api.getForm().getFormRef(blockId).formRef.current,
+      gridApi = _ctx$componentMap$get.gridApi;
+    var col = gridApi.columnApi.getColumn('luck-actions');
+    gridApi.columnApi.setColumnWidth(col, value || 160);
+    onChange && onChange(value);
+  });
+  return /*#__PURE__*/_react.default.createElement(_WidthHeight.default, (0, _extends2.default)({
+    onChange: handleChange
+  }, props));
+};
+var _default = exports.default = ActionsColumnWidth;

package/lib/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _PopForm = require("../../components/PopForm");
+var _SerialsSelector = _interopRequireDefault(require("../SerialsSelector"));
+var _utils = require("@luck-design-biz/base/utils");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
+var _SERIAL_EFFECT_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: 'luckda.lowcode.painter.hidden',
+    label: '隐藏'
+  }),
+  value: 'hidden'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: 'luckda.lowcode.painter.disable',
+    label: '禁用'
+  }),
+  value: 'disable'
+}];
+var _RISK_LEVEL_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".default"),
+    label: '一般'
+  }),
+  value: 'default'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".primary"),
+    label: '重要'
+  }),
+  value: 'primary'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".danger"),
+    label: '危险'
+  }),
+  value: 'danger'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".destroy"),
+    label: '毁灭'
+  }),
+  value: 'destroy'
+}];
+var ActionEditor = function ActionEditor(_ref) {
+  var action = _ref.action,
+    onChange = _ref.onChange,
+    suppressName = _ref.suppressName,
+    suppressRiskLevel = _ref.suppressRiskLevel;
+  var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(action));
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
+    valueRef.current[field] = value;
+    onChange(valueRef.current);
+  });
+  return /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, !suppressName && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".name"),
+    label: '名称'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    defaultValue: action.name,
+    onChange: function onChange(e) {
+      return handleChange('name', e.target.value);
+    },
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
+      label: '请输入行为名称'
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serial"),
+    label: '资源串'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_SerialsSelector.default, {
+    size: "small",
+    defaultValue: action.serial,
+    onChange: function onChange(val) {
+      return handleChange('serial', val);
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
+    label: '越权效果'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _SERIAL_EFFECT_OPTIONS_,
+    value: action.serialEffect,
+    onChange: function onChange(value) {
+      return handleChange('serialEffect', value);
+    }
+  }))), !suppressRiskLevel && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+    label: '风险等级'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _RISK_LEVEL_OPTIONS_,
+    value: action.riskLevel,
+    onChange: function onChange(value) {
+      return handleChange('riskLevel', value);
+    }
+  }))));
+};
+var _default = exports.default = ActionEditor;