persagy-vant 0.0.30 → 0.0.31

package/es/material-display-bar/MaterialDisplayBar.d.ts

@@ -0,0 +1,159 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type LabelMedia, type LabelType } from '../label';
+export declare type MaterialDisplayBarField = {
+    label: string;
+    showLabel?: boolean;
+    showContent?: boolean;
+    content?: string;
+    type?: LabelType;
+    vertical?: boolean;
+    href?: string;
+    tags?: string[];
+    media?: LabelMedia[];
+    visible?: boolean;
+};
+declare const materialDisplayBarProps: {
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: PropType<MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+};
+export declare type MaterialDisplayBarProps = ExtractPropTypes<typeof materialDisplayBarProps>;
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: PropType<MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "click-title" | "click-media" | "click-field")[], "delete" | "click-title" | "click-media" | "click-field", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: PropType<MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>> & {
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onClick-title"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onClick-field"?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    name: string;
+    fields: MaterialDisplayBarField[];
+    divider: boolean;
+    showArrow: boolean;
+    unit: string;
+    quantityLabel: string;
+    rounded: boolean;
+    stockInsufficient: boolean;
+    stockInsufficientText: string;
+    swipeDelete: boolean;
+    deleteText: string;
+}>;
+export default _default;

package/es/material-display-bar/MaterialDisplayBar.mjs

@@ -0,0 +1,109 @@
+import { defineComponent, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Icon } from "../icon/index.mjs";
+import { Divider } from "../divider/index.mjs";
+import { Button } from "../button/index.mjs";
+import { SwipeCell } from "../swipe-cell/index.mjs";
+import { Label } from "../label/index.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { createNamespace, extend, makeStringProp, numericProp, truthProp } from "../utils/index.mjs";
+const [name, bem] = createNamespace("material-display-bar");
+const materialDisplayBarProps = extend({}, {
+  name: makeStringProp(""),
+  quantity: numericProp,
+  quantityLabel: makeStringProp(""),
+  unit: makeStringProp(""),
+  showArrow: truthProp,
+  rounded: Boolean,
+  stockInsufficient: Boolean,
+  stockInsufficientText: makeStringProp("\u5E93\u5B58\u4E0D\u8DB3\u8BF7\u5DE6\u6ED1\u79FB\u9664"),
+  swipeDelete: Boolean,
+  deleteText: makeStringProp("\u5220\u9664"),
+  fields: {
+    type: Array,
+    default: () => []
+  },
+  divider: truthProp
+}, routeProps);
+var stdin_default = defineComponent({
+  name,
+  props: materialDisplayBarProps,
+  emits: ["click-title", "click-field", "click-media", "delete"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const route = useRoute();
+    const renderField = (field, index) => {
+      if (field.visible === false)
+        return;
+      return _createVNode(Label, {
+        "key": `${field.label}-${index}`,
+        "size": "mini",
+        "label": field.label,
+        "showLabel": field.showLabel,
+        "showContent": field.showContent,
+        "content": field.content,
+        "type": field.type,
+        "vertical": field.vertical,
+        "href": field.href,
+        "tags": field.tags,
+        "media": field.media,
+        "onClick": (event) => emit("click-field", field, index, event),
+        "onClick-media": (item, mediaIndex, event) => emit("click-media", item, mediaIndex, field, index, event)
+      }, null);
+    };
+    const onTitleClick = (event) => {
+      emit("click-title", event);
+      route();
+    };
+    const renderBar = () => {
+      var _a, _b, _c;
+      return _createVNode("section", {
+        "class": bem({
+          rounded: props.rounded
+        })
+      }, [_createVNode("div", {
+        "class": bem("body")
+      }, [_createVNode("div", {
+        "class": bem("header")
+      }, [_createVNode("button", {
+        "type": "button",
+        "class": bem("title"),
+        "onClick": onTitleClick
+      }, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || _createVNode("span", null, [props.name]), props.showArrow && _createVNode(Icon, {
+        "name": "arrow",
+        "class": bem("title-arrow")
+      }, null)]), props.stockInsufficient ? _createVNode("span", {
+        "class": bem("stock-insufficient")
+      }, [props.stockInsufficientText]) : (slots.quantity || props.quantity !== void 0) && _createVNode("div", {
+        "class": bem("quantity")
+      }, [((_b = slots.quantity) == null ? void 0 : _b.call(slots)) || _createVNode(_Fragment, null, [props.quantityLabel && _createVNode("span", {
+        "class": bem("quantity-label")
+      }, [props.quantityLabel]), _createVNode("strong", null, [props.quantity]), props.unit && _createVNode("span", null, [props.unit])])])]), props.fields.filter((field) => field.visible !== false).length > 0 && _createVNode("div", {
+        "class": bem("fields")
+      }, [props.fields.map(renderField)])]), props.divider && _createVNode(Divider, {
+        "hairline": true,
+        "class": bem("divider")
+      }, null), ((_c = slots.default) == null ? void 0 : _c.call(slots)) && _createVNode("div", {
+        "class": bem("bottom")
+      }, [slots.default()])]);
+    };
+    return () => props.swipeDelete ? _createVNode(SwipeCell, {
+      "rightWidth": 76,
+      "class": bem("swipe-cell", {
+        rounded: props.rounded
+      })
+    }, {
+      default: renderBar,
+      right: () => _createVNode(Button, {
+        "type": "danger",
+        "text": props.deleteText,
+        "class": bem("delete"),
+        "onClick": (event) => emit("delete", event)
+      }, null)
+    }) : renderBar();
+  }
+});
+export {
+  stdin_default as default
+};

package/es/material-display-bar/index.css

@@ -0,0 +1 @@
+:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 2px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-padding-sm);min-width:0}.van-material-display-bar__title{min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:400;line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}

package/es/material-display-bar/index.d.ts

@@ -0,0 +1,103 @@
+export declare const MaterialDisplayBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "click-title" | "click-media" | "click-field")[], "delete" | "click-title" | "click-media" | "click-field", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>> & {
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onClick-title"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onClick-field"?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    name: string;
+    fields: import("./MaterialDisplayBar").MaterialDisplayBarField[];
+    divider: boolean;
+    showArrow: boolean;
+    unit: string;
+    quantityLabel: string;
+    rounded: boolean;
+    stockInsufficient: boolean;
+    stockInsufficientText: string;
+    swipeDelete: boolean;
+    deleteText: string;
+}>>;
+export default MaterialDisplayBar;
+export type { MaterialDisplayBarField, MaterialDisplayBarProps } from './MaterialDisplayBar';

package/es/material-display-bar/index.less

@@ -0,0 +1,113 @@
+@import './var.less';
+
+:root {
+  --van-material-display-bar-padding: @material-detail-padding;
+  --van-material-display-bar-radius: @material-detail-radius;
+  --van-material-display-bar-gap: @material-detail-gap;
+  --van-material-display-bar-fields-gap: @material-detail-fields-gap;
+  --van-material-display-bar-title-color: @material-detail-title-color;
+  --van-material-display-bar-title-font-size: @material-detail-title-font-size;
+  --van-material-display-bar-title-line-height: @material-detail-title-line-height;
+  --van-material-display-bar-title-gap: @material-detail-title-gap;
+  --van-material-display-bar-title-icon-size: @material-detail-title-icon-size;
+  --van-material-display-bar-quantity-color: @material-detail-quantity-color;
+  --van-material-display-bar-quantity-gap: @material-detail-quantity-gap;
+  --van-material-display-bar-quantity-label-gap: @material-detail-quantity-label-gap;
+}
+
+.van-material-display-bar {
+  overflow: hidden;
+  background: var(--van-white);
+
+  &--rounded { border-radius: var(--van-material-display-bar-radius); }
+
+  &__body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--van-material-display-bar-gap);
+    padding: var(--van-material-display-bar-padding);
+  }
+
+  &__header,
+  &__quantity,
+  &__title {
+    display: flex;
+    align-items: center;
+  }
+
+  &__header {
+    justify-content: space-between;
+    gap: var(--van-padding-sm);
+    min-width: 0;
+  }
+
+  &__title {
+    min-width: 0;
+    gap: var(--van-material-display-bar-title-gap);
+    padding: 0;
+    color: var(--van-material-display-bar-title-color);
+    font: inherit;
+    font-size: var(--van-material-display-bar-title-font-size);
+    font-weight: 400;
+    line-height: var(--van-material-display-bar-title-line-height);
+    text-align: left;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+
+    &:active { opacity: var(--van-active-opacity); }
+  }
+
+  &__title-arrow {
+    flex: none;
+    color: var(--van-material-display-bar-title-color);
+    font-size: var(--van-material-display-bar-title-icon-size);
+  }
+
+  &__quantity {
+    flex: none;
+    gap: var(--van-material-display-bar-quantity-gap);
+    color: var(--van-material-display-bar-title-color);
+    font-size: var(--van-material-display-bar-title-font-size);
+    line-height: var(--van-material-display-bar-title-line-height);
+    white-space: nowrap;
+
+    strong {
+      color: var(--van-material-display-bar-quantity-color);
+      font-weight: var(--van-font-weight-bold);
+    }
+  }
+
+  &__quantity-label { margin-right: var(--van-material-display-bar-quantity-label-gap); }
+
+  &__stock-insufficient {
+    flex: none;
+    color: var(--van-red-500);
+    font-size: var(--van-font-size-sm);
+    line-height: var(--van-line-height-md);
+    white-space: nowrap;
+  }
+
+  &__fields { display: flex; flex-direction: column; gap: var(--van-material-display-bar-fields-gap); width: 100%; }
+
+  &__divider.van-divider {
+    margin: 0 var(--van-padding-md);
+  }
+
+  &__bottom { display: flex; flex-direction: column; gap: var(--van-material-display-bar-gap); }
+
+  &__swipe-cell {
+    overflow: hidden;
+    background: var(--van-gray-2);
+
+    &--rounded { border-radius: var(--van-material-display-bar-radius); }
+  }
+
+  &__delete {
+    width: calc(100% - 8px);
+    height: 100%;
+    margin: 0 4px;
+    border: 0;
+    border-radius: 8px;
+  }
+}

package/es/material-display-bar/index.mjs

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

package/es/material-display-bar/style/index.mjs

@@ -0,0 +1,11 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../image/index.css";
+import "../../tag/index.css";
+import "../../label/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../../divider/index.css";
+import "../../swipe-cell/index.css";
+import "../index.css";

package/es/material-display-bar/style/less.mjs

@@ -0,0 +1,11 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../image/index.less";
+import "../../tag/index.less";
+import "../../label/index.less";
+import "../../loading/index.less";
+import "../../button/index.less";
+import "../../divider/index.less";
+import "../../swipe-cell/index.less";
+import "../index.less";

package/es/material-display-bar/var.less

@@ -0,0 +1,12 @@
+@material-detail-padding: 10px var(--van-padding-md);
+@material-detail-radius: var(--van-border-radius-lg);
+@material-detail-gap: 4px;
+@material-detail-fields-gap: 0;
+@material-detail-title-color: var(--van-gray-8);
+@material-detail-title-font-size: var(--van-font-size-md);
+@material-detail-title-line-height: var(--van-line-height-lg);
+@material-detail-title-gap: 2px;
+@material-detail-title-icon-size: 12px;
+@material-detail-quantity-color: var(--van-orange-700);
+@material-detail-quantity-gap: 2px;
+@material-detail-quantity-label-gap: 4px;

package/es/rate/RateCell.mjs

@@ -45,7 +45,10 @@ var stdin_default = defineComponent({
       "title": props.title,
       "required": props.required,
       "border": props.border,
-      "class": bem(props.layout)
+      "class": bem({
+        [props.layout]: true
+      }),
+      "valueClass": bem("value")
     }, {
       value: () => _createVNode("div", {
         "class": bem("content")

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-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}
+: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 .van-rate{flex:none;flex-wrap:nowrap}.van-rate-cell--default .van-cell__title{flex:none}.van-rate-cell--default .van-rate-cell__value{display:flex;flex:none;min-width:auto;align-items:center;margin-left:6px;overflow:visible;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-rate-cell__value{display:flex;flex:none;min-width:auto;justify-content:flex-end;overflow:visible}

package/es/rate/index.less

@@ -59,15 +59,25 @@
     align-items: center;
   }
 
+  // Rate cells follow the 5-star single-line layout defined for form rows.
+  // Keep this constraint local so standalone Rate instances can still wrap.
+  .van-rate {
+    flex: none;
+    flex-wrap: nowrap;
+  }
+
   &--default {
     .van-cell__title {
       flex: none;
     }
 
-    .van-cell__value {
+    .van-rate-cell__value {
       display: flex;
+      flex: none;
+      min-width: auto;
       align-items: center;
-      margin-left: var(--van-padding-sm);
+      margin-left: 6px;
+      overflow: visible;
       text-align: left;
     }
   }
@@ -81,9 +91,12 @@
   }
 
   &--between {
-    .van-cell__value {
+    .van-rate-cell__value {
       display: flex;
+      flex: none;
+      min-width: auto;
       justify-content: flex-end;
+      overflow: visible;
     }
   }
 }

package/es/search/Search.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-import type { SearchShape } from './types';
+import type { SearchShape, SearchVariant } from './types';
 declare const searchProps: {
     id: StringConstructor;
     name: StringConstructor;
@@ -51,6 +51,10 @@ declare const searchProps: {
         type: import("vue").PropType<SearchShape>;
         default: SearchShape;
     };
+    variant: {
+        type: import("vue").PropType<SearchVariant>;
+        default: SearchVariant;
+    };
     leftIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -115,6 +119,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<SearchShape>;
         default: SearchShape;
     };
+    variant: {
+        type: import("vue").PropType<SearchVariant>;
+        default: SearchVariant;
+    };
     leftIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -177,6 +185,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<SearchShape>;
         default: SearchShape;
     };
+    variant: {
+        type: import("vue").PropType<SearchVariant>;
+        default: SearchVariant;
+    };
     leftIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -211,6 +223,7 @@ declare const _default: import("vue").DefineComponent<{
     formatTrigger: import("../field").FieldFormatTrigger;
     error: boolean;
     readonly: boolean;
+    variant: SearchVariant;
     showAction: boolean;
 }>;
 export default _default;

package/es/search/Search.mjs

@@ -7,7 +7,8 @@ import { Field } from "../field/index.mjs";
 const [name, bem, t] = createNamespace("search");
 const searchProps = extend({}, fieldSharedProps, {
   label: String,
-  shape: makeStringProp("square"),
+  shape: makeStringProp("round"),
+  variant: makeStringProp("default"),
   leftIcon: makeStringProp("search"),
   clearable: truthProp,
   actionText: String,
@@ -101,10 +102,11 @@ var stdin_default = defineComponent({
       var _a;
       return _createVNode("div", {
         "class": bem({
-          "show-action": props.showAction
+          "show-action": props.showAction,
+          pure: props.variant === "pure"
         }),
         "style": {
-          background: props.background
+          background: props.variant === "default" ? props.background : void 0
         }
       }, [(_a = slots.left) == null ? void 0 : _a.call(slots), _createVNode("div", {
         "class": bem("content", props.shape)