Sweetalert: Многие кнопки в сочетании с вводом возвращают только значение кнопки

Вы имеете в виду, что хотите, чтобы и кнопка подтверждения, и какая-то другая кнопка возвращали значение ввода? Не могли бы вы уточнить, в чем конкретно заключается ваш вариант использования? :)

@ t4t5 это, вероятно, связано с этим FIXME.

swal({
    buttons: {
        cancel: "Go back!",
        one: {
          text: "Button One",
          value: 1
        },
        two: {
          text: "Button Two",
          value: 2
        },
        three: {
          text: "Button Three",
          value: 3
        }
      },
      content: {
        element: "input",
        attributes: {
          placeholder: "What's your favorite food?",
          type: "text",
        },
      }
/*
 * Only returns one value, because input is overridden by buttons
 * so you never get the input's value and the button's value
 * just the button's value.
 */
}).then( value => {
    switch (value) {                  
        case 1:
            swal("You pressed one!")
            break;
        case 2:
            swal("You pressed two!")
            break;
        case 3:
            swal("You pressed three!")
            break;
        default:
            swal("Phew, got outta there.");
    }
});

Было бы очень полезно иметь возможность использовать значение кнопки, а также любое входное значение, чтобы выполнять логику вместо вложенных предупреждений и иметь бесполезный ввод, потому что он переопределяется вашими кнопками.

+1, чтобы иметь одновременно button value и content value

Если вы установите для одной из кнопок кнопки значение «подтвердить», она вернет значение ввода. например:

swal({
  buttons: {
    cancel: "Go back!",
    one: {
      text: "Button One",
      value: 1
    },
    two: {
      text: "Button Two",
      value: 2
    },
    confirm: {
      text: "Button Three",
    }
  },
  content: {
    element: "input",
    attributes: {
      placeholder: "What's your favorite food?",
      type: "text",
    },
  }
})

Этого достаточно для вашего варианта использования, или вы имели в виду, что каждая кнопка должна возвращать как входное значение, так и значение кнопки?

@ t4t5 Каждая кнопка должна возвращать входное значение и значение кнопки. Специально для моего случая использования я использую SweetAlert для веб-инструмента администрирования сервера и, в частности, чтобы запрашивать администратора, когда он нажимает кнопку «запретить» на пользователе. Тогда в предупреждении будут три кнопки, которым мне нужно вернуть значение («1d», «1w» или «навсегда»), чтобы представить отрезок времени. Мне также нужно текстовое поле для ввода, чтобы указать причину, по которой пользователя забанили. При нажатии любой из этих кнопок это позволит моему обратному вызову связать значение кнопки, которое было нажато, с входным значением, чтобы создать запрос API обратно на мой сервер, чтобы разместить бан с указанием причины и того, как долго должен длиться запрет.

Надеюсь, этот вариант использования проясняет важность возврата обоих значений. Это позволяет разработчикам не возиться с вещами или создавать два предупреждения, чтобы выполнить то, что должно быть одноэтапным процессом.

        banPlayer: function (data) {
            var swalField = document.createElement('input');
            swalField.setAttribute("placeholder", "Reason for ban");
            swal({
                title: 'Banning: ' + data.name,
                buttons: {
                    cancel: "Go back!",
                    day: {
                      text: "24hr",
                      visible: true,
                      closeModal: true
                    },
                    week: {
                      text: "1w",
                      visible: true,
                      closeModal: true
                    },
                    perm: {
                      text: "Forever",
                      visible: true,
                      closeModal: true
                    }
                  },
                  content: swalField,
                dangerMode: true
            }).then( value => {
                let reason = swalField.value;
                // build API query request and submit it
            });

Приведенный выше фрагмент - это мой "хитрый" способ получения содержимого и значений кнопок. Однако, как было сказано ранее в этом потоке, было бы намного лучше, если бы он просто возвращал оба значения.

Другой пример - модальное окно ( closeOnEsc: false, closeOnClickOutside: false ) с полем ввода и двумя кнопками: подтвердить + отменить. Сейчас я буду использовать решение