qishibo/AnotherRedisDesktopManager · warning

this.$t('message.group_name_required')

Error message

this.$t('message.group_name_required')

What it means

This is not a thrown exception but an Element UI toast (this.$message.error) shown when the connection-group rename dialog is submitted with an empty name. handleGroupSubmit() trims groupForm.name and rejects falsy values before calling storage.renameGroup, so the group is never modified. The i18n key 'message.group_name_required' resolves to a localized 'Group name is required' string.

Source

Thrown at src/components/Connections.vue:249

    onGroupOrderEnd({ newIndex, oldIndex }) {
      if (newIndex === oldIndex) {
        return;
      }

      const groups = [...this.groups];
      groups.splice(newIndex, 0, groups.splice(oldIndex, 1)[0]);
      this.groups = groups;
      storage.setGroups(groups);
    },
    openEditGroupDialog(group) {
      this.groupForm = { id: group.id, name: group.name };
      this.showGroupDialog = true;
    },
    handleGroupSubmit() {
      const name = this.groupForm.name.trim();

      if (!name) {
        return this.$message.error(this.$t('message.group_name_required'));
      }

      if (!storage.renameGroup(this.groupForm.id, name)) {
        return this.$message.error(this.$t('message.group_exists'));
      }

      this.showGroupDialog = false;
      this.$message.success(this.$t('message.modify_success'));
      this.$bus.$emit('groups-updated');
    },
    deleteGroup(groupId) {
      this.$confirm(this.$t('message.delete_group_confirm'), { type: 'warning' }).then(() => {
        storage.deleteGroup(groupId);
        this.$message.success(this.$t('message.delete_success'));
        // reload connections so in-memory groupId is cleared(in connections)
        this.initConnections();
      }).catch(() => {});
    },

View on GitHub (pinned to c149855106)

Solutions

1. Type a non-empty, non-whitespace group name and submit again
2. Trim input automatically and disable the submit button while the name is blank so the error path is unreachable
3. Add maxlength/required attribute on the el-input to prevent whitespace-only submissions

Example fix

// before
<el-input v-model="groupForm.name"/>
<el-button @click="handleGroupSubmit">OK</el-button>

// after
<el-input v-model="groupForm.name" maxlength="30"/>
<el-button :disabled="!groupForm.name.trim()" @click="handleGroupSubmit">OK</el-button>

const name = this.groupForm.name.trim();
if (!name) {
  this.$message.error(this.$t('message.group_name_required'));
  return; // block submit before storage is touched
}

// Vue template-level guard
// :disabled="!groupForm.name.trim()"

When it happens

Trigger: Clicking the edit (pencil) icon on a connection group in Connections.vue to open the group dialog, clearing the name input (or entering only whitespace), and clicking save. `const name = this.groupForm.name.trim(); if (!name) { return this.$message.error(...) }` fires and the dialog stays open.

Common situations: User opens the edit-group dialog intending to delete the group but instead blanks the name and submits; automated UI tests (e.g. Spectron/Playwright) submit the form without filling fields; the dialog is opened, name field fully selected and deleted via keyboard, then Enter pressed.

Related errors

• this.$t('message.group_exists')
• Select a correct .proto file
• Select a correct Type to encode
• this.$t('message.group_name_required')
• this.$t('message.json_format_failed')

AI-assisted analysis of qishibo/AnotherRedisDesktopManager@c149855106 (2026-08-22). Data as JSON: /api/errors/8aa0b6cfc241df80. Report an issue: GitHub.