persagy-vant 0.0.32 → 0.0.34

package/es/sidebar-item/var.less

@@ -1,15 +1,15 @@
 @import '../style/var.less';
 
 @sidebar-font-size: var(--van-font-size-md);
-@sidebar-line-height: var(--van-line-height-md);
+@sidebar-line-height: var(--van-line-height-lg);
 @sidebar-text-color: var(--van-text-color);
 @sidebar-disabled-text-color: var(--van-text-color-3);
-@sidebar-padding: 20px var(--van-padding-sm);
+@sidebar-padding: 20px var(--van-padding-xs);
 @sidebar-active-color: var(--van-active-color);
-@sidebar-background-color: var(--van-background-color);
-@sidebar-selected-font-weight: var(--van-font-weight-bold);
-@sidebar-selected-text-color: var(--van-text-color);
-@sidebar-selected-border-width: 4px;
-@sidebar-selected-border-height: 16px;
+@sidebar-background-color: var(--van-gray-2);
+@sidebar-selected-font-weight: 600;
+@sidebar-selected-text-color: var(--van-blue);
+@sidebar-selected-border-width: 3px;
+@sidebar-selected-border-height: 12px;
 @sidebar-selected-border-color: var(--van-primary-color);
 @sidebar-selected-background-color: var(--van-background-color-light);

package/es/space/Space.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
     wrap: BooleanConstructor;
     fill: BooleanConstructor;
 }>>, {
-    fill: boolean;
     size: string | number | [SpaceSize, SpaceSize];
+    fill: boolean;
     direction: "horizontal" | "vertical";
     wrap: boolean;
 }>;

package/es/space/index.d.ts

@@ -23,8 +23,8 @@ export declare const Space: import("../utils").WithInstall<import("vue").DefineC
     wrap: BooleanConstructor;
     fill: BooleanConstructor;
 }>>, {
-    fill: boolean;
     size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
+    fill: boolean;
     direction: "horizontal" | "vertical";
     wrap: boolean;
 }>>;

package/es/tag/Tag.d.ts

@@ -65,8 +65,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: TagType;
     mark: boolean;
-    round: boolean;
     size: TagSize;
+    round: boolean;
     show: boolean;
     plain: boolean;
     closeable: boolean;

package/es/tag/index.d.ts

@@ -41,8 +41,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }, {
     type: import("./Tag").TagType;
     mark: boolean;
-    round: boolean;
     size: import("./Tag").TagSize;
+    round: boolean;
     show: boolean;
     plain: boolean;
     closeable: boolean;

package/lib/badge/Badge.d.ts

@@ -1,6 +1,7 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
 export declare type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare type BadgeSize = 'default' | 'mini';
 declare const badgeProps: {
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
@@ -15,6 +16,10 @@ declare const badgeProps: {
         type: BooleanConstructor;
         default: true;
     };
+    size: {
+        type: PropType<BadgeSize>;
+        default: BadgeSize;
+    };
     position: {
         type: PropType<BadgePosition>;
         default: BadgePosition;
@@ -35,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    size: {
+        type: PropType<BadgeSize>;
+        default: BadgeSize;
+    };
     position: {
         type: PropType<BadgePosition>;
         default: BadgePosition;
@@ -53,6 +62,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    size: {
+        type: PropType<BadgeSize>;
+        default: BadgeSize;
+    };
     position: {
         type: PropType<BadgePosition>;
         default: BadgePosition;
@@ -61,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    size: BadgeSize;
     position: BadgePosition;
 }>;
 export default _default;

package/lib/badge/Badge.js

@@ -31,6 +31,7 @@ const badgeProps = {
   offset: Array,
   content: import_utils.numericProp,
   showZero: import_utils.truthProp,
+  size: (0, import_utils.makeStringProp)("default"),
   position: (0, import_utils.makeStringProp)("top-right")
 };
 var stdin_default = (0, import_vue.defineComponent)({
@@ -90,6 +91,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         return (0, import_vue.createVNode)("div", {
           "class": bem([props.position, {
             dot: props.dot,
+            mini: props.size === "mini",
             fixed: !!slots.default
           }]),
           "style": style.value

package/lib/badge/index.css

@@ -1 +1 @@
-:root{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-weight-bold);--van-badge-border-width: var(--van-border-width-base);--van-badge-background-color: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
+:root{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-weight-bold);--van-badge-border-width: var(--van-border-width-base);--van-badge-background-color: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-mini-dot-size: 6px;--van-badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge--dot.van-badge--mini{width:var(--van-badge-mini-dot-size);height:var(--van-badge-mini-dot-size)}.van-badge__wrapper{position:relative;display:inline-block}

package/lib/badge/index.d.ts

@@ -12,6 +12,10 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
+    size: {
+        type: import("vue").PropType<import("./Badge").BadgeSize>;
+        default: import("./Badge").BadgeSize;
+    };
     position: {
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
@@ -30,6 +34,10 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
+    size: {
+        type: import("vue").PropType<import("./Badge").BadgeSize>;
+        default: import("./Badge").BadgeSize;
+    };
     position: {
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
@@ -38,10 +46,11 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    size: import("./Badge").BadgeSize;
     position: import("./Badge").BadgePosition;
 }>>;
 export default Badge;
-export type { BadgeProps, BadgePosition } from './Badge';
+export type { BadgeProps, BadgePosition, BadgeSize } from './Badge';
 declare module 'vue' {
     interface GlobalComponents {
         VanBadge: typeof Badge;

package/lib/badge/index.less

@@ -10,6 +10,7 @@
   --van-badge-background-color: @badge-background-color;
   --van-badge-dot-color: @badge-dot-color;
   --van-badge-dot-size: @badge-dot-size;
+  --van-badge-mini-dot-size: @badge-mini-dot-size;
   --van-badge-font-family: @badge-font-family;
 }
 
@@ -65,6 +66,11 @@
     border-radius: 100%;
     border: none;
     padding: 0;
+
+    &.van-badge--mini {
+      width: var(--van-badge-mini-dot-size);
+      height: var(--van-badge-mini-dot-size);
+    }
   }
 
   &__wrapper {

package/lib/badge/var.less

@@ -9,4 +9,5 @@
 @badge-background-color: var(--van-danger-color);
 @badge-dot-color: var(--van-danger-color);
 @badge-dot-size: 8px;
+@badge-mini-dot-size: 6px;
 @badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;

package/lib/button/Button.d.ts

@@ -129,8 +129,8 @@ declare const _default: import("vue").DefineComponent<{
     replace: boolean;
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
-    round: boolean;
     size: ButtonSize;
+    round: boolean;
     disabled: boolean;
     square: boolean;
     loading: boolean;

package/lib/button/index.d.ts

@@ -84,8 +84,8 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     replace: boolean;
     type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
-    round: boolean;
     size: import("./types").ButtonSize;
+    round: boolean;
     disabled: boolean;
     square: boolean;
     loading: boolean;

package/lib/field/Field.d.ts

@@ -18,10 +18,7 @@ export declare const fieldSharedProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: {
-        type: PropType<FieldTextAlign>;
-        default: FieldTextAlign;
-    };
+    inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -115,10 +112,7 @@ declare const fieldProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: {
-        type: PropType<FieldTextAlign>;
-        default: FieldTextAlign;
-    };
+    inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -239,10 +233,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: {
-        type: PropType<FieldTextAlign>;
-        default: FieldTextAlign;
-    };
+    inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -361,10 +352,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: {
-        type: PropType<FieldTextAlign>;
-        default: FieldTextAlign;
-    };
+    inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -429,8 +417,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: FieldType;
     required: boolean;
-    center: boolean;
     size: CellSize;
+    center: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;
@@ -448,7 +436,6 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: string | number;
     clearable: boolean;
     clearIcon: string;
-    inputAlign: FieldTextAlign;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
     error: boolean;

package/lib/field/Field.js

@@ -42,7 +42,7 @@ const fieldSharedProps = {
   formatter: Function,
   clearIcon: (0, import_utils.makeStringProp)("clear"),
   modelValue: (0, import_utils.makeNumericProp)(""),
-  inputAlign: (0, import_utils.makeStringProp)("left"),
+  inputAlign: String,
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
@@ -115,6 +115,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         return form.props[key];
       }
     };
+    const inputAlign = (0, import_vue.computed)(() => getProp("inputAlign") || (props.labelPosition === "top" ? "left" : "right"));
     const showClear = (0, import_vue.computed)(() => {
       const readonly = getProp("readonly");
       if (props.clearable && !readonly) {
@@ -356,7 +357,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const getInputId = () => props.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem("control", [getProp("inputAlign"), {
+      const controlClass = bem("control", [inputAlign.value, {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props.type === "textarea" && !props.autosize

package/lib/field/index.d.ts

@@ -67,10 +67,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: {
-        type: import("vue").PropType<import("./types").FieldTextAlign>;
-        default: import("./types").FieldTextAlign;
-    };
+    inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -189,10 +186,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: {
-        type: import("vue").PropType<import("./types").FieldTextAlign>;
-        default: import("./types").FieldTextAlign;
-    };
+    inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -257,8 +251,8 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 }, {
     type: import("./types").FieldType;
     required: boolean;
-    center: boolean;
     size: import("..").CellSize;
+    center: boolean;
     noteBold: boolean;
     noteClickable: boolean;
     noteReplace: boolean;
@@ -276,7 +270,6 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     modelValue: string | number;
     clearable: boolean;
     clearIcon: string;
-    inputAlign: import("./types").FieldTextAlign;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
     error: boolean;