js-test-meeting/mainContainer-BDnJdj0A.js

我创建的第一个组件库

import { defineComponent as B, ref as m, resolveComponent as d, resolveDirective as E, createElementBlock as l, openBlock as i, createElementVNode as o, createCommentVNode as v, createVNode as e, withCtx as t, createTextVNode as p, Fragment as k, renderList as w, toDisplayString as x, withDirectives as F } from "vue";
import $ from "./toolbar-BhxTc1PG.js";
import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const L = { class: "meeting-main-container" }, T = { class: "container-header draggable" }, q = { class: "operation-button no-drag-region" }, A = { class: "icon-button view-drop-down" }, G = { class: "view-drop-down-class" }, H = {
  key: 0,
  class: "normal-container"
}, J = { style: { display: "flex", "align-items": "center", "flex-direction": "column" } }, K = {
  key: 0,
  class: "video-box"
}, O = { class: "container-content" }, P = { style: { width: "100%", height: "100%", display: "flex", "justify-content": "center" } }, Q = {
  key: 1,
  class: "grid-container"
}, R = { class: "container-toolbar" }, U = /* @__PURE__ */ B({
  __name: "mainContainer",
  setup(W) {
    const u = m("normal"), f = m(!1), _ = m(!1);
    function C() {
    }
    function h() {
      _.value = !0, f.value = !0;
    }
    function V() {
      _.value = !1, f.value = !1, terminalStore.centerMeeting();
    }
    function I(y) {
      u.value = y;
    }
    const b = [{ name: "张三", id: "user1" }, { name: "李四", id: "user2" }, { name: "王五", id: "user3" }], r = m(!1);
    async function S() {
    }
    return (y, n) => {
      const N = d("icon-mdi:view-gallery"), g = d("el-dropdown-item"), z = d("el-dropdown-menu"), D = d("el-dropdown"), s = d("el-tooltip"), a = d("Icon"), M = E("setVideo");
      return i(), l("div", L, [
        o("div", T, [
          n[5] || (n[5] = o("div", { class: "meeting-info no-drag-region" }, [
            o("div", null, "早读片(会议号：123456789) | 13:56")
          ], -1)),
          o("div", q, [
            o("div", A, [
              e(s, { placement: "bottom" }, {
                default: t(() => [
                  e(D, { onCommand: I }, {
                    dropdown: t(() => [
                      e(z, null, {
                        default: t(() => [
                          e(g, { command: "grid" }, {
                            default: t(() => n[3] || (n[3] = [
                              p(" 宫格 ")
                            ])),
                            _: 1,
                            __: [3]
                          }),
                          e(g, { command: "normal" }, {
                            default: t(() => n[4] || (n[4] = [
                              p(" 默认 ")
                            ])),
                            _: 1,
                            __: [4]
                          })
                        ]),
                        _: 1
                      })
                    ]),
                    default: t(() => [
                      o("div", G, [
                        e(N),
                        n[2] || (n[2] = p(" 布局设置 "))
                      ])
                    ]),
                    _: 1
                  })
                ]),
                _: 1
              })
            ]),
            o("div", {
              class: "icon-button",
              onClick: C
            }, [
              e(s, {
                content: "最小化",
                placement: "bottom"
              }, {
                default: t(() => [
                  e(a, { icon: "local-minimize" })
                ]),
                _: 1
              })
            ]),
            _.value ? (i(), l("div", {
              key: 0,
              class: "icon-button",
              onClick: V
            }, [
              e(s, {
                content: "退出全屏",
                placement: "bottom"
              }, {
                default: t(() => [
                  e(a, {
                    icon: "local-fullscreen-exit",
                    class: "full-screen"
                  })
                ]),
                _: 1
              })
            ])) : (i(), l("div", {
              key: 1,
              class: "icon-button",
              onClick: h
            }, [
              e(s, {
                content: "全屏",
                placement: "bottom"
              }, {
                default: t(() => [
                  e(a, {
                    icon: "local-fullscreen",
                    class: "full-screen"
                  })
                ]),
                _: 1
              })
            ])),
            o("div", {
              class: "icon-button",
              onClick: S
            }, [
              e(s, {
                content: "关闭",
                placement: "bottom"
              }, {
                default: t(() => [
                  e(a, { icon: "local-close" })
                ]),
                _: 1
              })
            ])
          ])
        ]),
        u.value === "normal" ? (i(), l("div", H, [
          o("div", J, [
            r.value ? v("", !0) : (i(), l("div", K, [
              (i(), l(k, null, w(b, (c) => o("div", {
                key: c.id,
                class: "video-box-item"
              }, [
                o("div", null, x(c.name), 1)
              ])), 64))
            ])),
            r.value ? (i(), l("div", {
              key: 2,
              onClick: n[1] || (n[1] = (c) => r.value = !1)
            }, [
              e(s, {
                content: "展开成员列表",
                placement: "bottom"
              }, {
                default: t(() => [
                  e(a, { icon: "local-chevron-double-down" })
                ]),
                _: 1
              })
            ])) : (i(), l("div", {
              key: 1,
              onClick: n[0] || (n[0] = (c) => r.value = !0)
            }, [
              e(s, {
                content: "收起成员列表",
                placement: "bottom"
              }, {
                default: t(() => [
                  e(a, { icon: "local-chevron-double-up" })
                ]),
                _: 1
              })
            ]))
          ]),
          o("div", O, [
            F(o("div", P, null, 512), [
              [M, { type: 0, userId: "user1", camId: 0 }]
            ])
          ])
        ])) : v("", !0),
        u.value === "grid" ? (i(), l("div", Q, [
          (i(), l(k, null, w(b, (c) => o("div", {
            key: c.id,
            class: "grid-box-item"
          }, [
            o("div", null, x(c.name), 1)
          ])), 64))
        ])) : v("", !0),
        o("div", R, [
          e($)
        ])
      ]);
    };
  }
}), ee = /* @__PURE__ */ j(U, [["__scopeId", "data-v-97ac15f0"]]);
export {
  ee as default
};