render()

in src/routes/System/PluginHandle/AddModal.js [80:330]

• 148 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    let {
      handleCancel,
      form,
      pluginId,
      label = "",
      field = "",
      dataType = "1",
      type = "2",
      sort = 0,
      required = "0",
      defaultValue = undefined,
      placeholder = undefined,
      rule = undefined,
      pluginDropDownList,
    } = this.props;
    const { getFieldDecorator } = form;

    const formItemLayout = {
      labelCol: {
        sm: { span: 5 },
      },
      wrapperCol: {
        sm: { span: 19 },
      },
    };

    return (
      <Modal
        width={650}
        centered
        title={getIntlContent("SHENYU.PLUGIN.PLUGINHANDLE")}
        visible
        okText={getIntlContent("SHENYU.COMMON.SURE")}
        cancelText={getIntlContent("SHENYU.COMMON.CALCEL")}
        onOk={this.handleSubmit}
        onCancel={handleCancel}
      >
        <Form onSubmit={this.handleSubmit} className="login-form">
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.PLUGIN.NAME")}
            {...formItemLayout}
          >
            {getFieldDecorator("pluginId", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.PLUGIN.PLUGIN.NAME"),
                },
              ],
              initialValue: pluginId,
            })(
              <Select
                placeholder={getIntlContent("SHENYU.PLUGIN.PLUGIN.NAME")}
                showSearch
                filterOption={(input, option) =>
                  option.props.children
                    .toLowerCase()
                    .indexOf(input.toLowerCase()) >= 0
                }
              >
                {pluginDropDownList.map((item, i) => {
                  return (
                    <Option key={i} value={item.id}>
                      {item.name}
                    </Option>
                  );
                })}
              </Select>,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.FIELD")}
            {...formItemLayout}
          >
            {getFieldDecorator("field", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.PLUGIN.FIELD"),
                },
              ],
              initialValue: field,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.PLUGIN.FIELD")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.DESCRIBE")}
            {...formItemLayout}
          >
            {getFieldDecorator("label", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.PLUGIN.DESCRIBE"),
                },
              ],
              initialValue: label,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.PLUGIN.DESCRIBE")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.DATATYPE")}
            {...formItemLayout}
          >
            {getFieldDecorator("dataType", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.PLUGIN.DESCRIBE"),
                },
              ],
              initialValue: `${dataType}` || undefined,
            })(
              <Select>
                <Option key="1" value="1">
                  {getIntlContent("SHENYU.PLUGIN.DIGITAL")}
                </Option>
                <Option key="2" value="2">
                  {getIntlContent("SHENYU.PLUGIN.STRING")}
                </Option>
                <Option key="3" value="3">
                  {getIntlContent("SHENYU.PLUGIN.DROPDOWN")}
                </Option>
              </Select>,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.FIELDTYPE")}
            {...formItemLayout}
          >
            {getFieldDecorator("type", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.PLUGIN.DESCRIBE"),
                },
              ],
              initialValue: `${type}` || undefined,
            })(
              <Select>
                <Option key="1" value="1">
                  {getIntlContent("SHENYU.SELECTOR.NAME")}
                </Option>
                <Option key="2" value="2">
                  {getIntlContent("SHENYU.PLUGIN.RULES")}
                </Option>
                <Option key="3" value="3">
                  {getIntlContent("SHENYU.PLUGIN")}
                </Option>
              </Select>,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.SORT")}
            {...formItemLayout}
          >
            {getFieldDecorator("sort", {
              rules: [
                {
                  required: true,
                  message: getIntlContent("SHENYU.PLUGIN.INPUTSORT"),
                },
              ],
              initialValue: sort,
            })(
              <InputNumber
                precision={0}
                placeholder={getIntlContent("SHENYU.PLUGIN.SORT")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.REQUIRED")}
            {...formItemLayout}
          >
            {getFieldDecorator("required", {
              rules: [{ required: false }],
              initialValue: required,
            })(
              <Select placeholder={getIntlContent("SHENYU.PLUGIN.REQUIRED")}>
                <Option key="1" value="1">
                  {getIntlContent("SHENYU.COMMON.YES")}
                </Option>
                <Option key="0" value="0">
                  {getIntlContent("SHENYU.COMMON.NO")}
                </Option>
              </Select>,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.DEFAULTVALUE")}
            {...formItemLayout}
          >
            {getFieldDecorator("defaultValue", {
              rules: [{ required: false }],
              initialValue: defaultValue,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.PLUGIN.DEFAULTVALUE")}
              />,
            )}
          </FormItem>
          <FormItem
            label={getIntlContent("SHENYU.PLUGIN.PLACEHOLDER")}
            {...formItemLayout}
          >
            {getFieldDecorator("placeholder", {
              rules: [{ required: false }],
              initialValue: placeholder,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.PLUGIN.PLACEHOLDER")}
              />,
            )}
          </FormItem>
          <FormItem
            label={
              <span>
                {getIntlContent("SHENYU.PLUGIN.RULE")}&nbsp;
                <Tooltip title={getIntlContent("SHENYU.PLUGIN.RULE.TIP")}>
                  <Icon type="question-circle-o" />
                </Tooltip>
              </span>
            }
            {...formItemLayout}
          >
            {getFieldDecorator("rule", {
              rules: [{ required: false }],
              initialValue: rule,
            })(
              <Input
                allowClear
                placeholder={getIntlContent("SHENYU.PLUGIN.RULE")}
              />,
            )}
          </FormItem>
        </Form>
      </Modal>
    );
  }