persagy-vant 0.0.30 → 0.0.32

package/es/title-bar/index.d.ts

@@ -0,0 +1,60 @@
+export declare const TitleBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    icon: StringConstructor;
+    showIcon: BooleanConstructor;
+    showDescription: BooleanConstructor;
+    showArrow: BooleanConstructor;
+    size: {
+        type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
+        default: import("./TitleBar").TitleBarSize;
+    };
+    expandable: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue")[], "click" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    icon: StringConstructor;
+    showIcon: BooleanConstructor;
+    showDescription: BooleanConstructor;
+    showArrow: BooleanConstructor;
+    size: {
+        type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
+        default: import("./TitleBar").TitleBarSize;
+    };
+    expandable: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    size: import("./TitleBar").TitleBarSize;
+    modelValue: boolean;
+    description: string;
+    expandable: boolean;
+    showArrow: boolean;
+    showDescription: boolean;
+    showIcon: boolean;
+}>>;
+export default TitleBar;
+export type { TitleBarProps, TitleBarSize } from './TitleBar';

package/es/title-bar/index.less

@@ -0,0 +1,25 @@
+@import './var.less';
+
+:root {
+  --van-title-bar-padding: @title-bar-padding;
+  --van-title-bar-gap: @title-bar-gap;
+  --van-title-bar-title-color: @title-bar-title-color;
+  --van-title-bar-description-color: @title-bar-description-color;
+}
+
+.van-title-bar {
+  color: var(--van-title-bar-title-color);
+
+  &__header { display: flex; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
+  &--expandable &__header { cursor: pointer; &:active { background: var(--van-active-color); } }
+  &__icon { flex: none; margin: 3px 4px 0 0; font-size: 16px; }
+  &__text { display: flex; flex: 1; flex-direction: column; min-width: 0; }
+  &__text strong { overflow: hidden; font-size: var(--van-font-size-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-line-height-lg); text-overflow: ellipsis; white-space: nowrap; }
+  &__text > span { overflow: hidden; color: var(--van-title-bar-description-color); font-size: var(--van-font-size-sm); font-weight: 400; line-height: var(--van-line-height-md); text-overflow: ellipsis; white-space: nowrap; }
+  &__arrow { flex: none; margin: 4px 0 0 8px; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
+  &__arrow--expanded { transform: rotate(0); }
+  &--mini &__header { padding-top: 12px; padding-bottom: 4px; }
+  &--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
+  &--mini &__icon { margin-top: 3px; font-size: 14px; }
+  &--mini &__arrow { margin-top: 3px; }
+}

package/es/title-bar/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _TitleBar from "./TitleBar.mjs";
+const TitleBar = withInstall(_TitleBar);
+var stdin_default = TitleBar;
+export {
+  TitleBar,
+  stdin_default as default
+};

package/es/title-bar/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/title-bar/style/less.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

package/es/title-bar/var.less

@@ -0,0 +1,6 @@
+@import '../style/var.less';
+
+@title-bar-padding: 12px var(--van-padding-md) 4px;
+@title-bar-gap: 4px;
+@title-bar-title-color: var(--van-gray-8);
+@title-bar-description-color: var(--van-gray-6);

package/es/tree-select/TreeSelect.d.ts

@@ -25,6 +25,10 @@ declare const treeSelectProps: {
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showDivider: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export declare type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -44,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showDivider: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:expandedKeys" | "expand")[], "select" | "update:modelValue" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
         type: PropType<TreeSelectItem[]>;
@@ -61,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showDivider: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -74,5 +86,6 @@ declare const _default: import("vue").DefineComponent<{
     expandedKeys: Numeric[];
     selectableParent: boolean;
     showParentSelect: boolean;
+    showDivider: boolean;
 }>;
 export default _default;

package/es/tree-select/TreeSelect.mjs

@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import { computed, defineComponent, Transition, createVNode as _createVNode } from "vue";
-import { makeArrayProp, createNamespace } from "../utils/index.mjs";
+import { makeArrayProp, createNamespace, truthProp } from "../utils/index.mjs";
 import { Cell } from "../cell/index.mjs";
 import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("tree-select");
@@ -26,7 +26,8 @@ const treeSelectProps = {
   multiple: Boolean,
   cascade: Boolean,
   selectableParent: Boolean,
-  showParentSelect: Boolean
+  showParentSelect: Boolean,
+  showDivider: truthProp
 };
 var stdin_default = defineComponent({
   name,
@@ -118,6 +119,7 @@ var stdin_default = defineComponent({
           branch: hasChildren
         }),
         "title": item.text,
+        "border": props.showDivider,
         "style": {
           paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`
         },

package/es/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}
+:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__node:not(:last-child)>.van-tree-select__cell:not(.van-cell--borderless):after{display:block}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}

package/es/tree-select/index.d.ts

@@ -15,6 +15,10 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showDivider: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:expandedKeys" | "expand")[], "select" | "update:modelValue" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: import("vue").PropType<import("./TreeSelect").TreeSelectItem[]>;
@@ -32,6 +36,10 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showDivider: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -45,6 +53,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     expandedKeys: import("../utils").Numeric[];
     selectableParent: boolean;
     showParentSelect: boolean;
+    showDivider: boolean;
 }>>;
 export default TreeSelect;
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/es/tree-select/index.less

@@ -21,6 +21,12 @@
     .van-cell__title { font-size: var(--van-font-size-md); line-height: 22px; }
   }
 
+  // Each Cell is wrapped by a tree node, so Cell's :last-child rule would
+  // otherwise hide every divider. Restore it between sibling tree nodes.
+  &__node:not(:last-child) > &__cell:not(.van-cell--borderless)::after {
+    display: block;
+  }
+
   &__arrow {
     flex: none;
     margin-right: var(--van-padding-base);

package/lib/cell/Cell.d.ts

@@ -9,12 +9,18 @@ export declare const cellSharedProps: {
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
     tags: PropType<Numeric[]>;
     titleIcon: StringConstructor;
     rightIcon: StringConstructor;
     note: (NumberConstructor | StringConstructor)[];
+    noteBold: BooleanConstructor;
+    noteClickable: BooleanConstructor;
+    noteTo: PropType<import("vue-router").RouteLocationRaw>;
+    noteUrl: StringConstructor;
+    noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     leftSelect: {
         type: PropType<boolean | undefined>;
@@ -29,6 +35,7 @@ export declare const cellSharedProps: {
         default: string;
     };
     blueMark: BooleanConstructor;
+    titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -54,12 +61,18 @@ declare const cellProps: {
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
     tags: PropType<Numeric[]>;
     titleIcon: StringConstructor;
     rightIcon: StringConstructor;
     note: (NumberConstructor | StringConstructor)[];
+    noteBold: BooleanConstructor;
+    noteClickable: BooleanConstructor;
+    noteTo: PropType<import("vue-router").RouteLocationRaw>;
+    noteUrl: StringConstructor;
+    noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     leftSelect: {
         type: PropType<boolean | undefined>;
@@ -74,6 +87,7 @@ declare const cellProps: {
         default: string;
     };
     blueMark: BooleanConstructor;
+    titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -104,12 +118,18 @@ declare const _default: import("vue").DefineComponent<{
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
     tags: PropType<Numeric[]>;
     titleIcon: StringConstructor;
     rightIcon: StringConstructor;
     note: (NumberConstructor | StringConstructor)[];
+    noteBold: BooleanConstructor;
+    noteClickable: BooleanConstructor;
+    noteTo: PropType<import("vue-router").RouteLocationRaw>;
+    noteUrl: StringConstructor;
+    noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     leftSelect: {
         type: PropType<boolean | undefined>;
@@ -124,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     blueMark: BooleanConstructor;
+    titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -146,18 +167,24 @@ 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" | "update:leftSelect" | "update:rightSelect")[], "click" | "update:leftSelect" | "update:rightSelect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-note" | "update:leftSelect" | "update:rightSelect")[], "click" | "click-note" | "update:leftSelect" | "update:rightSelect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
     tags: PropType<Numeric[]>;
     titleIcon: StringConstructor;
     rightIcon: StringConstructor;
     note: (NumberConstructor | StringConstructor)[];
+    noteBold: BooleanConstructor;
+    noteClickable: BooleanConstructor;
+    noteTo: PropType<import("vue-router").RouteLocationRaw>;
+    noteUrl: StringConstructor;
+    noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     leftSelect: {
         type: PropType<boolean | undefined>;
@@ -172,6 +199,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     blueMark: BooleanConstructor;
+    titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -196,16 +224,21 @@ declare const _default: import("vue").DefineComponent<{
     replace: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-note"?: ((...args: any[]) => any) | undefined;
     "onUpdate:leftSelect"?: ((...args: any[]) => any) | undefined;
     "onUpdate:rightSelect"?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
     required: boolean;
     center: boolean;
+    noteBold: boolean;
+    noteClickable: boolean;
+    noteReplace: boolean;
     leftSelect: boolean | undefined;
     rightSelect: boolean | undefined;
     selectType: CellSelectType;
     blueMark: boolean;
+    titleBold: boolean;
     isLink: boolean;
     border: boolean;
     errorBorder: boolean;

package/lib/cell/Cell.js

@@ -36,12 +36,18 @@ const cellSharedProps = {
   title: import_utils.numericProp,
   value: import_utils.numericProp,
   label: import_utils.numericProp,
+  labelSize: import_utils.numericProp,
   avatar: String,
   rightAvatar: String,
   tags: Array,
   titleIcon: String,
   rightIcon: String,
   note: import_utils.numericProp,
+  noteBold: Boolean,
+  noteClickable: Boolean,
+  noteTo: import_use_route.routeProps.to,
+  noteUrl: String,
+  noteReplace: Boolean,
   badge: import_utils.numericProp,
   leftSelect: {
     type: Boolean,
@@ -56,6 +62,7 @@ const cellSharedProps = {
     default: "checkbox"
   },
   blueMark: Boolean,
+  titleBold: Boolean,
   center: Boolean,
   isLink: Boolean,
   border: import_utils.truthProp,
@@ -76,7 +83,7 @@ const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: cellProps,
-  emits: ["click", "update:leftSelect", "update:rightSelect"],
+  emits: ["click", "click-note", "update:leftSelect", "update:rightSelect"],
   setup(props, {
     slots,
     emit
@@ -84,6 +91,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     var _a, _b;
     const config = (0, import_vue.inject)(import_ConfigProvider.CONFIG_PROVIDER_KEY, null);
     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);
     const rightSelectState = (0, import_vue.ref)((_b = props.rightSelect) != null ? _b : false);
     (0, import_vue.watch)(() => props.leftSelect, (value) => {
@@ -120,7 +128,10 @@ var stdin_default = (0, import_vue.defineComponent)({
       const showLabel = slots.label || (0, import_utils.isDef)(props.label);
       if (showLabel) {
         return (0, import_vue.createVNode)("div", {
-          "class": [bem("label"), props.labelClass]
+          "class": [bem("label"), props.labelClass],
+          "style": {
+            fontSize: (0, import_utils.addUnit)(props.labelSize)
+          }
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -243,16 +254,38 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, null);
       }
     };
+    const renderNoteContent = (content) => {
+      const clickable = props.noteClickable || props.noteTo || props.noteUrl;
+      const classes = bem("note", {
+        bold: props.noteBold,
+        clickable
+      });
+      if (!clickable) {
+        return (0, import_vue.createVNode)("div", {
+          "class": classes
+        }, [content]);
+      }
+      const onNoteClick = (event) => {
+        event.stopPropagation();
+        emit("click-note", event);
+        if (props.noteTo && vm.$router) {
+          vm.$router[props.noteReplace ? "replace" : "push"](props.noteTo);
+        } else if (props.noteUrl) {
+          props.noteReplace ? location.replace(props.noteUrl) : location.href = props.noteUrl;
+        }
+      };
+      return (0, import_vue.createVNode)("button", {
+        "type": "button",
+        "class": classes,
+        "onClick": onNoteClick
+      }, [content]);
+    };
     const renderNote = () => {
       if (slots.note) {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("note")
-        }, [slots.note()]);
+        return renderNoteContent(slots.note());
       }
       if ((0, import_utils.isDef)(props.note)) {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("note")
-        }, [props.note]);
+        return renderNoteContent(props.note);
       }
     };
     const renderBadge = () => {
@@ -295,14 +328,17 @@ var stdin_default = (0, import_vue.defineComponent)({
         center,
         border,
         isLink,
-        required
+        required,
+        rightIcon,
+        titleBold
       } = props;
-      const clickable = (_a2 = props.clickable) != null ? _a2 : isLink || hasSelect("left") || hasSelect("right");
+      const clickable = (_a2 = props.clickable) != null ? _a2 : isLink || rightIcon === "arrow" || hasSelect("left") || hasSelect("right");
       const hasBadge = !!slots.badge || (0, import_utils.isDef)(props.badge);
       const cellSize = (_b2 = size != null ? size : config == null ? void 0 : config.cellSize) != null ? _b2 : "normal";
       const classes = {
         center: center || hasBadge,
         required,
+        "title-bold": titleBold,
         clickable,
         borderless: !border
       };

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: var(--van-padding-base);--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-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{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__title,.van-cell__value{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{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{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.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__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__note{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__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)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}
+: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-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-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{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__title,.van-cell__value{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{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{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.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__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.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__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

@@ -4,12 +4,18 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
     tags: import("vue").PropType<import("../utils").Numeric[]>;
     titleIcon: StringConstructor;
     rightIcon: StringConstructor;
     note: (NumberConstructor | StringConstructor)[];
+    noteBold: BooleanConstructor;
+    noteClickable: BooleanConstructor;
+    noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    noteUrl: StringConstructor;
+    noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     leftSelect: {
         type: import("vue").PropType<boolean | undefined>;
@@ -24,6 +30,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         default: string;
     };
     blueMark: BooleanConstructor;
+    titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -46,18 +53,24 @@ 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" | "update:leftSelect" | "update:rightSelect")[], "click" | "update:leftSelect" | "update:rightSelect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-note" | "update:leftSelect" | "update:rightSelect")[], "click" | "click-note" | "update:leftSelect" | "update:rightSelect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
+    labelSize: (NumberConstructor | StringConstructor)[];
     avatar: StringConstructor;
     rightAvatar: StringConstructor;
     tags: import("vue").PropType<import("../utils").Numeric[]>;
     titleIcon: StringConstructor;
     rightIcon: StringConstructor;
     note: (NumberConstructor | StringConstructor)[];
+    noteBold: BooleanConstructor;
+    noteClickable: BooleanConstructor;
+    noteTo: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    noteUrl: StringConstructor;
+    noteReplace: BooleanConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     leftSelect: {
         type: import("vue").PropType<boolean | undefined>;
@@ -72,6 +85,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         default: string;
     };
     blueMark: BooleanConstructor;
+    titleBold: BooleanConstructor;
     center: BooleanConstructor;
     isLink: BooleanConstructor;
     border: {
@@ -96,16 +110,21 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     replace: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-note"?: ((...args: any[]) => any) | undefined;
     "onUpdate:leftSelect"?: ((...args: any[]) => any) | undefined;
     "onUpdate:rightSelect"?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
     required: boolean;
     center: boolean;
+    noteBold: boolean;
+    noteClickable: boolean;
+    noteReplace: boolean;
     leftSelect: boolean | undefined;
     rightSelect: boolean | undefined;
     selectType: import("./Cell").CellSelectType;
     blueMark: boolean;
+    titleBold: boolean;
     isLink: boolean;
     border: boolean;
     errorBorder: boolean;

package/lib/cell/index.less

@@ -173,12 +173,26 @@
   }
 
   &__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;
+
+    &--bold { font-weight: var(--van-font-weight-bold); }
+
+    &--clickable {
+      padding: 0;
+      color: var(--van-primary-color);
+      font-family: inherit;
+      font-size: inherit;
+      line-height: inherit;
+      background: transparent;
+      border: 0;
+      cursor: pointer;
+    }
   }
 
   &__badge {
@@ -228,10 +242,15 @@
 
     .van-cell__label {
       font-size: var(--van-cell-large-label-font-size);
+      margin-top: var(--van-padding-base);
     }
 
     .van-cell__value {
       font-size: var(--van-cell-large-value-font-size);
     }
   }
+
+  &--title-bold {
+    .van-cell__title { font-weight: var(--van-font-weight-bold); }
+  }
 }

package/lib/cell/var.less

@@ -12,7 +12,7 @@
 @cell-label-color: var(--van-text-color-2);
 @cell-label-font-size: var(--van-font-size-sm);
 @cell-label-line-height: var(--van-line-height-sm);
-@cell-label-margin-top: var(--van-padding-base);
+@cell-label-margin-top: 2px;
 @cell-value-color: var(--van-text-color-2);
 @cell-icon-size: 16px;
 @cell-right-icon-color: var(--van-gray-6);