@das-fed/ui 7.0.1-beta.1 → 7.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/ui",
-  "version": "7.0.1-beta.1",
+  "version": "7.0.1",
   "description": "",
   "type": "module",
   "main": "./index.js",
@@ -26,7 +26,7 @@
     "@antv/x6-plugin-snapline": "^2.1.7",
     "@antv/x6-plugin-transform": "^2.1.8",
     "@antv/x6-vue-shape": "^2.1.2",
-    "@das-fed/cli": "7.0.1-beta.1",
+    "@das-fed/cli": "7.0.1",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.9",
@@ -56,9 +56,9 @@
     "vue-tsc": "^2.0.29"
   },
   "dependencies": {
-    "@das-fed/ui": "7.0.1-beta.1",
-    "@das-fed/utils": "7.0.1-beta.1",
-    "@das-fed/web": "7.0.1-beta.1",
+    "@das-fed/ui": "7.0.1",
+    "@das-fed/utils": "7.0.1",
+    "@das-fed/web": "7.0.1",
     "@types/markdown-it": "^14.1.2",
     "@wangeditor-next/editor": "5.6.31",
     "@wangeditor-next/editor-for-vue": "5.1.14",

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

@@ -1,9 +1,9 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as J, nextTick as P, unref as l, ref as h, watch as R, defineComponent as L, useCssVars as pe, computed as U, createElementBlock as S, openBlock as p, normalizeClass as ve, renderSlot as ee, createCommentVNode as b, Fragment as x, renderList as fe, createBlock as N, withCtx as C, withModifiers as _, createVNode as v, createElementVNode as f, toDisplayString as V, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as J, nextTick as P, unref as l, ref as w, watch as R, defineComponent as O, useCssVars as pe, computed as U, createElementBlock as S, openBlock as p, normalizeClass as ve, renderSlot as ee, createCommentVNode as b, Fragment as x, renderList as fe, createBlock as N, withCtx as C, withModifiers as _, createVNode as v, createElementVNode as f, toDisplayString as V, toRefs as me } from "vue";
 import { withInstall as Ce } from "@das-fed/utils/with-install/index";
 import { t as g, setI18nRule as ge } from "@das-fed/web/packages/i18n/index";
 import { DasDialog as ye } from "@das-fed/ui/packages/components/dialog/index";
-import { DasTooltip as w } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasTooltip as h } from "@das-fed/ui/packages/components/tooltip/index";
 import { DasIconFullscreen2 as ke } from "@das-fed/ui/packages/icons/fullscreen-2/index";
 import { DasAutoRegisterIcon as _e, DasIcon as $ } from "@das-fed/ui/packages/components/icon/index";
 import { DasLivePlayer as we } from "@das-fed/ui/packages/components/live-player/index";
@@ -49,7 +49,7 @@ function Oe(...t) {
   return ne(m), m;
 }
 function Le(t, n = !1) {
-  const e = h(), i = () => e.value = !!t();
+  const e = w(), i = () => e.value = !!t();
   return i(), Se(i, n), e;
 }
 const q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, G = "__vueuse_ssr_handlers__";
@@ -97,7 +97,7 @@ const W = [
   ]
 ];
 function ie(t, n = {}) {
-  const { document: e = De, autoExit: i = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = h(!1);
+  const { document: e = De, autoExit: i = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = w(!1);
   let a = W[0];
   const y = Le(() => {
     if (e) {
@@ -118,7 +118,7 @@ function ie(t, n = {}) {
     const F = le(r);
     F && (await F[s](), o.value = !0);
   }
-  async function z() {
+  async function L() {
     o.value ? await k() : await I();
   }
   return e && Oe(e, d, () => {
@@ -128,7 +128,7 @@ function ie(t, n = {}) {
     isFullscreen: o,
     enter: I,
     exit: k,
-    toggle: z
+    toggle: L
   };
 }
 var Y;
@@ -172,7 +172,7 @@ const Te = {
 xe({
   linear: Re
 }, Te);
-const Be = /* @__PURE__ */ L({
+const Be = /* @__PURE__ */ O({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
@@ -183,7 +183,7 @@ const Be = /* @__PURE__ */ L({
     pe((c) => ({
       "9b3a2c32": m.value
     }));
-    const e = t, i = n, r = h(), { toggle: o, isFullscreen: a } = ie(r), y = () => {
+    const e = t, i = n, r = w(), { toggle: o, isFullscreen: a } = ie(r), y = () => {
       r.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
         o();
       })) : o());
@@ -211,7 +211,7 @@ const Be = /* @__PURE__ */ L({
   for (const [i, r] of n)
     e[i] = r;
   return e;
-}, He = /* @__PURE__ */ T(Be, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, je = /* @__PURE__ */ L({
+}, He = /* @__PURE__ */ T(Be, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, je = /* @__PURE__ */ O({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -247,7 +247,7 @@ const Be = /* @__PURE__ */ L({
       ))
     ]));
   }
-}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ L({
+}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ O({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: n }) {
@@ -261,7 +261,7 @@ const Be = /* @__PURE__ */ L({
         onDblclick: o[9] || (o[9] = _((a) => a.stopPropagation(), ["stop"]))
       },
       [
-        v(l(w), {
+        v(l(h), {
           content: l(g)("左上")
         }, {
           default: C(() => [
@@ -273,7 +273,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("上")
         }, {
           default: C(() => [
@@ -285,7 +285,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("右上")
         }, {
           default: C(() => [
@@ -297,7 +297,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("左")
         }, {
           default: C(() => [
@@ -309,7 +309,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("自动")
         }, {
           default: C(() => [
@@ -321,7 +321,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("右")
         }, {
           default: C(() => [
@@ -333,7 +333,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("左下")
         }, {
           default: C(() => [
@@ -345,7 +345,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("下")
         }, {
           default: C(() => [
@@ -357,7 +357,7 @@ const Be = /* @__PURE__ */ L({
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("右下")
         }, {
           default: C(() => [
@@ -377,7 +377,7 @@ const Be = /* @__PURE__ */ L({
 }), Qe = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-db2e8ec2"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, Ye = { class: "video-title-wrapper" }, Ze = { class: "video-title" }, Ke = { class: "video-top_r" }, Xe = {
   key: 0,
   class: "play-status"
-}, Je = { class: "video-bottom" }, et = { class: "video-bottom_r" }, tt = /* @__PURE__ */ L({
+}, Je = { class: "video-bottom" }, et = { class: "video-bottom_r" }, tt = /* @__PURE__ */ O({
   __name: "index",
   props: {
     videoUrl: {},
@@ -401,26 +401,26 @@ const Be = /* @__PURE__ */ L({
       enlarge: import("@das-fed/ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/ui/packages/icons/direction-control")
     });
-    const r = h(!0), o = h(), a = h(!1), y = h(), s = U(() => {
+    const r = w(!0), o = w(), a = w(!1), y = w(), s = U(() => {
       var u;
       return (u = y.value) == null ? void 0 : u.video;
-    }), m = h(!1), c = h(!0), d = (u) => {
+    }), m = w(!1), c = w(!0), d = (u) => {
       o.value = u, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
       });
     }, k = () => {
       r.value = !r.value, o.value && (o.value.muted = r.value);
     }, I = () => {
       a.value = !a.value;
-    }, z = h(""), F = () => {
+    }, L = w(""), F = () => {
       const u = document.createElement("canvas");
       if (s.value) {
         u.width = s.value.clientWidth, u.height = s.value.clientHeight;
         const E = u.getContext("2d");
         E == null || E.drawImage(s.value, 0, 0, u.width, u.height);
-        const O = u.toDataURL("image/jpg"), ae = `【${e.title}】${Ie().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (z.value = O, "download" in document.createElement("a")) {
-          const D = document.createElement("a");
-          D.download = ae, D.style.display = "none", D.href = O, document.body.appendChild(D), document.body.appendChild(u), D.click(), URL.revokeObjectURL(D.href), document.body.removeChild(D), document.body.removeChild(u);
+        const D = u.toDataURL("image/jpg"), ae = `【${e.title}】${Ie().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if (L.value = D, "download" in document.createElement("a")) {
+          const z = document.createElement("a");
+          z.download = ae, z.style.display = "none", z.href = D, document.body.appendChild(z), document.body.appendChild(u), z.click(), URL.revokeObjectURL(z.href), document.body.removeChild(z), document.body.removeChild(u);
         }
       }
     }, B = (u) => {
@@ -543,10 +543,10 @@ const Be = /* @__PURE__ */ L({
                 "div",
                 {
                   class: "controls",
-                  onDblclick: E[2] || (E[2] = _((O) => O.stopPropagation(), ["stop"]))
+                  onDblclick: E[2] || (E[2] = _((D) => D.stopPropagation(), ["stop"]))
                 },
                 [
-                  v(l(w), {
+                  v(l(h), {
                     content: l(g)("声音")
                   }, {
                     default: C(() => [
@@ -559,7 +559,7 @@ const Be = /* @__PURE__ */ L({
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  v(l(w), {
+                  v(l(h), {
                     content: l(g)("截图")
                   }, {
                     default: C(() => [
@@ -572,7 +572,7 @@ const Be = /* @__PURE__ */ L({
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  H("control") ? (p(), N(l(w), {
+                  H("control") ? (p(), N(l(h), {
                     key: 0,
                     content: l(g)("聚焦-")
                   }, {
@@ -581,13 +581,13 @@ const Be = /* @__PURE__ */ L({
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: E[0] || (E[0] = _((O) => M("zoomOut"), ["stop"]))
+                        onClick: E[0] || (E[0] = _((D) => M("zoomOut"), ["stop"]))
                       })) : b("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : b("v-if", !0),
-                  H("control") ? (p(), N(l(w), {
+                  H("control") ? (p(), N(l(h), {
                     key: 1,
                     content: l(g)("聚焦+")
                   }, {
@@ -596,13 +596,13 @@ const Be = /* @__PURE__ */ L({
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: E[1] || (E[1] = _((O) => M("zoomIn"), ["stop"]))
+                        onClick: E[1] || (E[1] = _((D) => M("zoomIn"), ["stop"]))
                       })) : b("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : b("v-if", !0),
-                  H("control") ? (p(), N(l(w), {
+                  H("control") ? (p(), N(l(h), {
                     key: 2,
                     content: l(g)("方向控制")
                   }, {
@@ -651,7 +651,12 @@ function rt(t) {
   return se.post(`/url/preview?${re(t)}`)().run();
 }
 it.post("data/device-auth");
-const at = /* @__PURE__ */ L({
+const at = (t) => {
+  const n = Ee();
+  return `${t}?token=${n}`;
+};
+w([]);
+const ct = /* @__PURE__ */ O({
   props: {
     deviceInfo: {
       type: Object,
@@ -672,7 +677,7 @@ const at = /* @__PURE__ */ L({
       deviceInfo: e,
       source: i,
       isHls: r
-    } = me(t), o = h(!1), a = h(""), y = async () => {
+    } = me(t), o = w(!1), a = w(""), y = async () => {
       var k;
       if (!((k = e.value) != null && k.deviceId)) return;
       o.value = !0;
@@ -682,8 +687,8 @@ const at = /* @__PURE__ */ L({
         source: i.value
       });
       if (!c) {
-        let I = r.value ? "httpHlsStreamURL" : "wsFlvStreamURL", z = d == null ? void 0 : d[I];
-        a.value = `${z}?access_token=${Ee()}`;
+        let I = r.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
+        a.value = at(d == null ? void 0 : d[I]);
       }
       o.value = !1;
     }, s = (c) => {
@@ -718,8 +723,8 @@ const at = /* @__PURE__ */ L({
     })]);
   }
 });
-function ct(t) {
-  const n = h(0), e = h(), {
+function ut(t) {
+  const n = w(0), e = w(), {
     toggle: i,
     isFullscreen: r,
     exit: o
@@ -738,7 +743,7 @@ function ct(t) {
         index: s
       }) => {
         const m = t.deviceList[s], c = t.source, d = t.isHls;
-        return v(at, {
+        return v(ct, {
           deviceInfo: m,
           source: c,
           isHls: d
@@ -746,7 +751,7 @@ function ct(t) {
           default: ({
             videoUrl: k,
             onDirectionControl: I,
-            onZoomControl: z,
+            onZoomControl: L,
             loading: F,
             isHls: B
           }) => v(ot, {
@@ -757,7 +762,7 @@ function ct(t) {
             title: m.deviceName,
             onClose: () => a(),
             onDirectionControl: I,
-            onZoomControl: z,
+            onZoomControl: L,
             authType: m.authType === 2 ? ["control"] : [],
             isHls: B
           }, null)
@@ -767,7 +772,7 @@ function ct(t) {
     toggleFullscreen: i
   };
 }
-const ut = /* @__PURE__ */ L({
+const dt = /* @__PURE__ */ O({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -781,7 +786,7 @@ const ut = /* @__PURE__ */ L({
     const e = t, i = n, r = U({
       get: () => e.visible,
       set: (s) => i("update:visible", s)
-    }), { render: o, toggleFullscreen: a } = ct(e), y = U(() => {
+    }), { render: o, toggleFullscreen: a } = ut(e), y = U(() => {
       let s = {};
       switch (e.gridNum) {
         case 1:
@@ -818,7 +823,7 @@ const ut = /* @__PURE__ */ L({
             /* TEXT */
           )
         ]),
-        v(l(w), {
+        v(l(h), {
           content: l(g)("页面全屏")
         }, {
           default: C(() => [
@@ -839,7 +844,7 @@ const ut = /* @__PURE__ */ L({
       /* STABLE */
     }, 8, ["title", "custom-class", "modelValue"]));
   }
-}), dt = {
+}), pt = {
   加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" },
   正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Video", _appCode: "framework" },
   声音: { "zh-CN": "声音", en: "Sound", _appCode: "framework" },
@@ -861,10 +866,10 @@ const ut = /* @__PURE__ */ L({
   "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
   "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
 };
-ge(dt);
-const Et = Ce(ut), Nt = () => h(null);
+ge(pt);
+const Nt = Ce(dt), Ft = () => w(null);
 export {
-  Et as DasVideoDialog,
-  Nt as DasVideoDialogRef,
-  ct as useVideo
+  Nt as DasVideoDialog,
+  Ft as DasVideoDialogRef,
+  ut as useVideo
 };