persagy-vant 0.0.45 → 0.0.47

package/lib/cell/Cell.js

@@ -54,6 +54,7 @@ const cellSharedProps = {
   showTitleCollapseIcon: Boolean,
   defaultMultiLineNotesCollapsed: Boolean,
   threeLine: Boolean,
+  threeLineEllipsis: Boolean,
   labelSize: import_utils.numericProp,
   avatar: String,
   showAvatar: {
@@ -156,13 +157,39 @@ const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   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(props, {
     slots,
     emit
   }) {
     var _a, _b;
+    let longPressTimer;
     const config = (0, import_vue.inject)(import_ConfigProvider.CONFIG_PROVIDER_KEY, null);
+    const clearLongPress = () => {
+      if (longPressTimer !== void 0) {
+        clearTimeout(longPressTimer);
+        longPressTimer = void 0;
+      }
+    };
+    const startLongPress = (target, text) => {
+      if (!props.threeLine || !props.threeLineEllipsis || !(0, import_utils.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 route = (0, import_use_route.useRoute)();
     const vm = (0, import_vue.getCurrentInstance)().proxy;
     const leftSelectState = (0, import_vue.ref)((_a = props.leftSelect) != null ? _a : false);
@@ -209,7 +236,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       const showLabel = slots.label || (0, import_utils.isDef)(props.label);
       const showLabelIcon = (_a2 = props.showLabelIcon) != null ? _a2 : !!(slots["label-icon"] || props.labelIcon);
       if (showLabel) {
-        return (0, import_vue.createVNode)("div", {
+        return (0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
           "class": [bem("label", {
             clickable: props.labelClickable
           }), props.labelClass],
@@ -224,19 +251,21 @@ var stdin_default = (0, import_vue.defineComponent)({
             event.stopPropagation();
             emit("click-label", event);
           }
-        }, [showLabelIcon && slots["label-icon"] ? (0, import_vue.createVNode)("span", {
+        }, longPressEvents("label", props.label)), [showLabelIcon && slots["label-icon"] ? (0, import_vue.createVNode)("span", {
           "class": bem("label-icon")
         }, [slots["label-icon"]()]) : showLabelIcon ? (0, import_vue.createVNode)(import_icon.Icon, {
           "name": props.labelIcon || "location-o",
           "class": bem("label-icon"),
           "classPrefix": props.iconPrefix
-        }, null) : null, (0, import_vue.createVNode)("span", null, [slots.label ? slots.label() : props.label])]);
+        }, null) : null, (0, import_vue.createVNode)("span", {
+          "class": bem("label-content")
+        }, [slots.label ? slots.label() : props.label])]);
       }
     };
     const renderDescription = () => {
       const showDescription = slots.description || (0, import_utils.isDef)(props.description);
       if (showDescription) {
-        return (0, import_vue.createVNode)("div", {
+        return (0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
           "class": bem("description", {
             clickable: props.descriptionClickable
           }),
@@ -248,7 +277,7 @@ var stdin_default = (0, import_vue.defineComponent)({
             event.stopPropagation();
             emit("click-description", event);
           }
-        }, [slots.description ? slots.description() : props.description]);
+        }, longPressEvents("description", props.description)), [slots.description ? slots.description() : props.description]);
       }
     };
     const renderMultiLineNotes = () => {
@@ -293,7 +322,9 @@ var stdin_default = (0, import_vue.defineComponent)({
           "class": bem("title-collapse-icon", {
             collapsed: multiLineNotesCollapsed.value
           })
-        }, null)]), slots.title ? slots.title() : (0, import_vue.createVNode)("span", null, [props.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
+        }, null)]), (0, import_vue.createVNode)("span", (0, import_vue.mergeProps)({
+          "class": bem("title-content")
+        }, longPressEvents("title", props.title)), [slots.title ? slots.title() : props.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
       }
     };
     const renderValue = () => {
@@ -305,7 +336,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           "class": [bem("value", {
             alone: !hasTitle
           }), props.valueClass]
-        }, [slot ? slot() : (0, import_vue.createVNode)("span", null, [props.value])]);
+        }, [slot ? slot() : (0, import_vue.createVNode)("span", longPressEvents("value", props.value), [props.value])]);
       }
     };
     const renderLeftIcon = () => {
@@ -578,6 +609,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         clickable,
         borderless: !border,
         "three-line": threeLine,
+        "three-line-ellipsis": threeLine && props.threeLineEllipsis,
         "multi-line-notes": hasMultiLineNotes
       };
       if (cellSize) {

package/lib/cell/index.css

@@ -1 +1 @@
-:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
+:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__title,.van-cell__label,.van-cell__description,.van-cell__value,.van-cell__multi-line-note{white-space:pre-line}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell--three-line-ellipsis .van-cell__title-content,.van-cell--three-line-ellipsis .van-cell__label-content,.van-cell--three-line-ellipsis .van-cell__description,.van-cell--three-line-ellipsis .van-cell__value>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-cell--three-line-ellipsis .van-cell__title-content,.van-cell--three-line-ellipsis .van-cell__label-content,.van-cell--three-line-ellipsis .van-cell__description{min-width:0}.van-cell--three-line-ellipsis .van-cell__label-content{flex:1}.van-cell--three-line-ellipsis .van-cell__value{flex:0 1 50%}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}

package/lib/cell/index.d.ts

@@ -21,6 +21,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -125,7 +126,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed")[], "click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "long-press" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed")[], "click" | "click-label" | "click-description" | "click-note" | "click-title-icon" | "long-press" | "update:leftSelect" | "update:rightSelect" | "update:multiLineNotesCollapsed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     background: StringConstructor;
@@ -148,6 +149,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -258,6 +260,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     "onClick-description"?: ((...args: any[]) => any) | undefined;
     "onClick-note"?: ((...args: any[]) => any) | undefined;
     "onClick-title-icon"?: ((...args: any[]) => any) | undefined;
+    "onLong-press"?: ((...args: any[]) => any) | undefined;
     "onUpdate:leftSelect"?: ((...args: any[]) => any) | undefined;
     "onUpdate:rightSelect"?: ((...args: any[]) => any) | undefined;
     "onUpdate:multiLineNotesCollapsed"?: ((...args: any[]) => any) | undefined;
@@ -272,6 +275,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     showTitleCollapseIcon: boolean;
     defaultMultiLineNotesCollapsed: boolean;
     threeLine: boolean;
+    threeLineEllipsis: boolean;
     showAvatar: boolean | undefined;
     showRightAvatar: boolean | undefined;
     showTags: boolean | undefined;

package/lib/cell/index.less

@@ -58,6 +58,14 @@
     display: inline-block;
   }
 
+  &__title,
+  &__label,
+  &__description,
+  &__value,
+  &__multi-line-note {
+    white-space: pre-line;
+  }
+
   &__label {
     display: flex;
     align-items: center;
@@ -111,6 +119,32 @@
     min-width: 0;
   }
 
+  &--three-line-ellipsis {
+    .van-cell__title-content,
+    .van-cell__label-content,
+    .van-cell__description,
+    .van-cell__value > span {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .van-cell__title-content,
+    .van-cell__label-content,
+    .van-cell__description {
+      min-width: 0;
+    }
+
+    .van-cell__label-content {
+      flex: 1;
+    }
+
+    .van-cell__value {
+      flex: 0 1 50%;
+    }
+  }
+
   &__title-row {
     display: flex;
     align-items: center;

package/lib/collapse-item/CollapseItem.d.ts

@@ -22,6 +22,7 @@ declare const collapseItemProps: {
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -159,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -294,6 +296,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -416,6 +419,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: boolean;
     defaultMultiLineNotesCollapsed: boolean;
     threeLine: boolean;
+    threeLineEllipsis: boolean;
     showAvatar: boolean | undefined;
     showRightAvatar: boolean | undefined;
     showTags: boolean | undefined;

package/lib/collapse-item/index.d.ts

@@ -21,6 +21,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -156,6 +157,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -278,6 +280,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     showTitleCollapseIcon: boolean;
     defaultMultiLineNotesCollapsed: boolean;
     threeLine: boolean;
+    threeLineEllipsis: boolean;
     showAvatar: boolean | undefined;
     showRightAvatar: boolean | undefined;
     showTags: boolean | undefined;

package/lib/field/Field.d.ts

@@ -67,6 +67,7 @@ declare const fieldProps: {
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -265,6 +266,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -461,6 +463,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -658,6 +661,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: boolean;
     defaultMultiLineNotesCollapsed: boolean;
     threeLine: boolean;
+    threeLineEllipsis: boolean;
     showAvatar: boolean | undefined;
     showRightAvatar: boolean | undefined;
     showTags: boolean | undefined;

package/lib/field/index.d.ts

@@ -22,6 +22,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -218,6 +219,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -415,6 +417,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     showTitleCollapseIcon: boolean;
     defaultMultiLineNotesCollapsed: boolean;
     threeLine: boolean;
+    threeLineEllipsis: boolean;
     showAvatar: boolean | undefined;
     showRightAvatar: boolean | undefined;
     showTags: boolean | undefined;