vant 3.4.5 → 4.0.0-alpha.0

package/es/area/utils.js

@@ -0,0 +1,85 @@
+const AREA_EMPTY_CODE = "000000";
+const INHERIT_SLOTS = [
+  "title",
+  "cancel",
+  "confirm",
+  "toolbar",
+  "columns-top",
+  "columns-bottom"
+];
+const INHERIT_PROPS = [
+  "title",
+  "loading",
+  "readonly",
+  "optionHeight",
+  "swipeDuration",
+  "visibleOptionNum",
+  "cancelButtonText",
+  "confirmButtonText"
+];
+const makeOption = (text = "", value = AREA_EMPTY_CODE, children = void 0) => ({
+  text,
+  value,
+  children
+});
+function formatDataForCascade({
+  areaList,
+  columnsNum,
+  columnsPlaceholder: placeholder
+}) {
+  const {
+    city_list: city = {},
+    county_list: county = {},
+    province_list: province = {}
+  } = areaList;
+  const showCity = columnsNum > 1;
+  const showCounty = columnsNum > 2;
+  const getProvinceChildren = () => {
+    if (showCity) {
+      return placeholder.length ? [
+        makeOption(placeholder[0], AREA_EMPTY_CODE, showCounty ? [] : void 0)
+      ] : [];
+    }
+  };
+  const provinceMap = /* @__PURE__ */ new Map();
+  Object.keys(province).forEach((code) => {
+    provinceMap.set(code.slice(0, 2), makeOption(province[code], code, getProvinceChildren()));
+  });
+  const cityMap = /* @__PURE__ */ new Map();
+  if (showCity) {
+    const getCityChildren = () => {
+      if (showCounty) {
+        return placeholder.length ? [makeOption(placeholder[1])] : [];
+      }
+    };
+    Object.keys(city).forEach((code) => {
+      const option = makeOption(city[code], code, getCityChildren());
+      cityMap.set(code.slice(0, 4), option);
+      const province2 = provinceMap.get(code.slice(0, 2));
+      if (province2) {
+        province2.children.push(option);
+      }
+    });
+  }
+  if (showCounty) {
+    Object.keys(county).forEach((code) => {
+      const city2 = cityMap.get(code.slice(0, 4));
+      if (city2) {
+        city2.children.push(makeOption(county[code], code));
+      }
+    });
+  }
+  const options = Array.from(provinceMap.values());
+  if (placeholder.length) {
+    const county2 = showCounty ? [makeOption(placeholder[2])] : void 0;
+    const city2 = showCity ? [makeOption(placeholder[1], AREA_EMPTY_CODE, county2)] : void 0;
+    options.unshift(makeOption(placeholder[0], AREA_EMPTY_CODE, city2));
+  }
+  return options;
+}
+export {
+  AREA_EMPTY_CODE,
+  INHERIT_PROPS,
+  INHERIT_SLOTS,
+  formatDataForCascade
+};

package/es/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}
+body{--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-bold);--van-badge-border-width: var(--van-border-width);--van-badge-background: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font: -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);line-height:1.2;text-align:center;background:var(--van-badge-background);border:var(--van-badge-border-width) solid var(--van-background-2);border-radius:var(--van-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}

package/es/badge/index.less

@@ -1,16 +1,14 @@
-@import './var.less';
-
-:root {
-  --van-badge-size: @badge-size;
-  --van-badge-color: @badge-color;
-  --van-badge-padding: @badge-padding;
-  --van-badge-font-size: @badge-font-size;
-  --van-badge-font-weight: @badge-font-weight;
-  --van-badge-border-width: @badge-border-width;
-  --van-badge-background-color: @badge-background-color;
-  --van-badge-dot-color: @badge-dot-color;
-  --van-badge-dot-size: @badge-dot-size;
-  --van-badge-font-family: @badge-font-family;
+body {
+  --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-bold);
+  --van-badge-border-width: var(--van-border-width);
+  --van-badge-background: var(--van-danger-color);
+  --van-badge-dot-color: var(--van-danger-color);
+  --van-badge-dot-size: 8px;
+  --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;
 }
 
 .van-badge {
@@ -21,12 +19,12 @@
   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);
+  font-family: var(--van-badge-font);
   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);
+  background: var(--van-badge-background);
+  border: var(--van-badge-border-width) solid var(--van-background-2);
+  border-radius: var(--van-radius-max);
 
   &--fixed {
     position: absolute;

package/es/button/index.css

@@ -1 +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-text-color);--van-button-default-background-color: var(--van-background-color-light);--van-button-default-border-color: var(--van-border-color);--van-button-primary-color: var(--van-white);--van-button-primary-background-color: var(--van-primary-color);--van-button-primary-border-color: var(--van-primary-color);--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-sm);--van-button-round-border-radius: var(--van-border-radius-max);--van-button-plain-background-color: var(--van-white);--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-black);border:inherit;border-color:var(--van-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.van-button:active:before{opacity:.1}.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--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--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.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__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)}.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}
+body{--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-text-color);--van-button-default-background: var(--van-background-2);--van-button-default-border-color: var(--van-gray-4);--van-button-primary-color: var(--van-white);--van-button-primary-background: var(--van-primary-color);--van-button-primary-border-color: var(--van-primary-color);--van-button-success-color: var(--van-white);--van-button-success-background: var(--van-success-color);--van-button-success-border-color: var(--van-success-color);--van-button-danger-color: var(--van-white);--van-button-danger-background: var(--van-danger-color);--van-button-danger-border-color: var(--van-danger-color);--van-button-warning-color: var(--van-white);--van-button-warning-background: var(--van-warning-color);--van-button-warning-border-color: var(--van-warning-color);--van-button-border-width: var(--van-border-width);--van-button-radius: var(--van-radius-md);--van-button-round-radius: var(--van-radius-max);--van-button-plain-background: var(--van-white);--van-button-disabled-opacity: var(--van-disabled-opacity);--van-button-icon-size: 1.2em;--van-button-loading-icon-size: 20px}.van-theme-dark{--van-button-plain-background: transparent}.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-radius);cursor:pointer;transition:opacity var(--van-duration-fast);-webkit-appearance:none;-webkit-font-smoothing:auto}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--van-black);border:inherit;border-color:var(--van-black);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.van-button:active:before{opacity:.1}.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);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);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);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);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);border:var(--van-button-border-width) solid var(--van-button-warning-border-color)}.van-button--plain{background:var(--van-button-plain-background)}.van-button--plain.van-button--primary{color:var(--van-button-primary-background)}.van-button--plain.van-button--success{color:var(--van-button-success-background)}.van-button--plain.van-button--danger{color:var(--van-button-danger-background)}.van-button--plain.van-button--warning{color:var(--van-button-warning-background)}.van-button--large{width:100%;height:var(--van-button-large-height)}.van-button--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.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__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)}.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-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-radius) * 2)}.van-button--hairline.van-button--round:after{border-radius:var(--van-button-round-radius)}.van-button--hairline.van-button--square:after{border-radius:0}

package/es/button/index.less

@@ -1,40 +1,42 @@
-@import './var.less';
-
-:root {
-  --van-button-mini-height: @button-mini-height;
-  --van-button-mini-padding: @button-mini-padding;
-  --van-button-mini-font-size: @button-mini-font-size;
-  --van-button-small-height: @button-small-height;
-  --van-button-small-padding: @button-small-padding;
-  --van-button-small-font-size: @button-small-font-size;
-  --van-button-normal-padding: @button-normal-padding;
-  --van-button-normal-font-size: @button-normal-font-size;
-  --van-button-large-height: @button-large-height;
-  --van-button-default-height: @button-default-height;
-  --van-button-default-line-height: @button-default-line-height;
-  --van-button-default-font-size: @button-default-font-size;
-  --van-button-default-color: @button-default-color;
-  --van-button-default-background-color: @button-default-background-color;
-  --van-button-default-border-color: @button-default-border-color;
-  --van-button-primary-color: @button-primary-color;
-  --van-button-primary-background-color: @button-primary-background-color;
-  --van-button-primary-border-color: @button-primary-border-color;
-  --van-button-success-color: @button-success-color;
-  --van-button-success-background-color: @button-success-background-color;
-  --van-button-success-border-color: @button-success-border-color;
-  --van-button-danger-color: @button-danger-color;
-  --van-button-danger-background-color: @button-danger-background-color;
-  --van-button-danger-border-color: @button-danger-border-color;
-  --van-button-warning-color: @button-warning-color;
-  --van-button-warning-background-color: @button-warning-background-color;
-  --van-button-warning-border-color: @button-warning-border-color;
-  --van-button-border-width: @button-border-width;
-  --van-button-border-radius: @button-border-radius;
-  --van-button-round-border-radius: @button-round-border-radius;
-  --van-button-plain-background-color: @button-plain-background-color;
-  --van-button-disabled-opacity: @button-disabled-opacity;
-  --van-button-icon-size: @button-icon-size;
-  --van-button-loading-icon-size: @button-loading-icon-size;
+body {
+  --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-text-color);
+  --van-button-default-background: var(--van-background-2);
+  --van-button-default-border-color: var(--van-gray-4);
+  --van-button-primary-color: var(--van-white);
+  --van-button-primary-background: var(--van-primary-color);
+  --van-button-primary-border-color: var(--van-primary-color);
+  --van-button-success-color: var(--van-white);
+  --van-button-success-background: var(--van-success-color);
+  --van-button-success-border-color: var(--van-success-color);
+  --van-button-danger-color: var(--van-white);
+  --van-button-danger-background: var(--van-danger-color);
+  --van-button-danger-border-color: var(--van-danger-color);
+  --van-button-warning-color: var(--van-white);
+  --van-button-warning-background: var(--van-warning-color);
+  --van-button-warning-border-color: var(--van-warning-color);
+  --van-button-border-width: var(--van-border-width);
+  --van-button-radius: var(--van-radius-md);
+  --van-button-round-radius: var(--van-radius-max);
+  --van-button-plain-background: var(--van-white);
+  --van-button-disabled-opacity: var(--van-disabled-opacity);
+  --van-button-icon-size: 1.2em;
+  --van-button-loading-icon-size: 20px;
+}
+
+.van-theme-dark {
+  --van-button-plain-background: transparent;
 }
 
 .van-button {
@@ -47,10 +49,11 @@
   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);
+  border-radius: var(--van-button-radius);
   cursor: pointer;
-  transition: opacity var(--van-animation-duration-fast);
+  transition: opacity var(--van-duration-fast);
   -webkit-appearance: none;
+  -webkit-font-smoothing: auto;
 
   &::before {
     position: absolute;
@@ -80,56 +83,56 @@
 
   &--default {
     color: var(--van-button-default-color);
-    background: var(--van-button-default-background-color);
+    background: var(--van-button-default-background);
     border: var(--van-button-border-width) solid
       var(--van-button-default-border-color);
   }
 
   &--primary {
     color: var(--van-button-primary-color);
-    background: var(--van-button-primary-background-color);
+    background: var(--van-button-primary-background);
     border: var(--van-button-border-width) solid
       var(--van-button-primary-border-color);
   }
 
   &--success {
     color: var(--van-button-success-color);
-    background: var(--van-button-success-background-color);
+    background: var(--van-button-success-background);
     border: var(--van-button-border-width) solid
       var(--van-button-success-border-color);
   }
 
   &--danger {
     color: var(--van-button-danger-color);
-    background: var(--van-button-danger-background-color);
+    background: var(--van-button-danger-background);
     border: var(--van-button-border-width) solid
       var(--van-button-danger-border-color);
   }
 
   &--warning {
     color: var(--van-button-warning-color);
-    background: var(--van-button-warning-background-color);
+    background: var(--van-button-warning-background);
     border: var(--van-button-border-width) solid
       var(--van-button-warning-border-color);
   }
 
   &--plain {
-    background: var(--van-button-plain-background-color);
+    background: var(--van-button-plain-background);
 
     &.van-button--primary {
-      color: var(--van-button-primary-background-color);
+      color: var(--van-button-primary-background);
     }
 
     &.van-button--success {
-      color: var(--van-button-success-background-color);
+      color: var(--van-button-success-background);
     }
 
     &.van-button--danger {
-      color: var(--van-button-danger-background-color);
+      color: var(--van-button-danger-background);
     }
 
     &.van-button--warning {
-      color: var(--van-button-warning-background-color);
+      color: var(--van-button-warning-background);
     }
   }
 
@@ -185,7 +188,7 @@
   }
 
   &--round {
-    border-radius: var(--van-button-round-border-radius);
+    border-radius: var(--van-button-round-radius);
   }
 
   &--square {
@@ -224,11 +227,11 @@
 
     &::after {
       border-color: inherit;
-      border-radius: calc(var(--van-button-border-radius) * 2);
+      border-radius: calc(var(--van-button-radius) * 2);
     }
 
     &.van-button--round::after {
-      border-radius: var(--van-button-round-border-radius);
+      border-radius: var(--van-button-round-radius);
     }
 
     &.van-button--square::after {

package/es/calendar/Calendar.d.ts

@@ -171,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
@@ -259,10 +259,10 @@ declare const _default: import("vue").DefineComponent<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-    "onClick-subtitle"?: ((...args: any[]) => any) | undefined;
+    onClickSubtitle?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
-    "onMonth-show"?: ((...args: any[]) => any) | undefined;
-    "onOver-range"?: ((...args: any[]) => any) | undefined;
+    onMonthShow?: ((...args: any[]) => any) | undefined;
+    onOverRange?: ((...args: any[]) => any) | undefined;
 }, {
     type: CalendarType;
     position: PopupPosition;
@@ -273,8 +273,6 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
-    minDate: Date;
-    maxDate: Date;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;
@@ -283,6 +281,8 @@ declare const _default: import("vue").DefineComponent<{
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
+    minDate: Date;
+    maxDate: Date;
     firstDayOfWeek: string | number;
 }>;
 export default _default;

package/es/calendar/Calendar.js

@@ -59,7 +59,7 @@ const calendarProps = {
 var stdin_default = defineComponent({
   name,
   props: calendarProps,
-  emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
+  emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
   setup(props, {
     emit,
     slots
@@ -151,7 +151,7 @@ var stdin_default = defineComponent({
           }
           if (!monthRefs.value[i].showed) {
             monthRefs.value[i].showed = true;
-            emit("month-show", {
+            emit("monthShow", {
               date: month.date,
               title: month.getTitle()
             });
@@ -215,7 +215,7 @@ var stdin_default = defineComponent({
         if (showRangePrompt) {
           Toast(rangePrompt || t("rangePrompt", maxRange));
         }
-        emit("over-range");
+        emit("overRange");
         return false;
       }
       return true;
@@ -331,7 +331,7 @@ var stdin_default = defineComponent({
         return _createVNode(Button, {
           "round": true,
           "block": true,
-          "type": "danger",
+          "type": "primary",
           "color": props.color,
           "class": bem("confirm"),
           "disabled": disabled,
@@ -357,7 +357,7 @@ var stdin_default = defineComponent({
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
-      "onClick-subtitle": (event) => emit("click-subtitle", event)
+      "onClickSubtitle": (event) => emit("clickSubtitle", event)
     }, pick(slots, ["title", "subtitle"])), _createVNode("div", {
       "ref": bodyRef,
       "class": bem("body"),

package/es/calendar/CalendarHeader.d.ts

@@ -4,14 +4,14 @@ declare const _default: import("vue").DefineComponent<{
     showTitle: BooleanConstructor;
     showSubtitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-subtitle"[], "click-subtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickSubtitle"[], "clickSubtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;
     showSubtitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
 }>> & {
-    "onClick-subtitle"?: ((...args: any[]) => any) | undefined;
+    onClickSubtitle?: ((...args: any[]) => any) | undefined;
 }, {
     showTitle: boolean;
     showSubtitle: boolean;

package/es/calendar/CalendarHeader.js

@@ -12,7 +12,7 @@ var stdin_default = defineComponent({
     showSubtitle: Boolean,
     firstDayOfWeek: Number
   },
-  emits: ["click-subtitle"],
+  emits: ["clickSubtitle"],
   setup(props, {
     slots,
     emit
@@ -26,7 +26,7 @@ var stdin_default = defineComponent({
         }, [title]);
       }
     };
-    const onClickSubtitle = (event) => emit("click-subtitle", event);
+    const onClickSubtitle = (event) => emit("clickSubtitle", event);
     const renderSubtitle = () => {
       if (props.showSubtitle) {
         const title = slots.subtitle ? slots.subtitle() : props.subtitle;

package/es/calendar/CalendarMonth.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update-height")[], "click" | "update-height", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
@@ -76,7 +76,6 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek: NumberConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate-height"?: ((...args: any[]) => any) | undefined;
 }, {
     lazyRender: boolean;
     showMark: boolean;

package/es/calendar/CalendarMonth.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from "vue";
 import { pick, addUnit, numericProp, setScrollTop, createNamespace, makeRequiredProp } from "../utils";
-import { getMonthEndDay } from "../datetime-picker/utils";
+import { getMonthEndDay } from "../date-picker/utils";
 import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from "./utils";
 import { useRect, useToggle } from "@vant/use";
 import { useExpose } from "../composables/use-expose";
@@ -27,7 +27,7 @@ const calendarMonthProps = {
 var stdin_default = defineComponent({
   name,
   props: calendarMonthProps,
-  emits: ["click", "update-height"],
+  emits: ["click"],
   setup(props, {
     emit,
     slots

package/es/calendar/index.css

@@ -1 +1 @@
-:root{--van-calendar-background-color: var(--van-background-color-light);--van-calendar-popup-height: 80%;--van-calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background-color: var(--van-danger-color);--van-calendar-range-middle-color: var(--van-danger-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background-color: var(--van-danger-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background-color)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-box-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-weight-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background-color)}.van-calendar__day--start{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-border-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background-color);border-radius:var(--van-border-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+body{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/es/calendar/index.d.ts

@@ -82,7 +82,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range")[], "select" | "update:show" | "confirm" | "click-subtitle" | "unselect" | "month-show" | "over-range", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
@@ -170,10 +170,10 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-    "onClick-subtitle"?: ((...args: any[]) => any) | undefined;
+    onClickSubtitle?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
-    "onMonth-show"?: ((...args: any[]) => any) | undefined;
-    "onOver-range"?: ((...args: any[]) => any) | undefined;
+    onMonthShow?: ((...args: any[]) => any) | undefined;
+    onOverRange?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
@@ -184,8 +184,6 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
-    minDate: Date;
-    maxDate: Date;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;
@@ -194,6 +192,8 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
+    minDate: Date;
+    maxDate: Date;
     firstDayOfWeek: string | number;
 }>>;
 export default Calendar;