tuikit-atomicx-vue3 4.5.3 → 4.5.4

package/dist/components/LiveView/index.js

@@ -1,49 +1,49 @@
 import { addI18n as J } from "../../i18n/index.js";
 import Q from "./DefaultStreamViewUI.js";
-import { defineComponent as ne, useSlots as ue, computed as n, ref as p, onMounted as H, onBeforeUnmount as T, watch as P, createElementBlock as L, openBlock as v, normalizeClass as se, createCommentVNode as w, createElementVNode as N, createBlock as M, toDisplayString as ve, unref as g, normalizeStyle as A, renderSlot as E, createVNode as he, Fragment as ce, renderList as de, mergeProps as K, normalizeProps as fe, Teleport as me } from "vue";
-import { useUIKit as pe } from "@tencentcloud/uikit-base-component-vue3";
-import { useLiveSeatState as we } from "../../states/LiveSeatState/index.js";
-import { useLoginState as ge } from "../../states/LoginState.js";
+import { defineComponent as se, useSlots as ve, computed as n, ref as p, onMounted as H, onBeforeUnmount as T, watch as O, createElementBlock as x, openBlock as v, normalizeClass as he, createCommentVNode as w, createElementVNode as N, createBlock as M, toDisplayString as ce, unref as g, normalizeStyle as A, renderSlot as E, createVNode as de, Fragment as fe, renderList as me, mergeProps as K, normalizeProps as pe, Teleport as we } from "vue";
+import { useUIKit as ge } from "@tencentcloud/uikit-base-component-vue3";
+import { useLiveSeatState as Ie } from "../../states/LiveSeatState/index.js";
+import { useLoginState as ye } from "../../states/LoginState.js";
 import { getContentSize as j } from "../../utils/domOperation.js";
 import q from "./PlayerControl/PlayerControl.js";
-import ye from "./CoreViewDecorate/LiveCoreDecorate.js";
-import { usePlayerControlState as Ie } from "./PlayerControl/PlayerControlState.js";
-import { useLiveListState as Se } from "../../states/LiveListState/LiveListState.js";
+import Se from "./CoreViewDecorate/LiveCoreDecorate.js";
+import { usePlayerControlState as xe } from "./PlayerControl/PlayerControlState.js";
+import { useLiveListState as Le } from "../../states/LiveListState/LiveListState.js";
 import { isMobile as G } from "../../utils/env.js";
-import { _ as Le } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { resource as xe } from "./i18n/en-US/index.js";
-import { resource as Ce } from "./i18n/zh-CN/index.js";
-const Ve = {
+import { _ as Ce } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { resource as Ve } from "./i18n/en-US/index.js";
+import { resource as ze } from "./i18n/zh-CN/index.js";
+const Me = {
   key: 0,
   class: "live-core-placeholder"
-}, ze = { class: "placeholder-text" }, Me = {
+}, $e = { class: "placeholder-text" }, be = {
   key: 0,
   class: "live-core-ui"
-}, $e = /* @__PURE__ */ ne({
+}, Pe = /* @__PURE__ */ se({
   __name: "index",
-  setup(be) {
-    const { isFullscreen: U, isLandscapeStyleMode: X } = Ie(), { t: ee } = pe(), { seatList: d, canvas: u, startPlayStream: te, stopPlayStream: ae } = we(), { currentLive: x } = Se(), le = ue(), C = n(() => le.localVideo), { loginUserInfo: $ } = ge(), b = p(!1), R = p(!1), re = n(() => !(!C.value && V.value && h.value < c.value && G)), Y = n(() => {
+  setup(Re) {
+    const { isFullscreen: U, isLandscapeStyleMode: X, isPictureInPicture: ee, exitPictureInPicture: te } = xe(), { t: ae } = ge(), { seatList: d, canvas: u, startPlayStream: le, stopPlayStream: ie } = Ie(), { currentLive: L } = Le(), re = ve(), C = n(() => re.localVideo), { loginUserInfo: $ } = ye(), b = p(!1), P = p(!1), oe = n(() => !(!C.value && V.value && h.value < c.value && G)), Y = n(() => {
       var e;
-      return ((e = x.value) == null ? void 0 : e.liveId) && !d.value.some((l) => {
+      return ((e = L.value) == null ? void 0 : e.liveId) && !d.value.some((l) => {
         var t, a;
         return ((t = l.userInfo) == null ? void 0 : t.userId) === ((a = $.value) == null ? void 0 : a.userId);
       });
     });
     H(async () => {
-      R.value = !0, await te({ view: "atomicx-live-stream-content" }), b.value = !0;
+      P.value = !0, await le({ view: "atomicx-live-stream-content" }), b.value = !0;
     }), T(async () => {
-      R.value = !1, await ae(), b.value = !1;
+      ee.value && te(), P.value = !1, await ie(), b.value = !1;
     });
-    const V = p(!0), s = p(), _ = p({
+    const V = p(!0), s = p(), R = p({
       width: 0,
       height: 0
-    }), r = p({
+    }), i = p({
       width: 0,
       height: 0,
       transformX: 0,
       transformY: 0,
       scale: 1
-    }), k = n(() => {
+    }), _ = n(() => {
       var t;
       const e = u.value, l = (t = d.value) == null ? void 0 : t.map((a) => {
         var o;
@@ -57,20 +57,20 @@ const Ve = {
         height: a.h === e.height ? -1 : a.h / e.width,
         zOrder: a.zOrder
       })) : [];
-    }), y = n(() => ({
-      width: r.value.width * r.value.scale,
-      height: r.value.height * r.value.scale
+    }), I = n(() => ({
+      width: i.value.width * i.value.scale,
+      height: i.value.height * i.value.scale
     })), z = n(() => d.value.map((e, l) => {
-      var i, F;
-      const t = k.value[l], a = V.value && I.value === "fill", o = d.value.length === 1 || ((i = e.region) == null ? void 0 : i.w) === u.value.width && ((F = e.region) == null ? void 0 : F.h) === u.value.height;
+      var r, F;
+      const t = _.value[l], a = V.value && y.value === "fill", o = d.value.length === 1 || ((r = e.region) == null ? void 0 : r.w) === u.value.width && ((F = e.region) == null ? void 0 : F.h) === u.value.height;
       return !C.value && a && o ? {
         userInfo: e.userInfo,
         region: {
           position: "absolute",
           left: "50%",
           top: "50%",
-          width: `${_.value.width}px`,
-          height: `${_.value.height}px`,
+          width: `${R.value.width}px`,
+          height: `${R.value.height}px`,
           transform: "translate(-50%, -50%)",
           zIndex: Number(t.zOrder) || 0
         }
@@ -78,29 +78,29 @@ const Ve = {
         userInfo: e.userInfo,
         region: {
           position: "absolute",
-          left: `${y.value.width * t.x}px`,
-          top: `${y.value.width * t.y}px`,
-          width: `${Math.ceil(y.value.width * t.width)}px`,
-          height: t.height === -1 ? `${y.value.height}px` : `${y.value.width * t.height}px`,
+          left: `${I.value.width * t.x}px`,
+          top: `${I.value.width * t.y}px`,
+          width: `${Math.ceil(I.value.width * t.width)}px`,
+          height: t.height === -1 ? `${I.value.height}px` : `${I.value.width * t.height}px`,
           zIndex: Number(t.zOrder) || 0
         }
       };
-    })), ie = n(() => z.value.find((e) => {
+    })), ne = n(() => z.value.find((e) => {
       var l, t;
       return ((l = e == null ? void 0 : e.userInfo) == null ? void 0 : l.userId) === ((t = $.value) == null ? void 0 : t.userId);
-    })), O = n(() => C.value ? z.value.filter((e) => {
+    })), k = n(() => C.value ? z.value.filter((e) => {
       var l, t;
       return ((l = e.userInfo) == null ? void 0 : l.userId) !== ((t = $.value) == null ? void 0 : t.userId);
     }) : z.value), f = n(() => {
-      if (!V.value && h.value < c.value && k.value.length > 0) {
-        const e = k.value.map((i) => ({
-          userId: i.userId,
-          left: r.value.width * i.x,
-          top: r.value.width * i.y,
-          width: r.value.width * i.width,
-          height: i.height === -1 ? r.value.height : r.value.width * i.height,
-          zIndex: i.zOrder
-        })), l = Math.min(...e.map((i) => i.left)), t = Math.min(...e.map((i) => i.top)), a = Math.max(...e.map((i) => i.left + i.width)), o = Math.max(...e.map((i) => i.top + i.height));
+      if (!V.value && h.value < c.value && _.value.length > 0) {
+        const e = _.value.map((r) => ({
+          userId: r.userId,
+          left: i.value.width * r.x,
+          top: i.value.width * r.y,
+          width: i.value.width * r.width,
+          height: r.height === -1 ? i.value.height : i.value.width * r.height,
+          zIndex: r.zOrder
+        })), l = Math.min(...e.map((r) => r.left)), t = Math.min(...e.map((r) => r.top)), a = Math.max(...e.map((r) => r.left + r.width)), o = Math.max(...e.map((r) => r.top + r.height));
         return {
           width: a - l,
           height: o - t,
@@ -115,38 +115,38 @@ const Ve = {
         centerY: 0
       };
     });
-    P(f, () => {
+    O(f, () => {
       W();
     });
     function W() {
       if (s.value)
         if (f.value.width && f.value.height) {
           const e = s.value.getBoundingClientRect(), l = Math.floor(e.width), t = Math.floor(e.height), a = l / f.value.width, o = t / f.value.height;
-          r.value.scale = Math.min(a, o), r.value.transformX = r.value.width / 2 - f.value.centerX, r.value.transformY = r.value.height / 2 - f.value.centerY;
+          i.value.scale = Math.min(a, o), i.value.transformX = i.value.width / 2 - f.value.centerX, i.value.transformY = i.value.height / 2 - f.value.centerY;
         } else
-          S(), r.value.scale = 1, r.value.transformX = 0, r.value.transformY = 0;
+          S(), i.value.scale = 1, i.value.transformX = 0, i.value.transformY = 0;
     }
-    const oe = n(() => ({
-      width: `${Math.floor(r.value.width) * r.value.scale}px`,
-      height: `${Math.floor(r.value.height) * r.value.scale}px`,
-      transform: `translate(${r.value.transformX * r.value.scale}px, ${r.value.transformY * r.value.scale}px)`
+    const ue = n(() => ({
+      width: `${Math.ceil(i.value.width) * i.value.scale}px`,
+      height: `${Math.ceil(i.value.height) * i.value.scale}px`,
+      transform: `translate(${i.value.transformX * i.value.scale}px, ${i.value.transformY * i.value.scale}px)`
     })), m = n(() => {
       var e, l;
-      return u.value.width && u.value.height ? `${u.value.width}:${u.value.height}` : x.value && ((e = x.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((l = x.value) == null ? void 0 : l.layoutTemplate) <= 599 ? "16:9" : "9:16";
-    }), h = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[0])), c = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[1])), I = p(
+      return u.value.width && u.value.height ? `${u.value.width}:${u.value.height}` : L.value && ((e = L.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((l = L.value) == null ? void 0 : l.layoutTemplate) <= 599 ? "16:9" : "9:16";
+    }), h = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[0])), c = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[1])), y = p(
       "fit"
       /* Fit */
     );
-    P(() => [u.value, d.value], () => {
+    O(() => [u.value, d.value], () => {
       if (u.value.width > u.value.height) {
-        I.value = "fit", S();
+        y.value = "fit", S();
         return;
       }
       const e = d.value.length === 1, l = d.value.find((t) => {
         var a, o;
         return ((a = t.region) == null ? void 0 : a.w) === u.value.width && ((o = t.region) == null ? void 0 : o.h) === u.value.height;
       });
-      !C.value && (e || l) ? I.value = "fill" : I.value = "fit", S();
+      !C.value && (e || l) ? y.value = "fill" : y.value = "fit", S();
     }, { deep: !0 });
     function S() {
       if (!s.value)
@@ -154,12 +154,12 @@ const Ve = {
       const e = j(s.value).width, l = j(s.value).height;
       let t = e, a = l;
       if (h.value && c.value) {
-        const o = e / h.value, i = l / c.value;
-        I.value === "fit" ? (o > i && (t = l / c.value * h.value, a = l), o <= i && (t = e, a = e / h.value * c.value)) : (o > i && (t = e, a = e / h.value * c.value), o <= i && (t = l / c.value * h.value, a = l));
+        const o = e / h.value, r = l / c.value;
+        y.value === "fit" ? (o > r && (t = l / c.value * h.value, a = l), o <= r && (t = e, a = e / h.value * c.value)) : (o > r && (t = e, a = e / h.value * c.value), o <= r && (t = l / c.value * h.value, a = l));
       }
-      r.value.width = t, r.value.height = a;
+      i.value.width = t, i.value.height = a;
     }
-    P(
+    O(
       () => m.value,
       () => {
         S();
@@ -169,7 +169,7 @@ const Ve = {
       if (!s.value)
         return;
       const e = s.value.getBoundingClientRect();
-      V.value = e.width < e.height, _.value = {
+      V.value = e.width < e.height, R.value = {
         width: e.width,
         height: e.height
       };
@@ -182,40 +182,40 @@ const Ve = {
       D.unobserve(s.value);
     }), (e, l) => {
       var t;
-      return v(), L("div", {
+      return v(), x("div", {
         ref_key: "liveCoreViewContainerRef",
         ref: s,
         id: "live-core-view-container",
-        class: se(["live-core-view-container", { "align-center": re.value }])
+        class: he(["live-core-view-container", { "align-center": oe.value }])
       }, [
-        !e.$slots.localVideo && !b.value ? (v(), L("div", Ve, [
-          N("span", ze, ve(g(ee)("No video")), 1)
+        !e.$slots.localVideo && !b.value ? (v(), x("div", Me, [
+          N("span", $e, ce(g(ae)("No video")), 1)
         ])) : w("", !0),
         N("div", {
           class: "live-core-view",
-          style: A(oe.value)
+          style: A(ue.value)
         }, [
           l[0] || (l[0] = N("div", {
             id: "atomicx-live-stream-content",
             class: "stream-content"
           }, null, -1)),
-          O.value.length > 0 ? (v(), L("div", Me, [
-            (v(!0), L(ce, null, de(O.value, (a, o) => (v(), L("div", {
+          k.value.length > 0 ? (v(), x("div", be, [
+            (v(!0), x(fe, null, me(k.value, (a, o) => (v(), x("div", {
               key: `seat-${o}`,
               style: A(a.region)
             }, [
               E(e.$slots, "streamViewUI", K({ ref_for: !0 }, { userInfo: a.userInfo }), void 0, !0),
               e.$slots.streamViewUI ? w("", !0) : (v(), M(Q, {
                 key: 0,
-                streamViewInfoList: O.value,
+                streamViewInfoList: k.value,
                 userInfo: a.userInfo
               }, null, 8, ["streamViewInfoList", "userInfo"]))
             ], 4))), 128))
           ])) : w("", !0),
-          e.$slots.localVideo && R.value ? E(e.$slots, "localVideo", fe(K({ key: 1 }, { style: (t = ie.value) == null ? void 0 : t.region })), void 0, !0) : w("", !0),
-          he(ye, { seatListWithRealSize: z.value }, null, 8, ["seatListWithRealSize"])
+          e.$slots.localVideo && P.value ? E(e.$slots, "localVideo", pe(K({ key: 1 }, { style: (t = ne.value) == null ? void 0 : t.region })), void 0, !0) : w("", !0),
+          de(Se, { seatListWithRealSize: z.value }, null, 8, ["seatListWithRealSize"])
         ], 4),
-        g(U) ? w("", !0) : (v(), M(me, {
+        g(U) ? w("", !0) : (v(), M(we, {
           key: 1,
           to: "body",
           disabled: !g(G)
@@ -232,12 +232,12 @@ const Ve = {
       ], 2);
     };
   }
-}), Z = /* @__PURE__ */ Le($e, [["__scopeId", "data-v-8d25163d"]]);
-J("en-US", { translation: xe });
-J("zh-CN", { translation: Ce });
-const Ae = Z, Ee = Z, Ke = Q;
+}), Z = /* @__PURE__ */ Ce(Pe, [["__scopeId", "data-v-bff8b775"]]);
+J("en-US", { translation: Ve });
+J("zh-CN", { translation: ze });
+const Ke = Z, je = Z, qe = Q;
 export {
-  Ke as DefaultStreamViewUI,
-  Ae as LiveCoreView,
-  Ee as LiveView
+  qe as DefaultStreamViewUI,
+  Ke as LiveCoreView,
+  je as LiveView
 };

package/dist/components/MessageInput/MessageInput.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     attachmentPickerMode: string;
     actions: () => string[];
 }>>> & Readonly<{}>, {
-    disabled: boolean;
     placeholder: string;
+    disabled: boolean;
     autoFocus: boolean;
     maxLength: number;
     actions: import('./types').MessageInputActions;

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

@@ -19,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placeholder: undefined;
     maxLength: undefined;
 }>>> & Readonly<{}>, {
-    disabled: boolean;
     placeholder: string;
+    disabled: boolean;
     autoFocus: boolean;
     maxLength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -3,14 +3,14 @@ declare const MessageInput: {
         slots: {
             type: import('vue').PropType<import('./types').MessageInputSlots>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         placeholder: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -32,8 +32,8 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        disabled: boolean;
         placeholder: string;
+        disabled: boolean;
         autoFocus: boolean;
         maxLength: number;
         actions: import('./types').MessageInputActions;
@@ -50,14 +50,14 @@ declare const MessageInput: {
         slots: {
             type: import('vue').PropType<import('./types').MessageInputSlots>;
         };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         placeholder: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -79,8 +79,8 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        disabled: boolean;
         placeholder: string;
+        disabled: boolean;
         autoFocus: boolean;
         maxLength: number;
         actions: import('./types').MessageInputActions;
@@ -94,14 +94,14 @@ declare const MessageInput: {
     slots: {
         type: import('vue').PropType<import('./types').MessageInputSlots>;
     };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     placeholder: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -123,8 +123,8 @@ declare const MessageInput: {
         default: boolean;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    disabled: boolean;
     placeholder: string;
+    disabled: boolean;
     autoFocus: boolean;
     maxLength: number;
     actions: import('./types').MessageInputActions;
@@ -415,14 +415,14 @@ declare const VideoPicker: {
 });
 declare const TextEditor: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         placeholder: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -432,8 +432,8 @@ declare const TextEditor: {
             default: undefined;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        disabled: boolean;
         placeholder: string;
+        disabled: boolean;
         autoFocus: boolean;
         maxLength: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -444,14 +444,14 @@ declare const TextEditor: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         placeholder: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -461,8 +461,8 @@ declare const TextEditor: {
             default: undefined;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        disabled: boolean;
         placeholder: string;
+        disabled: boolean;
         autoFocus: boolean;
         maxLength: number;
     }>;
@@ -470,14 +470,14 @@ declare const TextEditor: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     placeholder: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -487,8 +487,8 @@ declare const TextEditor: {
         default: undefined;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    disabled: boolean;
     placeholder: string;
+    disabled: boolean;
     autoFocus: boolean;
     maxLength: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/dist/components/RoomParticipantList/useParticpantAction/useNameCardAction/index.d.ts

@@ -5,7 +5,15 @@ export declare function useNameCardAction({ targetParticipant }: {
     targetParticipant: RoomParticipant;
 }): {
     key: string;
-    icon: any;
-    label: any;
+    icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+    label: string;
     handler: () => void;
 };

package/dist/components/Search/Search.vue.d.ts

@@ -16,12 +16,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        value: {
+        placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
         };
-        placeholder: {
+        value: {
             type: import('vue').PropType<string>;
+            default: string;
         };
         className: {
             type: import('vue').PropType<string>;
@@ -61,12 +61,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        value: {
+        placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
         };
-        placeholder: {
+        value: {
             type: import('vue').PropType<string>;
+            default: string;
         };
         className: {
             type: import('vue').PropType<string>;
@@ -403,12 +403,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        value: {
+        placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
         };
-        placeholder: {
+        value: {
             type: import('vue').PropType<string>;
+            default: string;
         };
         className: {
             type: import('vue').PropType<string>;
@@ -448,12 +448,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        value: {
+        placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
         };
-        placeholder: {
+        value: {
             type: import('vue').PropType<string>;
+            default: string;
         };
         className: {
             type: import('vue').PropType<string>;

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

@@ -30,12 +30,12 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            value: {
+            placeholder: {
                 type: import('vue').PropType<string>;
-                default: string;
             };
-            placeholder: {
+            value: {
                 type: import('vue').PropType<string>;
+                default: string;
             };
             className: {
                 type: import('vue').PropType<string>;
@@ -75,12 +75,12 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            value: {
+            placeholder: {
                 type: import('vue').PropType<string>;
-                default: string;
             };
-            placeholder: {
+            value: {
                 type: import('vue').PropType<string>;
+                default: string;
             };
             className: {
                 type: import('vue').PropType<string>;
@@ -465,12 +465,12 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            value: {
+            placeholder: {
                 type: import('vue').PropType<string>;
-                default: string;
             };
-            placeholder: {
+            value: {
                 type: import('vue').PropType<string>;
+                default: string;
             };
             className: {
                 type: import('vue').PropType<string>;
@@ -510,12 +510,12 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
             onChange: {
                 type: import('vue').PropType<(e: Event) => void>;
             };
-            value: {
+            placeholder: {
                 type: import('vue').PropType<string>;
-                default: string;
             };
-            placeholder: {
+            value: {
                 type: import('vue').PropType<string>;
+                default: string;
             };
             className: {
                 type: import('vue').PropType<string>;
@@ -1176,12 +1176,12 @@ declare const SearchBar: import('vue').DefineComponent<import('vue').ExtractProp
     onChange: {
         type: import('vue').PropType<(e: Event) => void>;
     };
-    value: {
+    placeholder: {
         type: import('vue').PropType<string>;
-        default: string;
     };
-    placeholder: {
+    value: {
         type: import('vue').PropType<string>;
+        default: string;
     };
     className: {
         type: import('vue').PropType<string>;
@@ -1221,12 +1221,12 @@ declare const SearchBar: import('vue').DefineComponent<import('vue').ExtractProp
     onChange: {
         type: import('vue').PropType<(e: Event) => void>;
     };
-    value: {
+    placeholder: {
         type: import('vue').PropType<string>;
-        default: string;
     };
-    placeholder: {
+    value: {
         type: import('vue').PropType<string>;
+        default: string;
     };
     className: {
         type: import('vue').PropType<string>;