@someray-ui/components 0.0.1 → 0.0.2

package/dist/sr-ui.js

@@ -1,129 +1,124 @@
-import { defineComponent as R, ref as M, watch as X, onMounted as Z, onUnmounted as ee, resolveComponent as d, openBlock as o, createElementBlock as l, createElementVNode as e, renderSlot as P, createVNode as n, withCtx as u, createCommentVNode as p, toDisplayString as v, Fragment as B, renderList as E, createBlock as I, resolveDynamicComponent as U, normalizeClass as L, withModifiers as W, withDirectives as j, vShow as q, createTextVNode as C, computed as O, normalizeStyle as te } from "vue";
-import { useRoute as se } from "vue-router";
-const oe = [
+import { defineComponent as T, ref as M, watch as ne, onMounted as J, onUnmounted as ae, resolveComponent as m, openBlock as o, createElementBlock as n, createElementVNode as e, renderSlot as d, createVNode as r, withCtx as a, createCommentVNode as k, toDisplayString as g, Fragment as D, renderList as R, createBlock as N, resolveDynamicComponent as F, normalizeClass as W, withModifiers as q, withDirectives as G, vShow as Y, createTextVNode as L, computed as A, normalizeStyle as X, createSlots as I, onBeforeUnmount as ie } from "vue";
+import { useRoute as re } from "vue-router";
+const ce = [
   { key: "/home", label: "首页", to: "/home", icon: '<svg viewBox="0 0 24 24"><path d="M4 11l8-7 8 7"/><path d="M6 10v9h12v-9"/></svg>' },
   { key: "/live", label: "实时预览", to: "/live", icon: '<svg viewBox="0 0 24 24"><path class="pl" d="M8 5l11 7-11 7z"/></svg>' },
   { key: "/playback", label: "视频回放", to: "/playback", icon: '<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/><path d="M12 8v4l3 2"/></svg>' },
   { key: "/ops", label: "运维管理", to: "/ops", icon: '<svg viewBox="0 0 24 24"><path d="M3 12h4l3 7 4-14 3 7h4"/></svg>' },
   { key: "/map", label: "地图模式", to: "/map", icon: '<svg viewBox="0 0 24 24"><path d="M9 4 3 6v14l6-2 6 2 6-2V4l-6 2-6-2z"/><path d="M9 4v14M15 6v14"/></svg>' }
-], le = [
+], de = [
   { key: "profile", label: "个人中心", icon: '<svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20c1.5-4 4.5-6 8-6s6.5 2 8 6"/></svg>' },
   { key: "theme", label: "切换主题", icon: '<svg viewBox="0 0 24 24"><path d="M4 9h13"/><path d="M14 6l3 3-3 3"/><path d="M20 15H7"/><path d="M10 12l-3 3 3 3"/></svg>' },
   { key: "system", label: "系统管理", icon: '<svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 20h8M12 17v3"/></svg>' },
   { divider: !0 },
   { key: "logout", label: "退出登录", danger: !0, icon: '<svg viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>' }
-], ne = { class: "cv6h" }, ce = { class: "cv6h__left" }, ae = ["src"], ie = { class: "cv6h__brand" }, de = { class: "cv6h__title" }, re = {
+], ue = { class: "sr-h" }, he = { class: "sr-h__left" }, _e = ["src"], ve = { class: "sr-h__brand" }, fe = { class: "sr-h__title" }, me = {
   key: 0,
-  class: "cv6h__sub"
-}, ue = {
-  class: "cv6h__nav",
+  class: "sr-h__sub"
+}, pe = {
+  class: "sr-h__nav",
   "aria-label": "主导航"
-}, ve = { class: "cv6h__navframe" }, _e = ["innerHTML"], he = {
+}, ye = { class: "sr-h__navframe" }, ge = ["innerHTML"], ke = {
   key: 1,
-  class: "cv6h__ico"
-}, pe = { class: "cv6h__right" }, me = { class: "cv6h__weather" }, ke = { class: "cv6h__wtext" }, ge = { class: "cv6h__temp" }, ye = { class: "cv6h__cond" }, fe = {
+  class: "sr-h__ico"
+}, be = { class: "sr-h__right" }, $e = { class: "sr-h__weather" }, we = { class: "sr-h__wtext" }, Me = { class: "sr-h__temp" }, Se = { class: "sr-h__cond" }, ze = {
   key: 0,
-  class: "cv6h__div"
-}, we = { class: "cv6h__wind" }, be = { class: "cv6h__wdir" }, xe = { class: "cv6h__wlvl" }, Me = {
+  class: "sr-h__div"
+}, Ce = { class: "sr-h__wind" }, Be = { class: "sr-h__wdir" }, Le = { class: "sr-h__wlvl" }, We = {
   key: 1,
-  class: "cv6h__div"
-}, $e = {
-  key: 1,
-  class: "cv6h__clock"
-}, Ce = { class: "cv6h__time" }, Be = { class: "cv6h__date" }, Se = { class: "cv6h__bellpop" }, ze = { class: "cv6h__menu" }, Ve = { class: "cv6h__mhead" }, De = {
+  class: "sr-h__div"
+}, Te = { class: "sr-h__clock" }, Ee = { class: "sr-h__time" }, Ve = { class: "sr-h__date" }, De = { class: "sr-h__bellpop" }, xe = { class: "sr-h__menu" }, Ie = { class: "sr-h__mhead" }, Ae = {
   key: 0,
-  class: "cv6h__msep"
-}, Ee = ["onClick"], Le = ["innerHTML"], Ne = {
+  class: "sr-h__msep"
+}, Ne = ["onClick"], Re = ["innerHTML"], He = {
   key: 1,
-  class: "cv6h__mico"
-}, Te = /* @__PURE__ */ R({
+  class: "sr-h__mico"
+}, Ue = /* @__PURE__ */ T({
   __name: "SrAppHeader",
   props: {
     logo: { default: "/assets/interface.svg" },
     title: { default: "视频汇聚平台 V3" },
     subtitle: { default: "VIDEO CONVERGENCE PLATFORM" },
-    menus: { default: () => oe },
+    menus: { default: () => ce },
     activeKey: { default: void 0 },
     showWeather: { type: Boolean, default: !0 },
     weather: { default: () => ({ temp: "26°C", condition: "多云", windDir: "东南风", windLevel: "3级" }) },
     showDivider: { type: Boolean, default: !0 },
-    showClock: { type: Boolean, default: !0 },
-    showBell: { type: Boolean, default: !0 },
     bellCount: { default: 0 },
     userName: { default: "超级管理员(someray)" },
-    userMenus: { default: () => le }
+    userMenus: { default: () => de }
   },
   emits: ["nav-select", "bell-click", "menu-select"],
-  setup(s, { emit: m }) {
-    const _ = m, w = (a) => !!a && /^\s*</.test(a), h = M(!1), k = M(!1), b = () => {
-      k.value = !1, h.value = !h.value, _("bell-click");
-    }, x = () => {
-      h.value = !1, k.value = !k.value;
-    }, i = (a) => {
-      k.value = !1, a.key && _("menu-select", a.key);
-    }, z = () => {
-      h.value = !1, k.value = !1;
-    }, D = M("--:--:--"), S = M("----");
-    let t;
-    const f = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"], y = (a) => String(a).padStart(2, "0"), $ = () => {
-      const a = /* @__PURE__ */ new Date();
-      D.value = y(a.getHours()) + ":" + y(a.getMinutes()) + ":" + y(a.getSeconds()), S.value = a.getFullYear() + "-" + y(a.getMonth() + 1) + "-" + y(a.getDate()) + " " + f[a.getDay()];
-    }, N = se();
-    return X(() => N.fullPath, z), Z(() => {
-      $(), t = window.setInterval($, 1e3), document.addEventListener("click", z);
-    }), ee(() => {
-      t && clearInterval(t), document.removeEventListener("click", z);
-    }), (a, r) => {
-      const T = d("router-link"), A = d("a-badge");
-      return o(), l("header", ne, [
-        e("div", ce, [
-          P(a.$slots, "brand", {}, () => [
-            n(T, {
-              class: "cv6h__logo",
+  setup(t, { emit: s }) {
+    const i = s, y = (_) => !!_ && /^\s*</.test(_), v = M(!1), f = M(!1), $ = () => {
+      f.value = !1, v.value = !v.value, i("bell-click");
+    }, S = () => {
+      v.value = !1, f.value = !f.value;
+    }, u = (_) => {
+      f.value = !1, _.key && i("menu-select", _.key);
+    }, C = () => {
+      v.value = !1, f.value = !1;
+    }, V = M("--:--:--"), z = M("----");
+    let l;
+    const h = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"], b = (_) => String(_).padStart(2, "0"), B = () => {
+      const _ = /* @__PURE__ */ new Date();
+      V.value = b(_.getHours()) + ":" + b(_.getMinutes()) + ":" + b(_.getSeconds()), z.value = _.getFullYear() + "-" + b(_.getMonth() + 1) + "-" + b(_.getDate()) + " " + h[_.getDay()];
+    }, H = re();
+    return ne(() => H.fullPath, C), J(() => {
+      B(), l = window.setInterval(B, 1e3), document.addEventListener("click", C);
+    }), ae(() => {
+      l && clearInterval(l), document.removeEventListener("click", C);
+    }), (_, p) => {
+      const U = m("router-link"), O = m("a-badge");
+      return o(), n("header", ue, [
+        e("div", he, [
+          d(_.$slots, "brand", {}, () => [
+            r(U, {
+              class: "sr-h__logo",
               to: "/home",
               "aria-label": "首页"
             }, {
-              default: u(() => [
-                s.logo ? (o(), l("img", {
+              default: a(() => [
+                t.logo ? (o(), n("img", {
                   key: 0,
-                  src: s.logo,
+                  src: t.logo,
                   alt: ""
-                }, null, 8, ae)) : p("", !0)
+                }, null, 8, _e)) : k("", !0)
               ]),
               _: 1
             }),
-            e("div", ie, [
-              e("h1", de, v(s.title), 1),
-              s.subtitle ? (o(), l("p", re, v(s.subtitle), 1)) : p("", !0)
+            e("div", ve, [
+              e("h1", fe, g(t.title), 1),
+              t.subtitle ? (o(), n("p", me, g(t.subtitle), 1)) : k("", !0)
             ])
           ], !0)
         ]),
-        e("nav", ue, [
-          e("div", ve, [
-            (o(!0), l(B, null, E(s.menus, (c, V) => (o(), I(U(c.to ? "router-link" : "a"), {
-              key: c.key ?? V,
-              class: L(["cv6h__item", { "is-active": s.activeKey != null && c.key === s.activeKey }]),
+        e("nav", pe, [
+          e("div", ye, [
+            (o(!0), n(D, null, R(t.menus, (c, x) => (o(), N(F(c.to ? "router-link" : "a"), {
+              key: c.key ?? x,
+              class: W(["sr-h__item", { "is-active": t.activeKey != null && c.key === t.activeKey }]),
               to: c.to,
-              onClick: (H) => _("nav-select", c)
+              onClick: (P) => i("nav-select", c)
             }, {
-              default: u(() => [
-                w(c.icon) ? (o(), l("span", {
+              default: a(() => [
+                y(c.icon) ? (o(), n("span", {
                   key: 0,
-                  class: "cv6h__ico",
+                  class: "sr-h__ico",
                   innerHTML: c.icon
-                }, null, 8, _e)) : c.icon ? (o(), l("span", he, [
-                  (o(), I(U(c.icon)))
-                ])) : p("", !0),
-                e("span", null, v(c.label), 1)
+                }, null, 8, ge)) : c.icon ? (o(), n("span", ke, [
+                  (o(), N(F(c.icon)))
+                ])) : k("", !0),
+                e("span", null, g(c.label), 1)
               ]),
               _: 2
             }, 1032, ["class", "to", "onClick"]))), 128))
           ])
         ]),
-        e("div", pe, [
-          s.showWeather ? (o(), l(B, { key: 0 }, [
-            e("div", me, [
-              r[2] || (r[2] = e("span", { class: "cv6h__wico" }, [
+        e("div", be, [
+          t.showWeather ? (o(), n(D, { key: 0 }, [
+            e("div", $e, [
+              p[2] || (p[2] = e("span", { class: "sr-h__wico" }, [
                 e("svg", { viewBox: "0 0 24 24" }, [
                   e("path", { d: "M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" }),
                   e("circle", {
@@ -135,38 +130,37 @@ const oe = [
                   })
                 ])
               ], -1)),
-              e("div", ke, [
-                e("span", ge, v(s.weather.temp), 1),
-                e("span", ye, v(s.weather.condition), 1)
+              e("div", we, [
+                e("span", Me, g(t.weather.temp), 1),
+                e("span", Se, g(t.weather.condition), 1)
               ])
             ]),
-            s.showDivider ? (o(), l("span", fe)) : p("", !0),
-            e("div", we, [
-              e("span", be, v(s.weather.windDir), 1),
-              e("span", xe, v(s.weather.windLevel), 1)
+            t.showDivider ? (o(), n("span", ze)) : k("", !0),
+            e("div", Ce, [
+              e("span", Be, g(t.weather.windDir), 1),
+              e("span", Le, g(t.weather.windLevel), 1)
             ]),
-            s.showDivider ? (o(), l("span", Me)) : p("", !0)
-          ], 64)) : p("", !0),
-          s.showClock ? (o(), l("div", $e, [
-            e("span", Ce, v(D.value), 1),
-            e("span", Be, v(S.value), 1)
-          ])) : p("", !0),
-          s.showBell ? (o(), l("div", {
-            key: 2,
-            class: "cv6h__bellwrap",
-            onClick: r[0] || (r[0] = W(() => {
+            t.showDivider ? (o(), n("span", We)) : k("", !0)
+          ], 64)) : k("", !0),
+          e("div", Te, [
+            e("span", Ee, g(V.value), 1),
+            e("span", Ve, g(z.value), 1)
+          ]),
+          e("div", {
+            class: "sr-h__bellwrap",
+            onClick: p[0] || (p[0] = q(() => {
             }, ["stop"]))
           }, [
-            n(A, {
-              count: s.bellCount,
+            r(O, {
+              count: t.bellCount,
               "max-count": 99
             }, {
-              default: u(() => [
+              default: a(() => [
                 e("span", {
-                  class: "cv6h__bell",
+                  class: "sr-h__bell",
                   title: "告警",
-                  onClick: b
-                }, [...r[3] || (r[3] = [
+                  onClick: $
+                }, [...p[3] || (p[3] = [
                   e("svg", { viewBox: "0 0 24 24" }, [
                     e("path", { d: "M6 9a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6" }),
                     e("path", { d: "M10 19a2 2 0 0 0 4 0" })
@@ -175,26 +169,26 @@ const oe = [
               ]),
               _: 1
             }, 8, ["count"]),
-            j(e("div", Se, [
-              P(a.$slots, "bell", {}, () => [
-                r[4] || (r[4] = e("div", { class: "cv6h__bell-empty" }, "暂无告警", -1))
+            G(e("div", De, [
+              d(_.$slots, "bell", {}, () => [
+                p[4] || (p[4] = e("div", { class: "sr-h__bell-empty" }, "暂无告警", -1))
               ], !0)
             ], 512), [
-              [q, h.value]
+              [Y, v.value]
             ])
-          ])) : p("", !0),
+          ]),
           e("div", {
-            class: "cv6h__tools",
-            onClick: r[1] || (r[1] = W(() => {
+            class: "sr-h__tools",
+            onClick: p[1] || (p[1] = q(() => {
             }, ["stop"]))
           }, [
             e("button", {
-              class: "cv6h__menubtn",
+              class: "sr-h__menubtn",
               "aria-label": "更多",
-              onClick: x
-            }, [...r[5] || (r[5] = [
+              onClick: S
+            }, [...p[5] || (p[5] = [
               e("svg", {
-                class: "cv6h__moreico",
+                class: "sr-h__moreico",
                 viewBox: "0 0 24 24"
               }, [
                 e("rect", {
@@ -220,138 +214,138 @@ const oe = [
                 })
               ], -1)
             ])]),
-            j(e("div", ze, [
-              s.userName ? (o(), l(B, { key: 0 }, [
-                e("div", Ve, v(s.userName), 1),
-                r[6] || (r[6] = e("div", { class: "cv6h__msep" }, null, -1))
-              ], 64)) : p("", !0),
-              (o(!0), l(B, null, E(s.userMenus, (c, V) => (o(), l(B, {
-                key: c.key ?? V
+            G(e("div", xe, [
+              t.userName ? (o(), n(D, { key: 0 }, [
+                e("div", Ie, g(t.userName), 1),
+                p[6] || (p[6] = e("div", { class: "sr-h__msep" }, null, -1))
+              ], 64)) : k("", !0),
+              (o(!0), n(D, null, R(t.userMenus, (c, x) => (o(), n(D, {
+                key: c.key ?? x
               }, [
-                c.divider ? (o(), l("div", De)) : (o(), l("a", {
+                c.divider ? (o(), n("div", Ae)) : (o(), n("a", {
                   key: 1,
-                  class: L(["cv6h__mitem", { danger: c.danger }]),
-                  onClick: (H) => i(c)
+                  class: W(["sr-h__mitem", { danger: c.danger }]),
+                  onClick: (P) => u(c)
                 }, [
-                  w(c.icon) ? (o(), l("span", {
+                  y(c.icon) ? (o(), n("span", {
                     key: 0,
-                    class: "cv6h__mico",
+                    class: "sr-h__mico",
                     innerHTML: c.icon
-                  }, null, 8, Le)) : c.icon ? (o(), l("span", Ne, [
-                    (o(), I(U(c.icon)))
-                  ])) : p("", !0),
-                  e("span", null, v(c.label), 1)
-                ], 10, Ee))
+                  }, null, 8, Re)) : c.icon ? (o(), n("span", He, [
+                    (o(), N(F(c.icon)))
+                  ])) : k("", !0),
+                  e("span", null, g(c.label), 1)
+                ], 10, Ne))
               ], 64))), 128))
             ], 512), [
-              [q, k.value]
+              [Y, f.value]
             ])
           ])
         ])
       ]);
     };
   }
-}), F = (s, m) => {
-  const _ = s.__vccOpts || s;
-  for (const [w, h] of m)
-    _[w] = h;
-  return _;
-}, Ae = /* @__PURE__ */ F(Te, [["__scopeId", "data-v-9d23d618"]]), He = { class: "res" }, Ie = { class: "res-tabs" }, Ue = ["onClick"], Oe = { class: "res-pad" }, Re = { class: "res-listhead" }, Fe = { class: "res-acts" }, Ke = { class: "res-tree" }, Pe = {
+}), E = (t, s) => {
+  const i = t.__vccOpts || t;
+  for (const [y, v] of s)
+    i[y] = v;
+  return i;
+}, Oe = /* @__PURE__ */ E(Ue, [["__scopeId", "data-v-39ec7a9e"]]), Pe = { class: "res" }, Fe = { class: "res-tabs" }, Ke = ["onClick"], Xe = { class: "res-pad" }, je = { class: "res-listhead" }, qe = { class: "res-acts" }, Ge = { class: "res-tree" }, Ye = {
   key: 0,
   class: "res-cnt"
-}, We = {
+}, Je = {
   key: 0,
   class: "ptz"
-}, je = { class: "ptz-head" }, qe = { class: "joy" }, Ge = { class: "ar up" }, Ye = { class: "ar dn" }, Je = { class: "ar lf" }, Qe = { class: "ar rt" }, Xe = { class: "speed" }, Ze = { class: "zoom" }, et = /* @__PURE__ */ R({
+}, Qe = { class: "ptz-head" }, Ze = { class: "joy" }, et = { class: "ar up" }, tt = { class: "ar dn" }, st = { class: "ar lf" }, ot = { class: "ar rt" }, lt = { class: "speed" }, nt = { class: "zoom" }, at = /* @__PURE__ */ T({
   __name: "SrResourceTree",
   props: {
     showPtz: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(s, { emit: m }) {
-    const _ = m, w = [
+  setup(t, { emit: s }) {
+    const i = s, y = [
       { k: "dev", label: "设备" },
       { k: "group", label: "分组" },
       { k: "view", label: "视图" }
-    ], h = M("group"), k = M([]), b = M(9), x = M(["c1"]), i = (S, t) => ({ key: S, title: t, isLeaf: !0, cam: !0 }), z = [
+    ], v = M("group"), f = M([]), $ = M(9), S = M(["c1"]), u = (z, l) => ({ key: z, title: l, isLeaf: !0, cam: !0 }), C = [
       {
         key: "g1",
         title: "齐鲁软件园",
         count: "(6/6)",
         children: [
-          i("c1", "齐鲁软件园北(可控)"),
-          i("c2", "齐鲁软件园东(可控)"),
-          i("c3", "CD中间全景摄像机2"),
-          i("c4", "软件园站西侧工地"),
-          i("c5", "软件园站东侧工地"),
-          i("c6", "B座A区室外全景南照联动球机")
+          u("c1", "齐鲁软件园北(可控)"),
+          u("c2", "齐鲁软件园东(可控)"),
+          u("c3", "CD中间全景摄像机2"),
+          u("c4", "软件园站西侧工地"),
+          u("c5", "软件园站东侧工地"),
+          u("c6", "B座A区室外全景南照联动球机")
         ]
       },
-      { key: "g2", title: "混凝土", count: "(43/48)", children: [i("g2a", "混凝土车间东"), i("g2b", "混凝土搅拌站")] },
-      { key: "g3", title: "建材", count: "(40/52)", children: [i("g3a", "建材仓库南门"), i("g3b", "建材装卸区")] },
-      { key: "g4", title: "玻璃制品", count: "(1/2)", children: [i("g4a", "玻璃制品质检区")] },
-      { key: "g5", title: "生物质发电", count: "(0/8)", children: [i("g5a", "发电主控室")] },
-      { key: "g6", title: "鹊华机场", count: "(2/2)", children: [i("g6a", "鹊华机场北跑道")] },
-      { key: "g7", title: "河流断面", count: "(4/4)", children: [i("g7a", "小清河断面")] },
-      { key: "g8", title: "视频融合", count: "(39/42)", children: [i("g8a", "融合大屏-01")] },
-      { key: "g9", title: "AI识别", count: "(43/45)", children: [i("g9a", "AI识别-机房")] }
-    ], D = (S, t) => {
-      var y;
-      const f = (y = t == null ? void 0 : t.selectedNodes) == null ? void 0 : y[0];
-      f != null && f.cam && (x.value = [f.key], _("select", f.title));
+      { key: "g2", title: "混凝土", count: "(43/48)", children: [u("g2a", "混凝土车间东"), u("g2b", "混凝土搅拌站")] },
+      { key: "g3", title: "建材", count: "(40/52)", children: [u("g3a", "建材仓库南门"), u("g3b", "建材装卸区")] },
+      { key: "g4", title: "玻璃制品", count: "(1/2)", children: [u("g4a", "玻璃制品质检区")] },
+      { key: "g5", title: "生物质发电", count: "(0/8)", children: [u("g5a", "发电主控室")] },
+      { key: "g6", title: "鹊华机场", count: "(2/2)", children: [u("g6a", "鹊华机场北跑道")] },
+      { key: "g7", title: "河流断面", count: "(4/4)", children: [u("g7a", "小清河断面")] },
+      { key: "g8", title: "视频融合", count: "(39/42)", children: [u("g8a", "融合大屏-01")] },
+      { key: "g9", title: "AI识别", count: "(43/45)", children: [u("g9a", "AI识别-机房")] }
+    ], V = (z, l) => {
+      var b;
+      const h = (b = l == null ? void 0 : l.selectedNodes) == null ? void 0 : b[0];
+      h != null && h.cam && (S.value = [h.key], i("select", h.title));
     };
-    return (S, t) => {
-      const f = d("icon-search"), y = d("a-input"), $ = d("a-option"), N = d("a-select"), a = d("icon-refresh"), r = d("a-tooltip"), T = d("icon-folder-add"), A = d("a-tree"), c = d("icon-up"), V = d("icon-down"), H = d("icon-left"), G = d("icon-right"), Y = d("a-slider"), J = d("icon-zoom-in"), K = d("a-button"), Q = d("icon-zoom-out");
-      return o(), l("aside", He, [
-        e("div", Ie, [
-          (o(), l(B, null, E(w, (g) => e("a", {
-            key: g.k,
-            class: L({ active: h.value === g.k }),
-            onClick: (ct) => h.value = g.k
-          }, v(g.label), 11, Ue)), 64))
+    return (z, l) => {
+      const h = m("icon-search"), b = m("a-input"), B = m("a-option"), H = m("a-select"), _ = m("icon-refresh"), p = m("a-tooltip"), U = m("icon-folder-add"), O = m("a-tree"), c = m("icon-up"), x = m("icon-down"), P = m("icon-left"), te = m("icon-right"), se = m("a-slider"), oe = m("icon-zoom-in"), j = m("a-button"), le = m("icon-zoom-out");
+      return o(), n("aside", Pe, [
+        e("div", Fe, [
+          (o(), n(D, null, R(y, (w) => e("a", {
+            key: w.k,
+            class: W({ active: v.value === w.k }),
+            onClick: (Bt) => v.value = w.k
+          }, g(w.label), 11, Ke)), 64))
         ]),
-        e("div", Oe, [
-          n(y, {
+        e("div", Xe, [
+          r(b, {
             placeholder: "按名称搜索",
             "allow-clear": "",
             class: "res-search"
           }, {
-            prefix: u(() => [
-              n(f)
+            prefix: a(() => [
+              r(h)
             ]),
             _: 1
           }),
-          n(N, {
-            modelValue: k.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (g) => k.value = g),
+          r(H, {
+            modelValue: f.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (w) => f.value = w),
             placeholder: "请选择标签",
             multiple: "",
             "allow-clear": "",
             "max-tag-count": 1,
             class: "res-tagsel"
           }, {
-            default: u(() => [
-              n($, { value: "key" }, {
-                default: u(() => [...t[2] || (t[2] = [
-                  C("重点监控", -1)
+            default: a(() => [
+              r(B, { value: "key" }, {
+                default: a(() => [...l[2] || (l[2] = [
+                  L("重点监控", -1)
                 ])]),
                 _: 1
               }),
-              n($, { value: "ptz" }, {
-                default: u(() => [...t[3] || (t[3] = [
-                  C("可控云台", -1)
+              r(B, { value: "ptz" }, {
+                default: a(() => [...l[3] || (l[3] = [
+                  L("可控云台", -1)
                 ])]),
                 _: 1
               }),
-              n($, { value: "alarm" }, {
-                default: u(() => [...t[4] || (t[4] = [
-                  C("联网报警", -1)
+              r(B, { value: "alarm" }, {
+                default: a(() => [...l[4] || (l[4] = [
+                  L("联网报警", -1)
                 ])]),
                 _: 1
               }),
-              n($, { value: "ai" }, {
-                default: u(() => [...t[5] || (t[5] = [
-                  C("AI 识别", -1)
+              r(B, { value: "ai" }, {
+                default: a(() => [...l[5] || (l[5] = [
+                  L("AI 识别", -1)
                 ])]),
                 _: 1
               })
@@ -359,134 +353,382 @@ const oe = [
             _: 1
           }, 8, ["modelValue"])
         ]),
-        e("div", Re, [
-          t[6] || (t[6] = e("b", null, "资源列表", -1)),
-          e("span", Fe, [
-            n(r, { content: "刷新" }, {
-              default: u(() => [
-                n(a)
+        e("div", je, [
+          l[6] || (l[6] = e("b", null, "资源列表", -1)),
+          e("span", qe, [
+            r(p, { content: "刷新" }, {
+              default: a(() => [
+                r(_)
               ]),
               _: 1
             }),
-            n(r, { content: "新建文件夹" }, {
-              default: u(() => [
-                n(T)
+            r(p, { content: "新建文件夹" }, {
+              default: a(() => [
+                r(U)
               ]),
               _: 1
             })
           ])
         ]),
-        e("div", Ke, [
-          n(A, {
-            data: z,
+        e("div", Ge, [
+          r(O, {
+            data: C,
             "default-expanded-keys": ["g1"],
-            "selected-keys": x.value,
+            "selected-keys": S.value,
             "block-node": "",
-            onSelect: D
+            onSelect: V
           }, {
-            extra: u((g) => [
-              g.count ? (o(), l("span", Pe, v(g.count), 1)) : p("", !0)
+            extra: a((w) => [
+              w.count ? (o(), n("span", Ye, g(w.count), 1)) : k("", !0)
             ]),
             _: 1
           }, 8, ["selected-keys"])
         ]),
-        s.showPtz ? (o(), l("div", We, [
-          e("div", je, [
-            t[7] || (t[7] = C("云台控制 ", -1)),
-            n(c, { class: "ptz-chev" })
+        t.showPtz ? (o(), n("div", Je, [
+          e("div", Qe, [
+            l[7] || (l[7] = L("云台控制 ", -1)),
+            r(c, { class: "ptz-chev" })
           ]),
-          e("div", qe, [
-            e("span", Ge, [
-              n(c)
+          e("div", Ze, [
+            e("span", et, [
+              r(c)
             ]),
-            e("span", Ye, [
-              n(V)
+            e("span", tt, [
+              r(x)
             ]),
-            e("span", Je, [
-              n(H)
+            e("span", st, [
+              r(P)
             ]),
-            e("span", Qe, [
-              n(G)
+            e("span", ot, [
+              r(te)
             ]),
-            t[8] || (t[8] = e("span", { class: "knob" }, null, -1))
+            l[8] || (l[8] = e("span", { class: "knob" }, null, -1))
           ]),
-          e("div", Xe, [
-            t[9] || (t[9] = e("span", null, "云台速度", -1)),
-            n(Y, {
-              modelValue: b.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (g) => b.value = g),
+          e("div", lt, [
+            l[9] || (l[9] = e("span", null, "云台速度", -1)),
+            r(se, {
+              modelValue: $.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (w) => $.value = w),
               min: 1,
               max: 10,
               style: { flex: 1 }
             }, null, 8, ["modelValue"]),
-            e("b", null, v(b.value), 1)
+            e("b", null, g($.value), 1)
           ]),
-          e("div", Ze, [
-            n(K, {
+          e("div", nt, [
+            r(j, {
               long: "",
               size: "small"
             }, {
-              icon: u(() => [
-                n(J)
+              icon: a(() => [
+                r(oe)
               ]),
-              default: u(() => [
-                t[10] || (t[10] = C("放大", -1))
+              default: a(() => [
+                l[10] || (l[10] = L("放大", -1))
               ]),
               _: 1
             }),
-            n(K, {
+            r(j, {
               long: "",
               size: "small"
             }, {
-              icon: u(() => [
-                n(Q)
+              icon: a(() => [
+                r(le)
               ]),
-              default: u(() => [
-                t[11] || (t[11] = C("缩小", -1))
+              default: a(() => [
+                l[11] || (l[11] = L("缩小", -1))
               ]),
               _: 1
             })
           ])
-        ])) : p("", !0)
+        ])) : k("", !0)
       ]);
     };
   }
-}), tt = /* @__PURE__ */ F(et, [["__scopeId", "data-v-05bca26c"]]), st = ["onClick"], ot = /* @__PURE__ */ R({
+}), it = /* @__PURE__ */ E(at, [["__scopeId", "data-v-05bca26c"]]), rt = ["onClick"], ct = /* @__PURE__ */ T({
   __name: "SrVideoWall",
   props: {
     count: {},
     active: {}
   },
   emits: ["update:active"],
-  setup(s) {
-    const m = s, _ = O(() => m.count === 6 ? 3 : Math.ceil(Math.sqrt(m.count))), w = O(() => Math.ceil(m.count / _.value)), h = O(() => ({
-      gridTemplateColumns: `repeat(${_.value}, 1fr)`,
-      gridTemplateRows: `repeat(${w.value}, 1fr)`
+  setup(t) {
+    const s = t, i = A(() => s.count === 6 ? 3 : Math.ceil(Math.sqrt(s.count))), y = A(() => Math.ceil(s.count / i.value)), v = A(() => ({
+      gridTemplateColumns: `repeat(${i.value}, 1fr)`,
+      gridTemplateRows: `repeat(${y.value}, 1fr)`
     }));
-    return (k, b) => (o(), l("div", {
+    return (f, $) => (o(), n("div", {
       class: "wall",
-      style: te(h.value)
+      style: X(v.value)
     }, [
-      (o(!0), l(B, null, E(s.count, (x) => (o(), l("div", {
-        key: x,
-        class: L(["cell", { active: x - 1 === s.active }]),
-        onClick: (i) => k.$emit("update:active", x - 1)
-      }, [...b[0] || (b[0] = [
+      (o(!0), n(D, null, R(t.count, (S) => (o(), n("div", {
+        key: S,
+        class: W(["cell", { active: S - 1 === t.active }]),
+        onClick: (u) => f.$emit("update:active", S - 1)
+      }, [...$[0] || ($[0] = [
         e("span", { class: "nosrc" }, null, -1),
         e("span", { class: "cap" }, "未接入视频源", -1)
-      ])], 10, st))), 128))
+      ])], 10, rt))), 128))
     ], 4));
   }
-}), lt = /* @__PURE__ */ F(ot, [["__scopeId", "data-v-6ebd5cbf"]]), nt = { SrAppHeader: Ae, SrResourceTree: tt, SrVideoWall: lt }, dt = {
-  install(s) {
-    for (const [m, _] of Object.entries(nt)) s.component(m, _);
+}), dt = /* @__PURE__ */ E(ct, [["__scopeId", "data-v-6ebd5cbf"]]), ut = {}, ht = { class: "sr-content" };
+function _t(t, s) {
+  return o(), n("div", ht, [
+    d(t.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const vt = /* @__PURE__ */ E(ut, [["render", _t], ["__scopeId", "data-v-a8cca886"]]), ft = { class: "sr-content-area__body" }, mt = /* @__PURE__ */ T({
+  __name: "SrContentArea",
+  props: {
+    flush: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    return (s, i) => (o(), n("main", {
+      class: W(["sr-content-area", { flush: t.flush }])
+    }, [
+      e("div", ft, [
+        d(s.$slots, "default", {}, void 0, !0)
+      ]),
+      d(s.$slots, "toolbar", {}, void 0, !0)
+    ], 2));
+  }
+}), Q = /* @__PURE__ */ E(mt, [["__scopeId", "data-v-e7160bcf"]]), pt = /* @__PURE__ */ T({
+  __name: "SrMonitorLayout",
+  props: {
+    flush: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    return (s, i) => (o(), n("div", {
+      class: W(["sr-monitor", { flush: t.flush }])
+    }, [
+      d(s.$slots, "left", {}, void 0, !0),
+      r(Q, { flush: t.flush }, I({
+        default: a(() => [
+          d(s.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        s.$slots.toolbar ? {
+          name: "toolbar",
+          fn: a(() => [
+            d(s.$slots, "toolbar", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["flush"]),
+      d(s.$slots, "right", {}, void 0, !0)
+    ], 2));
+  }
+}), Z = /* @__PURE__ */ E(pt, [["__scopeId", "data-v-1419f1f1"]]), yt = {
+  key: 0,
+  class: "sr-side__head"
+}, gt = { class: "sr-side__body" }, kt = {
+  key: 1,
+  class: "sr-side__foot"
+}, bt = /* @__PURE__ */ T({
+  __name: "SrSidePanel",
+  props: {
+    side: { default: "left" },
+    width: { default: "" },
+    title: { default: "" },
+    resizable: { type: Boolean, default: !0 },
+    minWidth: { default: 200 },
+    maxWidth: { default: 480 },
+    flush: { type: Boolean, default: !1 }
+  },
+  emits: ["resize"],
+  setup(t, { emit: s }) {
+    const i = t, y = s, v = M(), f = M(0), $ = M(!1), S = A(() => f.value > 0 ? f.value + "px" : i.width !== "" && i.width != null ? typeof i.width == "number" ? i.width + "px" : String(i.width) : i.side === "left" ? "var(--sider-w)" : "var(--rpanel-w)");
+    J(() => {
+      v.value && f.value === 0 && (f.value = v.value.offsetWidth);
+    });
+    let u = 0, C = 0;
+    const V = (h) => {
+      const b = h.clientX - u, B = i.side === "left" ? C + b : C - b;
+      f.value = Math.min(i.maxWidth, Math.max(i.minWidth, Math.round(B))), y("resize", f.value);
+    }, z = () => {
+      $.value && ($.value = !1, document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", z), document.body.style.userSelect = "", document.body.style.cursor = "");
+    }, l = (h) => {
+      h.preventDefault(), u = h.clientX, C = v.value ? v.value.offsetWidth : f.value, $.value = !0, document.addEventListener("mousemove", V), document.addEventListener("mouseup", z), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
+    };
+    return ie(z), (h, b) => (o(), n("aside", {
+      ref_key: "root",
+      ref: v,
+      class: W(["sr-side", [t.side, { flush: t.flush }]]),
+      style: X({ width: S.value })
+    }, [
+      t.title || h.$slots.header ? (o(), n("div", yt, [
+        d(h.$slots, "header", {}, () => [
+          L(g(t.title), 1)
+        ], !0)
+      ])) : k("", !0),
+      e("div", gt, [
+        d(h.$slots, "default", {}, void 0, !0)
+      ]),
+      h.$slots.footer ? (o(), n("div", kt, [
+        d(h.$slots, "footer", {}, void 0, !0)
+      ])) : k("", !0),
+      t.resizable ? (o(), n("div", {
+        key: 2,
+        class: W(["sr-side__resizer", t.side]),
+        title: "拖动调整宽度",
+        onMousedown: l
+      }, null, 34)) : k("", !0)
+    ], 6));
+  }
+}), K = /* @__PURE__ */ E(bt, [["__scopeId", "data-v-b64f19e9"]]), $t = {
+  key: 0,
+  class: "sr-toolbar__seg sr-toolbar__left"
+}, wt = { class: "sr-toolbar__seg sr-toolbar__center" }, Mt = {
+  key: 1,
+  class: "sr-toolbar__seg sr-toolbar__right"
+}, St = /* @__PURE__ */ T({
+  __name: "SrToolbar",
+  props: {
+    height: { default: 46 }
+  },
+  setup(t) {
+    const s = t, i = A(() => typeof s.height == "number" ? s.height + "px" : s.height);
+    return (y, v) => (o(), n("div", {
+      class: "sr-toolbar",
+      style: X({ height: i.value })
+    }, [
+      y.$slots.left ? (o(), n("div", $t, [
+        d(y.$slots, "left", {}, void 0, !0)
+      ])) : k("", !0),
+      e("div", wt, [
+        d(y.$slots, "default", {}, void 0, !0)
+      ]),
+      y.$slots.right ? (o(), n("div", Mt, [
+        d(y.$slots, "right", {}, void 0, !0)
+      ])) : k("", !0)
+    ], 4));
+  }
+}), ee = /* @__PURE__ */ E(St, [["__scopeId", "data-v-21d717eb"]]), zt = /* @__PURE__ */ T({
+  __name: "SrWorkspace",
+  props: {
+    leftTitle: { default: "" },
+    rightTitle: { default: "" },
+    leftWidth: { default: "" },
+    rightWidth: { default: "" },
+    leftResizable: { type: Boolean, default: !0 },
+    rightResizable: { type: Boolean, default: !0 },
+    flush: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    return (s, i) => (o(), N(Z, { flush: t.flush }, I({
+      default: a(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      s.$slots.left ? {
+        name: "left",
+        fn: a(() => [
+          r(K, {
+            side: "left",
+            title: t.leftTitle,
+            width: t.leftWidth,
+            resizable: t.leftResizable,
+            flush: t.flush
+          }, I({
+            default: a(() => [
+              d(s.$slots, "left")
+            ]),
+            _: 2
+          }, [
+            s.$slots["left-footer"] ? {
+              name: "footer",
+              fn: a(() => [
+                d(s.$slots, "left-footer")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["title", "width", "resizable", "flush"])
+        ]),
+        key: "0"
+      } : void 0,
+      s.$slots.toolbar || s.$slots["toolbar-left"] || s.$slots["toolbar-right"] ? {
+        name: "toolbar",
+        fn: a(() => [
+          r(ee, null, I({
+            default: a(() => [
+              d(s.$slots, "toolbar")
+            ]),
+            _: 2
+          }, [
+            s.$slots["toolbar-left"] ? {
+              name: "left",
+              fn: a(() => [
+                d(s.$slots, "toolbar-left")
+              ]),
+              key: "0"
+            } : void 0,
+            s.$slots["toolbar-right"] ? {
+              name: "right",
+              fn: a(() => [
+                d(s.$slots, "toolbar-right")
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1024)
+        ]),
+        key: "1"
+      } : void 0,
+      s.$slots.right ? {
+        name: "right",
+        fn: a(() => [
+          r(K, {
+            side: "right",
+            title: t.rightTitle,
+            width: t.rightWidth,
+            resizable: t.rightResizable,
+            flush: t.flush
+          }, I({
+            default: a(() => [
+              d(s.$slots, "right")
+            ]),
+            _: 2
+          }, [
+            s.$slots["right-footer"] ? {
+              name: "footer",
+              fn: a(() => [
+                d(s.$slots, "right-footer")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["title", "width", "resizable", "flush"])
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1032, ["flush"]));
+  }
+}), Ct = {
+  SrAppHeader: Oe,
+  SrResourceTree: it,
+  SrVideoWall: dt,
+  SrContent: vt,
+  SrMonitorLayout: Z,
+  SrContentArea: Q,
+  SrSidePanel: K,
+  SrToolbar: ee,
+  SrWorkspace: zt
+}, Tt = {
+  install(t) {
+    for (const [s, i] of Object.entries(Ct)) t.component(s, i);
   }
 };
 export {
-  oe as DEFAULT_MENUS,
-  le as DEFAULT_USER_MENUS,
-  Ae as SrAppHeader,
-  tt as SrResourceTree,
-  lt as SrVideoWall,
-  dt as default
+  ce as DEFAULT_MENUS,
+  de as DEFAULT_USER_MENUS,
+  Oe as SrAppHeader,
+  vt as SrContent,
+  Q as SrContentArea,
+  Z as SrMonitorLayout,
+  it as SrResourceTree,
+  K as SrSidePanel,
+  ee as SrToolbar,
+  dt as SrVideoWall,
+  zt as SrWorkspace,
+  Tt as default
 };