persagy-vant 0.0.45 → 0.0.46

package/lib/index.d.ts

@@ -117,4 +117,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.45";
+export const version: "0.0.46";

package/lib/index.js

@@ -248,7 +248,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video-preview"), module.exports);
 __reExport(stdin_exports, require("./work-order-card"), module.exports);
 __reExport(stdin_exports, require("./work-order-filter"), module.exports);
-const version = "0.0.45";
+const version = "0.0.46";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/object-select/ObjectSelect.js

@@ -683,7 +683,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         "showAction": true
       }, null) : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(import_nav_bar.NavBar, {
         "title": props.title,
-        "class": bem("nav")
+        "class": bem("nav"),
+        "border": false
       }, {
         left: () => (0, import_vue.createVNode)(import_icon.Icon, {
           "name": "cross",

package/lib/vant.cjs.js

@@ -5551,7 +5551,7 @@ const blueMarkHeaderProps = {
   required: Boolean,
   actionText: String,
   expandable: Boolean,
-  showExpandIcon: truthProp,
+  showExpandIcon: Boolean,
   modelValue: Boolean,
   expandText: String,
   collapseText: String
@@ -16705,7 +16705,8 @@ var stdin_default$t = vue.defineComponent({
         "showAction": true
       }, null) : vue.createVNode(vue.Fragment, null, [vue.createVNode(NavBar, {
         "title": props2.title,
-        "class": bem$o("nav")
+        "class": bem$o("nav"),
+        "border": false
       }, {
         left: () => vue.createVNode(Icon, {
           "name": "cross",
@@ -19949,24 +19950,37 @@ var stdin_default$6 = vue.defineComponent({
   setup(props2, {
     emit
   }) {
-    const videoRef = vue.ref();
+    const playerHost = vue.ref();
+    let video;
     const mediaEvents = ["play", "pause", "ended", "timeupdate", "error"];
     let player;
     const updateShow = (show) => emit("update:show", show);
     const close = () => updateShow(false);
     const emitMediaEvent = (event) => emit(event.type, event);
     const destroyPlayer = () => {
-      const video = videoRef.value;
+      var _a;
       if (video) {
-        mediaEvents.forEach((event) => video.removeEventListener(event, emitMediaEvent));
+        mediaEvents.forEach((event) => video == null ? void 0 : video.removeEventListener(event, emitMediaEvent));
       }
       player == null ? void 0 : player.destroy();
       player = void 0;
+      video = void 0;
+      (_a = playerHost.value) == null ? void 0 : _a.replaceChildren();
     };
     const createPlayer = () => {
-      const video = videoRef.value;
-      if (!video || player)
+      const host = playerHost.value;
+      if (!host || player || !props2.show)
         return;
+      video = document.createElement("video");
+      video.className = `${name$2}__video ${name$2}__video--${props2.fit}`;
+      video.src = props2.src;
+      if (props2.poster)
+        video.poster = props2.poster;
+      video.autoplay = props2.autoplay;
+      video.muted = props2.muted;
+      video.loop = props2.loop;
+      video.playsInline = true;
+      host.replaceChildren(video);
       player = new Plyr(video, {
         controls: props2.controls ? ["play", "progress", "current-time", "mute", "volume", "settings", "fullscreen"] : [],
         settings: ["speed"],
@@ -19980,7 +19994,7 @@ var stdin_default$6 = vue.defineComponent({
           active: props2.loop
         }
       });
-      mediaEvents.forEach((event) => video.addEventListener(event, emitMediaEvent));
+      mediaEvents.forEach((event) => video == null ? void 0 : video.addEventListener(event, emitMediaEvent));
     };
     const play = () => player == null ? void 0 : player.play();
     const pause = () => player == null ? void 0 : player.pause();
@@ -19991,6 +20005,12 @@ var stdin_default$6 = vue.defineComponent({
       close,
       toggleFullscreen
     });
+    vue.watch(playerHost, () => {
+      destroyPlayer();
+      createPlayer();
+    }, {
+      flush: "post"
+    });
     vue.watch(() => props2.show, (show) => __async(this, null, function* () {
       if (show) {
         yield vue.nextTick();
@@ -20024,15 +20044,11 @@ var stdin_default$6 = vue.defineComponent({
       default: () => [vue.createVNode("div", {
         "class": bem$2("backdrop"),
         "onClick": close
-      }, null), vue.createVNode("video", {
-        "ref": videoRef,
-        "class": bem$2("video", props2.fit),
-        "src": props2.src,
-        "poster": props2.poster,
-        "autoplay": props2.autoplay,
-        "muted": props2.muted,
-        "loop": props2.loop,
-        "playsinline": true
+      }, null), vue.createVNode("div", {
+        "ref": playerHost,
+        "style": {
+          width: "100%"
+        }
       }, null)]
     });
   }
@@ -21774,7 +21790,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.45";
+const version = "0.0.46";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -5549,7 +5549,7 @@ const blueMarkHeaderProps = {
   required: Boolean,
   actionText: String,
   expandable: Boolean,
-  showExpandIcon: truthProp,
+  showExpandIcon: Boolean,
   modelValue: Boolean,
   expandText: String,
   collapseText: String
@@ -16703,7 +16703,8 @@ var stdin_default$t = defineComponent({
         "showAction": true
       }, null) : createVNode(Fragment, null, [createVNode(NavBar, {
         "title": props2.title,
-        "class": bem$o("nav")
+        "class": bem$o("nav"),
+        "border": false
       }, {
         left: () => createVNode(Icon, {
           "name": "cross",
@@ -19947,24 +19948,37 @@ var stdin_default$6 = defineComponent({
   setup(props2, {
     emit
   }) {
-    const videoRef = ref();
+    const playerHost = ref();
+    let video;
     const mediaEvents = ["play", "pause", "ended", "timeupdate", "error"];
     let player;
     const updateShow = (show) => emit("update:show", show);
     const close = () => updateShow(false);
     const emitMediaEvent = (event) => emit(event.type, event);
     const destroyPlayer = () => {
-      const video = videoRef.value;
+      var _a;
       if (video) {
-        mediaEvents.forEach((event) => video.removeEventListener(event, emitMediaEvent));
+        mediaEvents.forEach((event) => video == null ? void 0 : video.removeEventListener(event, emitMediaEvent));
       }
       player == null ? void 0 : player.destroy();
       player = void 0;
+      video = void 0;
+      (_a = playerHost.value) == null ? void 0 : _a.replaceChildren();
     };
     const createPlayer = () => {
-      const video = videoRef.value;
-      if (!video || player)
+      const host = playerHost.value;
+      if (!host || player || !props2.show)
         return;
+      video = document.createElement("video");
+      video.className = `${name$2}__video ${name$2}__video--${props2.fit}`;
+      video.src = props2.src;
+      if (props2.poster)
+        video.poster = props2.poster;
+      video.autoplay = props2.autoplay;
+      video.muted = props2.muted;
+      video.loop = props2.loop;
+      video.playsInline = true;
+      host.replaceChildren(video);
       player = new Plyr(video, {
         controls: props2.controls ? ["play", "progress", "current-time", "mute", "volume", "settings", "fullscreen"] : [],
         settings: ["speed"],
@@ -19978,7 +19992,7 @@ var stdin_default$6 = defineComponent({
           active: props2.loop
         }
       });
-      mediaEvents.forEach((event) => video.addEventListener(event, emitMediaEvent));
+      mediaEvents.forEach((event) => video == null ? void 0 : video.addEventListener(event, emitMediaEvent));
     };
     const play = () => player == null ? void 0 : player.play();
     const pause = () => player == null ? void 0 : player.pause();
@@ -19989,6 +20003,12 @@ var stdin_default$6 = defineComponent({
       close,
       toggleFullscreen
     });
+    watch(playerHost, () => {
+      destroyPlayer();
+      createPlayer();
+    }, {
+      flush: "post"
+    });
     watch(() => props2.show, (show) => __async(this, null, function* () {
       if (show) {
         yield nextTick();
@@ -20022,15 +20042,11 @@ var stdin_default$6 = defineComponent({
       default: () => [createVNode("div", {
         "class": bem$2("backdrop"),
         "onClick": close
-      }, null), createVNode("video", {
-        "ref": videoRef,
-        "class": bem$2("video", props2.fit),
-        "src": props2.src,
-        "poster": props2.poster,
-        "autoplay": props2.autoplay,
-        "muted": props2.muted,
-        "loop": props2.loop,
-        "playsinline": true
+      }, null), createVNode("div", {
+        "ref": playerHost,
+        "style": {
+          width: "100%"
+        }
       }, null)]
     });
   }
@@ -21772,7 +21788,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.45";
+const version = "0.0.46";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -6789,7 +6789,7 @@
     required: Boolean,
     actionText: String,
     expandable: Boolean,
-    showExpandIcon: truthProp,
+    showExpandIcon: Boolean,
     modelValue: Boolean,
     expandText: String,
     collapseText: String
@@ -17898,7 +17898,8 @@
           "showAction": true
         }, null) : vue.createVNode(vue.Fragment, null, [vue.createVNode(NavBar, {
           "title": props2.title,
-          "class": bem$o("nav")
+          "class": bem$o("nav"),
+          "border": false
         }, {
           left: () => vue.createVNode(Icon, {
             "name": "cross",
@@ -23553,24 +23554,37 @@
     setup(props2, {
       emit
     }) {
-      const videoRef = vue.ref();
+      const playerHost = vue.ref();
+      let video;
       const mediaEvents = ["play", "pause", "ended", "timeupdate", "error"];
       let player;
       const updateShow = (show) => emit("update:show", show);
       const close = () => updateShow(false);
       const emitMediaEvent = (event) => emit(event.type, event);
       const destroyPlayer = () => {
-        const video = videoRef.value;
+        var _a;
         if (video) {
-          mediaEvents.forEach((event) => video.removeEventListener(event, emitMediaEvent));
+          mediaEvents.forEach((event) => video == null ? void 0 : video.removeEventListener(event, emitMediaEvent));
         }
         player == null ? void 0 : player.destroy();
         player = void 0;
+        video = void 0;
+        (_a = playerHost.value) == null ? void 0 : _a.replaceChildren();
       };
       const createPlayer = () => {
-        const video = videoRef.value;
-        if (!video || player)
+        const host = playerHost.value;
+        if (!host || player || !props2.show)
           return;
+        video = document.createElement("video");
+        video.className = `${name$2}__video ${name$2}__video--${props2.fit}`;
+        video.src = props2.src;
+        if (props2.poster)
+          video.poster = props2.poster;
+        video.autoplay = props2.autoplay;
+        video.muted = props2.muted;
+        video.loop = props2.loop;
+        video.playsInline = true;
+        host.replaceChildren(video);
         player = new Plyr(video, {
           controls: props2.controls ? ["play", "progress", "current-time", "mute", "volume", "settings", "fullscreen"] : [],
           settings: ["speed"],
@@ -23584,7 +23598,7 @@
             active: props2.loop
           }
         });
-        mediaEvents.forEach((event) => video.addEventListener(event, emitMediaEvent));
+        mediaEvents.forEach((event) => video == null ? void 0 : video.addEventListener(event, emitMediaEvent));
       };
       const play = () => player == null ? void 0 : player.play();
       const pause = () => player == null ? void 0 : player.pause();
@@ -23595,6 +23609,12 @@
         close,
         toggleFullscreen
       });
+      vue.watch(playerHost, () => {
+        destroyPlayer();
+        createPlayer();
+      }, {
+        flush: "post"
+      });
       vue.watch(() => props2.show, (show) => __async(this, null, function* () {
         if (show) {
           yield vue.nextTick();
@@ -23628,15 +23648,11 @@
         default: () => [vue.createVNode("div", {
           "class": bem$2("backdrop"),
           "onClick": close
-        }, null), vue.createVNode("video", {
-          "ref": videoRef,
-          "class": bem$2("video", props2.fit),
-          "src": props2.src,
-          "poster": props2.poster,
-          "autoplay": props2.autoplay,
-          "muted": props2.muted,
-          "loop": props2.loop,
-          "playsinline": true
+        }, null), vue.createVNode("div", {
+          "ref": playerHost,
+          "style": {
+            width: "100%"
+          }
         }, null)]
       });
     }
@@ -25361,7 +25377,7 @@
       });
     }
   };
-  const version = "0.0.45";
+  const version = "0.0.46";
   function install(app) {
     const components = [
       ActionBar,