persagy-vant 0.0.21

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

@@ -0,0 +1,126 @@
+export declare const BottomActionBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmType: {
+        type: import("vue").PropType<import("..").ButtonType>;
+        default: import("..").ButtonType;
+    };
+    confirmLoading: BooleanConstructor;
+    confirmDisabled: BooleanConstructor;
+    secondaryText: StringConstructor;
+    secondaryType: {
+        type: import("vue").PropType<import("..").ButtonType>;
+        default: import("..").ButtonType;
+    };
+    secondaryLoading: BooleanConstructor;
+    secondaryDisabled: BooleanConstructor;
+    icon: StringConstructor;
+    iconDisabled: BooleanConstructor;
+    moreIcon: StringConstructor;
+    moreText: StringConstructor;
+    moreBadge: (NumberConstructor | StringConstructor)[];
+    moreBadgeMax: (NumberConstructor | StringConstructor)[];
+    moreDisabled: BooleanConstructor;
+    morePopoverActions: {
+        type: import("vue").PropType<import("..").PopoverAction[]>;
+        default: () => never[];
+    };
+    placeholder: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    showCheckboxAction: BooleanConstructor;
+    checkboxActionChecked: BooleanConstructor;
+    checkboxActionDisabled: BooleanConstructor;
+    checkboxActionText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("icon" | "confirm" | "secondary" | "more" | "select-more-popover" | "update:checkboxActionChecked" | "checkbox-action-change")[], "icon" | "confirm" | "secondary" | "more" | "select-more-popover" | "update:checkboxActionChecked" | "checkbox-action-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmType: {
+        type: import("vue").PropType<import("..").ButtonType>;
+        default: import("..").ButtonType;
+    };
+    confirmLoading: BooleanConstructor;
+    confirmDisabled: BooleanConstructor;
+    secondaryText: StringConstructor;
+    secondaryType: {
+        type: import("vue").PropType<import("..").ButtonType>;
+        default: import("..").ButtonType;
+    };
+    secondaryLoading: BooleanConstructor;
+    secondaryDisabled: BooleanConstructor;
+    icon: StringConstructor;
+    iconDisabled: BooleanConstructor;
+    moreIcon: StringConstructor;
+    moreText: StringConstructor;
+    moreBadge: (NumberConstructor | StringConstructor)[];
+    moreBadgeMax: (NumberConstructor | StringConstructor)[];
+    moreDisabled: BooleanConstructor;
+    morePopoverActions: {
+        type: import("vue").PropType<import("..").PopoverAction[]>;
+        default: () => never[];
+    };
+    placeholder: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    showCheckboxAction: BooleanConstructor;
+    checkboxActionChecked: BooleanConstructor;
+    checkboxActionDisabled: BooleanConstructor;
+    checkboxActionText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onIcon?: ((...args: any[]) => any) | undefined;
+    onSecondary?: ((...args: any[]) => any) | undefined;
+    onMore?: ((...args: any[]) => any) | undefined;
+    "onSelect-more-popover"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checkboxActionChecked"?: ((...args: any[]) => any) | undefined;
+    "onCheckbox-action-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    fixed: boolean;
+    placeholder: boolean;
+    safeAreaInsetBottom: boolean;
+    confirmText: string;
+    confirmType: import("..").ButtonType;
+    confirmLoading: boolean;
+    confirmDisabled: boolean;
+    secondaryType: import("..").ButtonType;
+    secondaryLoading: boolean;
+    secondaryDisabled: boolean;
+    iconDisabled: boolean;
+    moreDisabled: boolean;
+    morePopoverActions: import("..").PopoverAction[];
+    showCheckboxAction: boolean;
+    checkboxActionChecked: boolean;
+    checkboxActionDisabled: boolean;
+    checkboxActionText: string;
+}>>;
+export default BottomActionBar;
+export type { BottomActionBarProps } from './BottomActionBar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBottomActionBar: typeof BottomActionBar;
+    }
+}

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

@@ -0,0 +1,194 @@
+@import './var.less';
+
+:root {
+  --van-bottom-action-bar-background-color: @bottom-action-bar-background-color;
+  --van-bottom-action-bar-z-index: @bottom-action-bar-z-index;
+  --van-bottom-action-bar-padding: @bottom-action-bar-padding;
+  --van-bottom-action-bar-gap: @bottom-action-bar-gap;
+  --van-bottom-action-bar-button-height: @bottom-action-bar-button-height;
+  --van-bottom-action-bar-button-radius: @bottom-action-bar-button-radius;
+  --van-bottom-action-bar-secondary-width: @bottom-action-bar-secondary-width;
+  --van-bottom-action-bar-icon-button-width: @bottom-action-bar-icon-button-width;
+  --van-bottom-action-bar-more-width: @bottom-action-bar-more-width;
+  --van-bottom-action-bar-more-icon-size: @bottom-action-bar-more-icon-size;
+  --van-bottom-action-bar-more-text-color: @bottom-action-bar-more-text-color;
+  --van-bottom-action-bar-more-text-font-size: @bottom-action-bar-more-text-font-size;
+  --van-bottom-action-bar-more-text-line-height: @bottom-action-bar-more-text-line-height;
+  --van-bottom-action-bar-more-popover-width: @bottom-action-bar-more-popover-width;
+  --van-bottom-action-bar-more-popover-action-height: @bottom-action-bar-more-popover-action-height;
+  --van-bottom-action-bar-more-popover-icon-size: @bottom-action-bar-more-popover-icon-size;
+  --van-bottom-action-bar-more-popover-text-font-size: @bottom-action-bar-more-popover-text-font-size;
+  --van-bottom-action-bar-shadow: @bottom-action-bar-shadow;
+}
+
+.van-bottom-action-bar {
+  z-index: var(--van-bottom-action-bar-z-index);
+  box-sizing: border-box;
+  width: 100%;
+  background: var(--van-bottom-action-bar-background-color);
+  box-shadow: var(--van-bottom-action-bar-shadow);
+
+  &--fixed {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  &__actions {
+    display: flex;
+    box-sizing: border-box;
+    align-items: center;
+    gap: var(--van-bottom-action-bar-gap);
+    width: 100%;
+    padding: var(--van-bottom-action-bar-padding);
+  }
+
+  &__checkbox-action {
+    padding: 12px 12px 0;
+  }
+
+  &__checkbox-action-content {
+    display: flex;
+    align-items: center;
+    padding: var(--van-padding-xs) var(--van-padding-sm);
+    background: linear-gradient(
+      90deg,
+      var(--van-gray-2),
+      rgb(241 244 246 / 20%)
+    );
+    border-radius: var(--van-border-radius-lg);
+
+    .van-checkbox {
+      margin: 0;
+    }
+  }
+
+  .van-button {
+    height: var(--van-bottom-action-bar-button-height);
+    border-radius: var(--van-bottom-action-bar-button-radius);
+  }
+
+  &__confirm {
+    flex: 1;
+    min-width: 58px;
+  }
+
+  &__secondary {
+    flex: 0 0 var(--van-bottom-action-bar-secondary-width);
+    width: var(--van-bottom-action-bar-secondary-width);
+  }
+
+  &__icon-button {
+    flex: 0 0 var(--van-bottom-action-bar-icon-button-width);
+    width: var(--van-bottom-action-bar-icon-button-width);
+    padding: 0;
+
+    .van-button__icon {
+      font-size: var(--van-font-size-lg);
+    }
+  }
+
+  &__icon-action {
+    flex: 0 0 auto;
+  }
+
+  &__more-action {
+    position: relative;
+    display: flex;
+    flex: 0 0 var(--van-bottom-action-bar-more-width);
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--van-padding-base);
+    width: var(--van-bottom-action-bar-more-width);
+    min-height: var(--van-bottom-action-bar-button-height);
+    padding: 0;
+    color: inherit;
+    background: transparent;
+    border: 0;
+
+    &:not(:disabled) {
+      cursor: pointer;
+
+      &:active {
+        opacity: var(--van-active-opacity);
+      }
+    }
+
+    &:disabled {
+      opacity: var(--van-disabled-opacity);
+    }
+  }
+
+  &__more-icon {
+    font-size: var(--van-bottom-action-bar-more-icon-size);
+  }
+
+  &__more-text {
+    color: var(--van-bottom-action-bar-more-text-color);
+    font-size: var(--van-bottom-action-bar-more-text-font-size);
+    line-height: var(--van-bottom-action-bar-more-text-line-height);
+    white-space: nowrap;
+  }
+
+  &__more-popover {
+    .van-popover__content {
+      padding: var(--van-padding-xs) 0;
+      border-radius: var(--van-border-radius-lg);
+      box-shadow: 0 2px 10px rgb(27 33 41 / 10%);
+    }
+  }
+
+  &__more-popover-action {
+    position: relative;
+    display: flex;
+    box-sizing: border-box;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 2px;
+    width: var(--van-bottom-action-bar-more-popover-width);
+    height: var(--van-bottom-action-bar-more-popover-action-height);
+    padding: var(--van-padding-xs) 0;
+    color: var(--van-text-color);
+    background: var(--van-background-color-light);
+    border: 0;
+
+    &:not(:last-child) {
+      &::after {
+        position: absolute;
+        right: var(--van-padding-md);
+        bottom: 0;
+        left: var(--van-padding-md);
+        height: 1px;
+        background: #e1e5eb;
+        transform: scaleY(0.5);
+        content: '';
+      }
+    }
+
+    &:not(:disabled) {
+      cursor: pointer;
+
+      &:active {
+        background: var(--van-active-color);
+      }
+    }
+
+    &:disabled {
+      opacity: var(--van-disabled-opacity);
+    }
+  }
+
+  &__more-popover-icon {
+    font-size: var(--van-bottom-action-bar-more-popover-icon-size);
+  }
+
+  &__more-popover-text {
+    color: #626c78;
+    font-size: var(--van-bottom-action-bar-more-popover-text-font-size);
+    line-height: 16px;
+    white-space: nowrap;
+  }
+}

package/es/bottom-action-bar/index.mjs

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

package/es/bottom-action-bar/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/bottom-action-bar/style/index.mjs

@@ -0,0 +1,11 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../button/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../popover/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../index.css";

package/es/bottom-action-bar/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/bottom-action-bar/style/less.mjs

@@ -0,0 +1,11 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../button/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../popover/index.less";
+import "../../checkbox-group/index.less";
+import "../../checkbox/index.less";
+import "../index.less";

package/es/bottom-action-bar/var.less

@@ -0,0 +1,20 @@
+@import '../style/var.less';
+
+@bottom-action-bar-background-color: var(--van-background-color-light);
+@bottom-action-bar-z-index: 100;
+@bottom-action-bar-padding: var(--van-padding-xs) var(--van-padding-sm);
+@bottom-action-bar-gap: 6px;
+@bottom-action-bar-button-height: 44px;
+@bottom-action-bar-button-radius: var(--van-border-radius-lg);
+@bottom-action-bar-secondary-width: 96px;
+@bottom-action-bar-icon-button-width: 48px;
+@bottom-action-bar-more-width: 48px;
+@bottom-action-bar-more-icon-size: 20px;
+@bottom-action-bar-more-text-color: var(--van-gray-7);
+@bottom-action-bar-more-text-font-size: var(--van-font-size-xs);
+@bottom-action-bar-more-text-line-height: var(--van-font-size-xs);
+@bottom-action-bar-more-popover-width: 96px;
+@bottom-action-bar-more-popover-action-height: 58px;
+@bottom-action-bar-more-popover-icon-size: 24px;
+@bottom-action-bar-more-popover-text-font-size: 12px;
+@bottom-action-bar-shadow: 0 3px 12px rgb(27 33 41 / 12%), 0 0.5px 3px rgb(27 33 41 / 8%);

package/es/button/Button.d.ts

@@ -0,0 +1,143 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { LoadingType } from '../loading';
+import { ButtonSize, ButtonType, ButtonNativeType, ButtonIconPosition } from './types';
+declare const buttonProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    color: StringConstructor;
+    block: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+};
+export declare type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+declare const _default: import("vue").DefineComponent<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    color: StringConstructor;
+    block: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    text: StringConstructor;
+    icon: StringConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    size: {
+        type: PropType<ButtonSize>;
+        default: ButtonSize;
+    };
+    color: StringConstructor;
+    block: BooleanConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    square: BooleanConstructor;
+    loading: BooleanConstructor;
+    hairline: BooleanConstructor;
+    disabled: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    nativeType: {
+        type: PropType<ButtonNativeType>;
+        default: ButtonNativeType;
+    };
+    loadingSize: (NumberConstructor | StringConstructor)[];
+    loadingText: StringConstructor;
+    loadingType: PropType<LoadingType>;
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    type: ButtonType;
+    tag: keyof HTMLElementTagNameMap;
+    round: boolean;
+    size: ButtonSize;
+    disabled: boolean;
+    square: boolean;
+    loading: boolean;
+    block: boolean;
+    plain: boolean;
+    hairline: boolean;
+    nativeType: ButtonNativeType;
+    iconPosition: ButtonIconPosition;
+}>;
+export default _default;

package/es/button/Button.mjs

@@ -0,0 +1,156 @@
+import { defineComponent, createVNode as _createVNode } from "vue";
+import { extend, numericProp, preventDefault, makeStringProp, createNamespace, BORDER_SURROUND } from "../utils/index.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Loading } from "../loading/index.mjs";
+const [name, bem] = createNamespace("button");
+const buttonIconSizes = {
+  large: "var(--van-font-size-xl)",
+  normal: "var(--van-font-size-lg)",
+  small: "var(--van-font-size-md)",
+  mini: "var(--van-font-size-sm)"
+};
+const buttonProps = extend({}, routeProps, {
+  tag: makeStringProp("button"),
+  text: String,
+  icon: String,
+  iconSize: numericProp,
+  type: makeStringProp("default"),
+  size: makeStringProp("normal"),
+  color: String,
+  block: Boolean,
+  plain: Boolean,
+  round: Boolean,
+  square: Boolean,
+  loading: Boolean,
+  hairline: Boolean,
+  disabled: Boolean,
+  iconPrefix: String,
+  nativeType: makeStringProp("button"),
+  loadingSize: numericProp,
+  loadingText: String,
+  loadingType: String,
+  iconPosition: makeStringProp("left")
+});
+var stdin_default = defineComponent({
+  name,
+  props: buttonProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const route = useRoute();
+    const renderLoadingIcon = () => {
+      if (slots.loading) {
+        return slots.loading();
+      }
+      return _createVNode(Loading, {
+        "size": props.loadingSize,
+        "type": props.loadingType,
+        "class": bem("loading")
+      }, null);
+    };
+    const renderIcon = () => {
+      var _a;
+      if (props.loading) {
+        return renderLoadingIcon();
+      }
+      if (slots.icon) {
+        return _createVNode("div", {
+          "class": bem("icon")
+        }, [slots.icon()]);
+      }
+      if (props.icon) {
+        return _createVNode(Icon, {
+          "size": (_a = props.iconSize) != null ? _a : buttonIconSizes[props.size],
+          "name": props.icon,
+          "class": bem("icon"),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    const renderText = () => {
+      let text;
+      if (props.loading) {
+        text = props.loadingText;
+      } else {
+        text = slots.default ? slots.default() : props.text;
+      }
+      if (text) {
+        return _createVNode("span", {
+          "class": bem("text")
+        }, [text]);
+      }
+    };
+    const getStyle = () => {
+      const {
+        color,
+        plain
+      } = props;
+      if (color) {
+        const style = {
+          color: plain ? color : "white"
+        };
+        if (!plain) {
+          style.background = color;
+        }
+        if (color.includes("gradient")) {
+          style.border = 0;
+        } else {
+          style.borderColor = color;
+        }
+        return style;
+      }
+    };
+    const onClick = (event) => {
+      if (props.loading) {
+        preventDefault(event);
+      } else if (!props.disabled) {
+        emit("click", event);
+        route();
+      }
+    };
+    return () => {
+      const {
+        tag,
+        type,
+        size,
+        block,
+        round,
+        plain,
+        square,
+        loading,
+        disabled,
+        hairline,
+        nativeType,
+        iconPosition
+      } = props;
+      const classes = [bem([type, size, {
+        plain,
+        block,
+        round,
+        square,
+        loading,
+        disabled,
+        hairline
+      }]), {
+        [BORDER_SURROUND]: hairline
+      }];
+      return _createVNode(tag, {
+        "type": nativeType,
+        "class": classes,
+        "style": getStyle(),
+        "disabled": disabled,
+        "onClick": onClick
+      }, {
+        default: () => [_createVNode("div", {
+          "class": bem("content")
+        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
+      });
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/button/index.css

@@ -0,0 +1 @@
+:root{--van-button-mini-height: 24px;--van-button-mini-padding: 0 var(--van-padding-base);--van-button-mini-font-size: var(--van-font-size-xs);--van-button-small-height: 32px;--van-button-small-padding: 0 var(--van-padding-xs);--van-button-small-font-size: var(--van-font-size-sm);--van-button-normal-padding: 0 15px;--van-button-normal-font-size: var(--van-font-size-md);--van-button-large-height: 50px;--van-button-default-height: 44px;--van-button-default-line-height: 1.2;--van-button-default-font-size: var(--van-font-size-lg);--van-button-default-color: var(--van-grey-900);--van-button-default-background-color: var(--van-background-color-light);--van-button-default-border-color: var(--van-grey-300);--van-button-primary-color: var(--van-white);--van-button-primary-background-color: var(--van-blue-500);--van-button-primary-border-color: var(--van-blue-500);--van-button-success-color: var(--van-white);--van-button-success-background-color: var(--van-success-color);--van-button-success-border-color: var(--van-success-color);--van-button-danger-color: var(--van-white);--van-button-danger-background-color: var(--van-danger-color);--van-button-danger-border-color: var(--van-danger-color);--van-button-warning-color: var(--van-white);--van-button-warning-background-color: var(--van-warning-color);--van-button-warning-border-color: var(--van-warning-color);--van-button-border-width: var(--van-border-width-base);--van-button-border-radius: var(--van-border-radius-lg);--van-button-round-border-radius: var(--van-border-radius-max);--van-button-plain-background-color: transparent;--van-button-disabled-opacity: var(--van-disabled-opacity);--van-button-icon-size: 1.2em;--van-button-loading-icon-size: 20px}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--van-button-default-height);margin:0;padding:0;font-size:var(--van-button-default-font-size);line-height:var(--van-button-default-line-height);text-align:center;border-radius:var(--van-button-border-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast);-webkit-appearance:none}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--van-grey-900);border-color:var(--van-grey-900);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.van-button:active:before{opacity:.08}.van-button--loading:before,.van-button--disabled:before{display:none}.van-button--default{color:var(--van-button-default-color);background:var(--van-button-default-background-color);border:var(--van-button-border-width) solid var(--van-button-default-border-color)}.van-button--primary{color:var(--van-button-primary-color);background:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid var(--van-button-primary-border-color)}.van-button--success{color:var(--van-button-success-color);background:var(--van-button-success-background-color);border:var(--van-button-border-width) solid var(--van-button-success-border-color)}.van-button--danger{color:var(--van-button-danger-color);background:var(--van-button-danger-background-color);border:var(--van-button-border-width) solid var(--van-button-danger-border-color)}.van-button--warning{color:var(--van-button-warning-color);background:var(--van-button-warning-background-color);border:var(--van-button-border-width) solid var(--van-button-warning-border-color)}.van-button--text{background:var(--van-button-plain-background-color);color:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid transparent}.van-button--plain{background:var(--van-button-plain-background-color)}.van-button--plain.van-button--primary{color:var(--van-button-primary-background-color)}.van-button--plain.van-button--success{color:var(--van-button-success-background-color)}.van-button--plain.van-button--danger{color:var(--van-button-danger-background-color)}.van-button--plain.van-button--warning{color:var(--van-button-warning-background-color)}.van-button--large{width:100%;height:var(--van-button-large-height)}.van-button--large .van-button__icon{font-size:var(--van-font-size-xl)}.van-button--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.van-button--normal .van-button__icon{font-size:var(--van-font-size-lg)}.van-button--small{height:var(--van-button-small-height);padding:var(--van-button-small-padding);font-size:var(--van-button-small-font-size)}.van-button--small .van-button__icon{font-size:var(--van-font-size-md)}.van-button__loading{color:inherit;font-size:inherit}.van-button__loading .van-loading__spinner{color:currentColor;width:var(--van-button-loading-icon-size);height:var(--van-button-loading-icon-size)}.van-button--mini{height:var(--van-button-mini-height);padding:var(--van-button-mini-padding);font-size:var(--van-button-mini-font-size);border-radius:var(--van-border-radius-md)}.van-button--mini .van-button__icon{font-size:var(--van-font-size-sm)}.van-button--mini+.van-button--mini{margin-left:var(--van-padding-base)}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:var(--van-button-disabled-opacity)}.van-button--loading{cursor:default}.van-button--round{border-radius:var(--van-button-round-border-radius)}.van-button--square{border-radius:0}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button__content:before{content:" "}.van-button__icon{font-size:var(--van-button-icon-size);line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:var(--van-padding-base)}.van-button--hairline{border-width:0}.van-button--hairline:after{border-color:inherit;border-radius:calc(var(--van-button-border-radius) * 2)}.van-button--hairline.van-button--round:after{border-radius:var(--van-button-round-border-radius)}.van-button--hairline.van-button--square:after{border-radius:0}