title: titleCase()

in src/routes/System/User/DataPermModal.js [265:380]
93 lines of code
10 McCabe index (conditional complexity)

            title: titleCase(currentPluginInfo.name),
            selectable: true,
            sort: plugin.sort,
            icon: plugin.meta.icon,
            pluginId: currentPluginInfo.pluginId,
          });
        }
      });

      pluginMenuList = treeData;
    }
    return pluginMenuList;
  };

  onSearch = (e) => {
    const { value } = e.target;
    this.setState({
      searchValue: value,
    });
  };

  renderPluginTree = () => {
    let pluginMenuList = this.filterPlugin();
    return (
      <Row gutter={[16, 16]}>
        <Col span={24}>
          <Search
            placeholder={getIntlContent("SHENYU.PLUGIN.INPUTNAME")}
            onChange={this.onSearch}
          />
        </Col>
        {pluginMenuList.length > 0 ? (
          <Col span={24}>
            <Tree
              defaultExpandAll
              style={{ background: "white" }}
              onSelect={this.onSelectPlugin}
              showIcon
            >
              {this.renderTreeNodes(pluginMenuList)}
            </Tree>
          </Col>
        ) : (
          <Col span={24}>
            <Empty />
          </Col>
        )}
      </Row>
    );
  };

  renderTreeNodes = (data) => {
    return data.map((item) => {
      if (item.children && item.children.length > 0) {
        return (
          <TreeNode
            selectable={item.selectable}
            title={item.title}
            icon={<Icon type={item.icon} />}
            key={item.key}
            dataRef={item}
          >
            {this.renderTreeNodes(item.children)}
          </TreeNode>
        );
      } else {
        return (
          <TreeNode
            icon={<Icon type={item.icon} />}
            title={item.title}
            key={item.key}
            dataRef={item}
          />
        );
      }
    });
  };

  renderSelectorRuleTable = () => {
    const { currentPermissionSelectorPage, pageSize } = this.state;
    const { selectorData, ruleListMap, selectorExpandedRowKeys } = this.state;
    const ruleColumns = [
      {
        title: getIntlContent("SHENYU.SYSTEM.DATA.PERMISSION.CHECKED"),
        dataIndex: "isChecked",
        width: 90,
        key: "isChecked",
        render: (isChecked, record) => {
          return (
            <Checkbox
              checked={isChecked}
              onClick={this.handleCheckRule.bind(this, record)}
            />
          );
        },
      },
      {
        title: getIntlContent("SHENYU.SYSTEM.DATA.PERMISSION.RULENAME"),
        dataIndex: "dataName",
        key: "dataName",
      },
    ];
    const expandedRowRender = (record) => {
      let ruleData = ruleListMap && ruleListMap[record.dataId];
      let currentRulePage = ruleData && ruleData.currentRulePage;
      return (
        <Table
          size="small"
          bordered
          columns={ruleColumns}
          dataSource={ruleData && ruleData.dataList}
          pagination={{
            total: (ruleData && ruleData.total) || 0,
            current: currentRulePage || 1,
            pageSize,
            onChange: (page) => {