persagy-vant 0.0.44 → 0.0.46

package/lib/vant.js

@@ -6789,7 +6789,7 @@
     required: Boolean,
     actionText: String,
     expandable: Boolean,
-    showExpandIcon: truthProp,
+    showExpandIcon: Boolean,
     modelValue: Boolean,
     expandText: String,
     collapseText: String
@@ -14227,7 +14227,7 @@
     }
   });
   const InfoCard = withInstall(stdin_default$K);
-  var __async$2 = (__this, __arguments, generator) => {
+  var __async$5 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
         try {
@@ -14331,7 +14331,7 @@
         emit("update:expandedKeys", next);
         emit("expand", id, expanded);
       };
-      const toggleExpanded = (item) => __async$2(this, null, function* () {
+      const toggleExpanded = (item) => __async$5(this, null, function* () {
         const {
           id
         } = item;
@@ -14464,6 +14464,26 @@
   });
   const TreeSelect = withInstall(stdin_default$J);
   var stdin_default$I = TreeSelect;
+  var __async$4 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const [name$A, bem$A] = createNamespace("location-select");
   const locations = [[{
     id: "basement",
@@ -14598,12 +14618,14 @@
       type: Array,
       default: () => locations
     },
-    tabTitles: makeArrayProp()
+    tabTitles: makeArrayProp(),
+    search: Function,
+    searchDebounce: makeNumericProp(300)
   };
   var stdin_default$H = vue.defineComponent({
     name: name$A,
     props: props$1,
-    emits: ["update:show", "update:modelValue", "change"],
+    emits: ["update:show", "update:modelValue", "change", "search-error"],
     setup(props2, {
       emit
     }) {
@@ -14613,6 +14635,12 @@
       const customValue = vue.ref("");
       const expandedKeys = vue.ref(["basement", "b3"]);
       const query = vue.ref("");
+      const asyncSearchResults = vue.ref([]);
+      const searchLoading = vue.ref(false);
+      const searchFailed = vue.ref(false);
+      const searchedItems = vue.shallowReactive(/* @__PURE__ */ new Map());
+      let searchTimer;
+      let searchRequestId = 0;
       const titles = vue.computed(() => props2.tabTitles.length ? props2.tabTitles : ["ABC座地下室", "A座", "B座", "C座", "D座"]);
       const allItems = vue.computed(() => props2.items.flatMap(flatten));
       const currentRoot = vue.computed(() => {
@@ -14623,7 +14651,48 @@
         var _a;
         return ((_a = currentRoot.value) == null ? void 0 : _a.children) || [];
       });
-      const searchResults = vue.computed(() => query.value ? allItems.value.filter((item) => item.text.includes(query.value)) : []);
+      const searchResults = vue.computed(() => {
+        if (!query.value.trim())
+          return [];
+        if (props2.search)
+          return asyncSearchResults.value;
+        return allItems.value.filter((item) => item.text.includes(query.value));
+      });
+      const runSearch = (..._0) => __async$4(this, [..._0], function* (keyword = query.value.trim()) {
+        if (!props2.search || !keyword)
+          return;
+        const requestId = ++searchRequestId;
+        searchLoading.value = true;
+        searchFailed.value = false;
+        try {
+          const results = yield props2.search(keyword);
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = results;
+          results.forEach((item) => searchedItems.set(item.id, item));
+        } catch (error) {
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = [];
+          searchFailed.value = true;
+          emit("search-error", keyword, error);
+        } finally {
+          if (requestId === searchRequestId)
+            searchLoading.value = false;
+        }
+      });
+      const scheduleSearch = () => {
+        if (searchTimer)
+          clearTimeout(searchTimer);
+        searchRequestId += 1;
+        searchLoading.value = false;
+        searchFailed.value = false;
+        asyncSearchResults.value = [];
+        if (props2.search && query.value.trim()) {
+          searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
+        }
+      };
+      vue.watch([query, () => props2.search], scheduleSearch);
       vue.watch(() => props2.show, (show) => {
         if (show) {
           active.value = 0;
@@ -14631,11 +14700,16 @@
           expandedKeys.value = ["basement", "b3"];
         }
       });
+      vue.onBeforeUnmount(() => {
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
+      });
       const close = () => emit("update:show", false);
       const select = (value) => {
         const selected = value[0];
         if (selected !== void 0) {
-          const selectedItem = allItems.value.find((item) => item.id === selected);
+          const selectedItem = allItems.value.find((item) => item.id === selected) || searchedItems.get(selected);
           emit("update:modelValue", selected);
           emit("change", selected, selectedItem == null ? void 0 : selectedItem.text);
           close();
@@ -14650,6 +14724,37 @@
         showCustom.value = false;
         close();
       };
+      const renderSearchContent = () => {
+        if (searchLoading.value)
+          return vue.createVNode("div", {
+            "class": bem$A("search-state")
+          }, [vue.createVNode(Loading, {
+            "vertical": true
+          }, {
+            default: () => [vue.createTextVNode("加载中...")]
+          })]);
+        if (searchFailed.value)
+          return vue.createVNode(Empty, {
+            "image": "network",
+            "description": "搜索失败，请重试"
+          }, null);
+        if (!searchResults.value.length)
+          return vue.createVNode(Empty, {
+            "description": "暂无搜索结果"
+          }, null);
+        return vue.createVNode("div", {
+          "class": bem$A("card")
+        }, [searchResults.value.map((item, index) => vue.createVNode(Cell, {
+          "key": item.id,
+          "title": item.text,
+          "rightSelect": props2.modelValue === item.id,
+          "selectType": "radio",
+          "border": index < searchResults.value.length - 1,
+          "clickable": true,
+          "onClick": () => select([item.id]),
+          "onUpdate:rightSelect": () => select([item.id])
+        }, null))]);
+      };
       return () => vue.createVNode(ActionSheet, {
         "show": props2.show,
         "class": bem$A(),
@@ -14680,23 +14785,20 @@
           "modelValue": query.value,
           "onUpdate:modelValue": ($event) => query.value = $event,
           "class": bem$A("search"),
+          "variant": "pure",
           "shape": "round",
           "inputAlign": "left",
-          "placeholder": "请输入搜索关键词"
+          "placeholder": "请输入搜索关键词",
+          "onSearch": () => {
+            if (props2.search) {
+              if (searchTimer)
+                clearTimeout(searchTimer);
+              runSearch();
+            }
+          }
         }, null), query.value ? vue.createVNode("div", {
           "class": bem$A("body")
-        }, [vue.createVNode("div", {
-          "class": bem$A("card")
-        }, [searchResults.value.map((item) => vue.createVNode(Cell, {
-          "key": item.id,
-          "title": item.text,
-          "rightSelect": props2.modelValue === item.id,
-          "selectType": "radio",
-          "border": true,
-          "clickable": true,
-          "onClick": () => select([item.id]),
-          "onUpdate:rightSelect": () => select([item.id])
-        }, null))])]) : vue.createVNode(vue.Fragment, null, [vue.createVNode(Tabs, {
+        }, [renderSearchContent()]) : vue.createVNode(vue.Fragment, null, [vue.createVNode(Tabs, {
           "active": active.value,
           "onUpdate:active": ($event) => active.value = $event,
           "showMore": showMore.value,
@@ -15364,6 +15466,26 @@
   });
   const MaterialDetail = withInstall(stdin_default$D);
   var stdin_default$C = MaterialDetail;
+  var __async$3 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const [name$w, bem$w] = createNamespace("material-add");
   const defaultItems = [{
     id: "refrigerant",
@@ -15671,12 +15793,14 @@
     commonTabText: makeStringProp("常用物料"),
     allTabText: makeStringProp("全部物料"),
     materialTabText: makeStringProp("物资"),
-    toolTabText: makeStringProp("工具")
+    toolTabText: makeStringProp("工具"),
+    search: Function,
+    searchDebounce: makeNumericProp(300)
   };
   var stdin_default$B = vue.defineComponent({
     name: name$w,
     props: materialAddProps,
-    emits: ["update:show", "update:modelValue", "change", "confirm"],
+    emits: ["update:show", "update:modelValue", "change", "confirm", "search-error"],
     setup(props2, {
       emit
     }) {
@@ -15692,6 +15816,10 @@
       const activeKind = vue.ref(getDefaultKind());
       const keyword = vue.ref("");
       const searching = vue.ref(false);
+      const searchLoading = vue.ref(false);
+      const searchFailed = vue.ref(false);
+      let searchTimer;
+      let searchRequestId = 0;
       const expandedKeys = vue.ref([]);
       const expandedSelected = vue.ref(false);
       const detailItem = vue.ref();
@@ -15763,6 +15891,11 @@
           activeTab.value = getDefaultTab();
           activeKind.value = getDefaultKind();
           keyword.value = "";
+          searchLoading.value = false;
+          searchFailed.value = false;
+          searchRequestId += 1;
+          if (searchTimer)
+            clearTimeout(searchTimer);
           searching.value = false;
           expandedKeys.value = getDefaultExpandedKeys();
           expandedSelected.value = false;
@@ -15780,6 +15913,40 @@
           expandedKeys.value = getDefaultExpandedKeys();
         }
       });
+      const runSearch = (..._0) => __async$3(this, [..._0], function* (query = keyword.value.trim()) {
+        if (!props2.search || !query)
+          return;
+        const requestId = ++searchRequestId;
+        searchLoading.value = true;
+        searchFailed.value = false;
+        try {
+          yield props2.search(query);
+        } catch (error) {
+          if (requestId !== searchRequestId)
+            return;
+          searchFailed.value = true;
+          emit("search-error", query, error);
+        } finally {
+          if (requestId === searchRequestId)
+            searchLoading.value = false;
+        }
+      });
+      const scheduleSearch = () => {
+        if (searchTimer)
+          clearTimeout(searchTimer);
+        searchRequestId += 1;
+        searchLoading.value = false;
+        searchFailed.value = false;
+        if (props2.search && keyword.value.trim()) {
+          searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
+        }
+      };
+      vue.watch([keyword, () => props2.search], scheduleSearch);
+      vue.onBeforeUnmount(() => {
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
+      });
       const setActiveTab = (tab) => {
         activeTab.value = tab;
         if (tab === "all") {
@@ -15846,9 +16013,25 @@
       }, null);
       const renderList = () => vue.createVNode("div", {
         "class": bem$w("material-list")
-      }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : vue.createVNode("div", {
-        "class": bem$w("empty")
-      }, [vue.createTextVNode("暂无匹配物料")])]);
+      }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : vue.createVNode(Empty, {
+        "description": "暂无匹配物料"
+      }, null)]);
+      const renderSearchContent = () => {
+        if (searchLoading.value)
+          return vue.createVNode("div", {
+            "class": bem$w("search-state")
+          }, [vue.createVNode(Loading, {
+            "vertical": true
+          }, {
+            default: () => [vue.createTextVNode("加载中...")]
+          })]);
+        if (searchFailed.value)
+          return vue.createVNode(Empty, {
+            "image": "network",
+            "description": "搜索失败，请重试"
+          }, null);
+        return renderList();
+      };
       const renderCatalog = () => {
         const catalogItems = getCatalogItems();
         const defaultExpandedKeys = getDefaultExpandedKeys();
@@ -15905,11 +16088,19 @@
           "modelValue": keyword.value,
           "onUpdate:modelValue": ($event) => keyword.value = $event,
           "class": bem$w("search"),
+          "variant": "pure",
           "shape": "round",
           "inputAlign": "left",
           "autofocus": true,
           "showAction": true,
           "placeholder": "搜索物资/工具名称",
+          "onSearch": () => {
+            if (props2.search) {
+              if (searchTimer)
+                clearTimeout(searchTimer);
+              runSearch();
+            }
+          },
           "onCancel": () => {
             searching.value = false;
             keyword.value = "";
@@ -15963,7 +16154,7 @@
           default: () => [props2.toolTabText]
         })])]), vue.createVNode("div", {
           "class": bem$w("body")
-        }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === "common" ? renderList() : renderCatalog()]), vue.createVNode("div", {
+        }, [searching.value && !keyword.value.trim() ? null : searching.value ? renderSearchContent() : activeTab.value === "common" ? renderList() : renderCatalog()]), vue.createVNode("div", {
           "class": bem$w("footer")
         }, [renderSelectPanel(), vue.createVNode(BottomActionBar, {
           "fixed": false,
@@ -17059,6 +17250,26 @@
     }
   });
   const NumberKeyboard = withInstall(stdin_default$u);
+  var __async$2 = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+      var fulfilled = (value) => {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var rejected = (value) => {
+        try {
+          step(generator.throw(value));
+        } catch (e) {
+          reject(e);
+        }
+      };
+      var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+      step((generator = generator.apply(__this, __arguments)).next());
+    });
+  };
   const [name$o, bem$o] = createNamespace("object-select");
   const spaceItems = [{
     id: "shenzhen-hq",
@@ -17415,13 +17626,15 @@
       type: Array,
       default: () => specialties
     },
-    loadChildren: Function
+    loadChildren: Function,
+    search: Function,
+    searchDebounce: makeNumericProp(300)
   };
   const flattenItems$1 = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems$1(item.children) : []]);
   var stdin_default$t = vue.defineComponent({
     name: name$o,
     props: objectSelectProps,
-    emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error"],
+    emits: ["update:show", "update:modelValue", "change", "confirm", "load", "load-error", "search-error"],
     setup(props2, {
       emit
     }) {
@@ -17434,6 +17647,12 @@
       const expandedSelected = vue.ref(false);
       const searching = vue.ref(false);
       const keyword = vue.ref("");
+      const asyncSearchResults = vue.ref([]);
+      const searchLoading = vue.ref(false);
+      const searchFailed = vue.ref(false);
+      const searchedItems = vue.shallowReactive(/* @__PURE__ */ new Map());
+      let searchTimer;
+      let searchRequestId = 0;
       const loadedChildren = vue.shallowReactive(/* @__PURE__ */ new Map());
       const getChildren = (item) => loadedChildren.get(item.id) || item.children || [];
       const hydrateItems = (items) => items.map((item) => {
@@ -17455,6 +17674,12 @@
         view.value = 0;
         specialtyType.value = 0;
         keyword.value = "";
+        asyncSearchResults.value = [];
+        searchLoading.value = false;
+        searchFailed.value = false;
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
         searching.value = false;
         expandedSelected.value = false;
         expandedSpecialties.value = {
@@ -17467,13 +17692,64 @@
       });
       const selected = vue.computed(() => props2.modelValue);
       const allItems = vue.computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
-      const selectedItems = vue.computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
+      const selectedItems = vue.computed(() => {
+        const items = /* @__PURE__ */ new Map();
+        allItems.value.forEach((item) => items.set(item.id, item));
+        searchedItems.forEach((item) => items.set(item.id, item));
+        return selected.value.flatMap((id) => {
+          const item = items.get(id);
+          return item ? [item] : [];
+        });
+      });
       const searchResults = vue.computed(() => {
         const query = keyword.value.trim().toLowerCase();
         if (!query)
           return [];
+        if (props2.search)
+          return asyncSearchResults.value;
         return allItems.value.filter((item) => item.text.toLowerCase().includes(query));
       });
+      const runSearch = (..._0) => __async$2(this, [..._0], function* (query = keyword.value.trim()) {
+        if (!props2.search || !query)
+          return;
+        const requestId = ++searchRequestId;
+        searchLoading.value = true;
+        searchFailed.value = false;
+        try {
+          const results = yield props2.search(query);
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = results;
+          results.forEach((item) => searchedItems.set(item.id, item));
+        } catch (error) {
+          if (requestId !== searchRequestId)
+            return;
+          asyncSearchResults.value = [];
+          searchFailed.value = true;
+          emit("search-error", query, error);
+        } finally {
+          if (requestId === searchRequestId)
+            searchLoading.value = false;
+        }
+      });
+      const scheduleSearch = () => {
+        if (searchTimer)
+          clearTimeout(searchTimer);
+        searchRequestId += 1;
+        searchLoading.value = false;
+        searchFailed.value = false;
+        asyncSearchResults.value = [];
+        const query = keyword.value.trim();
+        if (!props2.search || !query)
+          return;
+        searchTimer = setTimeout(runSearch, Number(props2.searchDebounce));
+      };
+      vue.watch([keyword, () => props2.search], scheduleSearch);
+      vue.onBeforeUnmount(() => {
+        searchRequestId += 1;
+        if (searchTimer)
+          clearTimeout(searchTimer);
+      });
       const renderHighlightedText = (text) => {
         const query = keyword.value.trim();
         if (!query)
@@ -17554,6 +17830,45 @@
         }, null), expanded && renderTree(items)]);
       };
       const close = () => emit("update:show", false);
+      const renderSearchContent = () => {
+        if (!keyword.value.trim())
+          return;
+        if (searchLoading.value) {
+          return vue.createVNode("div", {
+            "class": bem$o("search-state")
+          }, [vue.createVNode(Loading, {
+            "vertical": true
+          }, {
+            default: () => [vue.createTextVNode("加载中...")]
+          })]);
+        }
+        if (searchFailed.value) {
+          return vue.createVNode(Empty, {
+            "image": "network",
+            "description": "搜索失败，请重试"
+          }, null);
+        }
+        if (!searchResults.value.length) {
+          return vue.createVNode(Empty, {
+            "description": "暂无搜索结果"
+          }, null);
+        }
+        return vue.createVNode("div", {
+          "class": bem$o("tree-card", {
+            search: true
+          })
+        }, [searchResults.value.map((item) => vue.createVNode(Cell, {
+          "key": item.id,
+          "rightSelect": selected.value.includes(item.id),
+          "selectType": "checkbox",
+          "border": true,
+          "clickable": true,
+          "onClick": () => toggleSearchItem(item),
+          "onUpdate:rightSelect": () => toggleSearchItem(item)
+        }, {
+          title: () => renderHighlightedText(item.text)
+        }))]);
+      };
       return () => vue.createVNode(ActionSheet, {
         "show": props2.show,
         "class": bem$o(),
@@ -17564,10 +17879,18 @@
           "modelValue": keyword.value,
           "onUpdate:modelValue": ($event) => keyword.value = $event,
           "class": bem$o("search"),
+          "variant": "pure",
           "shape": "round",
           "inputAlign": "left",
           "autofocus": true,
           "placeholder": "搜索对象",
+          "onSearch": () => {
+            if (props2.search) {
+              if (searchTimer)
+                clearTimeout(searchTimer);
+              runSearch();
+            }
+          },
           "onCancel": () => {
             searching.value = false;
             keyword.value = "";
@@ -17575,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",
@@ -17606,21 +17930,7 @@
           }, null)]
         })]), vue.createVNode("div", {
           "class": bem$o("body")
-        }, [searching.value ? keyword.value && vue.createVNode("div", {
-          "class": bem$o("tree-card", {
-            search: true
-          })
-        }, [searchResults.value.map((item) => vue.createVNode(Cell, {
-          "key": item.id,
-          "rightSelect": selected.value.includes(item.id),
-          "selectType": "checkbox",
-          "border": true,
-          "clickable": true,
-          "onClick": () => toggleSearchItem(item),
-          "onUpdate:rightSelect": () => toggleSearchItem(item)
-        }, {
-          title: () => renderHighlightedText(item.text)
-        }))]) : view.value === 0 ? renderTree(props2.spaceItems) : vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
+        }, [searching.value ? renderSearchContent() : view.value === 0 ? renderTree(props2.spaceItems) : vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
           "class": bem$o("type-tabs")
         }, [vue.createVNode(FilterTag, {
           "selected": specialtyType.value === 0,
@@ -23244,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"],
@@ -23275,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();
@@ -23286,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();
@@ -23319,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)]
       });
     }
@@ -25052,7 +25377,7 @@
       });
     }
   };
-  const version = "0.0.44";
+  const version = "0.0.46";
   function install(app) {
     const components = [
       ActionBar,