vant 3.3.6 → 3.4.2

package/es/nav-bar/NavBar.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const navBarProps: {
     title: StringConstructor;
     fixed: BooleanConstructor;
@@ -27,28 +27,20 @@ declare const _default: import("vue").DefineComponent<{
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    fixed?: unknown;
-    zIndex?: unknown;
-    border?: unknown;
-    leftText?: unknown;
-    rightText?: unknown;
-    leftArrow?: unknown;
-    placeholder?: unknown;
-    safeAreaInsetTop?: unknown;
-} & {
-    fixed: boolean;
-    border: boolean;
-    placeholder: boolean;
-    leftArrow: boolean;
-    safeAreaInsetTop: boolean;
-} & {
-    title?: string | undefined;
-    zIndex?: string | number | undefined;
-    leftText?: string | undefined;
-    rightText?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: StringConstructor;
+    fixed: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    leftText: StringConstructor;
+    rightText: StringConstructor;
+    leftArrow: BooleanConstructor;
+    placeholder: BooleanConstructor;
+    safeAreaInsetTop: BooleanConstructor;
+}>> & {
     "onClick-left"?: ((...args: any[]) => any) | undefined;
     "onClick-right"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/nav-bar/NavBar.js

@@ -1,13 +1,10 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from 'vue'; // Utils
-
-import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { usePlaceholder } from '../composables/use-placeholder'; // Components
-
-import { Icon } from '../icon';
-var [name, bem] = createNamespace('nav-bar');
-var navBarProps = {
+import { ref, defineComponent } from "vue";
+import { truthProp, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { usePlaceholder } from "../composables/use-placeholder";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("nav-bar");
+const navBarProps = {
   title: String,
   fixed: Boolean,
   zIndex: numericProp,
@@ -18,85 +15,76 @@ var navBarProps = {
   placeholder: Boolean,
   safeAreaInsetTop: Boolean
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: navBarProps,
-  emits: ['click-left', 'click-right'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var navBarRef = ref();
-    var renderPlaceholder = usePlaceholder(navBarRef, bem);
-
-    var onClickLeft = event => emit('click-left', event);
-
-    var onClickRight = event => emit('click-right', event);
-
-    var renderLeft = () => {
+  emits: ["click-left", "click-right"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const navBarRef = ref();
+    const renderPlaceholder = usePlaceholder(navBarRef, bem);
+    const onClickLeft = (event) => emit("click-left", event);
+    const onClickRight = (event) => emit("click-right", event);
+    const renderLeft = () => {
       if (slots.left) {
         return slots.left();
       }
-
       return [props.leftArrow && _createVNode(Icon, {
-        "class": bem('arrow'),
+        "class": bem("arrow"),
         "name": "arrow-left"
       }, null), props.leftText && _createVNode("span", {
-        "class": bem('text')
+        "class": bem("text")
       }, [props.leftText])];
     };
-
-    var renderRight = () => {
+    const renderRight = () => {
       if (slots.right) {
         return slots.right();
       }
-
       return _createVNode("span", {
-        "class": bem('text')
+        "class": bem("text")
       }, [props.rightText]);
     };
-
-    var renderNavBar = () => {
-      var {
+    const renderNavBar = () => {
+      const {
         title,
         fixed,
         border,
         zIndex
       } = props;
-      var style = getZIndexStyle(zIndex);
-      var hasLeft = props.leftArrow || props.leftText || slots.left;
-      var hasRight = props.rightText || slots.right;
+      const style = getZIndexStyle(zIndex);
+      const hasLeft = props.leftArrow || props.leftText || slots.left;
+      const hasRight = props.rightText || slots.right;
       return _createVNode("div", {
         "ref": navBarRef,
         "style": style,
         "class": [bem({
           fixed,
-          'safe-area-inset-top': props.safeAreaInsetTop
+          "safe-area-inset-top": props.safeAreaInsetTop
         }), {
           [BORDER_BOTTOM]: border
         }]
       }, [_createVNode("div", {
-        "class": bem('content')
+        "class": bem("content")
       }, [hasLeft && _createVNode("div", {
-        "class": [bem('left'), HAPTICS_FEEDBACK],
+        "class": [bem("left"), HAPTICS_FEEDBACK],
         "onClick": onClickLeft
       }, [renderLeft()]), _createVNode("div", {
-        "class": [bem('title'), 'van-ellipsis']
+        "class": [bem("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && _createVNode("div", {
-        "class": [bem('right'), HAPTICS_FEEDBACK],
+        "class": [bem("right"), HAPTICS_FEEDBACK],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };
-
     return () => {
       if (props.fixed && props.placeholder) {
         return renderPlaceholder(renderNavBar);
       }
-
       return renderNavBar();
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/nav-bar/index.css

@@ -1 +1 @@
-:root{--van-nav-bar-height:46px;--van-nav-bar-background-color:var(--van-background-color-light);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md);cursor:pointer}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+:root{--van-nav-bar-height: 46px;--van-nav-bar-background-color: var(--van-background-color-light);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md);cursor:pointer}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

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

@@ -11,28 +11,20 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    fixed?: unknown;
-    zIndex?: unknown;
-    border?: unknown;
-    leftText?: unknown;
-    rightText?: unknown;
-    leftArrow?: unknown;
-    placeholder?: unknown;
-    safeAreaInsetTop?: unknown;
-} & {
-    fixed: boolean;
-    border: boolean;
-    placeholder: boolean;
-    leftArrow: boolean;
-    safeAreaInsetTop: boolean;
-} & {
-    title?: string | undefined;
-    zIndex?: string | number | undefined;
-    leftText?: string | undefined;
-    rightText?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    fixed: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    leftText: StringConstructor;
+    rightText: StringConstructor;
+    leftArrow: BooleanConstructor;
+    placeholder: BooleanConstructor;
+    safeAreaInsetTop: BooleanConstructor;
+}>> & {
     "onClick-left"?: ((...args: any[]) => any) | undefined;
     "onClick-right"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -44,3 +36,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default NavBar;
 export type { NavBarProps } from './NavBar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanNavBar: typeof NavBar;
+    }
+}

package/es/nav-bar/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _NavBar from './NavBar';
-export var NavBar = withInstall(_NavBar);
-export default NavBar;
+import { withInstall } from "../utils";
+import _NavBar from "./NavBar";
+const NavBar = withInstall(_NavBar);
+var stdin_default = NavBar;
+export {
+  NavBar,
+  stdin_default as default
+};

package/es/nav-bar/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/nav-bar/style/less.js

@@ -1,4 +1,4 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

package/es/notice-bar/NoticeBar.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
 declare const noticeBarProps: {
     text: StringConstructor;
@@ -40,28 +40,26 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    text?: unknown;
-    mode?: unknown;
-    color?: unknown;
-    delay?: unknown;
-    speed?: unknown;
-    leftIcon?: unknown;
-    wrapable?: unknown;
-    background?: unknown;
-    scrollable?: unknown;
-} & {
-    scrollable: boolean | null;
-    speed: string | number;
-    delay: string | number;
-    wrapable: boolean;
-} & {
-    text?: string | undefined;
-    color?: string | undefined;
-    leftIcon?: string | undefined;
-    background?: string | undefined;
-    mode?: NoticeBarMode | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    text: StringConstructor;
+    mode: PropType<NoticeBarMode>;
+    color: StringConstructor;
+    delay: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    leftIcon: StringConstructor;
+    wrapable: BooleanConstructor;
+    background: StringConstructor;
+    scrollable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
 }, {

package/es/notice-bar/NoticeBar.js

@@ -1,16 +1,12 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, reactive, defineComponent } from 'vue'; // Utils
-
-import { isDef, createNamespace, makeNumericProp } from '../utils'; // Composables
-
-import { raf, useRect, doubleRaf, useEventListener, onMountedOrActivated } from '@vant/use';
-import { useExpose } from '../composables/use-expose';
-import { onPopupReopen } from '../composables/on-popup-reopen'; // Components
-
-import { Icon } from '../icon'; // Types
-
-var [name, bem] = createNamespace('notice-bar');
-var noticeBarProps = {
+import { ref, watch, reactive, defineComponent } from "vue";
+import { isDef, createNamespace, makeNumericProp } from "../utils";
+import { raf, useRect, doubleRaf, useEventListener, onMountedOrActivated } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { onPopupReopen } from "../composables/on-popup-reopen";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("notice-bar");
+const noticeBarProps = {
   text: String,
   mode: String,
   color: String,
@@ -24,115 +20,99 @@ var noticeBarProps = {
     default: null
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: noticeBarProps,
-  emits: ['close', 'replay'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var wrapWidth = 0;
-    var contentWidth = 0;
-    var startTimer;
-    var wrapRef = ref();
-    var contentRef = ref();
-    var state = reactive({
+  emits: ["close", "replay"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let wrapWidth = 0;
+    let contentWidth = 0;
+    let startTimer;
+    const wrapRef = ref();
+    const contentRef = ref();
+    const state = reactive({
       show: true,
       offset: 0,
       duration: 0
     });
-
-    var renderLeftIcon = () => {
-      if (slots['left-icon']) {
-        return slots['left-icon']();
+    const renderLeftIcon = () => {
+      if (slots["left-icon"]) {
+        return slots["left-icon"]();
       }
-
       if (props.leftIcon) {
         return _createVNode(Icon, {
-          "class": bem('left-icon'),
+          "class": bem("left-icon"),
           "name": props.leftIcon
         }, null);
       }
     };
-
-    var getRightIconName = () => {
-      if (props.mode === 'closeable') {
-        return 'cross';
+    const getRightIconName = () => {
+      if (props.mode === "closeable") {
+        return "cross";
       }
-
-      if (props.mode === 'link') {
-        return 'arrow';
+      if (props.mode === "link") {
+        return "arrow";
       }
     };
-
-    var onClickRightIcon = event => {
-      if (props.mode === 'closeable') {
+    const onClickRightIcon = (event) => {
+      if (props.mode === "closeable") {
         state.show = false;
-        emit('close', event);
+        emit("close", event);
       }
     };
-
-    var renderRightIcon = () => {
-      if (slots['right-icon']) {
-        return slots['right-icon']();
+    const renderRightIcon = () => {
+      if (slots["right-icon"]) {
+        return slots["right-icon"]();
       }
-
-      var name = getRightIconName();
-
-      if (name) {
+      const name2 = getRightIconName();
+      if (name2) {
         return _createVNode(Icon, {
-          "name": name,
-          "class": bem('right-icon'),
+          "name": name2,
+          "class": bem("right-icon"),
           "onClick": onClickRightIcon
         }, null);
       }
     };
-
-    var onTransitionEnd = () => {
+    const onTransitionEnd = () => {
       state.offset = wrapWidth;
-      state.duration = 0; // wait for Vue to render offset
-      // using nextTick won't work in iOS14
-
+      state.duration = 0;
       raf(() => {
-        // use double raf to ensure animation can start
         doubleRaf(() => {
           state.offset = -contentWidth;
           state.duration = (contentWidth + wrapWidth) / +props.speed;
-          emit('replay');
+          emit("replay");
         });
       });
     };
-
-    var renderMarquee = () => {
-      var ellipsis = props.scrollable === false && !props.wrapable;
-      var style = {
-        transform: state.offset ? "translateX(" + state.offset + "px)" : '',
-        transitionDuration: state.duration + "s"
+    const renderMarquee = () => {
+      const ellipsis = props.scrollable === false && !props.wrapable;
+      const style = {
+        transform: state.offset ? `translateX(${state.offset}px)` : "",
+        transitionDuration: `${state.duration}s`
       };
       return _createVNode("div", {
         "ref": wrapRef,
         "role": "marquee",
-        "class": bem('wrap')
+        "class": bem("wrap")
       }, [_createVNode("div", {
         "ref": contentRef,
         "style": style,
-        "class": [bem('content'), {
-          'van-ellipsis': ellipsis
+        "class": [bem("content"), {
+          "van-ellipsis": ellipsis
         }],
         "onTransitionend": onTransitionEnd
       }, [slots.default ? slots.default() : props.text])]);
     };
-
-    var reset = () => {
-      var {
+    const reset = () => {
+      const {
         delay,
         speed,
         scrollable
       } = props;
-      var ms = isDef(delay) ? +delay * 1000 : 0;
+      const ms = isDef(delay) ? +delay * 1e3 : 0;
       wrapWidth = 0;
       contentWidth = 0;
       state.offset = 0;
@@ -142,10 +122,8 @@ export default defineComponent({
         if (!wrapRef.value || !contentRef.value || scrollable === false) {
           return;
         }
-
-        var wrapRefWidth = useRect(wrapRef).width;
-        var contentRefWidth = useRect(contentRef).width;
-
+        const wrapRefWidth = useRect(wrapRef).width;
+        const contentRefWidth = useRect(contentRef).width;
         if (scrollable || contentRefWidth > wrapRefWidth) {
           doubleRaf(() => {
             wrapWidth = wrapRefWidth;
@@ -156,18 +134,15 @@ export default defineComponent({
         }
       }, ms);
     };
-
     onPopupReopen(reset);
-    onMountedOrActivated(reset); // fix cache issues with forwards and back history in safari
-    // see: https://guwii.com/cache-issues-with-forwards-and-back-history-in-safari/
-
-    useEventListener('pageshow', reset);
+    onMountedOrActivated(reset);
+    useEventListener("pageshow", reset);
     useExpose({
       reset
     });
     watch(() => [props.text, props.scrollable], reset);
     return () => {
-      var {
+      const {
         color,
         wrapable,
         background
@@ -184,5 +159,7 @@ export default defineComponent({
       }, [renderLeftIcon(), renderMarquee(), renderRightIcon()]), [[_vShow, state.show]]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/notice-bar/index.css

@@ -1 +1 @@
-:root{--van-notice-bar-height:40px;--van-notice-bar-padding:0 var(--van-padding-md);--van-notice-bar-wrapable-padding:var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color:var(--van-orange-dark);--van-notice-bar-font-size:var(--van-font-size-md);--van-notice-bar-line-height:24px;--van-notice-bar-background-color:var(--van-orange-light);--van-notice-bar-icon-size:16px;--van-notice-bar-icon-min-width:24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+:root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}

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

@@ -18,28 +18,26 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    text?: unknown;
-    mode?: unknown;
-    color?: unknown;
-    delay?: unknown;
-    speed?: unknown;
-    leftIcon?: unknown;
-    wrapable?: unknown;
-    background?: unknown;
-    scrollable?: unknown;
-} & {
-    scrollable: boolean | null;
-    speed: string | number;
-    delay: string | number;
-    wrapable: boolean;
-} & {
-    text?: string | undefined;
-    color?: string | undefined;
-    leftIcon?: string | undefined;
-    background?: string | undefined;
-    mode?: import("./types").NoticeBarMode | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: StringConstructor;
+    mode: import("vue").PropType<import("./types").NoticeBarMode>;
+    color: StringConstructor;
+    delay: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    leftIcon: StringConstructor;
+    wrapable: BooleanConstructor;
+    background: StringConstructor;
+    scrollable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
 }, {
@@ -51,3 +49,8 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
 export default NoticeBar;
 export type { NoticeBarProps };
 export type { NoticeBarMode, NoticeBarInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanNoticeBar: typeof NoticeBar;
+    }
+}

package/es/notice-bar/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _NoticeBar from './NoticeBar';
-export var NoticeBar = withInstall(_NoticeBar);
-export default NoticeBar;
+import { withInstall } from "../utils";
+import _NoticeBar from "./NoticeBar";
+const NoticeBar = withInstall(_NoticeBar);
+var stdin_default = NoticeBar;
+export {
+  NoticeBar,
+  stdin_default as default
+};