persagy-vant 0.0.46 → 0.0.47

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) {
@@ -20323,6 +20355,7 @@
     showSelectLevels: Array,
     searchable: truthProp,
     searchPlaceholder: String,
+    showSearchParentPath: truthProp,
     lazy: Boolean,
     loading: Boolean,
     finished: Boolean,
@@ -20335,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({
@@ -20352,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) => {
@@ -20407,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, {
@@ -25377,7 +25427,7 @@
       });
     }
   };
-  const version = "0.0.46";
+  const version = "0.0.47";
   function install(app) {
     const components = [
       ActionBar,