persagy-vant 0.0.37 → 0.0.38

package/lib/progress/Progress.js

@@ -24,10 +24,12 @@ var import_vue = require("vue");
 var import_utils = require("../utils");
 const [name, bem] = (0, import_utils.createNamespace)("progress");
 const progressProps = {
+  size: (0, import_utils.makeStringProp)("default"),
   color: String,
   inactive: Boolean,
   pivotText: String,
   textColor: String,
+  textSize: import_utils.numericProp,
   showPivot: import_utils.truthProp,
   pivotColor: String,
   trackColor: String,
@@ -46,6 +48,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const renderPivot = () => {
       const {
         textColor,
+        textSize,
         pivotText,
         pivotColor,
         percentage
@@ -53,10 +56,8 @@ var stdin_default = (0, import_vue.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: (0, import_utils.addUnit)(textSize)
         };
         return (0, import_vue.createVNode)("span", {
           "style": style,
@@ -72,7 +73,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         percentage,
         strokeWidth
       } = props;
-      const rootStyle = {
+      const trackStyle = {
         background: trackColor,
         height: (0, import_utils.addUnit)(strokeWidth)
       };
@@ -81,14 +82,18 @@ var stdin_default = (0, import_vue.defineComponent)({
         background: background.value
       };
       return (0, import_vue.createVNode)("div", {
-        "class": bem(),
-        "style": rootStyle
+        "class": bem({
+          large: props.size === "large"
+        })
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("track"),
+        "style": trackStyle
       }, [(0, import_vue.createVNode)("span", {
         "class": bem("portion", {
           inactive: props.inactive
         }),
         "style": portionStyle
-      }, null), renderPivot()]);
+      }, null)]), renderPivot()]);
     };
   }
 });

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/pull-refresh/style/index.js

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

package/lib/pull-refresh/style/less.js

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

package/lib/switch/style/index.js

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

package/lib/switch/style/less.js

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

package/lib/tree-select/TreeSelect.js

@@ -61,6 +61,10 @@ var stdin_default = (0, import_vue.defineComponent)({
     const expandedKeys = (0, import_vue.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)])) || [];
@@ -123,7 +127,10 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (!hasChildren && slots.leaf) {
         return (0, import_vue.createVNode)("div", {
           "key": item.id,
-          "class": bem("node")
+          "class": [bem("node"), bem("leaf", {
+            divider: props.showDivider
+          })],
+          "style": getNodeStyle(level)
         }, [slots.leaf({
           item,
           level
@@ -140,9 +147,7 @@ var stdin_default = (0, import_vue.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/lib/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/lib/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 {