vant 3.4.0 → 3.4.4

package/es/popup/Popup.js

@@ -1,95 +1,80 @@
-import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
-import { ref, watch, provide, Teleport, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from 'vue'; // Utils
-
-import { popupSharedProps } from './shared';
-import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { useEventListener } from '@vant/use';
-import { useExpose } from '../composables/use-expose';
-import { useLockScroll } from '../composables/use-lock-scroll';
-import { useLazyRender } from '../composables/use-lazy-render';
-import { POPUP_TOGGLE_KEY } from '../composables/on-popup-reopen'; // Components
-
-import { Icon } from '../icon';
-import { Overlay } from '../overlay'; // Types
-
-var popupProps = extend({}, popupSharedProps, {
+import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { ref, watch, provide, Teleport, computed, onMounted, Transition, onActivated, onDeactivated, defineComponent } from "vue";
+import { popupSharedProps } from "./shared";
+import { isDef, extend, makeStringProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { useEventListener } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { useLockScroll } from "../composables/use-lock-scroll";
+import { useLazyRender } from "../composables/use-lazy-render";
+import { POPUP_TOGGLE_KEY } from "../composables/on-popup-reopen";
+import { Icon } from "../icon";
+import { Overlay } from "../overlay";
+const popupProps = extend({}, popupSharedProps, {
   round: Boolean,
-  position: makeStringProp('center'),
-  closeIcon: makeStringProp('cross'),
+  position: makeStringProp("center"),
+  closeIcon: makeStringProp("cross"),
   closeable: Boolean,
   transition: String,
   iconPrefix: String,
   closeOnPopstate: Boolean,
-  closeIconPosition: makeStringProp('top-right'),
+  closeIconPosition: makeStringProp("top-right"),
   safeAreaInsetBottom: Boolean
 });
-var [name, bem] = createNamespace('popup');
-var globalZIndex = 2000;
-export default defineComponent({
+const [name, bem] = createNamespace("popup");
+let globalZIndex = 2e3;
+var stdin_default = defineComponent({
   name,
   inheritAttrs: false,
   props: popupProps,
-  emits: ['open', 'close', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      attrs,
-      slots
-    } = _ref;
-    var opened;
-    var shouldReopen;
-    var zIndex = ref();
-    var popupRef = ref();
-    var lazyRender = useLazyRender(() => props.show || !props.lazyRender);
-    var style = computed(() => {
-      var style = {
+  emits: ["open", "close", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
+  setup(props, {
+    emit,
+    attrs,
+    slots
+  }) {
+    let opened;
+    let shouldReopen;
+    const zIndex = ref();
+    const popupRef = ref();
+    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
+    const style = computed(() => {
+      const style2 = {
         zIndex: zIndex.value
       };
-
       if (isDef(props.duration)) {
-        var key = props.position === 'center' ? 'animationDuration' : 'transitionDuration';
-        style[key] = props.duration + "s";
+        const key = props.position === "center" ? "animationDuration" : "transitionDuration";
+        style2[key] = `${props.duration}s`;
       }
-
-      return style;
+      return style2;
     });
-
-    var open = () => {
+    const open = () => {
       if (!opened) {
-        if (props.zIndex !== undefined) {
+        if (props.zIndex !== void 0) {
           globalZIndex = +props.zIndex;
         }
-
         opened = true;
         zIndex.value = ++globalZIndex;
-        emit('open');
+        emit("open");
       }
     };
-
-    var close = () => {
+    const close = () => {
       if (opened) {
         callInterceptor(props.beforeClose, {
           done() {
             opened = false;
-            emit('close');
-            emit('update:show', false);
+            emit("close");
+            emit("update:show", false);
           }
-
         });
       }
     };
-
-    var onClickOverlay = event => {
-      emit('click-overlay', event);
-
+    const onClickOverlay = (event) => {
+      emit("click-overlay", event);
       if (props.closeOnClickOverlay) {
         close();
       }
     };
-
-    var renderOverlay = () => {
+    const renderOverlay = () => {
       if (props.overlay) {
         return _createVNode(Overlay, {
           "show": props.show,
@@ -99,35 +84,31 @@ export default defineComponent({
           "customStyle": props.overlayStyle,
           "onClick": onClickOverlay
         }, {
-          default: slots['overlay-content']
+          default: slots["overlay-content"]
         });
       }
     };
-
-    var onClickCloseIcon = event => {
-      emit('click-close-icon', event);
+    const onClickCloseIcon = (event) => {
+      emit("click-close-icon", event);
       close();
     };
-
-    var renderCloseIcon = () => {
+    const renderCloseIcon = () => {
       if (props.closeable) {
         return _createVNode(Icon, {
           "role": "button",
           "tabindex": 0,
           "name": props.closeIcon,
-          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "classPrefix": props.iconPrefix,
           "onClick": onClickCloseIcon
         }, null);
       }
     };
-
-    var onOpened = () => emit('opened');
-
-    var onClosed = () => emit('closed');
-
-    var renderPopup = lazyRender(() => {
-      var {
+    const onOpened = () => emit("opened");
+    const onClosed = () => emit("closed");
+    const renderPopup = lazyRender(() => {
+      var _a;
+      const {
         round,
         position,
         safeAreaInsetBottom
@@ -139,20 +120,19 @@ export default defineComponent({
           round,
           [position]: position
         }), {
-          'van-safe-area-bottom': safeAreaInsetBottom
+          "van-safe-area-bottom": safeAreaInsetBottom
         }]
-      }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[_vShow, props.show]]);
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[_vShow, props.show]]);
     });
-
-    var renderTransition = () => {
-      var {
+    const renderTransition = () => {
+      const {
         position,
         transition,
         transitionAppear
       } = props;
-      var name = position === 'center' ? 'van-fade' : "van-popup-slide-" + position;
+      const name2 = position === "center" ? "van-fade" : `van-popup-slide-${position}`;
       return _createVNode(Transition, {
-        "name": transition || name,
+        "name": transition || name2,
         "appear": transitionAppear,
         "onAfterEnter": onOpened,
         "onAfterLeave": onClosed
@@ -160,22 +140,20 @@ export default defineComponent({
         default: renderPopup
       });
     };
-
-    watch(() => props.show, show => {
+    watch(() => props.show, (show) => {
       if (show && !opened) {
         open();
       }
-
       if (!show && opened) {
         opened = false;
-        emit('close');
+        emit("close");
       }
     });
     useExpose({
       popupRef
     });
     useLockScroll(popupRef, () => props.show && props.lockScroll);
-    useEventListener('popstate', () => {
+    useEventListener("popstate", () => {
       if (props.closeOnPopstate) {
         close();
         shouldReopen = false;
@@ -188,7 +166,7 @@ export default defineComponent({
     });
     onActivated(() => {
       if (shouldReopen) {
-        emit('update:show', true);
+        emit("update:show", true);
         shouldReopen = false;
       }
     });
@@ -207,9 +185,10 @@ export default defineComponent({
           default: () => [renderOverlay(), renderTransition()]
         });
       }
-
       return _createVNode(_Fragment, null, [renderOverlay(), renderTransition()]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/popup/index.css

@@ -1 +1 @@
-:root{--van-popup-background-color:var(--van-background-color-light);--van-popup-transition:transform var(--van-animation-duration-base);--van-popup-round-border-radius:16px;--van-popup-close-icon-size:22px;--van-popup-close-icon-color:var(--van-gray-5);--van-popup-close-icon-margin:16px;--van-popup-close-icon-z-index:1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size);cursor:pointer}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
+:root{--van-popup-background-color: var(--van-background-color-light);--van-popup-transition: transform var(--van-animation-duration-base);--van-popup-round-border-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate(-50%,-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translateY(-50%)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translateY(-50%)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translateY(-100%)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate(100%,-50%)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translateY(100%)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate(-100%,-50%)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}

package/es/popup/index.d.ts

@@ -42,52 +42,51 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: import("./types").PopupCloseIconPosition;
     };
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    show?: unknown;
-    zIndex?: unknown;
-    overlay?: unknown;
-    duration?: unknown;
-    teleport?: unknown;
-    lockScroll?: unknown;
-    lazyRender?: unknown;
-    beforeClose?: unknown;
-    overlayStyle?: unknown;
-    overlayClass?: unknown;
-    transitionAppear?: unknown;
-    closeOnClickOverlay?: unknown;
-    round?: unknown;
-    position?: unknown;
-    closeIcon?: unknown;
-    closeable?: unknown;
-    transition?: unknown;
-    iconPrefix?: unknown;
-    closeOnPopstate?: unknown;
-    closeIconPosition?: unknown;
-    safeAreaInsetBottom?: unknown;
-} & {
-    position: import("./types").PopupPosition;
-    round: boolean;
-    safeAreaInsetBottom: boolean;
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    closeIcon: string;
-    closeable: boolean;
-    closeOnPopstate: boolean;
-    closeIconPosition: import("./types").PopupCloseIconPosition;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
-    iconPrefix?: string | undefined;
-    zIndex?: string | number | undefined;
-    duration?: string | number | undefined;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-    beforeClose?: import("../utils").Interceptor | undefined;
-    overlayStyle?: import("vue").CSSProperties | undefined;
-    overlayClass?: unknown;
-    transition?: string | undefined;
-}> & {
+    round: BooleanConstructor;
+    position: {
+        type: import("vue").PropType<import("./types").PopupPosition>;
+        default: import("./types").PopupPosition;
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: BooleanConstructor;
+    transition: StringConstructor;
+    iconPrefix: StringConstructor;
+    closeOnPopstate: BooleanConstructor;
+    closeIconPosition: {
+        type: import("vue").PropType<import("./types").PopupCloseIconPosition>;
+        default: import("./types").PopupCloseIconPosition;
+    };
+    safeAreaInsetBottom: BooleanConstructor;
+}>> & {
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;

package/es/popup/index.js

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

package/es/popup/index.less

@@ -116,7 +116,6 @@
       z-index: var(--van-popup-close-icon-z-index);
       color: var(--van-popup-close-icon-color);
       font-size: var(--van-popup-close-icon-size);
-      cursor: pointer;
 
       &--top-left {
         top: var(--van-popup-close-icon-margin);

package/es/popup/shared.js

@@ -1,28 +1,20 @@
-import { truthProp, unknownProp, numericProp } from '../utils';
-export var popupSharedProps = {
-  // whether to show popup
+import { truthProp, unknownProp, numericProp } from "../utils";
+const popupSharedProps = {
   show: Boolean,
-  // z-index
   zIndex: numericProp,
-  // whether to show overlay
   overlay: truthProp,
-  // transition duration
   duration: numericProp,
-  // teleport
   teleport: [String, Object],
-  // prevent body scroll
   lockScroll: truthProp,
-  // whether to lazy render
   lazyRender: truthProp,
-  // callback function before close
   beforeClose: Function,
-  // overlay custom style
   overlayStyle: Object,
-  // overlay custom class name
   overlayClass: unknownProp,
-  // Initial rendering animation
   transitionAppear: Boolean,
-  // whether to close popup when overlay is clicked
   closeOnClickOverlay: truthProp
 };
-export var popupSharedPropKeys = Object.keys(popupSharedProps);
+const popupSharedPropKeys = Object.keys(popupSharedProps);
+export {
+  popupSharedPropKeys,
+  popupSharedProps
+};

package/es/popup/style/index.js

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

package/es/popup/style/less.js

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

package/es/popup/types.js

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

package/es/progress/Progress.d.ts

@@ -35,28 +35,24 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         validator: (value: string | number) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    color?: unknown;
-    inactive?: unknown;
-    pivotText?: unknown;
-    textColor?: unknown;
-    showPivot?: unknown;
-    pivotColor?: unknown;
-    trackColor?: unknown;
-    strokeWidth?: unknown;
-    percentage?: unknown;
-} & {
-    inactive: boolean;
-    showPivot: boolean;
-    percentage: string | number;
-} & {
-    color?: string | undefined;
-    textColor?: string | undefined;
-    strokeWidth?: string | number | undefined;
-    pivotText?: string | undefined;
-    pivotColor?: string | undefined;
-    trackColor?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    color: StringConstructor;
+    inactive: BooleanConstructor;
+    pivotText: StringConstructor;
+    textColor: StringConstructor;
+    showPivot: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    pivotColor: StringConstructor;
+    trackColor: StringConstructor;
+    strokeWidth: (NumberConstructor | StringConstructor)[];
+    percentage: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (value: string | number) => boolean;
+    };
+}>>, {
     inactive: boolean;
     showPivot: boolean;
     percentage: string | number;

package/es/progress/Progress.js

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue';
-import { addUnit, truthProp, numericProp, createNamespace } from '../utils';
-var [name, bem] = createNamespace('progress');
-var progressProps = {
+import { computed, defineComponent } from "vue";
+import { addUnit, truthProp, numericProp, createNamespace } from "../utils";
+const [name, bem] = createNamespace("progress");
+const progressProps = {
   color: String,
   inactive: Boolean,
   pivotText: String,
@@ -14,65 +14,63 @@ var progressProps = {
   percentage: {
     type: numericProp,
     default: 0,
-    validator: value => value >= 0 && value <= 100
+    validator: (value) => value >= 0 && value <= 100
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: progressProps,
-
   setup(props) {
-    var background = computed(() => props.inactive ? undefined : props.color);
-
-    var renderPivot = () => {
-      var {
+    const background = computed(() => props.inactive ? void 0 : props.color);
+    const renderPivot = () => {
+      const {
         textColor,
         pivotText,
         pivotColor,
         percentage
       } = props;
-      var text = pivotText != null ? pivotText : percentage + "%";
-
+      const text = pivotText != null ? pivotText : `${percentage}%`;
       if (props.showPivot && text) {
-        var style = {
+        const style = {
           color: textColor,
-          left: +percentage + "%",
-          transform: "translate(-" + +percentage + "%,-50%)",
+          left: `${+percentage}%`,
+          transform: `translate(-${+percentage}%,-50%)`,
           background: pivotColor || background.value
         };
         return _createVNode("span", {
           "style": style,
-          "class": bem('pivot', {
+          "class": bem("pivot", {
             inactive: props.inactive
           })
         }, [text]);
       }
     };
-
     return () => {
-      var {
+      const {
         trackColor,
         percentage,
         strokeWidth
       } = props;
-      var rootStyle = {
+      const rootStyle = {
         background: trackColor,
         height: addUnit(strokeWidth)
       };
-      var portionStyle = {
-        width: percentage + "%",
+      const portionStyle = {
+        width: `${percentage}%`,
         background: background.value
       };
       return _createVNode("div", {
         "class": bem(),
         "style": rootStyle
       }, [_createVNode("span", {
-        "class": bem('portion', {
+        "class": bem("portion", {
           inactive: props.inactive
         }),
         "style": portionStyle
       }, null), renderPivot()]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/progress/index.css

@@ -1 +1 @@
-:root{--van-progress-height:4px;--van-progress-color:var(--van-primary-color);--van-progress-inactive-color:var(--van-gray-5);--van-progress-background-color:var(--van-gray-3);--van-progress-pivot-padding:0 5px;--van-progress-pivot-text-color:var(--van-white);--van-progress-pivot-font-size:var(--van-font-size-xs);--van-progress-pivot-line-height:1.6;--van-progress-pivot-background-color:var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot--inactive{background:var(--van-progress-inactive-color)}
+:root{--van-progress-height: 4px;--van-progress-color: var(--van-primary-color);--van-progress-inactive-color: var(--van-gray-5);--van-progress-background-color: var(--van-gray-3);--van-progress-pivot-padding: 0 5px;--van-progress-pivot-text-color: var(--van-white);--van-progress-pivot-font-size: var(--van-font-size-xs);--van-progress-pivot-line-height: 1.6;--van-progress-pivot-background-color: var(--van-primary-color)}.van-progress{position:relative;height:var(--van-progress-height);background:var(--van-progress-background-color);border-radius:var(--van-progress-height)}.van-progress__portion{position:absolute;left:0;width:100%;height:100%;background:var(--van-progress-color);border-radius:inherit;transform-origin:0;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__portion--inactive{background:var(--van-progress-inactive-color)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:var(--van-progress-pivot-padding);color:var(--van-progress-pivot-text-color);font-size:var(--van-progress-pivot-font-size);line-height:var(--van-progress-pivot-line-height);text-align:center;word-break:keep-all;background:var(--van-progress-pivot-background-color);border-radius:1em;transition:all var(--van-animation-duration-base) var(--van-animation-timing-function-enter)}.van-progress__pivot--inactive{background:var(--van-progress-inactive-color)}