hs-admin-ui 4.8.6 → 4.8.8

package/dist/index-19Fe5Ex_.mjs

@@ -0,0 +1,210 @@
+import { defineComponent as I, reactive as D, ref as N, resolveComponent as y, openBlock as u, createElementBlock as _, createElementVNode as d, createVNode as o, withCtx as t, createTextVNode as i, Fragment as S, renderList as T, toDisplayString as f, pushScopeId as A, popScopeId as E } from "vue";
+import { T as K, t as U, g as L } from "./trtcUI-BzITva_m.mjs";
+import { d as R, _ as M } from "./index-C3JkZweR.mjs";
+const r = (g) => (A("data-v-a785ab9d"), g = g(), E(), g), q = { class: "system-menu-container layout-padding" }, B = { class: "h-full p-4 overflow-hidden flex flex-col bg-white rounded" }, Q = { class: "inputs-container" }, z = /* @__PURE__ */ r(() => /* @__PURE__ */ d("div", { class: "key" }, "userSig", -1)), H = /* @__PURE__ */ r(() => /* @__PURE__ */ d("div", { class: "key" }, "sdkSecretKey", -1)), J = /* @__PURE__ */ r(() => /* @__PURE__ */ d("div", { class: "key" }, "UserID", -1)), Y = /* @__PURE__ */ r(() => /* @__PURE__ */ d("div", { class: "key" }, "RoomID", -1)), Z = /* @__PURE__ */ r(() => /* @__PURE__ */ d("div", { class: "key" }, "SDKAppID", -1)), j = { class: "player-container" }, F = {
+  class: "logs",
+  ref: "log"
+}, W = { class: "btn-line" }, X = /* @__PURE__ */ r(() => /* @__PURE__ */ d("strong", null, "Log:", -1)), G = /* @__PURE__ */ r(() => /* @__PURE__ */ d("span", null, "🟩 ", -1)), O = /* @__PURE__ */ r(() => /* @__PURE__ */ d("span", null, "🟥 ", -1)), P = { style: { height: "520px", width: "350px", "background-color": "#999" } }, $ = I({
+  name: "rtc"
+}), ee = /* @__PURE__ */ I({
+  ...$,
+  setup(g) {
+    K.isSupported().then((s) => {
+      console.log("checkResult", s.result, "checkDetail", s.detail), s.result || (R({ message: "Your browser does not supported TRTC!", type: "error" }), window.location.href = "https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html");
+    });
+    const e = D({
+      sdkAppId: "20008434",
+      userId: "qianxi",
+      roomId: "888",
+      sdkSecretKey: "aa4c2a6f23c55f8826fa3a1fd6023c82ee161d78d32124dabd704f068dac420b",
+      userSig: "eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwoWZiXkVmVCZ4pTsxIKCzBQlKyMDAwMLE2MTiHhqRUFmUaqSlaGpqSlIBiJakpkLEjM3NDY0NzA1MIeakZkONDbR26w8wtPEydnNNaLIxbKgyD2kwNg12S-QJcg70iQg0Ck41TigNNHIN9-AVqkWAAnXMIQ_",
+      logs: [],
+      roomState: "exited"
+    }), a = N(), h = (s) => {
+      e.logs = s;
+    }, v = (s) => {
+      e.roomState = s;
+    }, V = () => {
+      var s;
+      a.value && (console.log("handleEnter", a.value), (s = a.value) == null || s.handleEnter());
+    }, x = () => {
+      a.value && (console.log("handleExit", a.value), a.value.handleExit());
+    }, b = () => {
+      a.value && (a.value.logs = []);
+    }, w = async () => {
+      let s = await L(e.userId);
+      e.userSig = s.userSig, console.log("生成userSign", s);
+    };
+    return (s, n) => {
+      const p = y("el-input"), c = y("el-col"), k = y("el-row"), m = y("el-button");
+      return u(), _("div", q, [
+        d("div", B, [
+          d("div", Q, [
+            o(k, { gutter: 10 }, {
+              default: t(() => [
+                o(c, { span: 12 }, {
+                  default: t(() => [
+                    o(p, {
+                      modelValue: e.userSig,
+                      "onUpdate:modelValue": n[0] || (n[0] = (l) => e.userSig = l),
+                      placeholder: "userSig"
+                    }, {
+                      prepend: t(() => [
+                        z
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(c, { span: 12 }, {
+                  default: t(() => [
+                    o(p, {
+                      modelValue: e.sdkSecretKey,
+                      "onUpdate:modelValue": n[1] || (n[1] = (l) => e.sdkSecretKey = l),
+                      placeholder: "sdkSecretKey",
+                      type: "string"
+                    }, {
+                      prepend: t(() => [
+                        H
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(k, { gutter: 10 }, {
+              default: t(() => [
+                o(c, { span: 8 }, {
+                  default: t(() => [
+                    o(p, {
+                      modelValue: e.userId,
+                      "onUpdate:modelValue": n[2] || (n[2] = (l) => e.userId = l),
+                      placeholder: "userID"
+                    }, {
+                      prepend: t(() => [
+                        J
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(c, { span: 8 }, {
+                  default: t(() => [
+                    o(p, {
+                      modelValue: e.roomId,
+                      "onUpdate:modelValue": n[3] || (n[3] = (l) => e.roomId = l),
+                      placeholder: "roomID",
+                      type: "number"
+                    }, {
+                      prepend: t(() => [
+                        Y
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(c, { span: 8 }, {
+                  default: t(() => [
+                    o(p, {
+                      modelValue: e.sdkAppId,
+                      "onUpdate:modelValue": n[4] || (n[4] = (l) => e.sdkAppId = l),
+                      placeholder: "sdkAppId",
+                      type: "number"
+                    }, {
+                      prepend: t(() => [
+                        Z
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          d("div", j, [
+            d("div", F, [
+              d("div", W, [
+                o(m, {
+                  type: "primary",
+                  loading: e.roomState === "entering",
+                  disabled: e.roomState === "entered",
+                  onClick: V
+                }, {
+                  default: t(() => [
+                    i(" 进入房间 ")
+                  ]),
+                  _: 1
+                }, 8, ["loading", "disabled"]),
+                o(m, {
+                  type: "primary",
+                  loading: e.roomState === "exiting",
+                  onClick: x
+                }, {
+                  default: t(() => [
+                    i(" 离开房间 ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"]),
+                o(m, {
+                  type: "primary",
+                  onClick: b
+                }, {
+                  default: t(() => [
+                    i("清空日志")
+                  ]),
+                  _: 1
+                }),
+                o(m, {
+                  type: "primary",
+                  onClick: w
+                }, {
+                  default: t(() => [
+                    i("生成userSig")
+                  ]),
+                  _: 1
+                })
+              ]),
+              X,
+              (u(!0), _(S, null, T(e.logs, (l, C) => (u(), _("div", {
+                key: C,
+                class: "log"
+              }, [
+                l.type === "success" ? (u(), _(S, { key: 0 }, [
+                  G,
+                  i(f(l.content), 1)
+                ], 64)) : (u(), _(S, { key: 1 }, [
+                  O,
+                  i(f(l.content), 1)
+                ], 64))
+              ]))), 128))
+            ], 512),
+            d("div", P, [
+              o(U, {
+                ref_key: "TRTCRef",
+                ref: a,
+                sdkAppId: e.sdkAppId,
+                userId: e.userId,
+                roomId: e.roomId,
+                sdkSecretKey: e.sdkSecretKey,
+                userSig: e.userSig,
+                onUpdateLog: h,
+                onChangeRoomState: v
+              }, null, 8, ["sdkAppId", "userId", "roomId", "sdkSecretKey", "userSig"])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), de = /* @__PURE__ */ M(ee, [["__scopeId", "data-v-a785ab9d"]]);
+export {
+  de as default
+};