persagy-vant 0.0.37 → 0.0.39

package/es/label/index.less

@@ -9,7 +9,9 @@
   --van-label-value-color: @label-value-color;
   --van-label-bold-color: @label-bold-color;
   --van-label-link-color: @label-link-color;
+  --van-label-same-color: @label-same-color;
   --van-label-gap: @label-gap;
+  --van-label-left-icon-gap: @label-left-icon-gap;
   --van-label-tags-gap: @label-tags-gap;
   --van-label-media-gap: @label-media-gap;
   --van-label-media-size: @label-media-size;
@@ -72,6 +74,26 @@
     white-space: nowrap;
   }
 
+  &__left-icon {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    width: 12px;
+    height: var(--van-label-line-height);
+    // The parent uses `gap` for label/content. Add only the remaining space
+    // here so the icon-to-label distance stays exactly 4px.
+    margin-right: calc(var(--van-label-left-icon-gap) - var(--van-label-gap));
+    color: var(--van-label-label-color);
+
+    .van-icon {
+      width: 12px;
+      height: 12px;
+      font-size: 12px;
+      line-height: 12px;
+    }
+  }
+
   &__value {
     flex: 1;
     min-width: 0;
@@ -118,6 +140,15 @@
     font-weight: var(--van-font-weight-bold);
   }
 
+  &--same-color {
+    .van-label__left-icon,
+    .van-label__label,
+    .van-label__value,
+    .van-label__link {
+      color: var(--van-label-same-color);
+    }
+  }
+
   &__link {
     display: inline;
     padding: 0;

package/es/label/var.less

@@ -6,7 +6,9 @@
 @label-value-color: var(--van-black);
 @label-bold-color: var(--van-gray-8);
 @label-link-color: var(--van-primary-color);
+@label-same-color: var(--van-gray-7);
 @label-gap: 2px;
+@label-left-icon-gap: 4px;
 @label-tags-gap: 4px;
 @label-media-gap: 6px;
 @label-media-size: 64px;

package/es/list/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/list/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/loading/Loading.mjs

@@ -1,5 +1,6 @@
 import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { extend, addUnit, numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => _createVNode("i", {
   "class": bem("line", String(index + 1))
@@ -13,31 +14,6 @@ const CircularIcon = _createVNode("svg", {
   "r": "20",
   "fill": "none"
 }, null)]);
-const IllustrationIcon = _createVNode("svg", {
-  "class": bem("illustration"),
-  "viewBox": "0 0 100 100",
-  "fill": "none",
-  "aria-hidden": "true"
-}, [_createVNode("rect", {
-  "x": "18",
-  "y": "36",
-  "width": "64",
-  "height": "48",
-  "rx": "6",
-  "fill": "currentColor",
-  "opacity": "0.14"
-}, null), _createVNode("path", {
-  "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
-  "stroke": "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null), _createVNode("path", {
-  "d": "M50 18v12m-16-4 8 8m24-8-8 8",
-  "stroke": "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round"
-}, null)]);
 const loadingProps = {
   size: numericProp,
   type: makeStringProp("circular"),
@@ -72,6 +48,7 @@ var stdin_default = defineComponent({
       }
     };
     return () => {
+      var _a;
       const {
         type,
         vertical
@@ -86,7 +63,12 @@ var stdin_default = defineComponent({
       }, [_createVNode("span", {
         "class": bem("spinner", type),
         "style": spinnerStyle.value
-      }, [isIllustration ? IllustrationIcon : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [isIllustration ? _createVNode(Icon, {
+        "class": bem("illustration"),
+        "name": "loading-building",
+        "size": (_a = props.size) != null ? _a : 100,
+        "aria-hidden": "true"
+      }, null) : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
 });

package/es/loading/style/index.mjs

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

package/es/loading/style/less.mjs

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

package/es/location-select/index.css

@@ -1 +1 @@
-.van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}
+.van-location-select{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden;background:var(--van-gray-2)}.van-location-select>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-location-select__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-location-select__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-location-select__nav .van-nav-bar__right--slot{display:flex;gap:12px;padding-right:var(--van-padding-md)}.van-location-select__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-location-select__search .van-search__field{padding-left:0}.van-location-select__tabs{flex:none;padding-left:8px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-line-height: 44px;--van-tabs-nav-background-color: transparent}.van-location-select__body{flex:1;min-height:0;padding:12px var(--van-padding-md);overflow-y:auto}.van-location-select__card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-location-select__root-option{margin-bottom:8px;background:var(--van-white);border-radius:8px}

package/es/location-select/index.less

@@ -5,7 +5,7 @@
   overflow: hidden;
   background: var(--van-gray-2);
 
-  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: hidden; }
+  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 0; padding: 0; overflow: hidden; }
   &__nav { flex: none; --van-nav-bar-background-color: var(--van-gray-2); .van-nav-bar__left--slot { left: var(--van-padding-md); } .van-nav-bar__right--slot { display: flex; gap: 12px; padding-right: var(--van-padding-md); } }
   &__search { flex: none; padding: 8px var(--van-padding-md); --van-search-padding: 0; --van-search-background-color: var(--van-gray-2); --van-search-content-background-color: var(--van-white); .van-search__field { padding-left: 0; } }
   &__tabs { flex: none; padding-left: 8px; --van-tab-font-size: var(--van-font-size-md); --van-tabs-line-height: 44px; --van-tabs-nav-background-color: transparent; }

package/es/location-select/style/index.mjs

@@ -2,6 +2,7 @@ import "../../style/base.css";
 import "../../action-bar/index.css";
 import "../../badge/index.css";
 import "../../icon/index.css";
+import "../../tag/index.css";
 import "../../loading/index.css";
 import "../../button/index.css";
 import "../../action-bar-button/index.css";

package/es/location-select/style/less.mjs

@@ -2,6 +2,7 @@ import "../../style/base.less";
 import "../../action-bar/index.less";
 import "../../badge/index.less";
 import "../../icon/index.less";
+import "../../tag/index.less";
 import "../../loading/index.less";
 import "../../button/index.less";
 import "../../action-bar-button/index.less";

package/es/material-action-bar/MaterialActionBar.d.ts

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -49,6 +53,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -71,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
 }, {
+    max: string | number;
     selected: boolean;
     warning: string;
     keyword: string;

package/es/material-action-bar/MaterialActionBar.mjs

@@ -4,7 +4,7 @@ import { Icon } from "../icon/index.mjs";
 import { Stepper } from "../stepper/index.mjs";
 import { Tag } from "../tag/index.mjs";
 import { Toast } from "../toast/index.mjs";
-import { createNamespace, truthProp } from "../utils/index.mjs";
+import { createNamespace, makeNumericProp, truthProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("material-action-bar");
 var stdin_default = defineComponent({
   name,
@@ -17,6 +17,7 @@ var stdin_default = defineComponent({
       type: Number,
       required: true
     },
+    max: makeNumericProp(Infinity),
     keyword: {
       type: String,
       default: ""
@@ -50,7 +51,8 @@ var stdin_default = defineComponent({
     const confirmInputValue = () => {
       const value = Number(inputValue.value);
       if (!Number.isNaN(value)) {
-        emit("update:modelValue", Math.max(0, value));
+        const max = Number(props.max);
+        emit("update:modelValue", Math.min(Number.isNaN(max) ? Infinity : max, Math.max(0, value)));
       }
     };
     const clearDetailLongPress = () => {
@@ -124,6 +126,7 @@ var stdin_default = defineComponent({
         "class": bem("stepper"),
         "modelValue": props.modelValue,
         "min": 0,
+        "max": props.max,
         "theme": "round",
         "buttonSize": 18,
         "disableInput": true,

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

@@ -1 +1 @@
-.van-material-action-bar{position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}
+.van-material-action-bar{--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}

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

@@ -7,6 +7,10 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -34,6 +38,10 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -56,6 +64,7 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
 }, {
+    max: string | number;
     selected: boolean;
     warning: string;
     keyword: string;
@@ -72,6 +81,10 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -99,6 +112,10 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -121,6 +138,7 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
 }, {
+    max: string | number;
     selected: boolean;
     warning: string;
     keyword: string;

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

@@ -1,4 +1,6 @@
 .van-material-action-bar {
+  --van-material-action-bar-title-font-weight: var(--van-font-weight-bold);
+
   position: relative;
   padding: 10px var(--van-padding-md);
   &--selected {
@@ -21,7 +23,7 @@
   }
 
   &__main { display: flex; align-items: center; min-height: 22px; }
-  &__detail { display: inline-flex; flex: 1 1 0; gap: 2px; align-items: center; min-width: 0; padding: 0; overflow: hidden; color: var(--van-gray-9); font: inherit; font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); text-align: left; background: transparent; border: 0; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
+  &__detail { display: inline-flex; flex: 1 1 0; gap: 2px; align-items: center; min-width: 0; padding: 0; overflow: hidden; color: var(--van-gray-9); font: inherit; font-size: var(--van-font-size-md); font-weight: var(--van-material-action-bar-title-font-weight); line-height: var(--van-line-height-lg); text-align: left; background: transparent; border: 0; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
   &__stepper-prefix { flex: none; margin: 0 4px 0 8px; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); }
   &__stepper-wrapper { position: relative; flex: none; margin-left: 4px; }
   &__kind-tag { flex: none; margin-left: 4px; }