vant 3.6.15 → 3.6.16

package/es/style/base.less

@@ -0,0 +1,90 @@
+/**
+ * Entry of basic styles
+ */
+
+@import './var.less';
+@import './css-variables.less';
+@import './normalize.less';
+@import './animation.less';
+@import './mixins/clearfix.less';
+@import './mixins/ellipsis.less';
+@import './mixins/hairline.less';
+
+.van-clearfix {
+  .clearfix();
+}
+
+.van-ellipsis {
+  .ellipsis();
+}
+
+.van-multi-ellipsis--l2 {
+  .multi-ellipsis(2);
+}
+
+.van-multi-ellipsis--l3 {
+  .multi-ellipsis(3);
+}
+
+.van-safe-area-top {
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+}
+
+.van-safe-area-bottom {
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.van-haptics-feedback {
+  cursor: pointer;
+
+  &:active {
+    opacity: var(--van-active-opacity);
+  }
+}
+
+[class*='van-hairline'] {
+  &::after {
+    .hairline();
+  }
+}
+
+.van-hairline {
+  &,
+  &--top,
+  &--left,
+  &--right,
+  &--bottom,
+  &--surround,
+  &--top-bottom {
+    position: relative;
+  }
+
+  &--top::after {
+    border-top-width: @border-width-base;
+  }
+
+  &--left::after {
+    border-left-width: @border-width-base;
+  }
+
+  &--right::after {
+    border-right-width: @border-width-base;
+  }
+
+  &--bottom::after {
+    border-bottom-width: @border-width-base;
+  }
+
+  &,
+  &-unset {
+    &--top-bottom::after {
+      border-width: @border-width-base 0;
+    }
+  }
+
+  &--surround::after {
+    border-width: @border-width-base;
+  }
+}

package/es/style/css-variables.css

@@ -1 +1 @@
-:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}
+:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}

package/es/style/css-variables.less

@@ -0,0 +1,75 @@
+@import './var.less';
+
+:root {
+  // Color Palette
+  --van-black: @black;
+  --van-white: @white;
+  --van-gray-1: @gray-1;
+  --van-gray-2: @gray-2;
+  --van-gray-3: @gray-3;
+  --van-gray-4: @gray-4;
+  --van-gray-5: @gray-5;
+  --van-gray-6: @gray-6;
+  --van-gray-7: @gray-7;
+  --van-gray-8: @gray-8;
+  --van-red: @red;
+  --van-blue: @blue;
+  --van-orange: @orange;
+  --van-orange-dark: @orange-dark;
+  --van-orange-light: @orange-light;
+  --van-green: @green;
+
+  // Gradient Colors
+  --van-gradient-red: @gradient-red;
+  --van-gradient-orange: @gradient-orange;
+
+  // Component Colors
+  --van-primary-color: @primary-color;
+  --van-success-color: @success-color;
+  --van-danger-color: @danger-color;
+  --van-warning-color: @warning-color;
+  --van-text-color: @text-color;
+  --van-text-color-2: @text-color-2;
+  --van-text-color-3: @text-color-3;
+  --van-text-link-color: @text-link-color;
+  --van-active-color: @active-color;
+  --van-active-opacity: @active-opacity;
+  --van-disabled-opacity: @disabled-opacity;
+  --van-background-color: @background-color;
+  --van-background-color-light: @background-color-light;
+
+  // Padding
+  --van-padding-base: @padding-base;
+  --van-padding-xs: @padding-xs;
+  --van-padding-sm: @padding-sm;
+  --van-padding-md: @padding-md;
+  --van-padding-lg: @padding-lg;
+  --van-padding-xl: @padding-xl;
+
+  // Font
+  --van-font-size-xs: @font-size-xs;
+  --van-font-size-sm: @font-size-sm;
+  --van-font-size-md: @font-size-md;
+  --van-font-size-lg: @font-size-lg;
+  --van-font-weight-bold: @font-weight-bold;
+  --van-line-height-xs: @line-height-xs;
+  --van-line-height-sm: @line-height-sm;
+  --van-line-height-md: @line-height-md;
+  --van-line-height-lg: @line-height-lg;
+  --van-base-font-family: @base-font-family;
+  --van-price-integer-font-family: @price-integer-font-family;
+
+  // Animation
+  --van-animation-duration-base: @animation-duration-base;
+  --van-animation-duration-fast: @animation-duration-fast;
+  --van-animation-timing-function-enter: @animation-timing-function-enter;
+  --van-animation-timing-function-leave: @animation-timing-function-leave;
+
+  // Border
+  --van-border-color: @border-color;
+  --van-border-width-base: @border-width-base;
+  --van-border-radius-sm: @border-radius-sm;
+  --van-border-radius-md: @border-radius-md;
+  --van-border-radius-lg: @border-radius-lg;
+  --van-border-radius-max: @border-radius-max;
+}

package/es/style/mixins/clearfix.less

@@ -0,0 +1,7 @@
+.clearfix() {
+  &::after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+}

package/es/style/mixins/ellipsis.less

@@ -0,0 +1,15 @@
+.multi-ellipsis(@lines) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: @lines;
+
+  /* autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+.ellipsis() {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/es/style/mixins/hairline.less

@@ -0,0 +1,39 @@
+@import '../var';
+
+.hairline-common() {
+  position: absolute;
+  box-sizing: border-box;
+  content: ' ';
+  pointer-events: none;
+}
+
+.hairline(@color: var(--van-border-color)) {
+  .hairline-common();
+
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+  border: 0 solid @color;
+  transform: scale(0.5);
+}
+
+.hairline-top(@color: var(--van-border-color), @left: 0, @right: 0) {
+  .hairline-common();
+
+  top: 0;
+  right: @right;
+  left: @left;
+  border-top: 1px solid @color;
+  transform: scaleY(0.5);
+}
+
+.hairline-bottom(@color: var(--van-border-color), @left: 0, @right: 0) {
+  .hairline-common();
+
+  right: @right;
+  bottom: 0;
+  left: @left;
+  border-bottom: 1px solid @color;
+  transform: scaleY(0.5);
+}

package/es/style/normalize.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}
+html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}

package/es/style/normalize.less

@@ -0,0 +1,38 @@
+@import './var';
+
+html {
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  margin: 0;
+  font-family: @base-font-family;
+}
+
+a {
+  text-decoration: none;
+}
+
+input,
+button,
+textarea {
+  color: inherit;
+  font: inherit;
+}
+
+a,
+input,
+button,
+textarea,
+[class*='van-'] {
+  &:focus {
+    outline: none;
+  }
+}
+
+ol,
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}

package/es/style/var.less

@@ -0,0 +1,74 @@
+// Color Palette
+@black: #000;
+@white: #fff;
+@gray-1: #f7f8fa;
+@gray-2: #f2f3f5;
+@gray-3: #ebedf0;
+@gray-4: #dcdee0;
+@gray-5: #c8c9cc;
+@gray-6: #969799;
+@gray-7: #646566;
+@gray-8: #323233;
+@red: #ee0a24;
+@blue: #1989fa;
+@orange: #ff976a;
+@orange-dark: #ed6a0c;
+@orange-light: #fffbe8;
+@green: #07c160;
+
+// Gradient Colors
+@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
+@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
+
+// Component Colors
+@primary-color: var(--van-blue);
+@success-color: var(--van-green);
+@danger-color: var(--van-red);
+@warning-color: var(--van-orange);
+@text-color: var(--van-gray-8);
+@text-color-2: var(--van-gray-6);
+@text-color-3: var(--van-gray-5);
+@text-link-color: #576b95;
+@active-color: var(--van-gray-2);
+@active-opacity: 0.6;
+@disabled-opacity: 0.5;
+@background-color: var(--van-gray-1);
+@background-color-light: var(--van-white);
+
+// Padding
+@padding-base: 4px;
+@padding-xs: @padding-base * 2;
+@padding-sm: @padding-base * 3;
+@padding-md: @padding-base * 4;
+@padding-lg: @padding-base * 6;
+@padding-xl: @padding-base * 8;
+
+// Font
+@font-size-xs: 10px;
+@font-size-sm: 12px;
+@font-size-md: 14px;
+@font-size-lg: 16px;
+@font-weight-bold: 500;
+@line-height-xs: 14px;
+@line-height-sm: 18px;
+@line-height-md: 20px;
+@line-height-lg: 22px;
+@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
+  'Microsoft Yahei', sans-serif;
+@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
+  sans-serif;
+
+// Animation
+@animation-duration-base: 0.3s;
+@animation-duration-fast: 0.2s;
+@animation-timing-function-enter: ease-out;
+@animation-timing-function-leave: ease-in;
+
+// Border
+@border-color: var(--van-gray-3);
+@border-width-base: 1px;
+@border-radius-sm: 2px;
+@border-radius-md: 4px;
+@border-radius-lg: 8px;
+@border-radius-max: 999px;

package/es/submit-bar/SubmitBar.d.ts

@@ -1,21 +1,21 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
-export type SubmitBarTextAlign = 'left' | 'right';
-export declare const submitBarProps: {
+export declare type SubmitBarTextAlign = 'left' | 'right';
+declare const submitBarProps: {
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: PropType<T>;
+        type: PropType<ButtonType>;
         default: ButtonType;
     };
     buttonColor: StringConstructor;
@@ -30,22 +30,22 @@ export declare const submitBarProps: {
         default: true;
     };
 };
-export type SubmitBarProps = ExtractPropTypes<typeof submitBarProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type SubmitBarProps = ExtractPropTypes<typeof submitBarProps>;
+declare const _default: import("vue").DefineComponent<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: PropType<T>;
+        type: PropType<ButtonType>;
         default: ButtonType;
     };
     buttonColor: StringConstructor;
@@ -59,21 +59,21 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: PropType<T>;
+        type: PropType<ButtonType>;
         default: ButtonType;
     };
     buttonColor: StringConstructor;
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & Readonly<{
+}>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     disabled: boolean;
     placeholder: boolean;
     safeAreaInsetBottom: boolean;
@@ -97,5 +97,5 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     currency: string;
     decimalLength: string | number;
     buttonType: ButtonType;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/submit-bar/SubmitBar.mjs

@@ -1,4 +1,5 @@
-import { ref, defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { ref, defineComponent } from "vue";
 import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Button } from "../button/index.mjs";
@@ -110,6 +111,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default,
-  submitBarProps
+  stdin_default as default
 };

package/es/submit-bar/index.css

@@ -1 +1 @@
-:root,:host{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background: var(--van-background-2);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font: var(--van-price-font);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}
+:root{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background-color: var(--van-background-color-light);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font-family: var(--van-price-integer-font-family);--van-submit-bar-currency-font-size: var(--van-font-size-md);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background-color: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background-color);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background-color)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-weight-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font-family)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-weight-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}

package/es/submit-bar/index.d.ts

@@ -1,18 +1,18 @@
-export declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: import("vue").PropType<import("./SubmitBar").SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").ButtonType>;
         default: import("..").ButtonType;
     };
     buttonColor: StringConstructor;
@@ -26,21 +26,21 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
         type: BooleanConstructor;
         default: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     disabled: BooleanConstructor;
     textAlign: import("vue").PropType<import("./SubmitBar").SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("..").ButtonType>;
         default: import("..").ButtonType;
     };
     buttonColor: StringConstructor;
@@ -54,9 +54,9 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
         type: BooleanConstructor;
         default: true;
     };
-}>> & Readonly<{
+}>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     disabled: boolean;
     placeholder: boolean;
     safeAreaInsetBottom: boolean;
@@ -64,11 +64,9 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     currency: string;
     decimalLength: string | number;
     buttonType: import("..").ButtonType;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default SubmitBar;
-export { submitBarProps } from './SubmitBar';
 export type { SubmitBarProps, SubmitBarTextAlign } from './SubmitBar';
-export type { SubmitBarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSubmitBar: typeof SubmitBar;

package/es/submit-bar/index.less

@@ -0,0 +1,99 @@
+@import './var.less';
+
+:root {
+  --van-submit-bar-height: @submit-bar-height;
+  --van-submit-bar-z-index: @submit-bar-z-index;
+  --van-submit-bar-background-color: @submit-bar-background-color;
+  --van-submit-bar-button-width: @submit-bar-button-width;
+  --van-submit-bar-price-color: @submit-bar-price-color;
+  --van-submit-bar-price-font-size: @submit-bar-price-font-size;
+  --van-submit-bar-price-integer-font-size: @submit-bar-price-integer-font-size;
+  --van-submit-bar-price-font-family: @submit-bar-price-font-family;
+  --van-submit-bar-currency-font-size: @submit-bar-currency-font-size;
+  --van-submit-bar-text-color: @submit-bar-text-color;
+  --van-submit-bar-text-font-size: @submit-bar-text-font-size;
+  --van-submit-bar-tip-padding: @submit-bar-tip-padding;
+  --van-submit-bar-tip-font-size: @submit-bar-tip-font-size;
+  --van-submit-bar-tip-line-height: @submit-bar-tip-line-height;
+  --van-submit-bar-tip-color: @submit-bar-tip-color;
+  --van-submit-bar-tip-background-color: @submit-bar-tip-background-color;
+  --van-submit-bar-tip-icon-size: @submit-bar-tip-icon-size;
+  --van-submit-bar-button-height: @submit-bar-button-height;
+  --van-submit-bar-padding: @submit-bar-padding;
+}
+
+.van-submit-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: var(--van-submit-bar-z-index);
+  width: 100%;
+  background: var(--van-submit-bar-background-color);
+  user-select: none;
+
+  &__tip {
+    padding: var(--van-submit-bar-tip-padding);
+    color: var(--van-submit-bar-tip-color);
+    font-size: var(--van-submit-bar-tip-font-size);
+    line-height: var(--van-submit-bar-tip-line-height);
+    background: var(--van-submit-bar-tip-background-color);
+  }
+
+  &__tip-icon {
+    margin-right: var(--van-padding-base);
+    font-size: var(--van-submit-bar-tip-icon-size);
+    vertical-align: middle;
+  }
+
+  &__tip-text {
+    vertical-align: middle;
+  }
+
+  &__bar {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    height: var(--van-submit-bar-height);
+    padding: var(--van-submit-bar-padding);
+    font-size: var(--van-submit-bar-text-font-size);
+  }
+
+  &__text {
+    flex: 1;
+    padding-right: var(--van-padding-sm);
+    color: var(--van-submit-bar-text-color);
+    text-align: right;
+
+    span {
+      display: inline-block;
+    }
+  }
+
+  &__suffix-label {
+    margin-left: var(--van-padding-base);
+    font-weight: var(--van-font-weight-bold);
+  }
+
+  &__price {
+    color: var(--van-submit-bar-price-color);
+    font-weight: var(--van-font-weight-bold);
+    font-size: var(--van-submit-bar-price-font-size);
+    margin-left: var(--van-padding-base);
+
+    &-integer {
+      font-size: var(--van-submit-bar-price-integer-font-size);
+      font-family: var(--van-submit-bar-price-font-family);
+    }
+  }
+
+  &__button {
+    width: var(--van-submit-bar-button-width);
+    height: var(--van-submit-bar-button-height);
+    font-weight: var(--van-font-weight-bold);
+    border: none;
+
+    &--danger {
+      background: var(--van-gradient-red);
+    }
+  }
+}

package/es/submit-bar/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _SubmitBar from "./SubmitBar.mjs";
 const SubmitBar = withInstall(_SubmitBar);
 var stdin_default = SubmitBar;
-import { submitBarProps } from "./SubmitBar.mjs";
 export {
   SubmitBar,
-  stdin_default as default,
-  submitBarProps
+  stdin_default as default
 };

package/es/submit-bar/style/less.d.ts

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

package/es/submit-bar/style/less.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../button/index.less";
+import "../index.less";