persagy-vant 0.0.45 → 0.0.47

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.47";

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.47";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/label/Label.d.ts

@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<LabelMedia[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media" | "long-press")[], "click" | "click-media" | "long-press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "long-press" | "click-media")[], "click" | "long-press" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: {
         type: PropType<string>;
         default: string;
@@ -183,8 +183,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    "onClick-media"?: ((...args: any[]) => any) | undefined;
     "onLong-press"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
 }, {
     type: LabelType;
     label: string;

package/lib/label/index.d.ts

@@ -53,7 +53,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Label").LabelMedia[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media" | "long-press")[], "click" | "click-media" | "long-press", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "long-press" | "click-media")[], "click" | "long-press" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
@@ -110,8 +110,8 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
     };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    "onClick-media"?: ((...args: any[]) => any) | undefined;
     "onLong-press"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./Label").LabelType;
     label: string;

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/tree-select-panel/TreeSelectPanel.d.ts

@@ -26,6 +26,10 @@ declare const treeSelectPanelProps: {
         default: true;
     };
     searchPlaceholder: StringConstructor;
+    showSearchParentPath: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lazy: BooleanConstructor;
     loading: BooleanConstructor;
     finished: BooleanConstructor;
@@ -76,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     searchPlaceholder: StringConstructor;
+    showSearchParentPath: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lazy: BooleanConstructor;
     loading: BooleanConstructor;
     finished: BooleanConstructor;
@@ -124,6 +132,10 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     searchPlaceholder: StringConstructor;
+    showSearchParentPath: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lazy: BooleanConstructor;
     loading: BooleanConstructor;
     finished: BooleanConstructor;
@@ -177,5 +189,6 @@ declare const _default: import("vue").DefineComponent<{
     expandedKeys: Numeric[];
     selectableParent: boolean;
     showParentSelect: boolean;
+    showSearchParentPath: boolean;
 }>;
 export default _default;

package/lib/tree-select-panel/TreeSelectPanel.js

@@ -46,6 +46,7 @@ const treeSelectPanelProps = {
   showSelectLevels: Array,
   searchable: import_utils.truthProp,
   searchPlaceholder: String,
+  showSearchParentPath: import_utils.truthProp,
   lazy: Boolean,
   loading: Boolean,
   finished: Boolean,
@@ -58,11 +59,15 @@ const treeSelectPanelProps = {
   clearSelectedText: (0, import_utils.makeStringProp)("\u6E05\u7A7A\u5DF2\u9009"),
   confirmText: (0, import_utils.makeStringProp)("\u786E\u5B9A")
 };
-const findMatchingLeaves = (items, keyword) => items.flatMap((item) => {
+const findMatchingLeaves = (items, keyword, parentPath = []) => items.flatMap((item) => {
   var _a;
-  if ((_a = item.children) == null ? void 0 : _a.length)
-    return findMatchingLeaves(item.children, keyword);
-  return item.text.toLocaleLowerCase().includes(keyword) ? [item] : [];
+  if ((_a = item.children) == null ? void 0 : _a.length) {
+    return findMatchingLeaves(item.children, keyword, [...parentPath, item.text]);
+  }
+  return item.text.toLocaleLowerCase().includes(keyword) ? [{
+    item,
+    parentPath
+  }] : [];
 });
 const flattenItems = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems(item.children) : []]);
 var stdin_default = (0, import_vue.defineComponent)({
@@ -75,7 +80,10 @@ var stdin_default = (0, import_vue.defineComponent)({
     const keyword = (0, import_vue.ref)("");
     const expandedSelected = (0, import_vue.ref)(false);
     const normalizedKeyword = (0, import_vue.computed)(() => keyword.value.trim().toLocaleLowerCase());
-    const filteredItems = (0, import_vue.computed)(() => normalizedKeyword.value ? findMatchingLeaves(props.items, normalizedKeyword.value) : props.items);
+    const searchResults = (0, import_vue.computed)(() => normalizedKeyword.value ? findMatchingLeaves(props.items, normalizedKeyword.value) : []);
+    const filteredItems = (0, import_vue.computed)(() => normalizedKeyword.value ? searchResults.value.map(({
+      item
+    }) => item) : props.items);
     const selectedItems = (0, import_vue.computed)(() => flattenItems(props.items).filter((item) => props.modelValue.includes(item.id)));
     const close = () => emit("update:show", false);
     const updateSelected = (value) => {
@@ -130,7 +138,17 @@ var stdin_default = (0, import_vue.defineComponent)({
         title: ({
           item,
           hasChildren
-        }) => hasChildren ? item.text : renderHighlightedTitle(item.text)
+        }) => {
+          if (hasChildren || !normalizedKeyword.value)
+            return item.text;
+          const result = searchResults.value.find((result2) => result2.item.id === item.id);
+          if (!result || !props.showSearchParentPath || !result.parentPath.length) {
+            return renderHighlightedTitle(item.text);
+          }
+          return (0, import_vue.createVNode)(import_vue.Fragment, null, [result.parentPath.join("/"), (0, import_vue.createVNode)("span", {
+            "class": bem("path-separator")
+          }, [(0, import_vue.createTextVNode)("/")]), renderHighlightedTitle(item.text)]);
+        }
       })]);
     };
     return () => (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {

package/lib/tree-select-panel/index.css

@@ -1 +1 @@
-.van-tree-select-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-tree-select-panel .van-action-sheet__content,.van-tree-select-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;padding:0;overflow:hidden;background:var(--van-gray-1)}.van-tree-select-panel__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-1)}.van-tree-select-panel__nav .van-nav-bar__left--slot{padding:0}.van-tree-select-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-tree-select-panel__search-wrapper{margin:0 var(--van-padding-md) 6px}.van-tree-select-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto}.van-tree-select-panel__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-tree-select-panel__footer .van-bottom-action-bar{box-shadow:none}.van-tree-select-panel__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-tree-select-panel__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-tree-select-panel__clear,.van-tree-select-panel__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-tree-select-panel__clear{color:var(--van-primary-color)}.van-tree-select-panel__collapse,.van-tree-select-panel__remove,.van-tree-select-panel__collapse .van-icon,.van-tree-select-panel__remove .van-icon{color:var(--van-gray-6)}.van-tree-select-panel__collapse{gap:2px}.van-tree-select-panel__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-tree-select-panel__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-tree-select-panel__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}.van-tree-select-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-tree-select-panel__match{color:var(--van-primary-color)}.van-tree-select-panel .van-list{min-height:100%}
+.van-tree-select-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-tree-select-panel .van-action-sheet__content,.van-tree-select-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;padding:0;overflow:hidden;background:var(--van-gray-1)}.van-tree-select-panel__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-1)}.van-tree-select-panel__nav .van-nav-bar__left--slot{padding:0}.van-tree-select-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-tree-select-panel__search-wrapper{margin:0 var(--van-padding-md) 6px}.van-tree-select-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto}.van-tree-select-panel__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-tree-select-panel__footer .van-bottom-action-bar{box-shadow:none}.van-tree-select-panel__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-tree-select-panel__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-tree-select-panel__clear,.van-tree-select-panel__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-tree-select-panel__clear{color:var(--van-primary-color)}.van-tree-select-panel__collapse,.van-tree-select-panel__remove,.van-tree-select-panel__collapse .van-icon,.van-tree-select-panel__remove .van-icon{color:var(--van-gray-6)}.van-tree-select-panel__collapse{gap:2px}.van-tree-select-panel__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-tree-select-panel__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-tree-select-panel__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}.van-tree-select-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-tree-select-panel__match{color:var(--van-primary-color)}.van-tree-select-panel__path-separator{color:var(--van-text-color-2)}.van-tree-select-panel .van-list{min-height:100%}

package/lib/tree-select-panel/index.d.ts

@@ -23,6 +23,10 @@ export declare const TreeSelectPanel: import("../utils").WithInstall<import("vue
         default: true;
     };
     searchPlaceholder: StringConstructor;
+    showSearchParentPath: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lazy: BooleanConstructor;
     loading: BooleanConstructor;
     finished: BooleanConstructor;
@@ -71,6 +75,10 @@ export declare const TreeSelectPanel: import("../utils").WithInstall<import("vue
         default: true;
     };
     searchPlaceholder: StringConstructor;
+    showSearchParentPath: {
+        type: BooleanConstructor;
+        default: true;
+    };
     lazy: BooleanConstructor;
     loading: BooleanConstructor;
     finished: BooleanConstructor;
@@ -124,6 +132,7 @@ export declare const TreeSelectPanel: import("../utils").WithInstall<import("vue
     expandedKeys: import("../utils").Numeric[];
     selectableParent: boolean;
     showParentSelect: boolean;
+    showSearchParentPath: boolean;
 }>>;
 export default TreeSelectPanel;
 export type { TreeSelectPanelProps } from './TreeSelectPanel';

package/lib/tree-select-panel/index.less

@@ -103,5 +103,7 @@
   }
   &__card { overflow: hidden; background: var(--van-white); border-radius: var(--van-border-radius-lg); }
   &__match { color: var(--van-primary-color); }
+
+  &__path-separator { color: var(--van-text-color-2); }
   .van-list { min-height: 100%; }
 }

package/lib/vant.cjs.js

@@ -3178,6 +3178,7 @@ const cellSharedProps = {
   showTitleCollapseIcon: Boolean,
   defaultMultiLineNotesCollapsed: Boolean,
   threeLine: Boolean,
+  threeLineEllipsis: Boolean,
   labelSize: numericProp,
   avatar: String,
   showAvatar: {
@@ -3280,13 +3281,39 @@ const cellProps = extend({}, cellSharedProps, routeProps);
 var stdin_default$1M = vue.defineComponent({
   name: name$1D,
   props: cellProps,
-  emits: ["click", "click-label", "click-description", "click-note", "click-title-icon", "update:leftSelect", "update:rightSelect", "update:multiLineNotesCollapsed"],
+  emits: ["click", "click-label", "click-description", "click-note", "click-title-icon", "long-press", "update:leftSelect", "update:rightSelect", "update:multiLineNotesCollapsed"],
   setup(props2, {
     slots,
     emit
   }) {
     var _a, _b;
+    let longPressTimer;
     const config = vue.inject(CONFIG_PROVIDER_KEY, null);
+    const clearLongPress = () => {
+      if (longPressTimer !== void 0) {
+        clearTimeout(longPressTimer);
+        longPressTimer = void 0;
+      }
+    };
+    const startLongPress = (target, text) => {
+      if (!props2.threeLine || !props2.threeLineEllipsis || !isDef(text))
+        return;
+      clearLongPress();
+      longPressTimer = setTimeout(() => {
+        longPressTimer = void 0;
+        const payload = {
+          target,
+          text: String(text)
+        };
+        emit("long-press", payload);
+      }, 500);
+    };
+    const longPressEvents = (target, text) => ({
+      onPointerdown: () => startLongPress(target, text),
+      onPointerup: clearLongPress,
+      onPointercancel: clearLongPress,
+      onPointerleave: clearLongPress
+    });
     const route2 = useRoute();
     const vm = vue.getCurrentInstance().proxy;
     const leftSelectState = vue.ref((_a = props2.leftSelect) != null ? _a : false);
@@ -3333,7 +3360,7 @@ var stdin_default$1M = vue.defineComponent({
       const showLabel = slots.label || isDef(props2.label);
       const showLabelIcon = (_a2 = props2.showLabelIcon) != null ? _a2 : !!(slots["label-icon"] || props2.labelIcon);
       if (showLabel) {
-        return vue.createVNode("div", {
+        return vue.createVNode("div", vue.mergeProps({
           "class": [bem$1z("label", {
             clickable: props2.labelClickable
           }), props2.labelClass],
@@ -3348,19 +3375,21 @@ var stdin_default$1M = vue.defineComponent({
             event.stopPropagation();
             emit("click-label", event);
           }
-        }, [showLabelIcon && slots["label-icon"] ? vue.createVNode("span", {
+        }, longPressEvents("label", props2.label)), [showLabelIcon && slots["label-icon"] ? vue.createVNode("span", {
           "class": bem$1z("label-icon")
         }, [slots["label-icon"]()]) : showLabelIcon ? vue.createVNode(Icon, {
           "name": props2.labelIcon || "location-o",
           "class": bem$1z("label-icon"),
           "classPrefix": props2.iconPrefix
-        }, null) : null, vue.createVNode("span", null, [slots.label ? slots.label() : props2.label])]);
+        }, null) : null, vue.createVNode("span", {
+          "class": bem$1z("label-content")
+        }, [slots.label ? slots.label() : props2.label])]);
       }
     };
     const renderDescription = () => {
       const showDescription = slots.description || isDef(props2.description);
       if (showDescription) {
-        return vue.createVNode("div", {
+        return vue.createVNode("div", vue.mergeProps({
           "class": bem$1z("description", {
             clickable: props2.descriptionClickable
           }),
@@ -3372,7 +3401,7 @@ var stdin_default$1M = vue.defineComponent({
             event.stopPropagation();
             emit("click-description", event);
           }
-        }, [slots.description ? slots.description() : props2.description]);
+        }, longPressEvents("description", props2.description)), [slots.description ? slots.description() : props2.description]);
       }
     };
     const renderMultiLineNotes = () => {
@@ -3417,7 +3446,9 @@ var stdin_default$1M = vue.defineComponent({
           "class": bem$1z("title-collapse-icon", {
             collapsed: multiLineNotesCollapsed.value
           })
-        }, null)]), slots.title ? slots.title() : vue.createVNode("span", null, [props2.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props2.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
+        }, null)]), vue.createVNode("span", vue.mergeProps({
+          "class": bem$1z("title-content")
+        }, longPressEvents("title", props2.title)), [slots.title ? slots.title() : props2.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props2.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
       }
     };
     const renderValue = () => {
@@ -3429,7 +3460,7 @@ var stdin_default$1M = vue.defineComponent({
           "class": [bem$1z("value", {
             alone: !hasTitle
           }), props2.valueClass]
-        }, [slot ? slot() : vue.createVNode("span", null, [props2.value])]);
+        }, [slot ? slot() : vue.createVNode("span", longPressEvents("value", props2.value), [props2.value])]);
       }
     };
     const renderLeftIcon = () => {
@@ -3702,6 +3733,7 @@ var stdin_default$1M = vue.defineComponent({
         clickable,
         borderless: !border,
         "three-line": threeLine,
+        "three-line-ellipsis": threeLine && props2.threeLineEllipsis,
         "multi-line-notes": hasMultiLineNotes
       };
       if (cellSize) {
@@ -5551,7 +5583,7 @@ const blueMarkHeaderProps = {
   required: Boolean,
   actionText: String,
   expandable: Boolean,
-  showExpandIcon: truthProp,
+  showExpandIcon: Boolean,
   modelValue: Boolean,
   expandText: String,
   collapseText: String
@@ -16705,7 +16737,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",
@@ -19135,6 +19168,7 @@ const treeSelectPanelProps = {
   showSelectLevels: Array,
   searchable: truthProp,
   searchPlaceholder: String,
+  showSearchParentPath: truthProp,
   lazy: Boolean,
   loading: Boolean,
   finished: Boolean,
@@ -19147,11 +19181,15 @@ const treeSelectPanelProps = {
   clearSelectedText: makeStringProp("清空已选"),
   confirmText: makeStringProp("确定")
 };
-const findMatchingLeaves = (items, keyword) => items.flatMap((item) => {
+const findMatchingLeaves = (items, keyword, parentPath = []) => items.flatMap((item) => {
   var _a;
-  if ((_a = item.children) == null ? void 0 : _a.length)
-    return findMatchingLeaves(item.children, keyword);
-  return item.text.toLocaleLowerCase().includes(keyword) ? [item] : [];
+  if ((_a = item.children) == null ? void 0 : _a.length) {
+    return findMatchingLeaves(item.children, keyword, [...parentPath, item.text]);
+  }
+  return item.text.toLocaleLowerCase().includes(keyword) ? [{
+    item,
+    parentPath
+  }] : [];
 });
 const flattenItems = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems(item.children) : []]);
 var stdin_default$9 = vue.defineComponent({
@@ -19164,7 +19202,10 @@ var stdin_default$9 = vue.defineComponent({
     const keyword = vue.ref("");
     const expandedSelected = vue.ref(false);
     const normalizedKeyword = vue.computed(() => keyword.value.trim().toLocaleLowerCase());
-    const filteredItems = vue.computed(() => normalizedKeyword.value ? findMatchingLeaves(props2.items, normalizedKeyword.value) : props2.items);
+    const searchResults = vue.computed(() => normalizedKeyword.value ? findMatchingLeaves(props2.items, normalizedKeyword.value) : []);
+    const filteredItems = vue.computed(() => normalizedKeyword.value ? searchResults.value.map(({
+      item
+    }) => item) : props2.items);
     const selectedItems = vue.computed(() => flattenItems(props2.items).filter((item) => props2.modelValue.includes(item.id)));
     const close = () => emit("update:show", false);
     const updateSelected = (value) => {
@@ -19219,7 +19260,17 @@ var stdin_default$9 = vue.defineComponent({
         title: ({
           item,
           hasChildren
-        }) => hasChildren ? item.text : renderHighlightedTitle(item.text)
+        }) => {
+          if (hasChildren || !normalizedKeyword.value)
+            return item.text;
+          const result = searchResults.value.find((result2) => result2.item.id === item.id);
+          if (!result || !props2.showSearchParentPath || !result.parentPath.length) {
+            return renderHighlightedTitle(item.text);
+          }
+          return vue.createVNode(vue.Fragment, null, [result.parentPath.join("/"), vue.createVNode("span", {
+            "class": bem$4("path-separator")
+          }, [vue.createTextVNode("/")]), renderHighlightedTitle(item.text)]);
+        }
       })]);
     };
     return () => vue.createVNode(ActionSheet, {
@@ -19949,24 +20000,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 +20044,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 +20055,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 +20094,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 +21840,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.45";
+const version = "0.0.47";
 function install(app) {
   const components = [
     ActionBar,