persagy-vant 0.0.37 → 0.0.38

package/es/number-keyboard/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/picker/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/picker/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/progress/Progress.d.ts

@@ -1,10 +1,16 @@
 import { type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
+import type { ProgressSize } from './types';
 declare const progressProps: {
+    size: {
+        type: import("vue").PropType<ProgressSize>;
+        default: ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -20,10 +26,15 @@ declare const progressProps: {
 };
 export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
 declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<ProgressSize>;
+        default: ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -37,10 +48,15 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: Numeric) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<ProgressSize>;
+        default: ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -54,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: Numeric) => boolean;
     };
 }>>, {
+    size: ProgressSize;
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;

package/es/progress/Progress.mjs

@@ -1,11 +1,13 @@
 import { computed, defineComponent, createVNode as _createVNode } from "vue";
-import { addUnit, truthProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { addUnit, truthProp, numericProp, createNamespace, makeStringProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("progress");
 const progressProps = {
+  size: makeStringProp("default"),
   color: String,
   inactive: Boolean,
   pivotText: String,
   textColor: String,
+  textSize: numericProp,
   showPivot: truthProp,
   pivotColor: String,
   trackColor: String,
@@ -24,6 +26,7 @@ var stdin_default = defineComponent({
     const renderPivot = () => {
       const {
         textColor,
+        textSize,
         pivotText,
         pivotColor,
         percentage
@@ -31,10 +34,8 @@ var stdin_default = defineComponent({
       const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props.showPivot && text) {
         const style = {
-          color: textColor,
-          left: `${+percentage}%`,
-          transform: `translate(-${+percentage}%,-50%)`,
-          background: pivotColor || background.value
+          color: textColor || pivotColor,
+          fontSize: addUnit(textSize)
         };
         return _createVNode("span", {
           "style": style,
@@ -50,7 +51,7 @@ var stdin_default = defineComponent({
         percentage,
         strokeWidth
       } = props;
-      const rootStyle = {
+      const trackStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
@@ -59,14 +60,18 @@ var stdin_default = defineComponent({
         background: background.value
       };
       return _createVNode("div", {
-        "class": bem(),
-        "style": rootStyle
+        "class": bem({
+          large: props.size === "large"
+        })
+      }, [_createVNode("div", {
+        "class": bem("track"),
+        "style": trackStyle
       }, [_createVNode("span", {
         "class": bem("portion", {
           inactive: props.inactive
         }),
         "style": portionStyle
-      }, null), renderPivot()]);
+      }, null)]), renderPivot()]);
     };
   }
 });

package/es/progress/index.css

@@ -1 +1 @@
-:root{--van-progress-height: 4px;--van-progress-color: var(--van-primary-color);--van-progress-inactive-color: var(--van-gray-5);--van-progress-background-color: var(--van-gray-3);--van-progress-pivot-padding: 0 5px;--van-progress-pivot-text-color: var(--van-white);--van-progress-pivot-font-size: var(--van-font-size-xs);--van-progress-pivot-line-height: 1.6;--van-progress-pivot-background-color: var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot--inactive{background:var(--van-progress-inactive-color)}
+:root{--van-progress-height: 6px;--van-progress-large-height: 8px;--van-progress-color: var(--van-primary-color);--van-progress-inactive-color: var(--van-gray-5);--van-progress-background-color: var(--van-gray-2);--van-progress-pivot-padding: 0;--van-progress-pivot-text-color: var(--van-progress-pivot-background-color);--van-progress-pivot-font-size: var(--van-font-size-sm);--van-progress-large-pivot-font-size: var(--van-font-size-md);--van-progress-pivot-line-height: var(--van-line-height-lg);--van-progress-pivot-background-color: var(--van-text-color-2);--van-progress-text-gap: var(--van-padding-sm)}.van-progress{display:flex;align-items:center;gap:var(--van-progress-text-gap)}.van-progress--large{--van-progress-height: var(--van-progress-large-height);--van-progress-pivot-font-size: var(--van-progress-large-pivot-font-size)}.van-progress__track{position:relative;flex:1;height:var(--van-progress-height);overflow:hidden;background:var(--van-progress-background-color);border-radius:var(--van-border-radius-max)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:var(--van-border-radius-max);transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{flex:none;box-sizing:border-box;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all}.van-progress__pivot--inactive{color:var(--van-progress-inactive-color)}

package/es/progress/index.d.ts

@@ -1,9 +1,14 @@
 import { ProgressProps } from './Progress';
 export declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("./types").ProgressSize>;
+        default: import("./types").ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -17,10 +22,15 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
         validator: (value: import("../utils").Numeric) => boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<import("./types").ProgressSize>;
+        default: import("./types").ProgressSize;
+    };
     color: StringConstructor;
     inactive: BooleanConstructor;
     pivotText: StringConstructor;
     textColor: StringConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
     showPivot: {
         type: BooleanConstructor;
         default: true;
@@ -34,13 +44,14 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
         validator: (value: import("../utils").Numeric) => boolean;
     };
 }>>, {
+    size: import("./types").ProgressSize;
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;
 }>>;
 export default Progress;
 export type { ProgressProps };
-export type { ProgressInstance } from './types';
+export type { ProgressInstance, ProgressSize } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanProgress: typeof Progress;

package/es/progress/index.less

@@ -2,21 +2,37 @@
 
 :root {
   --van-progress-height: @progress-height;
+  --van-progress-large-height: @progress-large-height;
   --van-progress-color: @progress-color;
   --van-progress-inactive-color: @progress-inactive-color;
   --van-progress-background-color: @progress-background-color;
   --van-progress-pivot-padding: @progress-pivot-padding;
-  --van-progress-pivot-text-color: @progress-pivot-text-color;
+  --van-progress-pivot-text-color: var(--van-progress-pivot-background-color);
   --van-progress-pivot-font-size: @progress-pivot-font-size;
+  --van-progress-large-pivot-font-size: @progress-large-pivot-font-size;
   --van-progress-pivot-line-height: @progress-pivot-line-height;
   --van-progress-pivot-background-color: @progress-pivot-background-color;
+  --van-progress-text-gap: @progress-text-gap;
 }
 
 .van-progress {
-  position: relative;
-  height: var(--van-progress-height);
-  background: var(--van-progress-background-color);
-  border-radius: var(--van-progress-height);
+  display: flex;
+  align-items: center;
+  gap: var(--van-progress-text-gap);
+
+  &--large {
+    --van-progress-height: var(--van-progress-large-height);
+    --van-progress-pivot-font-size: var(--van-progress-large-pivot-font-size);
+  }
+
+  &__track {
+    position: relative;
+    flex: 1;
+    height: var(--van-progress-height);
+    overflow: hidden;
+    background: var(--van-progress-background-color);
+    border-radius: var(--van-border-radius-max);
+  }
 
   &__portion {
     position: absolute;
@@ -24,7 +40,7 @@
     width: 100%;
     height: 100%;
     background: var(--van-progress-color);
-    border-radius: inherit;
+    border-radius: var(--van-border-radius-max);
     transform-origin: 0;
     transition: all var(--van-animation-duration-base)
       var(--van-animation-timing-function-enter);
@@ -35,23 +51,17 @@
   }
 
   &__pivot {
-    position: absolute;
-    top: 50%;
+    flex: none;
     box-sizing: border-box;
-    min-width: 3.6em;
     padding: var(--van-progress-pivot-padding);
     color: var(--van-progress-pivot-text-color);
     font-size: var(--van-progress-pivot-font-size);
     line-height: var(--van-progress-pivot-line-height);
     text-align: center;
     word-break: keep-all;
-    background: var(--van-progress-pivot-background-color);
-    border-radius: 1em;
-    transition: all var(--van-animation-duration-base)
-      var(--van-animation-timing-function-enter);
 
     &--inactive {
-      background: var(--van-progress-inactive-color);
+      color: var(--van-progress-inactive-color);
     }
   }
 }

package/es/progress/types.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ProgressProps } from './Progress';
+export declare type ProgressSize = 'default' | 'large';
 export declare type ProgressExpose = {
     resize: () => void;
 };

package/es/progress/var.less

@@ -1,11 +1,14 @@
 @import '../style/var.less';
 
-@progress-height: 4px;
+@progress-height: 6px;
+@progress-large-height: 8px;
 @progress-color: var(--van-primary-color);
 @progress-inactive-color: var(--van-gray-5);
-@progress-background-color: var(--van-gray-3);
-@progress-pivot-padding: 0 5px;
-@progress-pivot-text-color: var(--van-white);
-@progress-pivot-font-size: var(--van-font-size-xs);
-@progress-pivot-line-height: 1.6;
-@progress-pivot-background-color: var(--van-primary-color);
+@progress-background-color: var(--van-gray-2);
+@progress-pivot-padding: 0;
+@progress-pivot-text-color: var(--van-text-color-2);
+@progress-pivot-font-size: var(--van-font-size-sm);
+@progress-large-pivot-font-size: var(--van-font-size-md);
+@progress-pivot-line-height: var(--van-line-height-lg);
+@progress-pivot-background-color: var(--van-text-color-2);
+@progress-text-gap: var(--van-padding-sm);

package/es/pull-refresh/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/pull-refresh/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/switch/style/index.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../../loading/index.css";
 import "../index.css";

package/es/switch/style/less.mjs

@@ -1,3 +1,5 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../../loading/index.less";
 import "../index.less";

package/es/tree-select/TreeSelect.mjs

@@ -41,6 +41,10 @@ var stdin_default = defineComponent({
     const expandedKeys = computed(() => props.expandedKeys);
     const isExpanded = (id) => expandedKeys.value.includes(id);
     const isSelected = (id) => selectedKeys.value.includes(id);
+    const getNodeStyle = (level) => ({
+      paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
+      "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
+    });
     const getDescendantIds = (item) => {
       var _a;
       return ((_a = item.children) == null ? void 0 : _a.flatMap((child) => [child.id, ...getDescendantIds(child)])) || [];
@@ -103,7 +107,10 @@ var stdin_default = defineComponent({
       if (!hasChildren && slots.leaf) {
         return _createVNode("div", {
           "key": item.id,
-          "class": bem("node")
+          "class": [bem("node"), bem("leaf", {
+            divider: props.showDivider
+          })],
+          "style": getNodeStyle(level)
         }, [slots.leaf({
           item,
           level
@@ -120,9 +127,7 @@ var stdin_default = defineComponent({
         }),
         "title": item.text,
         "border": props.showDivider,
-        "style": {
-          paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`
-        },
+        "style": getNodeStyle(level),
         "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
         "selectType": props.multiple ? "checkbox" : "radio",
         "onUpdate:rightSelect": (value) => updateSelected(item, value)

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__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}
+:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s;--van-tree-select-divider-left: var(--van-padding-md)}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__leaf{position:relative;box-sizing:border-box}.van-tree-select__leaf--divider:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-tree-select-divider-left);height:1px;background:var(--van-border-color);content:"";transform:scaleY(.5)}.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;left:var(--van-tree-select-divider-left)}.van-tree-select__cell--branch:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.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.less

@@ -4,6 +4,7 @@
   --van-tree-select-indent: @tree-select-indent;
   --van-tree-select-arrow-size: @tree-select-arrow-size;
   --van-tree-select-animation-duration: @tree-select-animation-duration;
+  --van-tree-select-divider-left: var(--van-padding-md);
 }
 
 .van-tree-select {
@@ -13,6 +14,26 @@
 
   &__node { overflow: hidden; }
 
+  // Slot content keeps the same left hierarchy as regular tree nodes. Embedded
+  // components retain their own right padding to avoid doubling the edge gap.
+  &__leaf {
+    position: relative;
+    box-sizing: border-box;
+
+    // Leaf-slot items are wrapped by separate tree nodes, so restore the
+    // divider between adjacent leaves just as we do for regular Cell nodes.
+    &--divider:not(:last-child)::after {
+      position: absolute;
+      right: var(--van-padding-md);
+      bottom: 0;
+      left: var(--van-tree-select-divider-left);
+      height: 1px;
+      background: var(--van-border-color);
+      content: '';
+      transform: scaleY(.5);
+    }
+  }
+
   &__cell {
     min-height: 44px;
     padding: 10px var(--van-padding-md);
@@ -22,9 +43,16 @@
   }
 
   // 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.
+  // otherwise hide every divider. Branches retain a divider even when they
+  // are the only sibling, separating the parent from its indented children.
   &__node:not(:last-child) > &__cell:not(.van-cell--borderless)::after {
     display: block;
+    left: var(--van-tree-select-divider-left);
+  }
+
+  &__cell--branch:not(.van-cell--borderless)::after {
+    display: block;
+    left: var(--van-tree-select-divider-left);
   }
 
   &__arrow {

package/es/work-order-card/WorkOrderCard.mjs

@@ -3,6 +3,7 @@ import { Button } from "../button/index.mjs";
 import { createNamespace, makeArrayProp, makeStringProp, truthProp } from "../utils/index.mjs";
 import { Divider } from "../divider/index.mjs";
 import { Icon } from "../icon/index.mjs";
+import { Label } from "../label/index.mjs";
 import { Tag } from "../tag/index.mjs";
 const [name, bem] = createNamespace("work-order-card");
 const props = {
@@ -48,12 +49,39 @@ var stdin_default = defineComponent({
         innerExpanded.value = value;
       emit("update:expanded", value);
     };
-    const renderInfo = (info) => _createVNode("div", {
-      "class": bem("info")
-    }, [info.icon && _createVNode(Icon, {
-      "name": info.icon,
-      "size": "12"
-    }, null), _createVNode("span", null, [info.text])]);
+    const resolveInfo = (info) => {
+      if (info.label !== void 0 || info.content !== void 0) {
+        return {
+          label: info.label || "",
+          content: info.content || ""
+        };
+      }
+      const text = info.text || "";
+      const separatorIndex = text.search(/[:：]/);
+      return separatorIndex < 0 ? {
+        label: "",
+        content: text
+      } : {
+        label: text.slice(0, separatorIndex),
+        content: text.slice(separatorIndex + 1)
+      };
+    };
+    const renderInfo = (info) => {
+      const {
+        label,
+        content
+      } = resolveInfo(info);
+      return _createVNode("div", {
+        "class": bem("info")
+      }, [_createVNode(Label, {
+        "sameColor": true,
+        "showLeftIcon": Boolean(info.icon),
+        "leftIcon": info.icon,
+        "showLabel": Boolean(label),
+        "label": label,
+        "content": content
+      }, null)]);
+    };
     const renderAction = (action, index) => _createVNode(Button, {
       "type": "text",
       "disabled": action.disabled,
@@ -90,16 +118,29 @@ var stdin_default = defineComponent({
     }, null)]), _createVNode("div", {
       "class": bem("tags")
     }, [slots.tags ? slots.tags() : props2.tags.map((tag) => _createVNode(Tag, {
+      "type": tag.type,
+      "size": tag.size,
       "color": tag.color,
-      "textColor": tag.textColor
+      "textColor": tag.textColor,
+      "plain": tag.plain,
+      "round": tag.round,
+      "mark": tag.mark,
+      "rightIcon": tag.rightIcon,
+      "number": tag.number,
+      "showNumber": tag.showNumber,
+      "numberColor": tag.numberColor
     }, {
       default: () => [tag.text]
     }))]), props2.showLocation && props2.location && _createVNode("div", {
       "class": bem("location")
-    }, [_createVNode(Icon, {
-      "name": "location-o",
-      "size": "12"
-    }, null), _createVNode("span", null, [props2.location])]), _createVNode("div", {
+    }, [_createVNode(Label, {
+      "sameColor": true,
+      "ellipsis": true,
+      "showLeftIcon": true,
+      "leftIcon": "location-o",
+      "showLabel": false,
+      "content": props2.location
+    }, null)]), _createVNode("div", {
       "class": bem("infos")
     }, [slots.info ? slots.info() : props2.primaryInfos.map(renderInfo)]), hasExpandedContent() && _createVNode("div", {
       "class": bem("expanded-wrapper", {

package/es/work-order-card/index.css

@@ -1 +1 @@
-:root{--van-work-order-card-padding: var(--van-padding-md);--van-work-order-card-radius: var(--van-border-radius-lg);--van-work-order-card-title-font-size: 15px;--van-work-order-card-title-color: var(--van-gray-8);--van-work-order-card-info-color: var(--van-gray-7)}.van-work-order-card{position:relative;overflow:hidden;background:var(--van-white);border-radius:var(--van-work-order-card-radius)}.van-work-order-card__header{display:flex;align-items:flex-start;padding:var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0;cursor:pointer}.van-work-order-card__title{flex:1;min-width:0;overflow:hidden;color:var(--van-work-order-card-title-color);font-size:var(--van-work-order-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:23px;text-overflow:ellipsis;white-space:nowrap}.van-work-order-card__arrow{flex:none;margin:4px 0 0 2px;color:var(--van-gray-6);transition:transform .2s}.van-work-order-card--expanded .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card--expanded .van-work-order-card__arrow{color:var(--van-black);transform:rotate(180deg)}.van-work-order-card__tags{display:flex;flex-wrap:wrap;gap:4px;padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card__location{display:flex;gap:4px;align-items:center;margin:8px 10px 0;padding:0 6px;overflow:hidden;color:var(--van-gray-8);font-size:13px;line-height:21px;white-space:nowrap;background:linear-gradient(90deg,rgba(223,232,243,.7),rgba(223,232,243,0));border-radius:4px}.van-work-order-card__location span{overflow:hidden;text-overflow:ellipsis}.van-work-order-card__infos{padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos{padding-bottom:8px}.van-work-order-card__info{display:flex;gap:4px;align-items:center;min-height:21px;color:var(--van-work-order-card-info-color);font-size:13px;line-height:21px}.van-work-order-card__expanded-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.van-work-order-card__expanded-wrapper--visible{grid-template-rows:1fr;opacity:1}.van-work-order-card__expanded-content{min-height:0;padding:0 var(--van-work-order-card-padding);overflow:hidden}.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content{padding-bottom:8px}.van-work-order-card__expanded-content .van-divider{margin:4px 0;border-color:var(--van-gray-4)}.van-work-order-card__overdue{position:absolute;top:0;right:0;padding:2px 8px;color:var(--van-white);font-size:10px;line-height:12px;background:var(--van-danger-color);border-radius:0 2px 0 8px}.van-work-order-card__actions{position:relative;display:flex;margin-top:8px;padding-top:1px;--van-button-default-height: 38px;--van-button-default-font-size: var(--van-font-size-md);--van-button-default-line-height: 22px;--van-button-border-radius: 0;--van-button-plain-background-color: transparent}.van-work-order-card__actions:before{position:absolute;top:0;right:var(--van-work-order-card-padding);left:var(--van-work-order-card-padding);height:.5px;background:var(--van-gray-2);content:""}.van-work-order-card__actions .van-button{flex:1}.van-work-order-card__actions .van-button+.van-button{position:relative}.van-work-order-card__actions .van-button+.van-button:after{position:absolute;top:50%;left:0;width:.5px;height:12px;background:var(--van-gray-2);transform:translateY(-50%);content:""}
+:root{--van-work-order-card-padding: var(--van-padding-md);--van-work-order-card-radius: var(--van-border-radius-lg);--van-work-order-card-title-font-size: 15px;--van-work-order-card-title-color: var(--van-gray-8);--van-work-order-card-info-color: var(--van-gray-7)}.van-work-order-card{position:relative;overflow:hidden;background:var(--van-white);border-radius:var(--van-work-order-card-radius)}.van-work-order-card__header{display:flex;align-items:flex-start;padding:var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0;cursor:pointer}.van-work-order-card__title{flex:1;min-width:0;overflow:hidden;color:var(--van-work-order-card-title-color);font-size:var(--van-work-order-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:23px;text-overflow:ellipsis;white-space:nowrap}.van-work-order-card__arrow{flex:none;margin:4px 0 0 2px;color:var(--van-gray-6);transition:transform .2s}.van-work-order-card--expanded .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card--expanded .van-work-order-card__arrow{color:var(--van-black);transform:rotate(180deg)}.van-work-order-card__tags{display:flex;flex-wrap:wrap;gap:4px;padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card__location{margin:8px 10px 0;padding:0 6px;overflow:hidden;background:linear-gradient(90deg,rgba(223,232,243,.7),rgba(223,232,243,0));border-radius:4px}.van-work-order-card__infos{display:flex;flex-direction:column;gap:2px;padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos{padding-bottom:8px}.van-work-order-card__info{min-width:0}.van-work-order-card__expanded-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.van-work-order-card__expanded-wrapper--visible{grid-template-rows:1fr;opacity:1}.van-work-order-card__expanded-content{min-height:0;padding:0 var(--van-work-order-card-padding);overflow:hidden}.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content{padding-bottom:8px}.van-work-order-card__expanded-content .van-divider{margin:4px 0;border-color:var(--van-gray-4)}.van-work-order-card__overdue{position:absolute;top:0;right:0;padding:2px 8px;color:var(--van-white);font-size:10px;line-height:12px;background:var(--van-danger-color);border-radius:0 2px 0 8px}.van-work-order-card__actions{position:relative;display:flex;margin-top:8px;padding-top:1px;--van-button-default-height: 38px;--van-button-default-font-size: var(--van-font-size-md);--van-button-default-line-height: 22px;--van-button-border-radius: 0;--van-button-plain-background-color: transparent}.van-work-order-card__actions:before{position:absolute;top:0;right:var(--van-work-order-card-padding);left:var(--van-work-order-card-padding);height:.5px;background:var(--van-gray-2);content:""}.van-work-order-card__actions .van-button{flex:1}.van-work-order-card__actions .van-button+.van-button{position:relative}.van-work-order-card__actions .van-button+.van-button:after{position:absolute;top:50%;left:0;width:.5px;height:12px;background:var(--van-gray-2);transform:translateY(-50%);content:""}

package/es/work-order-card/index.less

@@ -16,11 +16,10 @@
 .van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title { overflow: visible; white-space: normal; }
 .van-work-order-card--expanded .van-work-order-card__arrow { color: var(--van-black); transform: rotate(180deg); }
 .van-work-order-card__tags { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px var(--van-work-order-card-padding) 0; }
-.van-work-order-card__location { display: flex; gap: 4px; align-items: center; margin: 8px 10px 0; padding: 0 6px; overflow: hidden; color: var(--van-gray-8); font-size: 13px; line-height: 21px; white-space: nowrap; background: linear-gradient(90deg, rgb(223 232 243 / 70%), rgb(223 232 243 / 0%)); border-radius: 4px; }
-.van-work-order-card__location span { overflow: hidden; text-overflow: ellipsis; }
-.van-work-order-card__infos { padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card__location { margin: 8px 10px 0; padding: 0 6px; overflow: hidden; background: linear-gradient(90deg, rgb(223 232 243 / 70%), rgb(223 232 243 / 0%)); border-radius: 4px; }
+.van-work-order-card__infos { display: flex; flex-direction: column; gap: 2px; padding: 8px var(--van-work-order-card-padding) 0; }
 .van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos { padding-bottom: 8px; }
-.van-work-order-card__info { display: flex; gap: 4px; align-items: center; min-height: 21px; color: var(--van-work-order-card-info-color); font-size: 13px; line-height: 21px; }
+.van-work-order-card__info { min-width: 0; }
 .van-work-order-card__expanded-wrapper { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .24s cubic-bezier(.2, .8, .2, 1), opacity .18s ease; }
 .van-work-order-card__expanded-wrapper--visible { grid-template-rows: 1fr; opacity: 1; }
 .van-work-order-card__expanded-content { min-height: 0; padding: 0 var(--van-work-order-card-padding); overflow: hidden; }

package/es/work-order-card/style/index.mjs

@@ -1,7 +1,9 @@
 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";

package/es/work-order-card/style/less.mjs

@@ -1,7 +1,9 @@
 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";

package/es/work-order-card/types.d.ts

@@ -1,12 +1,25 @@
+import type { TagSize, TagType } from '../tag';
 import type { Numeric } from '../utils';
 export declare type WorkOrderCardTag = {
     text: string;
+    type?: TagType;
+    size?: TagSize;
     color?: string;
     textColor?: string;
+    plain?: boolean;
+    round?: boolean;
+    mark?: boolean;
+    rightIcon?: string;
+    number?: string | number;
+    showNumber?: boolean;
+    numberColor?: string;
 };
 export declare type WorkOrderCardInfo = {
     icon?: string;
-    text: string;
+    /** @deprecated Prefer label and content for structured field display. */
+    text?: string;
+    label?: string;
+    content?: string;
 };
 export declare type WorkOrderCardAction = {
     text: string;

package/lib/area/style/index.js

@@ -1,3 +1,5 @@
 require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
 require("../../loading/index.css");
 require("../../picker/index.css");

package/lib/area/style/less.js

@@ -1,3 +1,5 @@
 require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
 require("../../loading/index.less");
 require("../../picker/index.less");

package/lib/cell/index.d.ts

@@ -136,7 +136,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clickable: boolean | null;
 }>>;
 export default Cell;
-export type { CellSize, CellProps, CellArrowDirection, CellSelectType } from './Cell';
+export type { CellSize, CellProps, CellArrowDirection, CellSelectType, } from './Cell';
 declare module 'vue' {
     interface GlobalComponents {
         VanCell: typeof Cell;