tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/StreamView/Layout/GridLayout.js

@@ -1,16 +1,15 @@
-import { defineComponent as Q, computed as n, ref as y, watch as X, nextTick as Z, onMounted as ee, onBeforeUnmount as te, createElementBlock as $, openBlock as x, normalizeClass as ae, createElementVNode as ne, normalizeStyle as U, Fragment as oe, renderList as ie, createBlock as le, unref as re, withCtx as ue, renderSlot as se, mergeProps as ce } from "vue";
-import me from "../common/StreamRegion/StreamRegionPC.js";
-import { getContentSize as z } from "../../../utils/domOperation.js";
+import { defineComponent as K, computed as n, ref as y, watch as Q, nextTick as X, onMounted as Z, onBeforeUnmount as ee, createElementBlock as $, openBlock as x, normalizeClass as te, createElementVNode as ae, normalizeStyle as U, Fragment as ne, renderList as oe, createBlock as ie, unref as le, withCtx as re, renderSlot as ue, mergeProps as se } from "vue";
+import { TUIVideoStreamType as z } from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState as ce } from "../../../states/LoginState.js";
+import { useRoomState as me } from "../../../states/RoomState/index.js";
 import { useUserState as ve } from "../../../states/UserState/index.js";
-import { TUIVideoStreamType as F } from "@tencentcloud/tuiroom-engine-js";
-import { safelyParse as fe } from "../../../utils/utils.js";
-import { useRoomState as he } from "../../../states/RoomState.js";
-import { useLoginState as pe } from "../../../states/LoginState.js";
-import { getNewUserInfo as de } from "../../../states/UserState/store.js";
-import { useDeviceState as ye } from "../../../states/DeviceState/DeviceState.js";
-import { LocalRoomStatus as ge } from "../../../types/room.js";
-import { _ as Se } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const i = "16:9", we = /* @__PURE__ */ Q({
+import { getNewUserInfo as fe } from "../../../states/UserState/store.js";
+import { getContentSize as F } from "../../../utils/domOperation.js";
+import { safelyParse as he } from "../../../utils/utils.js";
+import pe from "../common/StreamRegion/StreamRegionPC.js";
+import { useDeviceState as de } from "../../../states/DeviceState/DeviceState.js";
+import { _ as ye } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const i = "16:9", ge = /* @__PURE__ */ K({
   __name: "GridLayout",
   props: {
     config: { default: () => JSON.stringify({
@@ -24,26 +23,26 @@ const i = "16:9", we = /* @__PURE__ */ Q({
   },
   emits: ["stream-view-dblclick"],
   setup(W, { emit: H }) {
-    const { userList: O, userListOnSeat: T, userWithScreenOn: g } = ve(), { microphoneStatus: V, cameraStatus: E } = ye(), { currentRoom: L, localRoomStatus: B } = he(), { loginUserInfo: N } = pe(), q = H, S = W, t = n(() => fe(S.config) || {
+    const { userList: O, userListOnSeat: T, userWithScreenOn: g } = ve(), { microphoneStatus: V, cameraStatus: E } = de(), { currentRoom: L } = me(), { loginUserInfo: B } = ce(), N = H, S = W, t = n(() => he(S.config) || {
       maxRows: 3,
       maxColumns: 3,
       rowSpacing: 8,
       columnSpacing: 8
-    }), D = n(() => {
+    }), q = n(() => {
       var a;
-      const e = de(((a = N.value) == null ? void 0 : a.userId) || "local_fake_user");
+      const e = fe(((a = B.value) == null ? void 0 : a.userId) || "local_fake_user");
       return e.cameraStatus = E.value, e.microphoneStatus = V.value, e;
-    }), P = n(() => {
+    }), D = n(() => {
       var e;
-      return !L.value && B.value === ge.IDLE ? [D.value] : (e = L.value) != null && e.isSeatEnabled ? T.value : O.value;
+      return !L.value && localRoomStatus.value === LocalRoomStatus.IDLE ? [q.value] : (e = L.value) != null && e.isSeatEnabled ? T.value : O.value;
     }), w = n(() => {
-      const e = P.value.filter(S.filterFn).map((a) => ({
+      const e = D.value.filter(S.filterFn).map((a) => ({
         userInfo: a,
-        streamType: F.kCameraStream
+        streamType: z.kCameraStream
       }));
       return g.value && [g.value].filter(S.filterFn).length > 0 && e.unshift({
         userInfo: g.value,
-        streamType: F.kScreenStream
+        streamType: z.kScreenStream
       }), e;
     }), r = n(() => t.value.maxColumns === 1 / 0 ? t.value.maxColumns : Math.min(
       Math.ceil(Math.sqrt(w.value.length)),
@@ -51,29 +50,26 @@ const i = "16:9", we = /* @__PURE__ */ Q({
     )), v = n(() => t.value.maxRows === 1 / 0 ? t.value.maxRows : Math.min(
       Math.ceil(w.value.length / r.value),
       t.value.maxRows
-    )), o = y(), G = y(), I = n(
+    )), o = y(), P = y(), I = n(
       () => t.value.maxRows !== 1 / 0 && t.value.maxColumns !== 1 / 0
     ), R = n(() => t.value.maxColumns === 1 / 0), C = n(() => t.value.maxRows === 1 / 0);
-    X(
+    Q(
       () => [r.value, v.value],
       async () => {
-        await Z(), _();
+        await X(), _();
       },
       { immediate: !0 }
     );
     function _() {
       if (R.value) {
-        Y();
+        J();
         return;
       }
       if (C.value) {
-        j();
-        return;
-      }
-      if (I.value) {
-        J();
+        Y();
         return;
       }
+      I.value && G();
     }
     const f = y({
       width: "0",
@@ -82,7 +78,7 @@ const i = "16:9", we = /* @__PURE__ */ Q({
       width: "0",
       height: "0"
     }), u = n(() => (i == null ? void 0 : i.indexOf(":")) < 0 ? 0 : Number(i == null ? void 0 : i.split(":")[0])), s = n(() => i.indexOf(":") < 0 ? 0 : Number(i.split(":")[1]));
-    async function J() {
+    async function G() {
       if (!o.value)
         return;
       const e = o.value.getBoundingClientRect(), a = Math.floor(e.width), c = Math.floor(e.height), m = (a - (r.value - 1) * t.value.columnSpacing) / r.value, h = (c - (v.value - 1) * t.value.rowSpacing) / v.value;
@@ -93,63 +89,63 @@ const i = "16:9", we = /* @__PURE__ */ Q({
       }
       l.value.width = `${p}px`, l.value.height = `${d}px`, f.value.width = `${Math.ceil(r.value * p + (r.value - 1) * t.value.columnSpacing)}px`, f.value.height = `${Math.ceil(v.value * d + (v.value - 1) * t.value.rowSpacing)}px`;
     }
-    function Y() {
+    function J() {
       f.value = {};
-      const e = z(o.value).height, a = e * u.value / s.value;
+      const e = F(o.value).height, a = e * u.value / s.value;
       l.value.width = `${a}px`, l.value.height = `${e}px`;
     }
-    function j() {
+    function Y() {
       f.value = {};
-      const e = z(o.value).width, a = e * s.value / u.value;
+      const e = F(o.value).width, a = e * s.value / u.value;
       l.value.width = `${e}px`, l.value.height = `${a}px`;
     }
-    function A(e, a) {
-      q("stream-view-dblclick", e, a);
+    function j(e, a) {
+      N("stream-view-dblclick", e, a);
     }
     const k = new ResizeObserver(() => {
       _();
     });
-    ee(() => {
+    Z(() => {
       k.observe(o.value);
-    }), te(() => {
+    }), ee(() => {
       k.unobserve(o.value);
     });
-    function K(e) {
+    function A(e) {
       o.value.scrollLeft += e.deltaY;
     }
     return (e, a) => (x(), $("div", {
       ref_key: "streamListContainerRef",
       ref: o,
-      class: ae({
+      class: te({
         "horizontal-infinity-layout": R.value,
         "vertical-infinity-layout": C.value,
         "equal-points-layout": I.value
       })
     }, [
-      ne("div", {
-        class: "stream-list",
+      ae("div", {
         ref_key: "streamListRef",
-        ref: G,
+        ref: P,
+        class: "stream-list",
         style: U(f.value),
-        onWheel: K
+        onWheel: A
       }, [
-        (x(!0), $(oe, null, ie(w.value, (c) => (x(), le(re(me), {
-          class: "stream-list-item",
+        (x(!0), $(ne, null, oe(w.value, (c) => (x(), ie(le(pe), {
           key: `${c.userInfo.userId}_${c.streamType}`,
+          class: "stream-list-item",
           userInfo: c.userInfo,
           "stream-type": c.streamType,
           style: U(l.value),
-          onStreamViewDblclick: A
+          onStreamViewDblclick: j
         }, {
-          streamViewUI: ue((m) => [
-            se(e.$slots, "streamViewUI", ce({ ref_for: !0 }, m), void 0, !0)
+          streamViewUI: re((m) => [
+            ue(e.$slots, "streamViewUI", se({ ref_for: !0 }, m), void 0, !0)
           ]),
           _: 3
         }, 8, ["userInfo", "stream-type", "style"]))), 128))
       ], 36)
     ], 2));
   }
-}), Fe = /* @__PURE__ */ Se(we, [["__scopeId", "data-v-0dc1b2d5"]]);
+}), $e = /* @__PURE__ */ ye(ge, [["__scopeId", "data-v-f448c496"]]);
 export {
-  Fe as default
+  $e as default
 };

package/dist/components/StreamView/Layout/GridLayout.vue.d.ts

@@ -1,5 +1,4 @@
 import { UserInfo } from '../../../types';
-import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-js';
 
 interface Props {
     config?: string;
@@ -9,7 +8,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/Layout/MeetingLayout.js

@@ -1,10 +1,10 @@
 import { defineComponent as E, computed as r, ref as d, watch as f, createElementBlock as A, openBlock as L, normalizeClass as k, createBlock as b, createCommentVNode as J, createElementVNode as Q, unref as S, withCtx as W, renderSlot as z, normalizeProps as H, guardReactiveProps as K, createVNode as G } from "vue";
-import Y from "../common/ArrowStroke.js";
-import j from "../common/StreamRegion/StreamRegionPC.js";
-import X from "../common/StreamList/index.js";
 import { TUIVideoStreamType as s } from "@tencentcloud/tuiroom-engine-js";
-import { useUserState as Z } from "../../../states/UserState/index.js";
-import { useRoomState as ee } from "../../../states/RoomState.js";
+import { useRoomState as Y } from "../../../states/RoomState/index.js";
+import { useUserState as j } from "../../../states/UserState/index.js";
+import X from "../common/ArrowStroke.js";
+import Z from "../common/StreamList/index.js";
+import ee from "../common/StreamRegion/StreamRegionPC.js";
 import { StreamPlayQuality as P, StreamPlayMode as te } from "../../../types/stream.js";
 import { DeviceStatus as T } from "../../../types/device.js";
 import { _ as re } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -33,7 +33,7 @@ const ae = /* @__PURE__ */ E({
     sortFn: { type: Function, default: (y, g, _) => 0 }
   },
   setup(y) {
-    const { currentRoom: g } = ee(), { userList: _, userListOnSeat: V, userWithScreenOn: w, localUser: I, userListWithCameraOn: C } = Z(), D = r(() => {
+    const { currentRoom: g } = Y(), { userList: _, userListOnSeat: V, userWithScreenOn: w, localUser: I, userListWithCameraOn: C } = j(), D = r(() => {
       var e;
       return ((e = I.value) == null ? void 0 : e.cameraStatus) === T.On ? {
         userInfo: I.value,
@@ -135,7 +135,7 @@ const ae = /* @__PURE__ */ E({
       id: "streamContainer",
       class: k(p.value)
     }, [
-      v.value ? (L(), b(S(j), {
+      v.value ? (L(), b(S(ee), {
         key: 0,
         class: "enlarged-stream-container",
         "user-info": v.value.userInfo,
@@ -153,7 +153,7 @@ const ae = /* @__PURE__ */ E({
       Q("div", {
         class: k(["stream-list-container", `${l.value ? "" : "hide-list"}`])
       }, [
-        G(X, {
+        G(Z, {
           streamInfoList: q.value,
           config: B.value,
           streamPlayMode: S(te).PLAY_IN_VISIBLE,
@@ -162,7 +162,7 @@ const ae = /* @__PURE__ */ E({
           onStreamViewDblclick: $
         }, null, 8, ["streamInfoList", "config", "streamPlayMode", "streamPlayQuality"])
       ], 2),
-      m.value && (R.value || l.value) ? (L(), b(Y, {
+      m.value && (R.value || l.value) ? (L(), b(X, {
         key: 1,
         class: k([`arrow-stroke-${x.value}`]),
         "stroke-position": M.value,
@@ -172,7 +172,7 @@ const ae = /* @__PURE__ */ E({
       }, null, 8, ["class", "stroke-position", "arrow-direction", "has-stroke"])) : J("", !0)
     ], 2));
   }
-}), pe = /* @__PURE__ */ re(ae, [["__scopeId", "data-v-062baff5"]]);
+}), pe = /* @__PURE__ */ re(ae, [["__scopeId", "data-v-7b9e1ae3"]]);
 export {
   pe as default
 };

package/dist/components/StreamView/Layout/MeetingLayout.vue.d.ts

@@ -13,7 +13,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/common/StreamList/index.vue.d.ts

@@ -16,7 +16,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: import('@tencentcloud/tuiroom-engine-js').TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/common/StreamRegion/StreamRegionPC.vue.d.ts

@@ -13,11 +13,11 @@ interface Props {
 declare function __VLS_template(): {
     "stream-cover"?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1,3 +1,90 @@
-import { default as StreamView } from './index.vue';
-
-export { StreamView };
+declare const StreamView: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        config: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        filterFn: {
+            type: import('vue').PropType<(userInfo: import('../..').UserInfo, index: number) => boolean>;
+            default: () => true;
+        };
+        sortFn: {
+            type: import('vue').PropType<(userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number>;
+            default: () => 0;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mode: string;
+        config: string;
+        filterFn: (userInfo: import('../..').UserInfo, index: number) => boolean;
+        sortFn: (userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        mode: {
+            type: import('vue').PropType<string>;
+            required: true;
+            default: string;
+        };
+        config: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        filterFn: {
+            type: import('vue').PropType<(userInfo: import('../..').UserInfo, index: number) => boolean>;
+            default: () => true;
+        };
+        sortFn: {
+            type: import('vue').PropType<(userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number>;
+            default: () => 0;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        mode: string;
+        config: string;
+        filterFn: (userInfo: import('../..').UserInfo, index: number) => boolean;
+        sortFn: (userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    mode: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+    config: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    filterFn: {
+        type: import('vue').PropType<(userInfo: import('../..').UserInfo, index: number) => boolean>;
+        default: () => true;
+    };
+    sortFn: {
+        type: import('vue').PropType<(userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number>;
+        default: () => 0;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    mode: string;
+    config: string;
+    filterFn: (userInfo: import('../..').UserInfo, index: number) => boolean;
+    sortFn: (userInfoA: import('../..').UserInfo, userInfoB: import('../..').UserInfo) => number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        streamViewUI?(_: {
+            userInfo: import('../..').UserInfo;
+            streamType: any;
+        }): any;
+    };
+});
+export { StreamView, };

package/dist/components/StreamView/index.js

@@ -4,7 +4,7 @@ import F from "./Layout/CustomLayout.js";
 import w from "./Layout/FloatLayout.js";
 import y from "./Layout/GridLayout.js";
 import U from "./Layout/MeetingLayout.js";
-const S = /* @__PURE__ */ c({
+const V = /* @__PURE__ */ c({
   __name: "index",
   props: {
     mode: { default: "grid" },
@@ -13,7 +13,7 @@ const S = /* @__PURE__ */ c({
     sortFn: { type: Function, default: () => 0 }
   },
   setup(e) {
-    return s(() => d.mixUserInfo), (o, V) => (n(), u(g, null, [
+    return s(() => d.mixUserInfo), (o, I) => (n(), u(g, null, [
       e.mode === "float" ? (n(), r(w, {
         key: 0,
         config: e.config,
@@ -60,7 +60,7 @@ const S = /* @__PURE__ */ c({
       }, 8, ["config", "filter-fn", "sort-fn"])) : f("", !0)
     ], 64));
   }
-});
+}), h = V;
 export {
-  S as StreamView
+  h as StreamView
 };

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

@@ -9,7 +9,7 @@ interface Props {
 declare function __VLS_template(): {
     streamViewUI?(_: {
         userInfo: UserInfo;
-        streamType: import('@tencentcloud/tuiroom-engine-js').TUIVideoStreamType;
+        streamType: any;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {

package/dist/components/StreamView/manager/mediaManager.js

@@ -5,10 +5,10 @@ import P, { TUIVideoStreamType as c, TRTCVideoStreamType as V, TRTCVideoFillMode
 import { useRoomEngine as U } from "../../../hooks/useRoomEngine.js";
 import { useUserState as O } from "../../../states/UserState/index.js";
 import { innerUserStore as k } from "../../../states/UserState/store.js";
-import { useVideoMixerState as L } from "../../../states/VideoMixerState/VideoMixerState.js";
+import { isVideoMixerEnabled as C } from "../../../states/VideoMixerState/VideoMixerState.js";
 import { StreamPlayStatus as h } from "../../../types/user.js";
-const { localUser: S } = O(), { isVideoMixerEnabled: C } = L(), l = U(), T = /* @__PURE__ */ new Map();
-function A(a, t) {
+const { localUser: S } = O(), l = U(), T = /* @__PURE__ */ new Map();
+function L(a, t) {
   var r;
   T.get(`${a.userId}-${a.streamType}`) || T.set(`${a.userId}-${a.streamType}`, /* @__PURE__ */ new Map()), (r = T.get(`${a.userId}-${a.streamType}`)) == null || r.set(t.view, t.streamType);
 }
@@ -25,8 +25,8 @@ function b(a) {
   };
   k.updateUserInfo({ userId: t, ...o });
 }
-var _ = /* @__PURE__ */ ((a) => (a.PLAY = "play", a.STOP = "stop", a.PLAY_IN_VISIBLE = "playInVisible", a))(_ || {}), $ = /* @__PURE__ */ ((a) => (a.HIGH = "high", a.LOW = "low", a.Default = "default", a))($ || {});
-class G {
+var A = /* @__PURE__ */ ((a) => (a.PLAY = "play", a.STOP = "stop", a.PLAY_IN_VISIBLE = "playInVisible", a))(A || {}), _ = /* @__PURE__ */ ((a) => (a.HIGH = "high", a.LOW = "low", a.Default = "default", a))(_ || {});
+class Y {
   constructor() {
     p(this, "intersectionObserver", null);
     p(this, "observerDataMap", /* @__PURE__ */ new Map());
@@ -44,7 +44,7 @@ class G {
       r,
       o,
       i
-    ), A({ userId: e, streamType: r }, { view: o, streamType: r }), !i) {
+    ), L({ userId: e, streamType: r }, { view: o, streamType: r }), !i) {
       await this.doStartPlayVideo({ userId: e, streamType: r });
       return;
     }
@@ -169,7 +169,7 @@ class G {
   }
 }
 export {
-  G as MediaManager,
-  _ as StreamPlayMode,
-  $ as StreamPlayQuality
+  Y as MediaManager,
+  A as StreamPlayMode,
+  _ as StreamPlayQuality
 };

package/dist/components/UIKitModal/UIKitModal.d.ts

@@ -0,0 +1,7 @@
+import { UIKitModalOptions } from './type';
+
+export declare const UIKitModal: {
+    openModal: (config: UIKitModalOptions) => Promise<{
+        action: string;
+    }>;
+};

package/dist/components/UIKitModal/UIKitModal.js

@@ -0,0 +1,156 @@
+import { defineComponent as A, computed as S, createBlock as l, openBlock as r, Teleport as U, createVNode as y, Transition as $, withCtx as C, createElementBlock as H, createCommentVNode as s, withModifiers as B, createElementVNode as d, unref as i, toDisplayString as p, createTextVNode as M, createApp as N } from "vue";
+import { IconSuccessToast as R, IconInfoToast as V, IconErrorToast as W, IconWarningToast as K, IconClose as P, TUIButton as _ } from "@tencentcloud/uikit-base-component-vue3";
+import { g as q } from "../../index-CeQ4nl87.js";
+import { useI18n as z } from "../../locales/index.js";
+import { useUIKitModalState as D } from "../../states/UIKitModalState/UIKitModalState.js";
+const F = { class: "uikit-modal-default uikit-modal-container" }, G = { class: "uikit-modal-header" }, X = { class: "uikit-modal-title" }, O = ["innerHTML"], j = { class: "uikit-modal-footer" }, J = /* @__PURE__ */ A({
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    id: {},
+    title: { default: "" },
+    content: { default: "" },
+    type: { default: "info" },
+    onConfirm: {},
+    onCancel: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(t, { emit: c }) {
+    const m = q() === "pc", { t: f } = z(), n = t, T = c, x = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/i, b = /(https?:\/\/[^\s]+)/g, I = S(() => {
+      const { content: e } = n;
+      if (!e || typeof e != "string")
+        return e;
+      if (x.test(e.trim())) {
+        const o = e.trim(), h = o.startsWith("http") ? o : `https://${o}`;
+        return `<a href="${k(h)}" target="_blank" rel="noopener noreferrer" class="uikit-modal-link">${k(o)}</a>`;
+      }
+      return e.includes("<a ") || e.includes("<a>") ? E(e) : b.test(e) ? k(e).replace(b, (o) => `<a href="${o}" target="_blank" rel="noopener noreferrer" class="uikit-modal-link">${o}</a>`) : k(e);
+    });
+    function k(e) {
+      const o = document.createElement("div");
+      return o.textContent = e, o.innerHTML;
+    }
+    function E(e) {
+      const h = new DOMParser().parseFromString(e, "text/html");
+      return h.querySelectorAll("a").forEach((a) => {
+        if (a.getAttribute("href")) {
+          a.setAttribute("target", "_blank"), a.setAttribute("rel", "noopener noreferrer"), a.classList.add("uikit-modal-link");
+          const L = a.textContent || "";
+          a.innerHTML = `<span style="padding: 0 0.2em; display: inline-block; color: var(--text-color-link)">${L}</span>`;
+        }
+      }), h.body.innerHTML;
+    }
+    function g() {
+      var e;
+      (e = n.onConfirm) == null || e.call(n), T("confirm");
+    }
+    function v() {
+      var e;
+      (e = n.onCancel) == null || e.call(n), T("cancel");
+    }
+    return (e, o) => (r(), l(U, { to: "body" }, [
+      y($, { name: "fade" }, {
+        default: C(() => [
+          t.visible ? (r(), H("div", {
+            key: 0,
+            class: "uikit-modal-mask",
+            onClick: B(g, ["self"])
+          }, [
+            d("div", F, [
+              d("div", G, [
+                t.type === "success" ? (r(), l(i(R), {
+                  key: 0,
+                  class: "uikit-modal-type-icon"
+                })) : s("", !0),
+                t.type === "info" ? (r(), l(i(V), {
+                  key: 1,
+                  class: "uikit-modal-type-icon"
+                })) : s("", !0),
+                t.type === "error" ? (r(), l(i(W), {
+                  key: 2,
+                  class: "uikit-modal-type-icon"
+                })) : s("", !0),
+                t.type === "warning" ? (r(), l(i(K), {
+                  key: 3,
+                  class: "uikit-modal-type-icon"
+                })) : s("", !0),
+                d("span", X, p(t.title), 1),
+                m ? (r(), l(i(P), {
+                  key: 4,
+                  class: "uikit-modal-close-icon",
+                  onClick: v
+                })) : s("", !0)
+              ]),
+              d("div", {
+                class: "uikit-modal-body",
+                innerHTML: I.value
+              }, null, 8, O),
+              d("div", j, [
+                y(i(_), {
+                  type: "default",
+                  style: { "min-width": "88px" },
+                  onClick: v
+                }, {
+                  default: C(() => [
+                    M(p(i(f)("Cancel")), 1)
+                  ]),
+                  _: 1
+                }),
+                y(i(_), {
+                  type: "primary",
+                  style: { "min-width": "88px" },
+                  onClick: g
+                }, {
+                  default: C(() => [
+                    M(p(i(f)("Confirm")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ])) : s("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+let u = null;
+const { openModal: Q, closeModal: Y } = D(), Z = () => {
+  const t = window.location.hostname, c = window.location.href;
+  return !!(t === "localhost" || t === "127.0.0.1" || t.startsWith("192.168.") || c.startsWith("https://web.sdk.qcloud.com/trtc/livekit"));
+}, w = () => {
+  u && (u.unmount(), u = null);
+}, tt = (t) => new Promise((c) => {
+  if (w(), Q({
+    id: t.id,
+    title: t.title,
+    content: t.content,
+    type: t.type,
+    onConfirm: t.onConfirm,
+    onCancel: t.onCancel
+  }), !Z()) {
+    c({ action: "confirm" });
+    return;
+  }
+  const m = (n) => {
+    Y(n), w(), c({ action: n });
+  }, f = {
+    ...t,
+    visible: !0,
+    onConfirm: () => {
+      var n;
+      (n = t.onConfirm) == null || n.call(t), m("confirm");
+    },
+    onCancel: () => {
+      var n;
+      (n = t.onCancel) == null || n.call(t), m("cancel");
+    }
+  };
+  u = N(J, f), u.mount(document.createElement("div"));
+}), lt = {
+  openModal: (t) => tt(t)
+};
+export {
+  lt as UIKitModal
+};

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

@@ -0,0 +1,2 @@
+export { UIKitModal } from './UIKitModal';
+export { useRoomModal } from './useRoomModal';

package/dist/components/UIKitModal/index.js

@@ -0,0 +1,6 @@
+import { UIKitModal as e } from "./UIKitModal.js";
+import { useRoomModal as t } from "./useRoomModal/index.js";
+export {
+  e as UIKitModal,
+  t as useRoomModal
+};