@lazycatcloud/lzc-video-player 0.0.4 → 0.0.5

package/dist/components/Dialog/index.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: import("vue").DefineComponent<{
+    show: {
+        type: import("vue").PropType<boolean>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    desc: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (val: boolean) => void;
+    confirm: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: {
+        type: import("vue").PropType<boolean>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    desc: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    "onUpdate:show"?: ((val: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}, {}>;
+export default _default;

package/dist/components/MultipleEdit/choose.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<{
+    keyValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    selectedKeys: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (kv: string) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    keyValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    selectedKeys: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+}>> & {
+    onToggle?: ((kv: string) => any) | undefined;
+}, {}>;
+export default _default;

package/dist/components/PlayList/index.vue.d.ts

@@ -1,5 +1,8 @@
 import type { VideoInfo } from '../../model';
 declare const _default: import("vue").DefineComponent<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+    };
     isPlaying: {
         type: import("vue").PropType<(info: VideoInfo) => boolean>;
         required: true;
@@ -8,6 +11,9 @@ declare const _default: import("vue").DefineComponent<{
     openVideo: (info: VideoInfo) => void;
     back: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    player: {
+        type: import("vue").PropType<import("video.js").VideoJsPlayer>;
+    };
     isPlaying: {
         type: import("vue").PropType<(info: VideoInfo) => boolean>;
         required: true;

package/dist/{index-horizontal.f35a8e5f.js → index-horizontal.d742b091.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, defineAsyncComponent as o, openBlock as t, createElementBlock as p, unref as e, createBlock as l, createCommentVNode as y } from "vue";
-import { a as n, _ } from "./lzc-video-player.78765609.js";
+import { a as n, _ } from "./lzc-video-player.6ff297b1.js";
 import "pinia";
 const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
   __name: "index-horizontal",
@@ -7,7 +7,7 @@ const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
     player: null
   },
   setup(a) {
-    const r = o(() => import("./list.491cc0bc.js")), s = o(() => import("./playrate.468d7c89.js")), c = o(() => import("./resolution.84d73e1c.js"));
+    const r = o(() => import("./list.b6b3725f.js")), s = o(() => import("./playrate.cc67d295.js")), c = o(() => import("./resolution.60e026bb.js"));
     return (d, f) => (t(), p("div", m, [
       e(n) === "LzcPlayrate" ? (t(), l(e(s), {
         key: 0,

package/dist/{index-vertical.aec12ed3.js → index-vertical.357afcd2.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, defineAsyncComponent as l, openBlock as t, createElementBlock as s, unref as e, createBlock as n, createCommentVNode as y } from "vue";
-import { a as o, _ } from "./lzc-video-player.78765609.js";
+import { a as o, _ } from "./lzc-video-player.6ff297b1.js";
 import "pinia";
 const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
   __name: "index-vertical",
@@ -7,7 +7,7 @@ const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
     player: null
   },
   setup(a) {
-    const r = l(() => import("./list.491cc0bc.js")), c = l(() => import("./playrate.468d7c89.js")), i = l(() => import("./resolution.84d73e1c.js"));
+    const r = l(() => import("./list.b6b3725f.js")), c = l(() => import("./playrate.cc67d295.js")), i = l(() => import("./resolution.60e026bb.js"));
     return (u, f) => (t(), s("div", m, [
       e(o) === "LzcPlayrate" ? (t(), n(e(c), {
         key: 0,

package/dist/list.b6b3725f.js

@@ -0,0 +1,305 @@
+import { openBlock as u, createElementBlock as d, pushScopeId as Q, popScopeId as H, createElementVNode as o, ref as f, computed as S, defineComponent as x, normalizeClass as y, withModifiers as w, createBlock as $, unref as i, isRef as X, withCtx as B, toDisplayString as g, createCommentVNode as k, useCssVars as Y, onMounted as Z, nextTick as ee, onUnmounted as te, watchEffect as se, createVNode as h, Fragment as I, renderList as le, createTextVNode as V } from "vue";
+import { _ as D, Q as T, b as ne, E as U, u as ie, r as ue, c as oe, d as ae, f as K, g as ce } from "./lzc-video-player.6ff297b1.js";
+import "pinia";
+const de = {}, re = (e) => (Q("data-v-7a0e044b"), e = e(), H(), e), _e = /* @__PURE__ */ re(() => /* @__PURE__ */ o("ul", null, [
+  /* @__PURE__ */ o("li", { class: "m1" }),
+  /* @__PURE__ */ o("li", { class: "m2" }),
+  /* @__PURE__ */ o("li", { class: "m3" })
+], -1)), pe = [
+  _e
+];
+function ve(e, s) {
+  return u(), d("div", null, pe);
+}
+const me = /* @__PURE__ */ D(de, [["render", ve], ["__scopeId", "data-v-7a0e044b"]]);
+function ye() {
+  const e = f(!1), s = f([]), l = f([]), a = S(
+    () => s.value.length > 0 && l.value.length === s.value.length
+  );
+  function r() {
+    if (a.value) {
+      s.value = [];
+      return;
+    }
+    s.value = l.value;
+  }
+  function c() {
+    e.value = !1, s.value = [];
+  }
+  function p(v) {
+    if (s.value.includes(v)) {
+      s.value = s.value.filter((b) => b !== v);
+      return;
+    }
+    s.value.push(v);
+  }
+  function m(v) {
+    console.log("updateData"), l.value = v;
+  }
+  return {
+    selectedKeys: s,
+    isEditing: e,
+    isSelectAll: a,
+    hdlSelectAll: r,
+    hdlCancel: c,
+    hdlToggleItem: p,
+    updateData: m
+  };
+}
+const ge = /* @__PURE__ */ x({
+  __name: "choose",
+  props: {
+    keyValue: null,
+    selectedKeys: null
+  },
+  emits: ["toggle"],
+  setup(e, { emit: s }) {
+    const l = "page-title-edit";
+    function a(r) {
+      s("toggle", r);
+    }
+    return (r, c) => (u(), d("div", {
+      class: y(`${l}-toggle`),
+      onClick: c[0] || (c[0] = w((p) => a(e.keyValue), ["stop"]))
+    }, [
+      e.selectedKeys.includes(e.keyValue) ? (u(), $(T, {
+        key: 0,
+        name: "svguse:#icon-\u5168\u9009_\u5DF2\u9009\u4E2D.svg"
+      })) : (u(), d("div", {
+        key: 1,
+        class: y(`${l}-toggle-unselect`)
+      }, null, 2))
+    ], 2));
+  }
+});
+const fe = /* @__PURE__ */ D(ge, [["__scopeId", "data-v-b520dd6c"]]), he = { class: "card" }, ke = { class: "title" }, $e = {
+  key: 0,
+  class: "subtitle"
+}, Ce = { class: "buttons" }, xe = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    title: null,
+    desc: null
+  },
+  emits: ["update:show", "confirm"],
+  setup(e, { emit: s }) {
+    const l = e, a = S({
+      set(r) {
+        s("update:show", r);
+      },
+      get() {
+        return !!l.show;
+      }
+    });
+    return (r, c) => (u(), $(ne, {
+      "model-value": i(a),
+      "onUpdate:model-value": c[2] || (c[2] = (p) => X(a) ? a.value = p : null)
+    }, {
+      default: B(() => [
+        o("div", he, [
+          o("span", ke, g(e.title), 1),
+          e.desc ? (u(), d("span", $e, g(e.desc), 1)) : k("", !0),
+          o("div", Ce, [
+            o("span", {
+              class: "cancel",
+              onClick: c[0] || (c[0] = (p) => a.value = !1)
+            }, "\u53D6\u6D88"),
+            o("span", {
+              class: "confirm",
+              onClick: c[1] || (c[1] = (p) => r.$emit("confirm"))
+            }, "\u786E\u5B9A")
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+});
+const De = /* @__PURE__ */ D(xe, [["__scopeId", "data-v-136158d9"]]), M = (e) => (Q("data-v-4e728578"), e = e(), H(), e), be = { class: "list-top-bar" }, Ee = /* @__PURE__ */ M(() => /* @__PURE__ */ o("span", { class: "cancel-edit-text" }, "\u8BF7\u9009\u62E9", -1)), Fe = {
+  key: 1,
+  class: "title"
+}, Ie = { class: "clear" }, Ve = { key: 0 }, we = ["onClick"], Be = { class: "item" }, Te = { class: "item-pic" }, Se = { class: "item-info" }, Pe = { class: "item-info-title" }, Ae = { class: "item-info-subtitle" }, Ue = {
+  key: 1,
+  class: "empty-text"
+}, Ke = /* @__PURE__ */ M(() => /* @__PURE__ */ o("span", null, "\u6682\u65E0\u64AD\u653E\u5185\u5BB9", -1)), Qe = [
+  Ke
+], He = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    player: null,
+    isPlaying: null
+  },
+  emits: ["openVideo", "back"],
+  setup(e, { emit: s }) {
+    const l = e;
+    Y((t) => ({
+      e7f8d06a: "url(" + i(U) + ")"
+    }));
+    const a = ie(), r = f(l.player ? l.player.currentTime() : 0), c = () => {
+      r.value = l.player.currentTime();
+    }, p = "page-title-edit", {
+      selectedKeys: m,
+      isEditing: v,
+      isSelectAll: b,
+      hdlSelectAll: P,
+      hdlCancel: E,
+      hdlToggleItem: N,
+      updateData: O
+    } = ye(), C = f(!1), F = f(null), q = S(() => !!a.infos.length), L = (t) => t._id ? ce(t._id) : U;
+    function z(t) {
+      s("openVideo", t);
+    }
+    function R(t) {
+      return !t.duration || t.duration == 0 || !t.currentTime || t.currentTime == 0 ? "0" : (t.currentTime / t.duration * 100).toFixed(0);
+    }
+    function j(t) {
+      return !t.invalid && l.isPlaying(t) && l.player ? `\u6B63\u5728\u89C2\u770B\uFF1A${K(r.value)}` : `\u89C2\u770B\u81F3: ${R(t)}%`;
+    }
+    function G() {
+      C.value = !1, a.batchDeleteHistory(m.value);
+      const t = a.infos.find(l.isPlaying);
+      t && m.value.includes(t._id) && s("back"), E();
+    }
+    function J() {
+      !m.value.length || (C.value = !0);
+    }
+    return Z(() => {
+      const t = a.infos.findIndex(l.isPlaying);
+      t > -1 && ee(() => {
+        F.value && F.value.$el.scrollBy(0, ue(9.4) * t);
+      }), l.player && l.player.on("timeupdate", c);
+    }), te(() => {
+      l.player && l.player.off("timeupdate", c);
+    }), se(() => {
+      const t = a.infos.map((_) => _._id);
+      O(t);
+    }), (t, _) => {
+      var A;
+      return u(), d("div", {
+        class: "list",
+        onClick: _[4] || (_[4] = w(() => {
+        }, ["stop"]))
+      }, [
+        h(De, {
+          title: "\u786E\u8BA4\u5220\u9664",
+          desc: "\u662F\u5426\u5220\u9664\u5DF2\u9009\u4E2D\u7684\u89C6\u9891",
+          show: C.value,
+          "onUpdate:show": _[0] || (_[0] = (n) => C.value = n),
+          onConfirm: G
+        }, null, 8, ["show"]),
+        o("div", be, [
+          i(v) ? (u(), d("div", {
+            key: 0,
+            class: "title cancel-edit",
+            onClick: _[1] || (_[1] = w(
+              (...n) => i(E) && i(E)(...n),
+              ["stop"]
+            ))
+          }, [
+            h(T, { name: "svguse:#icon-\u5173\u95ED\u591A\u9009.svg" }),
+            Ee
+          ])) : (u(), d("span", Fe, "\u64AD\u653E\u5217\u8868")),
+          o("div", Ie, [
+            i(q) ? (u(), d("div", Ve, [
+              i(v) ? (u(), d("span", {
+                key: 1,
+                class: y(`${p}-select`),
+                onClick: _[3] || (_[3] = (...n) => i(P) && i(P)(...n))
+              }, g(i(b) ? "\u53D6\u6D88\u5168\u9009" : "\u5168\u9009"), 3)) : (u(), d("span", {
+                key: 0,
+                class: y(`${p}-edit`),
+                onClick: _[2] || (_[2] = (n) => v.value = !0)
+              }, " \u7F16\u8F91 ", 2))
+            ])) : k("", !0)
+          ])
+        ]),
+        h(oe, {
+          class: y(`list-items ${i(v) ? "list-editing" : ""}`),
+          ref_key: "qlist",
+          ref: F
+        }, {
+          default: B(() => [
+            i(a).infos.length > 0 ? (u(!0), d(I, { key: 0 }, le(i(a).infos, (n) => (u(), d("div", {
+              key: n.sourceUrl,
+              onClick: (W) => z(n),
+              class: y(["info-item", { active: e.isPlaying(n) }])
+            }, [
+              o("div", Be, [
+                o("div", Te, [
+                  h(ae, {
+                    fit: "fill",
+                    src: L(n),
+                    "no-spinner": ""
+                  }, {
+                    default: B(() => [
+                      o("div", {
+                        class: y(["absolute-bottom-right text-subtitle2 item-subtitle", { "item-invalid": n.invalid }])
+                      }, [
+                        n.invalid ? (u(), d(I, { key: 0 }, [
+                          h(T, { name: "svguse:#icon-\u5931\u6548.svg" }),
+                          V(" \u5DF2\u5931\u6548 ")
+                        ], 64)) : (u(), d(I, { key: 1 }, [
+                          V(g(i(K)(n.duration)), 1)
+                        ], 64))
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["src"])
+                ]),
+                o("div", Se, [
+                  o("div", Pe, g(n.name || n.sourceUrl), 1),
+                  o("div", Ae, [
+                    !n.invalid && e.isPlaying(n) ? (u(), $(me, { key: 0 })) : k("", !0),
+                    V(" " + g(j(n)), 1)
+                  ])
+                ]),
+                o("div", null, [
+                  i(v) ? (u(), $(fe, {
+                    key: 0,
+                    keyValue: n._id,
+                    selectedKeys: i(m),
+                    onToggle: (W) => i(N)(n._id)
+                  }, null, 8, ["keyValue", "selectedKeys", "onToggle"])) : k("", !0)
+                ])
+              ])
+            ], 10, we))), 128)) : (u(), d("div", Ue, Qe))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        i(v) ? (u(), d("div", {
+          key: 0,
+          class: y(`${p}-delete ${((A = i(m)) == null ? void 0 : A.length) && `${p}-delete-active`}`),
+          onClick: J
+        }, " \u5220\u9664" + g(i(m).length > 0 ? `\uFF08${i(m).length}\uFF09` : ""), 3)) : k("", !0)
+      ]);
+    };
+  }
+});
+const Me = /* @__PURE__ */ D(He, [["__scopeId", "data-v-4e728578"]]), Le = /* @__PURE__ */ x({
+  __name: "list",
+  props: {
+    player: null
+  },
+  setup(e) {
+    const s = e;
+    function l(c) {
+      return c.sourceUrl === s.player.currentSrc();
+    }
+    function a() {
+      s.player.trigger({ type: "back" });
+    }
+    function r(c) {
+      s.player.trigger({ type: "openVideo", info: c });
+    }
+    return (c, p) => (u(), $(Me, {
+      player: e.player,
+      isPlaying: l,
+      onBack: a,
+      onOpenVideo: r
+    }, null, 8, ["player"]));
+  }
+});
+export {
+  Le as default
+};