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

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

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _utils = require("@luck-design-biz/base/utils");
+var _codeEditor = require("../code-editor");
+var _frontRules = require("./meta/frontRules");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting.checkRules';
+var FormItem = (0, _styledComponents.default)(_antd.Form.Item).withConfig({
+  displayName: "FormItem",
+  componentId: "luckda-6530__sc-d9mrmm-0"
+})(["margin-bottom:0;"]);
+var CheckRules = function CheckRules(_ref) {
+  var form = _ref.form,
+    fields = _ref.fields,
+    rule = _ref.rule,
+    fieldData = _ref.fieldData,
+    ruleRef = _ref.ruleRef;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    verifyType = _useState2[0],
+    setVerifyType = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    expression = _useState4[0],
+    setExpression = _useState4[1];
+  var jsRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ruleRef, function () {
+    return jsRef.current;
+  });
+  (0, _ahooks.useMount)(function () {
+    if (rule.uid) {
+      form.setFieldsValue({
+        verifyType: rule.verifyType
+      });
+      setExpression(rule.expression);
+    } else {
+      var defaultType = (0, _frontRules.getFrontRules)(fieldData.property)[0].key;
+      form.setFieldsValue({
+        verifyType: defaultType
+      });
+      setVerifyType(defaultType);
+    }
+  });
+  var frontRulesObj = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.keyBy)((0, _frontRules.getFrontRules)(fieldData.property), 'key');
+  }, []);
+  var frontRule = (0, _ahooks.useCreation)(function () {
+    var _frontRulesObj$verify;
+    setExpression(((_frontRulesObj$verify = frontRulesObj[verifyType]) === null || _frontRulesObj$verify === void 0 ? void 0 : _frontRulesObj$verify.defaultCode) || '');
+    if (verifyType) return frontRulesObj[verifyType];
+    return {
+      noCode: false
+    };
+  }, [verifyType]);
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    gutter: 8
+  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement(FormItem, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".verifyType"),
+      label: '校验规则'
+    })
+  }, form.getFieldDecorator('verifyType', {
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".message.verifyType"),
+        label: '请选择校验规则'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    onChange: function onChange(val) {
+      console.log('setVerifyType');
+      setVerifyType(val);
+    }
+  }, (0, _frontRules.getFrontRules)(fieldData.property).map(function (rule) {
+    return /*#__PURE__*/_react.default.createElement(Option, {
+      key: rule.key,
+      value: rule.key
+    }, rule.label);
+  }))))), !frontRule.noCode && /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      fontSize: '14px',
+      marginBottom: '16px',
+      color: 'rgba(0, 0, 0, 0.85)'
+    }
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".logic"),
+    label: '校验逻辑'
+  })), /*#__PURE__*/_react.default.createElement(_codeEditor.JSEditor, {
+    style: {
+      height: '300px',
+      border: '1px solid rgb(217, 217, 217)',
+      borderRadius: '4px',
+      padding: '12px'
+    },
+    ref: jsRef
+  }, expression))));
+};
+var _default = exports.default = CheckRules;

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting.checkRules';
+var FormItem = (0, _styledComponents.default)(_antd.Form.Item).withConfig({
+  displayName: "FormItem",
+  componentId: "luckda-6530__sc-da3g5m-0"
+})(["margin-bottom:0;"]);
+var CheckRules = function CheckRules(_ref) {
+  var form = _ref.form,
+    condition = _ref.condition,
+    fields = _ref.fields,
+    rule = _ref.rule;
+  (0, _ahooks.useMount)(function () {
+    if (rule.uid) {
+      form.setFieldsValue({
+        verifyType: rule.verifyType,
+        verifyScope: rule.verifyScope,
+        expression: rule.expression,
+        errorMsg: rule.errorMsg
+      });
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    gutter: 8
+  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement(FormItem, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".verifyType"),
+      label: '校验规则'
+    })
+  }, form.getFieldDecorator('verifyType', {
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".message.verifyType"),
+        label: '请选择校验规则'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Select, null, (0, _lodash.reduce)(condition === null || condition === void 0 ? void 0 : condition.options, function (types, val, key) {
+    types.push( /*#__PURE__*/_react.default.createElement(Option, {
+      key: key,
+      value: key
+    }, val));
+    return types;
+  }, []))))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement(FormItem, {
+    label: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.expression',
+      label: '表达式'
+    })
+  }, form.getFieldDecorator('expression', {
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: 'luckda.lowcode.painter.message.expression',
+        label: '请输入表达式'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Mentions, {
+    rows: 4,
+    prefix: "#",
+    placeholder: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.message.expression',
+      label: '请输入表达式'
+    })
+  }, fields.filter(function (_ref2) {
+    var id = _ref2.id;
+    return !(0, _lodash.startsWith)(id, '-');
+  }).map(function (_ref3) {
+    var field = _ref3.field;
+    return /*#__PURE__*/_react.default.createElement(_antd.Mentions.Option, {
+      value: field
+    }, field);
+  }))))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react.default.createElement(FormItem, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".errorMsg"),
+      label: '错误提示'
+    })
+  }, form.getFieldDecorator('errorMsg', {
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".message.errorMsg"),
+        label: '请输入错误提示'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Input.TextArea, {
+    rows: 2
+  }))))));
+};
+var _default = exports.default = CheckRules;

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

@@ -0,0 +1,295 @@
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _modal = require("@luck-design-biz/base/sys/modal");
+var _utils = require("@luck-design-biz/base/utils");
+var _services = require("@luck-design-biz/base/lib/sys/services");
+var _excluded = ["key", "label"];
+var Wrapper = _styledComponents.default.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "luckda-6530__sc-rwt684-0"
+})(["width:100%;height:400px;display:flex;"]);
+var Title = _styledComponents.default.p.withConfig({
+  displayName: "Title",
+  componentId: "luckda-6530__sc-rwt684-1"
+})(["font-weight:700;margin-bottom:8px;color:rgba(0,0,0,0.8);display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;"]);
+var LeftBox = _styledComponents.default.div.withConfig({
+  displayName: "LeftBox",
+  componentId: "luckda-6530__sc-rwt684-2"
+})(["width:100%;flex:1;border:1px solid #e5e6e8;border-radius:6px;"]);
+var Option = _styledComponents.default.div.withConfig({
+  displayName: "Option",
+  componentId: "luckda-6530__sc-rwt684-3"
+})(["width:100%;height:32px;cursor:pointer;line-height:32px;padding:0 8px;display:flex;justify-content:space-between;align-items:center;", " &:hover{background-color:#e8e8e8;}"], function (props) {
+  return props.actived ? 'background-color: #e8e8e8;' : void 0;
+});
+var RightBox = _styledComponents.default.div.withConfig({
+  displayName: "RightBox",
+  componentId: "luckda-6530__sc-rwt684-4"
+})(["width:100%;flex:1;border:1px solid #e5e6e8;border-radius:6px;padding:8px 16px;"]);
+var FormItem = (0, _styledComponents.default)(_antd.Form.Item).withConfig({
+  displayName: "FormItem",
+  componentId: "luckda-6530__sc-rwt684-5"
+})(["margin-bottom:0;"]);
+var _INVALID_KEY_ = ['__TRUE__', '__FALSE__'];
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting.attrs';
+var _FORM_ITEM_SPAN_ = {
+  labelCol: {
+    span: 4
+  },
+  wrapperCol: {
+    span: 20
+  }
+};
+var FieldAttrs = function FieldAttrs(_ref) {
+  var _conditionOptions$, _form$getFieldValue;
+  var form = _ref.form,
+    condition = _ref.condition,
+    fields = _ref.fields;
+  var conditionOptions = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.reduce)(condition.options, function (opts, value, key) {
+      if (_INVALID_KEY_.includes(key)) {
+        return opts;
+      }
+      opts.push({
+        key: key,
+        value: value,
+        checked: !(0, _lodash.isNil)(form.getFieldsValue()[key])
+      });
+      return opts;
+    }, []);
+  }, [condition, form]);
+  var _useState = (0, _react.useState)((_conditionOptions$ = conditionOptions[0]) === null || _conditionOptions$ === void 0 ? void 0 : _conditionOptions$.key),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    show = _useState4[0],
+    setShow = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    usergroupOptions = _useState6[0],
+    setUsergroupOptions = _useState6[1];
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+        var _yield$readSysGroup, code, list, detail;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _services.readSysGroup)({
+                sname: value
+              });
+            case 2:
+              _yield$readSysGroup = _context.sent;
+              code = _yield$readSysGroup.code;
+              list = _yield$readSysGroup.list;
+              detail = _yield$readSysGroup.detail;
+              if (code === 1) {
+                setUsergroupOptions(list.map(function (id) {
+                  var item = detail[id];
+                  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+                    key: "".concat(item.indocno),
+                    label: item.sname
+                  });
+                }));
+              }
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), {
+      wait: 500
+    }),
+    handleSearch = _useDebounceFn.run;
+  return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 200,
+      display: 'flex',
+      flexDirection: 'column'
+    }
+  }, /*#__PURE__*/_react.default.createElement(Title, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".conditionList"),
+    label: '条件列表'
+  })), /*#__PURE__*/_react.default.createElement(LeftBox, null, conditionOptions.map(function (opt) {
+    return /*#__PURE__*/_react.default.createElement(Option, {
+      key: opt.key,
+      actived: activeKey === opt.key,
+      onClick: function onClick() {
+        return setActiveKey(opt.key);
+      }
+    }, opt.value, opt.checked && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "check"
+    }));
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flex: 1,
+      display: 'flex',
+      flexDirection: 'column',
+      marginLeft: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(Title, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".settingCondition"),
+    label: '配置条件'
+  })), /*#__PURE__*/_react.default.createElement(RightBox, null, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "horizontal"
+  }, /*#__PURE__*/_react.default.createElement(FormItem, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.expression',
+      label: '表达式'
+    }),
+    style: {
+      display: '__FIELD__' === activeKey ? 'block' : 'none'
+    }
+  }, _FORM_ITEM_SPAN_), form.getFieldDecorator('__FIELD__', {
+    rules: [{
+      required: '__FIELD__' === activeKey,
+      message: (0, _utils.formatMessage)({
+        id: 'luckda.lowcode.painter.message.expression',
+        label: '请输入表达式'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Mentions, {
+    rows: 4,
+    prefix: "#",
+    placeholder: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.message.expression',
+      label: '请输入表达式'
+    })
+  }, fields.filter(function (_ref3) {
+    var id = _ref3.id;
+    return !(0, _lodash.startsWith)(id, '-');
+  }).map(function (_ref4) {
+    var field = _ref4.field;
+    return /*#__PURE__*/_react.default.createElement(_antd.Mentions.Option, {
+      value: field
+    }, field);
+  })))), /*#__PURE__*/_react.default.createElement(FormItem, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".usergroup"),
+      label: '选择分组'
+    }),
+    style: {
+      display: '__USER__' === activeKey ? 'block' : 'none'
+    }
+  }, _FORM_ITEM_SPAN_), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, form.getFieldDecorator('__USER__', {
+    rules: [{
+      required: '__USER__' === activeKey,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".message.usergroup"),
+        label: '请选择登录人分组'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    mode: "multiple",
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".message.usergroup"),
+      label: '请选择登录人分组'
+    }),
+    filterOption: false,
+    labelInValue: true,
+    showSearch: true,
+    onSearch: handleSearch
+  }, usergroupOptions.map(function (_ref5) {
+    var key = _ref5.key,
+      label = _ref5.label,
+      rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, (0, _extends2.default)({
+      key: key,
+      value: key
+    }, rest), label);
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "plus-circle",
+    theme: "twoTone",
+    style: {
+      marginLeft: 8
+    },
+    onClick: function onClick() {
+      return setShow(true);
+    }
+  }))), /*#__PURE__*/_react.default.createElement(FormItem, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".params"),
+      label: '参数名称'
+    }),
+    style: {
+      display: '__PARAMETER__' === activeKey ? 'block' : 'none'
+    }
+  }, _FORM_ITEM_SPAN_), form.getFieldDecorator('__PARAMETER__', {
+    rules: [{
+      required: '__PARAMETER__' === activeKey,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".message.params"),
+        label: '请输入参数名称'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".message.params"),
+      label: '请输入参数名称'
+    })
+  }))), /*#__PURE__*/_react.default.createElement(FormItem, (0, _extends2.default)({
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".contrary"),
+      label: '取反'
+    })
+  }, _FORM_ITEM_SPAN_), form.getFieldDecorator('contrary')( /*#__PURE__*/_react.default.createElement(_antd.Switch, null)))))), '__USER__' === activeKey && /*#__PURE__*/_react.default.createElement(_modal.GroupUserModal, {
+    type: "group",
+    show: show,
+    required: false,
+    initGroupClass: {
+      svirKey: '__POST__,__MAJOR__,__ROLE__,__DEPT__'
+    },
+    getContainer: function getContainer() {
+      return document.getElementById('lc-design-workspace');
+    },
+    doClose: function doClose() {
+      return setShow(false);
+    },
+    defaultValue: (_form$getFieldValue = form.getFieldValue('__USER__')) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.map(function (key) {
+      return usergroupOptions.find(function (item) {
+        return item.key === key;
+      });
+    }),
+    onSubmit: function onSubmit(datasource) {
+      var temp = datasource.map(function (item) {
+        return (0, _objectSpread2.default)({
+          key: "".concat(item.indocno),
+          label: item.sname
+        }, item);
+      });
+      setUsergroupOptions(temp);
+      form.setFieldsValue({
+        __USER__: temp
+      });
+    }
+  }));
+};
+var _default = exports.default = FieldAttrs;