persagy-vant 0.0.24 → 0.0.26

package/es/popover/index.less

@@ -43,13 +43,13 @@
   &__action {
     position: relative;
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     box-sizing: border-box;
     width: var(--van-popover-action-width);
-    height: var(--van-popover-action-height);
+    min-height: var(--van-popover-action-height);
     padding: 0 var(--van-padding-md);
     font-size: var(--van-popover-action-font-size);
-    line-height: var(--van-line-height-md);
+    line-height: var(--van-popover-action-line-height);
     cursor: pointer;
 
     &:last-child {
@@ -61,12 +61,19 @@
     &-text {
       display: flex;
       flex: 1;
-      align-items: center;
+      align-items: flex-start;
+      box-sizing: border-box;
       justify-content: center;
-      height: 100%;
+      min-height: var(--van-popover-action-height);
+      padding: var(--van-padding-sm) 0;
     }
 
     &-icon {
+      display: flex;
+      flex: none;
+      align-items: center;
+      height: var(--van-popover-action-line-height);
+      margin-top: var(--van-padding-sm);
       margin-right: var(--van-padding-xs);
       font-size: var(--van-popover-action-icon-size);
     }

package/es/popover/var.less

@@ -6,7 +6,7 @@
 @popover-action-height: 44px;
 @popover-action-font-size: var(--van-font-size-md);
 @popover-action-line-height: var(--van-line-height-md);
-@popover-action-icon-size: 20px;
+@popover-action-icon-size: 18px;
 @popover-light-text-color: var(--van-text-color);
 @popover-light-background-color: var(--van-background-color-light);
 @popover-light-action-disabled-text-color: var(--van-text-color-3);

package/es/quantity-input/QuantityInput.d.ts

@@ -90,9 +90,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     modelValue: number[];
     expanded: boolean;
-    confirmText: string;
     expandText: string;
     collapseText: string;
+    confirmText: string;
     items: QuantityInputItem[];
     clearText: string;
 }>;

package/es/quantity-input/index.d.ts

@@ -58,9 +58,9 @@ export declare const QuantityInput: import("../utils").WithInstall<import("vue")
 }, {
     modelValue: number[];
     expanded: boolean;
-    confirmText: string;
     expandText: string;
     collapseText: string;
+    confirmText: string;
     items: import("./QuantityInput").QuantityInputItem[];
     clearText: string;
 }>>;
@@ -124,9 +124,9 @@ export declare const BatchMultiSelect: import("../utils").WithInstall<import("vu
 }, {
     modelValue: number[];
     expanded: boolean;
-    confirmText: string;
     expandText: string;
     collapseText: string;
+    confirmText: string;
     items: import("./QuantityInput").QuantityInputItem[];
     clearText: string;
 }>>;

package/es/radio-panel/RadioPanel.d.ts

@@ -0,0 +1,41 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+export declare type RadioPanelOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+declare const radioPanelProps: {
+    show: BooleanConstructor;
+    title: StringConstructor;
+    options: {
+        type: PropType<RadioPanelOption[]>;
+        default: () => never[];
+    };
+    modelValue: PropType<string>;
+};
+export declare type RadioPanelProps = ExtractPropTypes<typeof radioPanelProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    options: {
+        type: PropType<RadioPanelOption[]>;
+        default: () => never[];
+    };
+    modelValue: PropType<string>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:show")[], "select" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    options: {
+        type: PropType<RadioPanelOption[]>;
+        default: () => never[];
+    };
+    modelValue: PropType<string>;
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    options: RadioPanelOption[];
+}>;
+export default _default;

package/es/radio-panel/RadioPanel.mjs

@@ -0,0 +1,83 @@
+import { defineComponent, createVNode as _createVNode } from "vue";
+import { createNamespace, makeArrayProp } from "../utils/index.mjs";
+import { ActionSheet } from "../action-sheet/index.mjs";
+import { NavBar } from "../nav-bar/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Radio } from "../radio/index.mjs";
+import { RadioGroup } from "../radio-group/index.mjs";
+const [name, bem] = createNamespace("radio-panel");
+const radioPanelProps = {
+  show: Boolean,
+  title: String,
+  options: makeArrayProp(),
+  modelValue: String
+};
+var stdin_default = defineComponent({
+  name,
+  props: radioPanelProps,
+  emits: ["update:show", "update:modelValue", "select"],
+  setup(props, {
+    emit
+  }) {
+    const close = () => emit("update:show", false);
+    const select = (option) => {
+      if (option.disabled)
+        return;
+      emit("update:modelValue", option.value);
+      emit("select", option.value);
+      close();
+    };
+    return () => _createVNode(ActionSheet, {
+      "show": props.show,
+      "class": bem(),
+      "onUpdate:show": (show) => emit("update:show", show)
+    }, {
+      default: () => [_createVNode("div", {
+        "class": bem("content")
+      }, [_createVNode("div", {
+        "class": bem("nav-wrapper")
+      }, [_createVNode(NavBar, {
+        "title": props.title,
+        "border": false,
+        "class": bem("nav")
+      }, {
+        left: () => _createVNode(Icon, {
+          "name": "cross",
+          "size": "22",
+          "onClick": close
+        }, null)
+      })]), _createVNode("div", {
+        "class": bem("body")
+      }, [_createVNode("div", {
+        "class": bem("card")
+      }, [_createVNode(RadioGroup, {
+        "modelValue": props.modelValue,
+        "onUpdate:modelValue": (value) => {
+          const option = props.options.find((item) => item.value === value);
+          if (option)
+            select(option);
+        }
+      }, {
+        default: () => [props.options.map((option) => _createVNode(Cell, {
+          "key": option.value,
+          "clickable": !option.disabled,
+          "title": option.label,
+          "titleStyle": {
+            color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
+          },
+          "onClick": () => select(option)
+        }, {
+          "right-icon": () => _createVNode(Radio, {
+            "name": option.value,
+            "disabled": option.disabled,
+            "onClick": (event) => event.stopPropagation()
+          }, null)
+        }))]
+      })])])])]
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/radio-panel/index.css

@@ -0,0 +1 @@
+.van-radio-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-radio-panel .van-action-sheet__content{display:flex;flex:1;min-height:0;overflow:hidden}.van-radio-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:var(--van-gray-1)}.van-radio-panel__nav-wrapper{flex:none;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-radio-panel__nav{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-1)}.van-radio-panel__nav .van-nav-bar__content{box-sizing:border-box;width:100%;overflow:hidden}.van-radio-panel__nav .van-nav-bar__left--slot,.van-radio-panel__nav .van-nav-bar__right--slot{padding:0}.van-radio-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-radio-panel__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-radio-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md);overflow-y:auto}.van-radio-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-radio-panel__footer{flex:none;padding:var(--van-padding-xs) 12px;background:var(--van-white);box-shadow:0 3px 12px rgba(27,33,41,.12),0 .5px 3px rgba(27,33,41,.08)}.van-radio-panel__select-all{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-font-size-md)}.van-radio-panel .van-cell{min-height:44px}.van-radio-panel .van-checkbox{margin:0}

package/es/radio-panel/index.d.ts

@@ -0,0 +1,31 @@
+export declare const RadioPanel: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./RadioPanel").RadioPanelOption[]>;
+        default: () => never[];
+    };
+    modelValue: import("vue").PropType<string>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:show")[], "select" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./RadioPanel").RadioPanelOption[]>;
+        default: () => never[];
+    };
+    modelValue: import("vue").PropType<string>;
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    options: import("./RadioPanel").RadioPanelOption[];
+}>>;
+export default RadioPanel;
+export type { RadioPanelProps, RadioPanelOption } from './RadioPanel';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanRadioPanel: typeof RadioPanel;
+    }
+}

package/es/radio-panel/index.less

@@ -0,0 +1,26 @@
+.van-radio-panel {
+  box-sizing: border-box;
+  display: flex;
+  height: calc(100% - 96px);
+  max-height: calc(100% - 96px);
+  overflow: hidden;
+  background: var(--van-gray-1);
+
+  .van-action-sheet__content { display: flex; flex: 1; min-height: 0; overflow: hidden; }
+  &__content { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: hidden; background: var(--van-gray-1); }
+  &__nav-wrapper { flex: none; width: 100%; min-width: 0; max-width: 100%; overflow: hidden; }
+  &__nav {
+    box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; overflow: hidden;
+    --van-nav-bar-background-color: var(--van-gray-1);
+    .van-nav-bar__content { box-sizing: border-box; width: 100%; overflow: hidden; }
+    .van-nav-bar__left--slot, .van-nav-bar__right--slot { padding: 0; }
+    .van-nav-bar__left--slot { left: var(--van-padding-md); }
+    .van-nav-bar__right--slot { right: var(--van-padding-md); }
+  }
+  &__body { flex: 1; min-height: 0; padding: 0 var(--van-padding-md); overflow-y: auto; }
+  &__card { overflow: hidden; background: var(--van-white); border-radius: var(--van-border-radius-lg); }
+  &__footer { flex: none; padding: var(--van-padding-xs) 12px; background: var(--van-white); box-shadow: 0 3px 12px rgba(27, 33, 41, 0.12), 0 0.5px 3px rgba(27, 33, 41, 0.08); }
+  &__select-all { color: var(--van-primary-color); font-weight: var(--van-font-weight-bold); font-size: var(--van-font-size-md); }
+  .van-cell { min-height: 44px; }
+  .van-checkbox { margin: 0; }
+}

package/es/radio-panel/index.mjs

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

package/es/radio-panel/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/radio-panel/style/index.mjs

@@ -0,0 +1,15 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../popover/index.css";
+import "../../nav-bar/index.css";
+import "../../action-sheet/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../radio-group/index.css";
+import "../../radio/index.css";
+import "../../cell/index.css";
+import "../index.css";

package/es/radio-panel/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/radio-panel/style/less.mjs

@@ -0,0 +1,15 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../popover/index.less";
+import "../../nav-bar/index.less";
+import "../../action-sheet/index.less";
+import "../../checkbox-group/index.less";
+import "../../checkbox/index.less";
+import "../../radio-group/index.less";
+import "../../radio/index.less";
+import "../../cell/index.less";
+import "../index.less";

package/es/rate/Rate.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const rateProps: {
+export declare const rateProps: {
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;

package/es/rate/Rate.mjs

@@ -214,5 +214,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  rateProps
 };

package/es/rate/RateCell.d.ts

@@ -0,0 +1,196 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+export declare type RateCellLayout = 'default' | 'between';
+declare const rateCellProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+} & {
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    required: BooleanConstructor;
+    description: StringConstructor;
+    showDescription: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    layout: {
+        type: PropType<RateCellLayout>;
+        default: RateCellLayout;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type RateCellProps = ExtractPropTypes<typeof rateCellProps>;
+declare const _default: import("vue").DefineComponent<{
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+} & {
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    required: BooleanConstructor;
+    description: StringConstructor;
+    showDescription: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    layout: {
+        type: PropType<RateCellLayout>;
+        default: RateCellLayout;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+} & {
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    required: BooleanConstructor;
+    description: StringConstructor;
+    showDescription: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    layout: {
+        type: PropType<RateCellLayout>;
+        default: RateCellLayout;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    title: string;
+    icon: string;
+    size: string | number;
+    border: boolean;
+    disabled: boolean;
+    modelValue: number;
+    readonly: boolean;
+    layout: RateCellLayout;
+    touchable: boolean;
+    count: string | number;
+    gutter: string | number;
+    voidIcon: string;
+    allowHalf: boolean;
+    showDescription: boolean;
+}>;
+export default _default;

package/es/rate/RateCell.mjs

@@ -0,0 +1,60 @@
+import { defineComponent, createVNode as _createVNode } from "vue";
+import { createNamespace, extend, makeNumericProp, makeStringProp, truthProp } from "../utils/index.mjs";
+import { Cell } from "../cell/index.mjs";
+import Rate, { rateProps } from "./Rate.mjs";
+const [name, bem] = createNamespace("rate-cell");
+const rateCellProps = extend({}, rateProps, {
+  size: makeNumericProp(22),
+  gutter: makeNumericProp(6),
+  title: makeStringProp("\u670D\u52A1\u6EE1\u610F\u5EA6"),
+  required: Boolean,
+  description: String,
+  showDescription: truthProp,
+  layout: {
+    type: String,
+    default: "default"
+  },
+  border: truthProp
+});
+var stdin_default = defineComponent({
+  name,
+  props: rateCellProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const renderRate = () => _createVNode(Rate, {
+      "modelValue": props.modelValue,
+      "size": props.size,
+      "icon": props.icon,
+      "color": props.color,
+      "count": props.count,
+      "gutter": props.gutter,
+      "readonly": props.readonly,
+      "disabled": props.disabled,
+      "voidIcon": props.voidIcon,
+      "allowHalf": props.allowHalf,
+      "voidColor": props.voidColor,
+      "touchable": props.touchable,
+      "iconPrefix": props.iconPrefix,
+      "disabledColor": props.disabledColor,
+      "onChange": (value) => emit("change", value),
+      "onUpdate:modelValue": (value) => emit("update:modelValue", value)
+    }, null);
+    return () => _createVNode(Cell, {
+      "title": props.title,
+      "required": props.required,
+      "border": props.border,
+      "class": bem(props.layout)
+    }, {
+      value: () => _createVNode("div", {
+        "class": bem("content")
+      }, [renderRate(), props.layout === "default" && props.showDescription && props.description && _createVNode("span", {
+        "class": bem("description")
+      }, [props.description])])
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/rate/index.css

@@ -1 +1 @@
-:root{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-primary-color);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}
+:root{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-orange-500);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}.van-rate-cell__content{display:flex;align-items:center}.van-rate-cell--default .van-cell__title{flex:none}.van-rate-cell--default .van-cell__value{display:flex;align-items:center;margin-left:var(--van-padding-sm);text-align:left}.van-rate-cell__description{margin-left:var(--van-padding-sm);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-rate-cell--between .van-cell__value{display:flex;justify-content:flex-end}