<iui-dialog
  v-model="visible"
  :cancel="false"
  title="Dialog Title"
  confirmText="I know"
>
  I am a single-line content of the body, center-aligned by default.
</iui-dialog>

<script setup>
  import { ref } from "vue";

  const visible = ref(false);
  const open = () => {
    visible.value = true;
  };

  onMounted(() => {
    open();
  });
</script>

<iui-dialog
  v-model="visible"
  :cancel="false"
  title="Dialog Title"
  confirmText="I know"
>
  I am a single-line content of the body, center-aligned by default.
</iui-dialog>

<script setup>
  import { ref } from "vue";

  const visible = ref(false);
  const open = () => {
    visible.value = true;
  };

  onMounted(() => {
    open();
  });
</script>

<iui-dialog ref="dialog"></iui-dialog>

<script setup>
  import { ref } from "vue";

  const dialog = ref(false);
  const open = () => {
    dialog.value.open({
      content:
        "I am a single-line content of the body, center-aligned by default.",
      confirmText: "I know",
      cancel: false,
    });
  };

  onMounted(() => {
    open();
  });
</script>

<iui-dialog ref="dialog"></iui-dialog>

<script setup>
  import { ref } from "vue";

  const dialog = ref(false);
  const open = () => {
    dialog.value.open({
      content:
        "I am a single-line content of the body, center-aligned by default.",
      confirmText: "I know",
      cancel: false,
    });
  };

  onMounted(() => {
    open();
  });
</script>

<iui-dialog ref="dialog"></iui-dialog>

<script setup>
  import { ref } from "vue";

  const dialog = ref(false);
  const open = () => {
    dialog.value.open({
      title: "Dialog Title",
      content:
       "I am a single-line content of the body, center-aligned by default.",,
      confirmText: "Primary",
      cancelText: "Auxiliary",
      // 异步
      beforeConfirm() {
        return new Promise((resolve) => {
          setTimeout(() => {
            resolve(true);
          }, 1000);
        });
      },
    });
  };

  onMounted(() => {
    open();
  });
</script>

<iui-dialog ref="dialog"></iui-dialog>

<script setup>
  import { ref } from "vue";

  const dialog = ref(false);
  const open = () => {
    dialog.value.open({
      title: "Dialog Title",
      content:
       "I am a single-line content of the body, center-aligned by default.",,
      confirmText: "Primary",
      cancelText: "Auxiliary",
      // 异步
      beforeConfirm() {
        return new Promise((resolve) => {
          setTimeout(() => {
            resolve(true);
          }, 1000);
        });
      },
    });
  };

  onMounted(() => {
    open();
  });
</script>