tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/dist/components/AudioSettingPanel/SpeakerSelect.js

@@ -0,0 +1,61 @@
+import { defineComponent as h, ref as b, watch as g, onBeforeMount as y, createBlock as v, openBlock as d, unref as o, withCtx as _, createElementBlock as C, Fragment as B, renderList as U } from "vue";
+import { useUIKit as w, TUISelect as x, TUIOption as L } from "@tencentcloud/uikit-base-component-vue3";
+import T from "@tencentcloud/tuiroom-engine-js";
+import { useDeviceState as V } from "../../states/DeviceState/DeviceState.js";
+import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const E = /* @__PURE__ */ h({
+  __name: "SpeakerSelect",
+  props: {
+    onChange: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(c) {
+    var i;
+    const { t: f } = w(), r = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: m, getSpeakerList: I } = V(), l = b((i = t.value) == null ? void 0 : i.deviceId);
+    g(
+      () => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.deviceId;
+      },
+      (e) => {
+        l.value !== e && (l.value = e);
+      },
+      { immediate: !0 }
+    );
+    async function S(e) {
+      var n, a, s, p;
+      (n = r.onChange) == null || n.call(r, e);
+      try {
+        await m({ deviceId: e });
+      } catch {
+        (a = t.value) != null && a.deviceId && u.value.map((k) => k.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (l.value = (p = t.value) == null ? void 0 : p.deviceId);
+      }
+    }
+    return y(async () => {
+      T.once("ready", async () => {
+        await I();
+      });
+    }), (e, n) => (d(), v(o(x), {
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (a) => l.value = a),
+      placeholder: o(f)("AudioSettingPanel.SelectSpeaker"),
+      class: "select",
+      disabled: c.disabled,
+      teleported: !1,
+      "popper-append-to-body": !1,
+      onChange: S
+    }, {
+      default: _(() => [
+        (d(!0), C(B, null, U(o(u), (a) => (d(), v(o(L), {
+          key: a.deviceId,
+          label: a.deviceName,
+          value: a.deviceId
+        }, null, 8, ["label", "value"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "disabled"]));
+  }
+}), P = /* @__PURE__ */ D(E, [["__scopeId", "data-v-0c22f98b"]]);
+export {
+  P as default
+};

package/dist/components/AudioSettingPanel/SpeakerSelect.vue.d.ts

@@ -0,0 +1,29 @@
+interface Props {
+    onChange?: (id: string) => void;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+}>>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/AudioSettingPanel/i18n/en-US/index.d.ts

@@ -1,8 +1,14 @@
 export declare const resource: {
-    Microphone: string;
-    'Select device': string;
-    'Input volume': string;
-    Speaker: string;
-    'Output volume': string;
-    'Unrecognized device': string;
+    AudioSettingPanel: {
+        Microphone: string;
+        SelectMicrophone: string;
+        SelectSpeaker: string;
+        InputLevel: string;
+        InputVolume: string;
+        Speaker: string;
+        OutputVolume: string;
+        UnrecognizedDevice: string;
+        Test: string;
+        Stop: string;
+    };
 };

package/dist/components/AudioSettingPanel/i18n/en-US/index.js

@@ -1,10 +1,16 @@
 const e = {
-  Microphone: "Microphone",
-  "Select device": "Select device",
-  "Input volume": "Input volume",
-  Speaker: "Speaker",
-  "Output volume": "输出音量",
-  "Unrecognized device": "Unrecognized device"
+  AudioSettingPanel: {
+    Microphone: "Microphone",
+    SelectMicrophone: "Select microphone",
+    SelectSpeaker: "Select speaker",
+    InputLevel: "Input level",
+    InputVolume: "Input volume",
+    Speaker: "Speaker",
+    OutputVolume: "Output volume",
+    UnrecognizedDevice: "Unrecognized device",
+    Test: "Test",
+    Stop: "Stop"
+  }
 };
 export {
   e as resource

package/dist/components/AudioSettingPanel/i18n/zh-CN/index.d.ts

@@ -1,8 +1,14 @@
 export declare const resource: {
-    Microphone: string;
-    'Select device': string;
-    'Input volume': string;
-    Speaker: string;
-    'Output volume': string;
-    'Unrecognized device': string;
+    AudioSettingPanel: {
+        Microphone: string;
+        SelectMicrophone: string;
+        SelectSpeaker: string;
+        InputLevel: string;
+        InputVolume: string;
+        Speaker: string;
+        OutputVolume: string;
+        UnrecognizedDevice: string;
+        Test: string;
+        Stop: string;
+    };
 };

package/dist/components/AudioSettingPanel/i18n/zh-CN/index.js

@@ -1,10 +1,16 @@
 const e = {
-  Microphone: "麦克风",
-  "Select device": "选择设备",
-  "Input volume": "输入音量",
-  Speaker: "扬声器",
-  "Output volume": "输出音量",
-  "Unrecognized device": "未识别设备"
+  AudioSettingPanel: {
+    Microphone: "麦克风",
+    SelectMicrophone: "选择麦克风",
+    SelectSpeaker: "选择扬声器",
+    InputLevel: "输入等级",
+    InputVolume: "输入音量",
+    Speaker: "扬声器",
+    OutputVolume: "输出音量",
+    UnrecognizedDevice: "未识别设备",
+    Test: "测试",
+    Stop: "停止测试"
+  }
 };
 export {
   e as resource

package/dist/components/AudioSettingPanel/index.d.ts

@@ -1,3 +1,50 @@
-import { default as AudioSettingPanel } from './index.vue';
-
+declare const AudioSettingPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    micTestVisible: boolean;
+    inputVolumeLevelVisible: boolean;
+    inputVolumeVisible: boolean;
+    speakerTestVisible: boolean;
+    outputVolumeVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { AudioSettingPanel };

package/dist/components/AudioSettingPanel/index.js

@@ -1,116 +1,149 @@
-import { defineComponent as D, ref as v, onMounted as E, watch as c, createElementBlock as r, openBlock as d, createElementVNode as o, createCommentVNode as g, toDisplayString as n, unref as e, createVNode as p, withCtx as U, Fragment as w, renderList as b, createBlock as y } from "vue";
-import { useUIKit as P, TUISelect as C, TUIOption as x, TUISlider as M } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as F } from "../../states/DeviceState/DeviceState.js";
-import { _ as K } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { addI18n as N } from "../../i18n/index.js";
+import { addI18n as B } from "../../i18n/index.js";
 import { resource as $ } from "./i18n/en-US/index.js";
-import { resource as j } from "./i18n/zh-CN/index.js";
-const q = { class: "audio-setting-panel" }, G = { class: "section" }, H = { class: "section-title" }, J = {
+import { resource as q } from "./i18n/zh-CN/index.js";
+import { defineComponent as F, ref as _, computed as g, watch as k, createElementBlock as a, openBlock as l, createElementVNode as t, createCommentVNode as u, toDisplayString as o, unref as e, createVNode as m, createBlock as b, withCtx as y, createTextVNode as A, Fragment as j, renderList as G, normalizeClass as H } from "vue";
+import { useUIKit as J, TUIButton as P, TUISlider as x } from "@tencentcloud/uikit-base-component-vue3";
+import Q from "./MicrophoneSelect.js";
+import W from "./SpeakerSelect.js";
+import { useDeviceState as X } from "../../states/DeviceState/DeviceState.js";
+import { _ as Y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = { class: "title" }, se = { class: "flex" }, oe = {
   key: 0,
-  class: "row"
-}, Q = { class: "label" }, R = { class: "row" }, W = { class: "label" }, X = { class: "volume-value" }, Y = { class: "section" }, Z = { class: "section-title" }, ee = {
-  key: 0,
-  class: "row"
-}, te = { class: "label" }, le = { class: "row" }, oe = { class: "label" }, ae = { class: "volume-value" }, se = /* @__PURE__ */ D({
+  class: "item-setting"
+}, le = { class: "title" }, ie = { class: "mic-bar-container" }, ae = {
+  key: 1,
+  class: "item-setting"
+}, ne = { class: "title" }, ue = { class: "flex" }, ce = { class: "volume-value" }, re = { class: "item-setting" }, de = { class: "title" }, me = { class: "flex" }, pe = {
+  key: 2,
+  class: "item-setting"
+}, ve = { class: "title" }, Ve = { class: "flex" }, _e = { class: "volume-value" }, fe = /* @__PURE__ */ F({
   __name: "index",
-  setup(ne) {
-    const { t: s } = P(), {
-      microphoneList: I,
-      currentMicrophone: m,
-      setCurrentMicrophone: L,
-      speakerList: f,
-      currentSpeaker: _,
-      setCurrentSpeaker: z,
-      getMicrophoneList: B,
-      getSpeakerList: O,
-      captureVolume: S,
-      outputVolume: k,
-      setCaptureVolume: T,
-      setOutputVolume: A
-    } = F(), i = v(""), u = v(""), V = v(S.value), h = v(k.value);
-    return E(async () => {
-      await B(), await O(), m.value && (i.value = m.value.deviceId), _.value && (u.value = _.value.deviceId);
-    }), c(m, (t) => {
-      t && t.deviceId !== i.value && (i.value = t.deviceId);
-    }), c(_, (t) => {
-      t && t.deviceId !== u.value && (u.value = t.deviceId);
-    }), c(V, async (t) => {
-      await T(t);
-    }), c(h, async (t) => {
-      await A(t);
-    }), c(i, (t) => {
-      L({ deviceId: t });
-    }), c(u, (t) => {
-      z({ deviceId: t });
-    }), (t, a) => (d(), r("div", q, [
-      o("div", G, [
-        o("div", H, n(e(s)("Microphone")), 1),
-        e(I).length > 0 ? (d(), r("div", J, [
-          o("span", Q, n(e(s)("Select device")), 1),
-          p(e(C), {
-            modelValue: i.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
-            class: "select",
-            placeholder: e(s)("Unrecognized device")
+  props: {
+    micTestVisible: {
+      type: Boolean,
+      default: !0
+    },
+    inputVolumeLevelVisible: {
+      type: Boolean,
+      default: !0
+    },
+    inputVolumeVisible: {
+      type: Boolean,
+      default: !0
+    },
+    speakerTestVisible: {
+      type: Boolean,
+      default: !0
+    },
+    outputVolumeVisible: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(i) {
+    const { t: s } = J(), C = i, {
+      captureVolume: f,
+      currentMicVolume: w,
+      testingMicVolume: E,
+      outputVolume: S,
+      setCaptureVolume: I,
+      setOutputVolume: M,
+      isMicrophoneTesting: c,
+      isSpeakerTesting: h,
+      startMicrophoneTest: U,
+      stopMicrophoneTest: N,
+      startSpeakerTest: L,
+      stopSpeakerTest: R
+    } = X();
+    function K() {
+      c.value ? N() : U({ interval: 200 });
+    }
+    async function z() {
+      h.value ? R() : L({ filePath: "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3" });
+    }
+    const p = _(28), D = g(() => c.value ? E.value * p.value / 100 : w.value * p.value / 100), O = g(() => C.micTestVisible ? c.value : !0), v = _(f.value), V = _(S.value);
+    return k(v, async (n) => {
+      await I(n);
+    }), k(V, async (n) => {
+      await M(n);
+    }), (n, r) => (l(), a("div", Z, [
+      t("div", ee, [
+        t("span", te, o(e(s)("AudioSettingPanel.Microphone")), 1),
+        t("div", se, [
+          m(Q, { class: "select" }),
+          i.micTestVisible ? (l(), b(e(P), {
+            key: 0,
+            onClick: K
           }, {
-            default: U(() => [
-              (d(!0), r(w, null, b(e(I), (l) => (d(), y(e(x), {
-                key: l.deviceId,
-                label: l.deviceName,
-                value: l.deviceId
-              }, null, 8, ["label", "value"]))), 128))
+            default: y(() => [
+              A(o(e(c) ? e(s)("AudioSettingPanel.Stop") : e(s)("AudioSettingPanel.Test")), 1)
             ]),
             _: 1
-          }, 8, ["modelValue", "placeholder"])
-        ])) : g("", !0),
-        o("div", R, [
-          o("span", W, n(e(s)("Input volume")), 1),
-          p(e(M), {
-            modelValue: V.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => V.value = l),
+          })) : u("", !0)
+        ])
+      ]),
+      i.inputVolumeLevelVisible ? (l(), a("div", oe, [
+        t("span", le, o(e(s)("AudioSettingPanel.InputLevel")), 1),
+        t("div", ie, [
+          (l(!0), a(j, null, G(new Array(p.value).fill(""), (d, T) => (l(), a("div", {
+            key: T,
+            class: H([
+              "mic-bar",
+              `${O.value && D.value > T ? "active" : ""}`
+            ])
+          }, null, 2))), 128))
+        ])
+      ])) : u("", !0),
+      i.inputVolumeVisible ? (l(), a("div", ae, [
+        t("span", ne, o(e(s)("AudioSettingPanel.InputVolume")), 1),
+        t("div", ue, [
+          m(e(x), {
+            modelValue: v.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (d) => v.value = d),
+            class: "custom-slider",
             min: 0,
             max: 100
           }, null, 8, ["modelValue"]),
-          o("span", X, n(e(S)), 1)
+          t("span", ce, o(e(f)), 1)
         ])
-      ]),
-      a[4] || (a[4] = o("div", { class: "divider" }, null, -1)),
-      o("div", Y, [
-        o("div", Z, n(e(s)("Speaker")), 1),
-        e(f).length > 0 ? (d(), r("div", ee, [
-          o("span", te, n(e(s)("Select device")), 1),
-          p(e(C), {
-            modelValue: u.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => u.value = l),
+      ])) : u("", !0),
+      t("div", re, [
+        t("span", de, o(e(s)("AudioSettingPanel.Speaker")), 1),
+        t("div", me, [
+          m(W, {
             class: "select",
-            placeholder: e(s)("Unrecognized device")
+            disabled: i.speakerTestVisible
+          }, null, 8, ["disabled"]),
+          i.speakerTestVisible ? (l(), b(e(P), {
+            key: 0,
+            onClick: z
           }, {
-            default: U(() => [
-              (d(!0), r(w, null, b(e(f), (l) => (d(), y(e(x), {
-                key: l.deviceId,
-                label: l.deviceName,
-                value: l.deviceId
-              }, null, 8, ["label", "value"]))), 128))
+            default: y(() => [
+              A(o(e(h) ? e(s)("AudioSettingPanel.Stop") : e(s)("AudioSettingPanel.Test")), 1)
             ]),
             _: 1
-          }, 8, ["modelValue", "placeholder"])
-        ])) : g("", !0),
-        o("div", le, [
-          o("span", oe, n(e(s)("Output volume")), 1),
-          p(e(M), {
-            modelValue: h.value,
-            "onUpdate:modelValue": a[3] || (a[3] = (l) => h.value = l),
+          })) : u("", !0)
+        ])
+      ]),
+      i.outputVolumeVisible ? (l(), a("div", pe, [
+        t("span", ve, o(e(s)("AudioSettingPanel.OutputVolume")), 1),
+        t("div", Ve, [
+          m(e(x), {
+            modelValue: V.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (d) => V.value = d),
+            class: "custom-slider",
             min: 0,
             max: 100
           }, null, 8, ["modelValue"]),
-          o("span", ae, n(e(k)), 1)
+          t("span", _e, o(e(S)), 1)
         ])
-      ])
+      ])) : u("", !0)
     ]));
   }
-}), me = /* @__PURE__ */ K(se, [["__scopeId", "data-v-824562f9"]]);
-N("en-US", { translation: $ });
-N("zh-CN", { translation: j });
+}), Se = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-6cabe0da"]]);
+B("en-US", { translation: $ });
+B("zh-CN", { translation: q });
+const Be = Se;
 export {
-  me as AudioSettingPanel
+  Be as AudioSettingPanel
 };

package/dist/components/AudioSettingPanel/index.vue.d.ts

@@ -1,2 +1,50 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    micTestVisible: boolean;
+    inputVolumeLevelVisible: boolean;
+    inputVolumeVisible: boolean;
+    speakerTestVisible: boolean;
+    outputVolumeVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js

@@ -1,4 +1,4 @@
-import { E as l, P as h, a as f } from "../../../index-BfIEeWMg.js";
+import { E as l, P as h, a as f } from "../../../index-Do-2CngU.js";
 const m = l.create({
   name: "characterCount",
   addOptions() {

package/dist/components/BarrageInput/TextEditor/EditorCore.js

@@ -1,7 +1,8 @@
-import { S as g, P as x, E as p, I as o } from "../../../index-DTi1fL-x.js";
+import { I as o } from "../../../index-7vNB_Vx8.js";
+import { S as g, P as x, E as p } from "../../../index-ZILx4LYk.js";
 import { isMobile as y } from "../../../utils/environment.js";
 import { CharacterCount as M } from "./CharacterCountExtension.js";
-import { E as T } from "../../../index-BfIEeWMg.js";
+import { E as T } from "../../../index-Do-2CngU.js";
 import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
 function b() {
   return o.extend({
@@ -101,7 +102,7 @@ function c(t) {
     }
   }) : [];
 }
-function L({
+function S({
   element: t,
   placeholder: e = "",
   autoFocus: r = !1,
@@ -139,5 +140,5 @@ function L({
   return new p(l);
 }
 export {
-  L as createEditor
+  S as createEditor
 };

package/dist/components/BarrageInput/TextEditor/TextEditor.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
 }>, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/BarrageInput/index.d.ts

@@ -5,9 +5,6 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -15,6 +12,9 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     width: {
         type: import('vue').PropType<string>;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -47,9 +47,6 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -57,6 +54,9 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     width: {
         type: import('vue').PropType<string>;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;