persagy-vant 0.0.44 → 0.0.46

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
@@ -13032,7 +13032,7 @@ var stdin_default$K = defineComponent({
   }
 });
 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 {
@@ -13136,7 +13136,7 @@ var stdin_default$J = defineComponent({
       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;
@@ -13269,6 +13269,26 @@ var stdin_default$J = defineComponent({
 });
 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",
@@ -13403,12 +13423,14 @@ const props$1 = {
     type: Array,
     default: () => locations
   },
-  tabTitles: makeArrayProp()
+  tabTitles: makeArrayProp(),
+  search: Function,
+  searchDebounce: makeNumericProp(300)
 };
 var stdin_default$H = defineComponent({
   name: name$A,
   props: props$1,
-  emits: ["update:show", "update:modelValue", "change"],
+  emits: ["update:show", "update:modelValue", "change", "search-error"],
   setup(props2, {
     emit
   }) {
@@ -13418,6 +13440,12 @@ var stdin_default$H = defineComponent({
     const customValue = ref("");
     const expandedKeys = ref(["basement", "b3"]);
     const query = ref("");
+    const asyncSearchResults = ref([]);
+    const searchLoading = ref(false);
+    const searchFailed = ref(false);
+    const searchedItems = shallowReactive(/* @__PURE__ */ new Map());
+    let searchTimer;
+    let searchRequestId = 0;
     const titles = computed(() => props2.tabTitles.length ? props2.tabTitles : ["ABC座地下室", "A座", "B座", "C座", "D座"]);
     const allItems = computed(() => props2.items.flatMap(flatten));
     const currentRoot = computed(() => {
@@ -13428,7 +13456,48 @@ var stdin_default$H = defineComponent({
       var _a;
       return ((_a = currentRoot.value) == null ? void 0 : _a.children) || [];
     });
-    const searchResults = computed(() => query.value ? allItems.value.filter((item) => item.text.includes(query.value)) : []);
+    const searchResults = 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));
+      }
+    };
+    watch([query, () => props2.search], scheduleSearch);
     watch(() => props2.show, (show) => {
       if (show) {
         active.value = 0;
@@ -13436,11 +13505,16 @@ var stdin_default$H = defineComponent({
         expandedKeys.value = ["basement", "b3"];
       }
     });
+    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();
@@ -13455,6 +13529,37 @@ var stdin_default$H = defineComponent({
       showCustom.value = false;
       close();
     };
+    const renderSearchContent = () => {
+      if (searchLoading.value)
+        return createVNode("div", {
+          "class": bem$A("search-state")
+        }, [createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [createTextVNode("加载中...")]
+        })]);
+      if (searchFailed.value)
+        return createVNode(Empty, {
+          "image": "network",
+          "description": "搜索失败，请重试"
+        }, null);
+      if (!searchResults.value.length)
+        return createVNode(Empty, {
+          "description": "暂无搜索结果"
+        }, null);
+      return createVNode("div", {
+        "class": bem$A("card")
+      }, [searchResults.value.map((item, index) => 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 () => createVNode(ActionSheet, {
       "show": props2.show,
       "class": bem$A(),
@@ -13485,23 +13590,20 @@ var stdin_default$H = defineComponent({
         "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 ? createVNode("div", {
         "class": bem$A("body")
-      }, [createVNode("div", {
-        "class": bem$A("card")
-      }, [searchResults.value.map((item) => 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))])]) : createVNode(Fragment, null, [createVNode(Tabs, {
+      }, [renderSearchContent()]) : createVNode(Fragment, null, [createVNode(Tabs, {
         "active": active.value,
         "onUpdate:active": ($event) => active.value = $event,
         "showMore": showMore.value,
@@ -14169,6 +14271,26 @@ var stdin_default$D = defineComponent({
 });
 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",
@@ -14476,12 +14598,14 @@ const materialAddProps = {
   commonTabText: makeStringProp("常用物料"),
   allTabText: makeStringProp("全部物料"),
   materialTabText: makeStringProp("物资"),
-  toolTabText: makeStringProp("工具")
+  toolTabText: makeStringProp("工具"),
+  search: Function,
+  searchDebounce: makeNumericProp(300)
 };
 var stdin_default$B = 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
   }) {
@@ -14497,6 +14621,10 @@ var stdin_default$B = defineComponent({
     const activeKind = ref(getDefaultKind());
     const keyword = ref("");
     const searching = ref(false);
+    const searchLoading = ref(false);
+    const searchFailed = ref(false);
+    let searchTimer;
+    let searchRequestId = 0;
     const expandedKeys = ref([]);
     const expandedSelected = ref(false);
     const detailItem = ref();
@@ -14568,6 +14696,11 @@ var stdin_default$B = defineComponent({
         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;
@@ -14585,6 +14718,40 @@ var stdin_default$B = defineComponent({
         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));
+      }
+    };
+    watch([keyword, () => props2.search], scheduleSearch);
+    onBeforeUnmount(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const setActiveTab = (tab) => {
       activeTab.value = tab;
       if (tab === "all") {
@@ -14651,9 +14818,25 @@ var stdin_default$B = defineComponent({
     }, null);
     const renderList = () => createVNode("div", {
       "class": bem$w("material-list")
-    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : createVNode("div", {
-      "class": bem$w("empty")
-    }, [createTextVNode("暂无匹配物料")])]);
+    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props2.items.indexOf(item))) : createVNode(Empty, {
+      "description": "暂无匹配物料"
+    }, null)]);
+    const renderSearchContent = () => {
+      if (searchLoading.value)
+        return createVNode("div", {
+          "class": bem$w("search-state")
+        }, [createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [createTextVNode("加载中...")]
+        })]);
+      if (searchFailed.value)
+        return createVNode(Empty, {
+          "image": "network",
+          "description": "搜索失败，请重试"
+        }, null);
+      return renderList();
+    };
     const renderCatalog = () => {
       const catalogItems = getCatalogItems();
       const defaultExpandedKeys = getDefaultExpandedKeys();
@@ -14710,11 +14893,19 @@ var stdin_default$B = defineComponent({
         "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 = "";
@@ -14768,7 +14959,7 @@ var stdin_default$B = defineComponent({
         default: () => [props2.toolTabText]
       })])]), createVNode("div", {
         "class": bem$w("body")
-      }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === "common" ? renderList() : renderCatalog()]), createVNode("div", {
+      }, [searching.value && !keyword.value.trim() ? null : searching.value ? renderSearchContent() : activeTab.value === "common" ? renderList() : renderCatalog()]), createVNode("div", {
         "class": bem$w("footer")
       }, [renderSelectPanel(), createVNode(BottomActionBar, {
         "fixed": false,
@@ -15864,6 +16055,26 @@ var stdin_default$u = defineComponent({
   }
 });
 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",
@@ -16220,13 +16431,15 @@ const objectSelectProps = {
     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 = 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
   }) {
@@ -16239,6 +16452,12 @@ var stdin_default$t = defineComponent({
     const expandedSelected = ref(false);
     const searching = ref(false);
     const keyword = ref("");
+    const asyncSearchResults = ref([]);
+    const searchLoading = ref(false);
+    const searchFailed = ref(false);
+    const searchedItems = shallowReactive(/* @__PURE__ */ new Map());
+    let searchTimer;
+    let searchRequestId = 0;
     const loadedChildren = shallowReactive(/* @__PURE__ */ new Map());
     const getChildren = (item) => loadedChildren.get(item.id) || item.children || [];
     const hydrateItems = (items) => items.map((item) => {
@@ -16260,6 +16479,12 @@ var stdin_default$t = defineComponent({
       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 = {
@@ -16272,13 +16497,64 @@ var stdin_default$t = defineComponent({
     });
     const selected = computed(() => props2.modelValue);
     const allItems = computed(() => flattenItems$1(hydrateItems([...props2.spaceItems, ...props2.specialties.flatMap((specialty) => [...specialty.deviceItems, ...specialty.systemItems])])));
-    const selectedItems = computed(() => allItems.value.filter((item) => selected.value.includes(item.id)));
+    const selectedItems = 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 = 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));
+    };
+    watch([keyword, () => props2.search], scheduleSearch);
+    onBeforeUnmount(() => {
+      searchRequestId += 1;
+      if (searchTimer)
+        clearTimeout(searchTimer);
+    });
     const renderHighlightedText = (text) => {
       const query = keyword.value.trim();
       if (!query)
@@ -16359,6 +16635,45 @@ var stdin_default$t = defineComponent({
       }, null), expanded && renderTree(items)]);
     };
     const close = () => emit("update:show", false);
+    const renderSearchContent = () => {
+      if (!keyword.value.trim())
+        return;
+      if (searchLoading.value) {
+        return createVNode("div", {
+          "class": bem$o("search-state")
+        }, [createVNode(Loading, {
+          "vertical": true
+        }, {
+          default: () => [createTextVNode("加载中...")]
+        })]);
+      }
+      if (searchFailed.value) {
+        return createVNode(Empty, {
+          "image": "network",
+          "description": "搜索失败，请重试"
+        }, null);
+      }
+      if (!searchResults.value.length) {
+        return createVNode(Empty, {
+          "description": "暂无搜索结果"
+        }, null);
+      }
+      return createVNode("div", {
+        "class": bem$o("tree-card", {
+          search: true
+        })
+      }, [searchResults.value.map((item) => 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 () => createVNode(ActionSheet, {
       "show": props2.show,
       "class": bem$o(),
@@ -16369,10 +16684,18 @@ var stdin_default$t = defineComponent({
         "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 = "";
@@ -16380,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",
@@ -16411,21 +16735,7 @@ var stdin_default$t = defineComponent({
         }, null)]
       })]), createVNode("div", {
         "class": bem$o("body")
-      }, [searching.value ? keyword.value && createVNode("div", {
-        "class": bem$o("tree-card", {
-          search: true
-        })
-      }, [searchResults.value.map((item) => 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) : createVNode(Fragment, null, [createVNode("div", {
+      }, [searching.value ? renderSearchContent() : view.value === 0 ? renderTree(props2.spaceItems) : createVNode(Fragment, null, [createVNode("div", {
         "class": bem$o("type-tabs")
       }, [createVNode(FilterTag, {
         "selected": specialtyType.value === 0,
@@ -19638,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"],
@@ -19669,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();
@@ -19680,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();
@@ -19713,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)]
     });
   }
@@ -21463,7 +21788,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.44";
+const version = "0.0.46";
 function install(app) {
   const components = [
     ActionBar,