vant 3.3.7 → 3.4.3

package/lib/tabs/index.less

@@ -38,6 +38,35 @@
     cursor: not-allowed;
   }
 
+  &--grow {
+    flex: 1 0 auto;
+    padding: 0 var(--van-padding-sm);
+  }
+
+  &--shrink {
+    flex: none;
+    padding: 0 var(--van-padding-xs);
+  }
+
+  &--card {
+    color: var(--van-tabs-default-color);
+    border-right: var(--van-border-width-base) solid
+      var(--van-tabs-default-color);
+
+    &:last-child {
+      border-right: none;
+    }
+
+    &.van-tab--active {
+      color: var(--van-white);
+      background-color: var(--van-tabs-default-color);
+    }
+
+    &--disabled {
+      color: var(--van-tab-disabled-text-color);
+    }
+  }
+
   &__text {
     &--ellipsis {
       display: -webkit-box;
@@ -62,23 +91,6 @@
       top: auto;
       bottom: 0;
     }
-
-    &--scrollable {
-      .van-tab {
-        flex: 1 0 auto;
-        padding: 0 var(--van-padding-sm);
-      }
-
-      .van-tabs__nav {
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-      }
-    }
   }
 
   &__nav {
@@ -87,12 +99,23 @@
     background: var(--van-tabs-nav-background-color);
     user-select: none;
 
+    &--complete {
+      overflow-x: auto;
+      overflow-y: hidden;
+      -webkit-overflow-scrolling: touch;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+
     &--line {
       box-sizing: content-box;
       height: 100%;
       padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
     }
 
+    &--line&--shrink,
     &--line&--complete {
       padding-right: var(--van-padding-xs);
       padding-left: var(--van-padding-xs);
@@ -104,25 +127,10 @@
       margin: 0 var(--van-padding-md);
       border: var(--van-border-width-base) solid var(--van-tabs-default-color);
       border-radius: var(--van-border-radius-sm);
+    }
 
-      .van-tab {
-        color: var(--van-tabs-default-color);
-        border-right: var(--van-border-width-base) solid
-          var(--van-tabs-default-color);
-
-        &:last-child {
-          border-right: none;
-        }
-
-        &.van-tab--active {
-          color: var(--van-white);
-          background-color: var(--van-tabs-default-color);
-        }
-
-        &--disabled {
-          color: var(--van-tab-disabled-text-color);
-        }
-      }
+    &--card&--shrink {
+      display: inline-flex;
     }
   }
 

package/lib/tabs/style/index.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../badge/index.css');
-
-require('../../sticky/index.css');
-
-require('../../swipe/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../sticky/index.css");
+require("../../swipe/index.css");
+require("../index.css");

package/lib/tabs/style/less.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../badge/index.less');
-
-require('../../sticky/index.less');
-
-require('../../swipe/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../sticky/index.less");
+require("../../swipe/index.less");
+require("../index.less");

package/lib/tabs/types.js

@@ -1,3 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);

package/lib/tabs/utils.js

@@ -1,50 +1,60 @@
-"use strict";
-
-exports.__esModule = true;
-exports.scrollLeftTo = scrollLeftTo;
-exports.scrollTopTo = scrollTopTo;
-
-var _use = require("@vant/use");
-
-var _utils = require("../utils");
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  scrollLeftTo: () => scrollLeftTo,
+  scrollTopTo: () => scrollTopTo
+});
+var import_use = __toModule(require("@vant/use"));
+var import_utils = __toModule(require("../utils"));
 function scrollLeftTo(scroller, to, duration) {
-  var count = 0;
-  var from = scroller.scrollLeft;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-
+  let count = 0;
+  const from = scroller.scrollLeft;
+  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
   function animate() {
     scroller.scrollLeft += (to - from) / frames;
-
     if (++count < frames) {
-      (0, _use.raf)(animate);
+      (0, import_use.raf)(animate);
     }
   }
-
   animate();
 }
-
 function scrollTopTo(scroller, to, duration, callback) {
-  var current = (0, _utils.getScrollTop)(scroller);
-  var isDown = current < to;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-  var step = (to - current) / frames;
-
+  let current = (0, import_utils.getScrollTop)(scroller);
+  const isDown = current < to;
+  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+  const step = (to - current) / frames;
   function animate() {
     current += step;
-
     if (isDown && current > to || !isDown && current < to) {
       current = to;
     }
-
-    (0, _utils.setScrollTop)(scroller, current);
-
+    (0, import_utils.setScrollTop)(scroller, current);
     if (isDown && current < to || !isDown && current > to) {
-      (0, _use.raf)(animate);
+      (0, import_use.raf)(animate);
     } else if (callback) {
-      (0, _use.raf)(callback);
+      (0, import_use.raf)(callback);
     }
   }
-
   animate();
-}
+}

package/lib/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type TagSize = 'large' | 'medium';
 export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 declare const tagProps: {
@@ -35,28 +35,23 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    mark?: unknown;
-    show?: unknown;
-    type?: unknown;
-    color?: unknown;
-    plain?: unknown;
-    round?: unknown;
-    textColor?: unknown;
-    closeable?: unknown;
-} & {
-    type: TagType;
-    mark: boolean;
-    round: boolean;
-    show: boolean;
-    plain: boolean;
-    closeable: boolean;
-} & {
-    color?: string | undefined;
-    size?: TagSize | undefined;
-    textColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: PropType<TagSize>;
+    mark: BooleanConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    type: {
+        type: PropType<TagType>;
+        default: TagType;
+    };
+    color: StringConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    textColor: StringConstructor;
+    closeable: BooleanConstructor;
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: TagType;

package/lib/tag/Tag.js

@@ -1,59 +1,72 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _icon = require("../icon");
-
-var [name, bem] = (0, _utils.createNamespace)('tag');
-var tagProps = {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_icon = __toModule(require("../icon"));
+const [name, bem] = (0, import_utils.createNamespace)("tag");
+const tagProps = {
   size: String,
   mark: Boolean,
-  show: _utils.truthProp,
-  type: (0, _utils.makeStringProp)('default'),
+  show: import_utils.truthProp,
+  type: (0, import_utils.makeStringProp)("default"),
   color: String,
   plain: Boolean,
   round: Boolean,
   textColor: String,
   closeable: Boolean
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: tagProps,
-  emits: ['close'],
-
-  setup(props, _ref) {
-    var {
-      slots,
-      emit
-    } = _ref;
-
-    var onClose = event => {
+  emits: ["close"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const onClose = (event) => {
       event.stopPropagation();
-      emit('close', event);
+      emit("close", event);
     };
-
-    var getStyle = () => {
+    const getStyle = () => {
       if (props.plain) {
         return {
           color: props.textColor || props.color,
           borderColor: props.color
         };
       }
-
       return {
         color: props.textColor,
         background: props.color
       };
     };
-
-    var renderTag = () => {
-      var {
+    const renderTag = () => {
+      var _a;
+      const {
         type,
         mark,
         plain,
@@ -61,34 +74,28 @@ var _default = (0, _vue.defineComponent)({
         size,
         closeable
       } = props;
-      var classes = {
+      const classes = {
         mark,
         plain,
         round
       };
-
       if (size) {
         classes[size] = size;
       }
-
-      var CloseIcon = closeable && (0, _vue.createVNode)(_icon.Icon, {
+      const CloseIcon = closeable && (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "cross",
-        "class": bem('close'),
+        "class": [bem("close"), import_utils.HAPTICS_FEEDBACK],
         "onClick": onClose
       }, null);
-      return (0, _vue.createVNode)("span", {
+      return (0, import_vue.createVNode)("span", {
         "style": getStyle(),
         "class": bem([classes, type])
-      }, [slots.default == null ? void 0 : slots.default(), CloseIcon]);
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
     };
-
-    return () => (0, _vue.createVNode)(_vue.Transition, {
-      "name": props.closeable ? 'van-fade' : undefined
+    return () => (0, import_vue.createVNode)(import_vue2.Transition, {
+      "name": props.closeable ? "van-fade" : void 0
     }, {
       default: () => [props.show ? renderTag() : null]
     });
   }
-
 });
-
-exports.default = _default;

package/lib/tag/index.css

@@ -1 +1 @@
-:root{--van-tag-padding:0 var(--van-padding-base);--van-tag-text-color:var(--van-white);--van-tag-font-size:var(--van-font-size-sm);--van-tag-border-radius:2px;--van-tag-line-height:16px;--van-tag-medium-padding:2px 6px;--van-tag-large-padding:var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius:var(--van-border-radius-md);--van-tag-large-font-size:var(--van-font-size-md);--van-tag-round-border-radius:var(--van-border-radius-max);--van-tag-danger-color:var(--van-danger-color);--van-tag-primary-color:var(--van-primary-color);--van-tag-success-color:var(--van-success-color);--van-tag-warning-color:var(--van-warning-color);--van-tag-default-color:var(--van-gray-6);--van-tag-plain-background-color:var(--van-background-color-light)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px;cursor:pointer}
+:root{--van-tag-padding: 0 var(--van-padding-base);--van-tag-text-color: var(--van-white);--van-tag-font-size: var(--van-font-size-sm);--van-tag-border-radius: 2px;--van-tag-line-height: 16px;--van-tag-medium-padding: 2px 6px;--van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);--van-tag-large-border-radius: var(--van-border-radius-md);--van-tag-large-font-size: var(--van-font-size-md);--van-tag-round-border-radius: var(--van-border-radius-max);--van-tag-danger-color: var(--van-danger-color);--van-tag-primary-color: var(--van-primary-color);--van-tag-success-color: var(--van-success-color);--van-tag-warning-color: var(--van-warning-color);--van-tag-default-color: var(--van-gray-6);--van-tag-plain-background-color: var(--van-background-color-light)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-border-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background-color);border-color:currentColor}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-border-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-border-radius) var(--van-tag-round-border-radius) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:var(--van-tag-round-border-radius)}.van-tag__close{margin-left:2px}

package/lib/tag/index.d.ts

@@ -14,28 +14,23 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    mark?: unknown;
-    show?: unknown;
-    type?: unknown;
-    color?: unknown;
-    plain?: unknown;
-    round?: unknown;
-    textColor?: unknown;
-    closeable?: unknown;
-} & {
-    type: import("./Tag").TagType;
-    mark: boolean;
-    round: boolean;
-    show: boolean;
-    plain: boolean;
-    closeable: boolean;
-} & {
-    color?: string | undefined;
-    size?: import("./Tag").TagSize | undefined;
-    textColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: import("vue").PropType<import("./Tag").TagSize>;
+    mark: BooleanConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    type: {
+        type: import("vue").PropType<import("./Tag").TagType>;
+        default: import("./Tag").TagType;
+    };
+    color: StringConstructor;
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    textColor: StringConstructor;
+    closeable: BooleanConstructor;
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./Tag").TagType;
@@ -47,3 +42,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }>>;
 export default Tag;
 export type { TagSize, TagType, TagProps } from './Tag';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTag: typeof Tag;
+    }
+}

package/lib/tag/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.Tag = void 0;
-
-var _utils = require("../utils");
-
-var _Tag2 = _interopRequireDefault(require("./Tag"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Tag = (0, _utils.withInstall)(_Tag2.default);
-exports.Tag = Tag;
-var _default = Tag;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Tag: () => Tag,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_Tag = __toModule(require("./Tag"));
+const Tag = (0, import_utils.withInstall)(import_Tag.default);
+var stdin_default = Tag;

package/lib/tag/index.less

@@ -114,6 +114,5 @@
 
   &__close {
     margin-left: 2px;
-    cursor: pointer;
   }
 }

package/lib/tag/style/index.js

@@ -1,9 +1,4 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../badge/index.css');
-
-require('../../icon/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/tag/style/less.js

@@ -1,9 +1,4 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../badge/index.less');
-
-require('../../icon/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../index.less");