persagy-vant 0.0.45 → 0.0.47

package/lib/vant.es.js

@@ -3176,6 +3176,7 @@ const cellSharedProps = {
   showTitleCollapseIcon: Boolean,
   defaultMultiLineNotesCollapsed: Boolean,
   threeLine: Boolean,
+  threeLineEllipsis: Boolean,
   labelSize: numericProp,
   avatar: String,
   showAvatar: {
@@ -3278,13 +3279,39 @@ const cellProps = extend({}, cellSharedProps, routeProps);
 var stdin_default$1M = 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 = 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 = getCurrentInstance().proxy;
     const leftSelectState = ref((_a = props2.leftSelect) != null ? _a : false);
@@ -3331,7 +3358,7 @@ var stdin_default$1M = defineComponent({
       const showLabel = slots.label || isDef(props2.label);
       const showLabelIcon = (_a2 = props2.showLabelIcon) != null ? _a2 : !!(slots["label-icon"] || props2.labelIcon);
       if (showLabel) {
-        return createVNode("div", {
+        return createVNode("div", mergeProps({
           "class": [bem$1z("label", {
             clickable: props2.labelClickable
           }), props2.labelClass],
@@ -3346,19 +3373,21 @@ var stdin_default$1M = defineComponent({
             event.stopPropagation();
             emit("click-label", event);
           }
-        }, [showLabelIcon && slots["label-icon"] ? createVNode("span", {
+        }, longPressEvents("label", props2.label)), [showLabelIcon && slots["label-icon"] ? createVNode("span", {
           "class": bem$1z("label-icon")
         }, [slots["label-icon"]()]) : showLabelIcon ? createVNode(Icon, {
           "name": props2.labelIcon || "location-o",
           "class": bem$1z("label-icon"),
           "classPrefix": props2.iconPrefix
-        }, null) : null, createVNode("span", null, [slots.label ? slots.label() : props2.label])]);
+        }, null) : null, 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 createVNode("div", {
+        return createVNode("div", mergeProps({
           "class": bem$1z("description", {
             clickable: props2.descriptionClickable
           }),
@@ -3370,7 +3399,7 @@ var stdin_default$1M = 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 = () => {
@@ -3415,7 +3444,9 @@ var stdin_default$1M = defineComponent({
           "class": bem$1z("title-collapse-icon", {
             collapsed: multiLineNotesCollapsed.value
           })
-        }, null)]), slots.title ? slots.title() : createVNode("span", null, [props2.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props2.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
+        }, null)]), createVNode("span", 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 = () => {
@@ -3427,7 +3458,7 @@ var stdin_default$1M = defineComponent({
           "class": [bem$1z("value", {
             alone: !hasTitle
           }), props2.valueClass]
-        }, [slot ? slot() : createVNode("span", null, [props2.value])]);
+        }, [slot ? slot() : createVNode("span", longPressEvents("value", props2.value), [props2.value])]);
       }
     };
     const renderLeftIcon = () => {
@@ -3700,6 +3731,7 @@ var stdin_default$1M = defineComponent({
         clickable,
         borderless: !border,
         "three-line": threeLine,
+        "three-line-ellipsis": threeLine && props2.threeLineEllipsis,
         "multi-line-notes": hasMultiLineNotes
       };
       if (cellSize) {
@@ -5549,7 +5581,7 @@ const blueMarkHeaderProps = {
   required: Boolean,
   actionText: String,
   expandable: Boolean,
-  showExpandIcon: truthProp,
+  showExpandIcon: Boolean,
   modelValue: Boolean,
   expandText: String,
   collapseText: String
@@ -16703,7 +16735,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",
@@ -19133,6 +19166,7 @@ const treeSelectPanelProps = {
   showSelectLevels: Array,
   searchable: truthProp,
   searchPlaceholder: String,
+  showSearchParentPath: truthProp,
   lazy: Boolean,
   loading: Boolean,
   finished: Boolean,
@@ -19145,11 +19179,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 = defineComponent({
@@ -19162,7 +19200,10 @@ var stdin_default$9 = defineComponent({
     const keyword = ref("");
     const expandedSelected = ref(false);
     const normalizedKeyword = computed(() => keyword.value.trim().toLocaleLowerCase());
-    const filteredItems = computed(() => normalizedKeyword.value ? findMatchingLeaves(props2.items, normalizedKeyword.value) : props2.items);
+    const searchResults = computed(() => normalizedKeyword.value ? findMatchingLeaves(props2.items, normalizedKeyword.value) : []);
+    const filteredItems = computed(() => normalizedKeyword.value ? searchResults.value.map(({
+      item
+    }) => item) : props2.items);
     const selectedItems = computed(() => flattenItems(props2.items).filter((item) => props2.modelValue.includes(item.id)));
     const close = () => emit("update:show", false);
     const updateSelected = (value) => {
@@ -19217,7 +19258,17 @@ var stdin_default$9 = 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 createVNode(Fragment, null, [result.parentPath.join("/"), createVNode("span", {
+            "class": bem$4("path-separator")
+          }, [createTextVNode("/")]), renderHighlightedTitle(item.text)]);
+        }
       })]);
     };
     return () => createVNode(ActionSheet, {
@@ -19947,24 +19998,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 +20042,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 +20053,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 +20092,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 +21838,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.45";
+const version = "0.0.47";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -4419,6 +4419,7 @@
     showTitleCollapseIcon: Boolean,
     defaultMultiLineNotesCollapsed: Boolean,
     threeLine: Boolean,
+    threeLineEllipsis: Boolean,
     labelSize: numericProp,
     avatar: String,
     showAvatar: {
@@ -4521,13 +4522,39 @@
   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);
@@ -4574,7 +4601,7 @@
         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],
@@ -4589,19 +4616,21 @@
               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
             }),
@@ -4613,7 +4642,7 @@
               event.stopPropagation();
               emit("click-description", event);
             }
-          }, [slots.description ? slots.description() : props2.description]);
+          }, longPressEvents("description", props2.description)), [slots.description ? slots.description() : props2.description]);
         }
       };
       const renderMultiLineNotes = () => {
@@ -4658,7 +4687,9 @@
             "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 = () => {
@@ -4670,7 +4701,7 @@
             "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 = () => {
@@ -4943,6 +4974,7 @@
           clickable,
           borderless: !border,
           "three-line": threeLine,
+          "three-line-ellipsis": threeLine && props2.threeLineEllipsis,
           "multi-line-notes": hasMultiLineNotes
         };
         if (cellSize) {
@@ -6789,7 +6821,7 @@
     required: Boolean,
     actionText: String,
     expandable: Boolean,
-    showExpandIcon: truthProp,
+    showExpandIcon: Boolean,
     modelValue: Boolean,
     expandText: String,
     collapseText: String
@@ -17898,7 +17930,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",
@@ -20322,6 +20355,7 @@
     showSelectLevels: Array,
     searchable: truthProp,
     searchPlaceholder: String,
+    showSearchParentPath: truthProp,
     lazy: Boolean,
     loading: Boolean,
     finished: Boolean,
@@ -20334,11 +20368,15 @@
     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({
@@ -20351,7 +20389,10 @@
       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) => {
@@ -20406,7 +20447,17 @@
           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, {
@@ -23553,24 +23604,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 +23648,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 +23659,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 +23698,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 +25427,7 @@
       });
     }
   };
-  const version = "0.0.45";
+  const version = "0.0.47";
   function install(app) {
     const components = [
       ActionBar,