@das-fed/upf-ui 6.4.0-dev.169 → 6.4.0-dev.171

package/packages/business-components/video-dialog/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as K, nextTick as L, unref as l, ref as k, watch as E, defineComponent as D, useCssVars as pe, computed as P, createElementBlock as R, openBlock as C, normalizeClass as ve, renderSlot as X, Fragment as J, renderList as fe, createBlock as O, withCtx as f, createCommentVNode as z, withModifiers as y, createVNode as p, createElementVNode as v, toDisplayString as U, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, unref as l, getCurrentInstance as de, onMounted as K, nextTick as L, ref as k, watch as E, defineComponent as D, useCssVars as pe, computed as P, openBlock as C, createElementBlock as R, normalizeClass as fe, renderSlot as X, Fragment as J, renderList as ve, createBlock as O, withCtx as v, createCommentVNode as z, withModifiers as y, createVNode as p, createElementVNode as f, toDisplayString as U, toRefs as me } from "vue";
 import { withInstall as ge } from "@das-fed/upf-utils/with-install/index";
 import { t as m, setI18nRule as Ce } from "@das-fed/upf-web/packages/i18n/index";
 import { DasDialog as he } from "@das-fed/upf-ui/packages/components/dialog/index";
@@ -21,35 +21,35 @@ function te(t) {
 function Ee(t) {
   return t;
 }
-function oe(t) {
+function ne(t) {
   return ce() ? (ue(t), !0) : !1;
 }
-function Ne(t, n = !0) {
-  de() ? K(t) : n ? t() : L(t);
+function Ne(t, o = !0) {
+  de() ? K(t) : o ? t() : L(t);
 }
-function ne(t) {
-  var n;
+function oe(t) {
+  var o;
   const e = te(t);
-  return (n = e == null ? void 0 : e.$el) != null ? n : e;
+  return (o = e == null ? void 0 : e.$el) != null ? o : e;
 }
 const Fe = V ? window : void 0, Se = V ? window.document : void 0;
 function Re(...t) {
-  let n, e, r, s;
-  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, r, s] = t, n = Fe) : [n, e, r, s] = t, !n)
+  let o, e, r, s;
+  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, r, s] = t, o = Fe) : [o, e, r, s] = t, !o)
     return Oe;
   Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
-  const o = [], a = () => {
-    o.forEach((c) => c()), o.length = 0;
-  }, h = (c, g, _, I) => (c.addEventListener(g, _, I), () => c.removeEventListener(g, _, I)), i = E(() => [ne(n), te(s)], ([c, g]) => {
-    a(), c && o.push(...e.flatMap((_) => r.map((I) => h(c, _, I, g))));
+  const n = [], a = () => {
+    n.forEach((c) => c()), n.length = 0;
+  }, h = (c, g, _, I) => (c.addEventListener(g, _, I), () => c.removeEventListener(g, _, I)), i = E(() => [oe(o), te(s)], ([c, g]) => {
+    a(), c && n.push(...e.flatMap((_) => r.map((I) => h(c, _, I, g))));
   }, { immediate: !0, flush: "post" }), u = () => {
     i(), a();
   };
-  return oe(u), u;
+  return ne(u), u;
 }
-function De(t, n = !1) {
+function De(t, o = !1) {
   const e = k(), r = () => e.value = !!t();
-  return r(), Ne(r, n), e;
+  return r(), Ne(r, o), e;
 }
 const Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = "__vueuse_ssr_handlers__";
 Q[q] = Q[q] || {};
@@ -95,8 +95,8 @@ const G = [
     "MSFullscreenError"
   ]
 ];
-function le(t, n = {}) {
-  const { document: e = Se, autoExit: r = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = k(!1);
+function le(t, o = {}) {
+  const { document: e = Se, autoExit: r = !1 } = o, s = t || (e == null ? void 0 : e.querySelector("html")), n = k(!1);
   let a = G[0];
   const h = De(() => {
     if (e) {
@@ -108,23 +108,23 @@ function le(t, n = {}) {
     return !1;
   }), [i, u, c, , g] = a;
   async function _() {
-    h.value && (e != null && e[c] && await e[u](), o.value = !1);
+    h.value && (e != null && e[c] && await e[u](), n.value = !1);
   }
   async function I() {
     if (!h.value)
       return;
     await _();
-    const N = ne(s);
-    N && (await N[i](), o.value = !0);
+    const N = oe(s);
+    N && (await N[i](), n.value = !0);
   }
   async function M() {
-    o.value ? await _() : await I();
+    n.value ? await _() : await I();
   }
   return e && Re(e, g, () => {
-    o.value = !!(e != null && e[c]);
-  }, !1), r && oe(_), {
+    n.value = !!(e != null && e[c]);
+  }, !1), r && ne(_), {
     isSupported: h,
-    isFullscreen: o,
+    isFullscreen: n,
     enter: I,
     exit: _,
     toggle: M
@@ -134,12 +134,12 @@ var W;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(W || (W = {}));
-var Me = Object.defineProperty, H = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable, Y = (t, n, e) => n in t ? Me(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Pe = (t, n) => {
-  for (var e in n || (n = {}))
-    $e.call(n, e) && Y(t, e, n[e]);
+var Me = Object.defineProperty, H = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable, Y = (t, o, e) => o in t ? Me(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, Pe = (t, o) => {
+  for (var e in o)
+    $e.call(o, e) && Y(t, e, o[e]);
   if (H)
-    for (var e of H(n))
-      Le.call(n, e) && Y(t, e, n[e]);
+    for (var e of H(o))
+      Le.call(o, e) && Y(t, e, o[e]);
   return t;
 };
 const xe = {
@@ -178,30 +178,30 @@ const Te = /* @__PURE__ */ D({
     gridNum: {}
   },
   emits: ["itemClick"],
-  setup(t, { emit: n }) {
+  setup(t, { emit: o }) {
     pe((c) => ({
       "9b3a2c32": u.value
     }));
-    const e = t, r = n, s = k(), { toggle: o, isFullscreen: a } = le(s), h = () => {
+    const e = t, r = o, s = k(), { toggle: n, isFullscreen: a } = le(s), h = () => {
       s.value != document.fullscreenElement && (a.value ? (a.value = !1, L(() => {
-        o();
-      })) : o());
+        n();
+      })) : n());
     }, i = () => {
       r("itemClick");
     }, u = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
     return (c, g) => (C(), R("div", {
       ref_key: "containerRef",
       ref: s,
-      class: ve(["wrapper", { "is-active": e.active }]),
+      class: fe(["wrapper", { "is-active": e.active }]),
       onDblclick: g[0] || (g[0] = (_) => h()),
       onClick: g[1] || (g[1] = (_) => i())
     }, [
       X(c.$slots, "default", {}, void 0, !0)
     ], 34));
   }
-}), x = (t, n) => {
+}), x = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [r, s] of n)
+  for (const [r, s] of o)
     e[r] = s;
   return e;
 }, Ue = /* @__PURE__ */ x(Te, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
@@ -212,18 +212,18 @@ const Te = /* @__PURE__ */ D({
     showFn: {}
   },
   emits: ["update:activeIndex"],
-  setup(t, { emit: n }) {
-    const e = t, r = n, s = (o) => {
-      r("update:activeIndex", o);
+  setup(t, { emit: o }) {
+    const e = t, r = o, s = (n) => {
+      r("update:activeIndex", n);
     };
-    return (o, a) => (C(), R("div", Ve, [
-      (C(!0), R(J, null, fe(e.gridNum, (h, i) => (C(), O(Ue, {
+    return (n, a) => (C(), R("div", Ve, [
+      (C(!0), R(J, null, ve(e.gridNum, (h, i) => (C(), O(Ue, {
         active: !1,
         "grid-num": e.gridNum,
         onItemClick: (u) => s(i)
       }, {
-        default: f(() => [
-          o.showFn(i) ? X(o.$slots, "default", {
+        default: v(() => [
+          n.showFn(i) ? X(n.$slots, "default", {
             key: 0,
             index: i
           }, void 0, !0) : z("", !0)
@@ -235,21 +235,21 @@ const Te = /* @__PURE__ */ D({
 }), je = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
-  setup(t, { emit: n }) {
-    const e = n, r = (s) => {
+  setup(t, { emit: o }) {
+    const e = o, r = (s) => {
       e("change", s);
     };
-    return (s, o) => (C(), R("div", {
+    return (s, n) => (C(), R("div", {
       class: "direction-control",
-      onDblclick: o[9] || (o[9] = y((a) => a.stopPropagation(), ["stop"]))
+      onDblclick: n[9] || (n[9] = y((a) => a.stopPropagation(), ["stop"]))
     }, [
       p(l(w), {
         content: l(m)("左上")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-top-left",
-            onClick: o[0] || (o[0] = y((a) => r("leftUp"), ["stop"]))
+            onClick: n[0] || (n[0] = y((a) => r("leftUp"), ["stop"]))
           })
         ]),
         _: 1
@@ -257,10 +257,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("上")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-top",
-            onClick: o[1] || (o[1] = y((a) => r("up"), ["stop"]))
+            onClick: n[1] || (n[1] = y((a) => r("up"), ["stop"]))
           })
         ]),
         _: 1
@@ -268,10 +268,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("右上")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-top-right",
-            onClick: o[2] || (o[2] = y((a) => r("rightUp"), ["stop"]))
+            onClick: n[2] || (n[2] = y((a) => r("rightUp"), ["stop"]))
           })
         ]),
         _: 1
@@ -279,10 +279,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("左")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-left",
-            onClick: o[3] || (o[3] = y((a) => r("left"), ["stop"]))
+            onClick: n[3] || (n[3] = y((a) => r("left"), ["stop"]))
           })
         ]),
         _: 1
@@ -290,10 +290,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("自动")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-auto",
-            onClick: o[4] || (o[4] = y((a) => r("auto"), ["stop"]))
+            onClick: n[4] || (n[4] = y((a) => r("auto"), ["stop"]))
           })
         ]),
         _: 1
@@ -301,10 +301,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("右")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-right",
-            onClick: o[5] || (o[5] = y((a) => r("right"), ["stop"]))
+            onClick: n[5] || (n[5] = y((a) => r("right"), ["stop"]))
           })
         ]),
         _: 1
@@ -312,10 +312,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("左下")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-bottom-left",
-            onClick: o[6] || (o[6] = y((a) => r("leftDown"), ["stop"]))
+            onClick: n[6] || (n[6] = y((a) => r("leftDown"), ["stop"]))
           })
         ]),
         _: 1
@@ -323,10 +323,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("下")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-bottom",
-            onClick: o[7] || (o[7] = y((a) => r("down"), ["stop"]))
+            onClick: n[7] || (n[7] = y((a) => r("down"), ["stop"]))
           })
         ]),
         _: 1
@@ -334,10 +334,10 @@ const Te = /* @__PURE__ */ D({
       p(l(w), {
         content: l(m)("右下")
       }, {
-        default: f(() => [
-          v("div", {
+        default: v(() => [
+          f("div", {
             class: "icon icon-bottom-right",
-            onClick: o[8] || (o[8] = y((a) => r("rightDown"), ["stop"]))
+            onClick: n[8] || (n[8] = y((a) => r("rightDown"), ["stop"]))
           })
         ]),
         _: 1
@@ -361,8 +361,8 @@ const Te = /* @__PURE__ */ D({
     onReplay: {}
   },
   emits: ["close", "directionControl", "zoomControl"],
-  setup(t, { emit: n }) {
-    const e = t, r = n;
+  setup(t, { emit: o }) {
+    const e = t, r = o;
     ke({
       muted: import("@das-fed/upf-ui/packages/icons/muted"),
       volume: import("@das-fed/upf-ui/packages/icons/volume"),
@@ -370,14 +370,14 @@ const Te = /* @__PURE__ */ D({
       enlarge: import("@das-fed/upf-ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/upf-ui/packages/icons/direction-control")
     });
-    const s = k(!0), o = k(), a = k(!1), h = k(), i = P(() => {
+    const s = k(!0), n = k(), a = k(!1), h = k(), i = P(() => {
       var d;
       return (d = h.value) == null ? void 0 : d.video;
     }), u = k(!1), c = k(!0), g = (d) => {
-      o.value = d, o.value.on(window.mpegts.Events.ERROR, (b) => {
+      n.value = d, n.value.on(window.mpegts.Events.ERROR, (b) => {
       });
     }, _ = () => {
-      s.value = !s.value, o.value && (o.value.muted = s.value);
+      s.value = !s.value, n.value && (n.value.muted = s.value);
     }, I = () => {
       a.value = !a.value;
     }, M = k(""), N = () => {
@@ -412,10 +412,10 @@ const Te = /* @__PURE__ */ D({
         });
       }
     ), E(
-      () => o.value,
+      () => n.value,
       () => {
-        o.value && L(() => {
-          o.value.muted = s.value;
+        n.value && L(() => {
+          n.value.muted = s.value;
         });
       }
     ), E(
@@ -429,7 +429,7 @@ const Te = /* @__PURE__ */ D({
     ), E(
       () => e.paused,
       () => {
-        o.value && (e.paused ? o.value.pause() : o.value.play());
+        n.value && (e.paused ? n.value.pause() : n.value.play());
       }
     ), E(
       () => e.videoUrl,
@@ -444,14 +444,14 @@ const Te = /* @__PURE__ */ D({
         type: "component",
         tip: l(m)("加载中...")
       }, {
-        default: f(() => [
-          v("div", Ge, [
-            v("div", We, [
-              v("div", He, [
-                v("div", Ye, U(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
+        default: v(() => [
+          f("div", Ge, [
+            f("div", We, [
+              f("div", He, [
+                f("div", Ye, U(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
               ])
             ]),
-            v("div", Ze, [
+            f("div", Ze, [
               ["live"].includes(d.type) ? (C(), R("span", Ke, U(l(m)("正在实时预览")), 1)) : z("", !0)
             ])
           ]),
@@ -464,17 +464,17 @@ const Te = /* @__PURE__ */ D({
             onLoaded: g,
             src: e.videoUrl
           }, null, 8, ["muted", "src"])) : z("", !0),
-          v("div", Xe, [
-            b[3] || (b[3] = v("div", { class: "video-bottom_l" }, null, -1)),
-            v("div", Je, [
-              v("div", {
+          f("div", Xe, [
+            b[3] || (b[3] = f("div", { class: "video-bottom_l" }, null, -1)),
+            f("div", Je, [
+              f("div", {
                 class: "controls",
                 onDblclick: b[2] || (b[2] = y((S) => S.stopPropagation(), ["stop"]))
               }, [
                 p(l(w), {
                   content: l(m)("声音")
                 }, {
-                  default: f(() => [
+                  default: v(() => [
                     p(l($), {
                       class: "icon icon-volume",
                       icon: s.value ? "muted" : "volume",
@@ -486,7 +486,7 @@ const Te = /* @__PURE__ */ D({
                 p(l(w), {
                   content: l(m)("截图")
                 }, {
-                  default: f(() => [
+                  default: v(() => [
                     p(l($), {
                       class: "icon icon-screenshot",
                       icon: "screenshot",
@@ -499,7 +499,7 @@ const Te = /* @__PURE__ */ D({
                   key: 0,
                   content: l(m)("聚焦-")
                 }, {
-                  default: f(() => [
+                  default: v(() => [
                     ["live", "polling"].includes(e.type) ? (C(), O(l($), {
                       key: 0,
                       class: "icon icon-shrink",
@@ -513,7 +513,7 @@ const Te = /* @__PURE__ */ D({
                   key: 1,
                   content: l(m)("聚焦+")
                 }, {
-                  default: f(() => [
+                  default: v(() => [
                     ["live", "polling"].includes(e.type) ? (C(), O(l($), {
                       key: 0,
                       class: "icon icon-enlarge",
@@ -527,7 +527,7 @@ const Te = /* @__PURE__ */ D({
                   key: 2,
                   content: l(m)("方向控制")
                 }, {
-                  default: f(() => [
+                  default: v(() => [
                     ["live", "polling"].includes(e.type) ? (C(), O(l($), {
                       key: 0,
                       class: "icon icon-direction-control",
@@ -549,16 +549,16 @@ const Te = /* @__PURE__ */ D({
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), tt = /* @__PURE__ */ x(et, [["__scopeId", "data-v-f810def3"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), re = ee(`${ot}`, rt);
+}), tt = /* @__PURE__ */ x(et, [["__scopeId", "data-v-f810def3"]]), nt = "/api/device-relation/deviceproject/v1/project/device/video", ot = "v1", lt = ee(`/api/enterpriseright/permission/${ot}`), re = ee(`${nt}`, rt);
 function rt(t) {
-  const n = j() ? j().id : 1;
-  return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
+  const o = j() ? j().id : 1;
+  return t.params || (t.params = {}), t.params.project = o, t.params.projectId = o, t;
 }
 function ie(t) {
-  const n = new URLSearchParams("");
+  const o = new URLSearchParams("");
   for (let [e, r] of Object.entries(t))
-    n.append(e, r);
-  return n.toString();
+    o.append(e, r);
+  return o.toString();
 }
 function Z(t) {
   return re.post(`/ptz?${ie(t)}`)().run();
@@ -568,8 +568,8 @@ function it(t) {
 }
 lt.post("data/device-auth");
 const st = (t) => {
-  const n = Ie();
-  return `${t}?token=${n}`;
+  const o = Ie();
+  return `${t}?token=${o}`;
 };
 k([]);
 const at = /* @__PURE__ */ D({
@@ -583,12 +583,12 @@ const at = /* @__PURE__ */ D({
     }
   },
   setup(t, {
-    slots: n
+    slots: o
   }) {
     const {
       deviceInfo: e,
       source: r
-    } = me(t), s = k(!1), o = k(""), a = async () => {
+    } = me(t), s = k(!1), n = k(""), a = async () => {
       var g;
       if (!((g = e.value) != null && g.deviceId)) return;
       s.value = !0;
@@ -597,7 +597,7 @@ const at = /* @__PURE__ */ D({
         deviceId: e.value.deviceId,
         source: r.value
       });
-      u || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
+      u || (n.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
     }, h = (u) => {
       Z({
         productId: e.value.productId,
@@ -621,8 +621,8 @@ const at = /* @__PURE__ */ D({
       a();
     }, {
       deep: !0
-    }), () => p(J, null, [n.default({
-      videoUrl: o.value,
+    }), () => p(J, null, [o.default({
+      videoUrl: n.value,
       loading: s.value,
       onDirectionControl: h,
       onZoomControl: i
@@ -630,19 +630,19 @@ const at = /* @__PURE__ */ D({
   }
 });
 function ct(t) {
-  const n = k(0), e = k(), {
+  const o = k(0), e = k(), {
     toggle: r,
     isFullscreen: s,
-    exit: o
+    exit: n
   } = le(e), a = (i, u) => {
-    s.value && o();
+    s.value && n();
   };
   return {
     render: () => p(je, {
       ref: e,
       gridNum: t.gridNum,
-      activeIndex: n.value,
-      "onUpdate:activeIndex": (i) => n.value = i,
+      activeIndex: o.value,
+      "onUpdate:activeIndex": (i) => o.value = i,
       showFn: (i) => !!t.deviceList[i]
     }, {
       default: ({
@@ -684,11 +684,11 @@ const ut = /* @__PURE__ */ D({
     source: {}
   },
   emits: ["update:visible"],
-  setup(t, { emit: n }) {
-    const e = t, r = n, s = P({
+  setup(t, { emit: o }) {
+    const e = t, r = o, s = P({
       get: () => e.visible,
       set: (i) => r("update:visible", i)
-    }), { render: o, toggleFullscreen: a } = ct(e), h = P(() => {
+    }), { render: n, toggleFullscreen: a } = ct(e), h = P(() => {
       let i = {};
       switch (e.gridNum) {
         case 1:
@@ -715,14 +715,14 @@ const ut = /* @__PURE__ */ D({
       modal: !1,
       "header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" }
     }, {
-      header: f(() => [
-        v("div", null, [
-          v("span", null, U(l(m)("视频监控")), 1)
+      header: v(() => [
+        f("div", null, [
+          f("span", null, U(l(m)("视频监控")), 1)
         ]),
         p(l(w), {
           content: l(m)("页面全屏")
         }, {
-          default: f(() => [
+          default: v(() => [
             p(l(ye), {
               class: "icon",
               color: "#999",
@@ -732,8 +732,8 @@ const ut = /* @__PURE__ */ D({
           _: 1
         }, 8, ["content"])
       ]),
-      default: f(() => [
-        s.value ? (C(), O(l(o), { key: 0 })) : z("", !0)
+      default: v(() => [
+        s.value ? (C(), O(l(n), { key: 0 })) : z("", !0)
       ]),
       _: 1
     }, 8, ["title", "custom-class", "modelValue"]));

package/packages/components/alert/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/alert/style.css';
-import { defineComponent as f, ref as t, computed as m, watch as p, onBeforeUnmount as F, createElementBlock as v, openBlock as b, normalizeStyle as y, normalizeClass as $, createVNode as g, unref as k, mergeProps as T, createSlots as h, withCtx as s, renderSlot as l } from "vue";
+import { defineComponent as c, ref as t, computed as m, watch as p, onBeforeUnmount as F, openBlock as b, createElementBlock as y, normalizeClass as $, normalizeStyle as v, createVNode as g, unref as k, mergeProps as T, createSlots as h, withCtx as s, renderSlot as l } from "vue";
 import { withInstall as A } from "@das-fed/upf-utils/with-install/index";
 import { Alert as w } from "ant-design-vue";
 import "ant-design-vue/es/alert/style/css";
@@ -7,7 +7,7 @@ import { setThemeRule as B } from "@das-fed/upf-web/packages/theme/index";
 import "@das-fed/upf-ui/packages/global/theme";
 const C = {
   name: "DasAlert"
-}, D = /* @__PURE__ */ f({
+}, D = /* @__PURE__ */ c({
   ...C,
   props: {
     left: { default: 0 },
@@ -15,31 +15,31 @@ const C = {
     banner: { type: Boolean, default: !1 },
     delayOffTime: { default: 0 }
   },
-  setup(n) {
-    const o = n, i = t(null), a = t(!1), r = t(null), d = m(() => ({
+  setup(r) {
+    const o = r, i = t(null), a = t(!1), n = t(null), d = m(() => ({
       position: o.banner ? "fixed" : "unset",
       left: o.left ? o.left + "px" : "0",
       top: o.top ? o.top + "px" : "0"
     }));
     p(
       () => o.delayOffTime,
-      (e, c) => {
+      (e, f) => {
         e ? u(e) : a.value = !1;
       },
       { immediate: !0 }
     );
     function u(e) {
-      r.value = setTimeout(() => {
+      n.value = setTimeout(() => {
         a.value = !0;
       }, e);
     }
     return F(() => {
-      window.clearTimeout(r.value);
-    }), (e, c) => (b(), v("div", {
+      window.clearTimeout(n.value);
+    }), (e, f) => (b(), y("div", {
       ref_key: "_dasAlert",
       ref: i,
       class: $({ "das-ui-alert-container": !0, "leave-class": a.value }),
-      style: y(d.value)
+      style: v(d.value)
     }, [
       g(k(w), T({ class: "das-ui-alert" }, e.$attrs, { banner: e.banner }), h({
         default: s(() => [