persagy-vant 0.0.46 → 0.0.48

package/es/tree-select-panel/TreeSelectPanel.mjs

@@ -1,4 +1,4 @@
-import { computed, defineComponent, ref, watch, createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref, watch, createVNode as _createVNode, Fragment as _Fragment, createTextVNode as _createTextVNode } from "vue";
 import { ActionSheet } from "../action-sheet/index.mjs";
 import { BottomActionBar } from "../bottom-action-bar/index.mjs";
 import { Cell } from "../cell/index.mjs";
@@ -24,6 +24,7 @@ const treeSelectPanelProps = {
   showSelectLevels: Array,
   searchable: truthProp,
   searchPlaceholder: String,
+  showSearchParentPath: truthProp,
   lazy: Boolean,
   loading: Boolean,
   finished: Boolean,
@@ -36,11 +37,15 @@ const treeSelectPanelProps = {
   clearSelectedText: makeStringProp("\u6E05\u7A7A\u5DF2\u9009"),
   confirmText: 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 = defineComponent({
@@ -53,7 +58,10 @@ var stdin_default = defineComponent({
     const keyword = ref("");
     const expandedSelected = ref(false);
     const normalizedKeyword = computed(() => keyword.value.trim().toLocaleLowerCase());
-    const filteredItems = computed(() => normalizedKeyword.value ? findMatchingLeaves(props.items, normalizedKeyword.value) : props.items);
+    const searchResults = computed(() => normalizedKeyword.value ? findMatchingLeaves(props.items, normalizedKeyword.value) : []);
+    const filteredItems = computed(() => normalizedKeyword.value ? searchResults.value.map(({
+      item
+    }) => item) : props.items);
     const selectedItems = computed(() => flattenItems(props.items).filter((item) => props.modelValue.includes(item.id)));
     const close = () => emit("update:show", false);
     const updateSelected = (value) => {
@@ -108,7 +116,17 @@ var stdin_default = 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 _createVNode(_Fragment, null, [result.parentPath.join("/"), _createVNode("span", {
+            "class": bem("path-separator")
+          }, [_createTextVNode("/")]), renderHighlightedTitle(item.text)]);
+        }
       })]);
     };
     return () => _createVNode(ActionSheet, {

package/es/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/es/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/es/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/cell/Cell.d.ts

@@ -3,6 +3,11 @@ import { type Numeric } from '../utils';
 export declare type CellSize = 'normal' | 'large';
 export declare type CellSelectType = 'checkbox' | 'radio';
 export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
+export declare type CellThreeLineLongPressTarget = 'title' | 'label' | 'description' | 'value';
+export declare type CellThreeLineLongPressEvent = {
+    target: CellThreeLineLongPressTarget;
+    text: string;
+};
 export declare const cellSharedProps: {
     icon: StringConstructor;
     size: PropType<CellSize>;
@@ -26,6 +31,7 @@ export declare const cellSharedProps: {
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -150,6 +156,7 @@ declare const cellProps: {
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -279,6 +286,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -383,7 +391,7 @@ declare const _default: import("vue").DefineComponent<{
     to: 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<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<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<CellSize>;
     background: StringConstructor;
@@ -406,6 +414,7 @@ declare const _default: import("vue").DefineComponent<{
     showTitleCollapseIcon: BooleanConstructor;
     defaultMultiLineNotesCollapsed: BooleanConstructor;
     threeLine: BooleanConstructor;
+    threeLineEllipsis: BooleanConstructor;
     labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     showAvatar: {
@@ -516,6 +525,7 @@ declare const _default: import("vue").DefineComponent<{
     "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;
@@ -530,6 +540,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/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__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__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

@@ -119,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;