persagy-vant 0.0.46 → 0.0.48

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) {
@@ -14599,6 +14631,7 @@ const materialAddProps = {
   allTabText: makeStringProp("全部物料"),
   materialTabText: makeStringProp("物资"),
   toolTabText: makeStringProp("工具"),
+  max: makeNumericProp(Infinity),
   search: Function,
   searchDebounce: makeNumericProp(300)
 };
@@ -14811,6 +14844,7 @@ var stdin_default$B = defineComponent({
       "key": item.id,
       "item": item,
       "modelValue": quantities.value[index],
+      "max": props2.max,
       "keyword": searching.value ? keyword.value : "",
       "selected": selected,
       "onDetail": openDetail,
@@ -19134,6 +19168,7 @@ const treeSelectPanelProps = {
   showSelectLevels: Array,
   searchable: truthProp,
   searchPlaceholder: String,
+  showSearchParentPath: truthProp,
   lazy: Boolean,
   loading: Boolean,
   finished: Boolean,
@@ -19146,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 = defineComponent({
@@ -19163,7 +19202,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) => {
@@ -19218,7 +19260,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, {
@@ -21788,7 +21840,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.46";
+const version = "0.0.48";
 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) {
@@ -15794,6 +15826,7 @@
     allTabText: makeStringProp("全部物料"),
     materialTabText: makeStringProp("物资"),
     toolTabText: makeStringProp("工具"),
+    max: makeNumericProp(Infinity),
     search: Function,
     searchDebounce: makeNumericProp(300)
   };
@@ -16006,6 +16039,7 @@
         "key": item.id,
         "item": item,
         "modelValue": quantities.value[index],
+        "max": props2.max,
         "keyword": searching.value ? keyword.value : "",
         "selected": selected,
         "onDetail": openDetail,
@@ -20323,6 +20357,7 @@
     showSelectLevels: Array,
     searchable: truthProp,
     searchPlaceholder: String,
+    showSearchParentPath: truthProp,
     lazy: Boolean,
     loading: Boolean,
     finished: Boolean,
@@ -20335,11 +20370,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 +20391,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 +20449,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 +25429,7 @@
       });
     }
   };
-  const version = "0.0.46";
+  const version = "0.0.48";
   function install(app) {
     const components = [
       ActionBar,