vant 3.4.0 → 3.4.1

package/es/slider/Slider.js

@@ -1,12 +1,10 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, computed, defineComponent } from 'vue'; // Utils
-
-import { clamp, addUnit, addNumber, numericProp, getSizeStyle, preventDefault, stopPropagation, createNamespace, makeNumericProp } from '../utils'; // Composables
-
-import { useRect, useCustomFieldValue } from '@vant/use';
-import { useTouch } from '../composables/use-touch';
-var [name, bem] = createNamespace('slider');
-var sliderProps = {
+import { ref, computed, defineComponent } from "vue";
+import { clamp, addUnit, addNumber, numericProp, getSizeStyle, preventDefault, stopPropagation, createNamespace, makeNumericProp } from "../utils";
+import { useRect, useCustomFieldValue } from "@vant/use";
+import { useTouch } from "../composables/use-touch";
+const [name, bem] = createNamespace("slider");
+const sliderProps = {
   min: makeNumericProp(0),
   max: makeNumericProp(100),
   step: makeNumericProp(1),
@@ -24,159 +22,124 @@ var sliderProps = {
     default: 0
   }
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: sliderProps,
-  emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var buttonIndex;
-    var current;
-    var startValue;
-    var root = ref();
-    var dragStatus = ref();
-    var touch = useTouch();
-    var scope = computed(() => Number(props.max) - Number(props.min));
-    var wrapperStyle = computed(() => {
-      var crossAxis = props.vertical ? 'width' : 'height';
+  emits: ["change", "drag-end", "drag-start", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let buttonIndex;
+    let current;
+    let startValue;
+    const root = ref();
+    const dragStatus = ref();
+    const touch = useTouch();
+    const scope = computed(() => Number(props.max) - Number(props.min));
+    const wrapperStyle = computed(() => {
+      const crossAxis = props.vertical ? "width" : "height";
       return {
         background: props.inactiveColor,
         [crossAxis]: addUnit(props.barHeight)
       };
     });
-
-    var isRange = val => props.range && Array.isArray(val); // 计算选中条的长度百分比
-
-
-    var calcMainAxis = () => {
-      var {
+    const isRange = (val) => props.range && Array.isArray(val);
+    const calcMainAxis = () => {
+      const {
         modelValue,
         min
       } = props;
-
       if (isRange(modelValue)) {
-        return (modelValue[1] - modelValue[0]) * 100 / scope.value + "%";
+        return `${(modelValue[1] - modelValue[0]) * 100 / scope.value}%`;
       }
-
-      return (modelValue - Number(min)) * 100 / scope.value + "%";
-    }; // 计算选中条的开始位置的偏移量
-
-
-    var calcOffset = () => {
-      var {
+      return `${(modelValue - Number(min)) * 100 / scope.value}%`;
+    };
+    const calcOffset = () => {
+      const {
         modelValue,
         min
       } = props;
-
       if (isRange(modelValue)) {
-        return (modelValue[0] - Number(min)) * 100 / scope.value + "%";
+        return `${(modelValue[0] - Number(min)) * 100 / scope.value}%`;
       }
-
-      return '0%';
+      return "0%";
     };
-
-    var barStyle = computed(() => {
-      var mainAxis = props.vertical ? 'height' : 'width';
-      var style = {
+    const barStyle = computed(() => {
+      const mainAxis = props.vertical ? "height" : "width";
+      const style = {
         [mainAxis]: calcMainAxis(),
         background: props.activeColor
       };
-
       if (dragStatus.value) {
-        style.transition = 'none';
+        style.transition = "none";
       }
-
-      var getPositionKey = () => {
+      const getPositionKey = () => {
         if (props.vertical) {
-          return props.reverse ? 'bottom' : 'top';
+          return props.reverse ? "bottom" : "top";
         }
-
-        return props.reverse ? 'right' : 'left';
+        return props.reverse ? "right" : "left";
       };
-
       style[getPositionKey()] = calcOffset();
       return style;
     });
-
-    var format = value => {
-      var min = +props.min;
-      var max = +props.max;
-      var step = +props.step;
+    const format = (value) => {
+      const min = +props.min;
+      const max = +props.max;
+      const step = +props.step;
       value = clamp(value, min, max);
-      var diff = Math.round((value - min) / step) * step;
+      const diff = Math.round((value - min) / step) * step;
       return addNumber(min, diff);
     };
-
-    var isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
-
-    var handleRangeValue = value => {
-      var _value$, _value$2;
-
-      // 设置默认值
-      var left = (_value$ = value[0]) != null ? _value$ : Number(props.min);
-      var right = (_value$2 = value[1]) != null ? _value$2 : Number(props.max); // 处理两个滑块重叠之后的情况
-
+    const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+    const handleRangeValue = (value) => {
+      var _a, _b;
+      const left = (_a = value[0]) != null ? _a : Number(props.min);
+      const right = (_b = value[1]) != null ? _b : Number(props.max);
       return left > right ? [right, left] : [left, right];
     };
-
-    var updateValue = (value, end) => {
+    const updateValue = (value, end) => {
       if (isRange(value)) {
         value = handleRangeValue(value).map(format);
       } else {
         value = format(value);
       }
-
       if (!isSameValue(value, props.modelValue)) {
-        emit('update:modelValue', value);
+        emit("update:modelValue", value);
       }
-
       if (end && !isSameValue(value, startValue)) {
-        emit('change', value);
+        emit("change", value);
       }
     };
-
-    var onClick = event => {
+    const onClick = (event) => {
       event.stopPropagation();
-
       if (props.disabled || props.readonly) {
         return;
       }
-
-      var {
+      const {
         min,
         reverse,
         vertical,
         modelValue
       } = props;
-      var rect = useRect(root);
-
-      var getDelta = () => {
+      const rect = useRect(root);
+      const getDelta = () => {
         if (vertical) {
           if (reverse) {
             return rect.bottom - event.clientY;
           }
-
           return event.clientY - rect.top;
         }
-
         if (reverse) {
           return rect.right - event.clientX;
         }
-
         return event.clientX - rect.left;
       };
-
-      var total = vertical ? rect.height : rect.width;
-      var value = Number(min) + getDelta() / total * scope.value;
-
+      const total = vertical ? rect.height : rect.width;
+      const value = Number(min) + getDelta() / total * scope.value;
       if (isRange(modelValue)) {
-        var [left, right] = modelValue;
-        var middle = (left + right) / 2;
-
+        const [left, right] = modelValue;
+        const middle = (left + right) / 2;
         if (value <= middle) {
           updateValue([value, right], true);
         } else {
@@ -186,128 +149,104 @@ export default defineComponent({
         updateValue(value, true);
       }
     };
-
-    var onTouchStart = event => {
+    const onTouchStart = (event) => {
       if (props.disabled || props.readonly) {
         return;
       }
-
       touch.start(event);
       current = props.modelValue;
-
       if (isRange(current)) {
         startValue = current.map(format);
       } else {
         startValue = format(current);
       }
-
-      dragStatus.value = 'start';
+      dragStatus.value = "start";
     };
-
-    var onTouchMove = event => {
+    const onTouchMove = (event) => {
       if (props.disabled || props.readonly) {
         return;
       }
-
-      if (dragStatus.value === 'start') {
-        emit('drag-start', event);
+      if (dragStatus.value === "start") {
+        emit("drag-start", event);
       }
-
       preventDefault(event, true);
       touch.move(event);
-      dragStatus.value = 'dragging';
-      var rect = useRect(root);
-      var delta = props.vertical ? touch.deltaY.value : touch.deltaX.value;
-      var total = props.vertical ? rect.height : rect.width;
-      var diff = delta / total * scope.value;
-
+      dragStatus.value = "dragging";
+      const rect = useRect(root);
+      const delta = props.vertical ? touch.deltaY.value : touch.deltaX.value;
+      const total = props.vertical ? rect.height : rect.width;
+      let diff = delta / total * scope.value;
       if (props.reverse) {
         diff = -diff;
       }
-
       if (isRange(startValue)) {
-        var index = props.reverse ? 1 - buttonIndex : buttonIndex;
+        const index = props.reverse ? 1 - buttonIndex : buttonIndex;
         current[index] = startValue[index] + diff;
       } else {
         current = startValue + diff;
       }
-
       updateValue(current);
     };
-
-    var onTouchEnd = event => {
+    const onTouchEnd = (event) => {
       if (props.disabled || props.readonly) {
         return;
       }
-
-      if (dragStatus.value === 'dragging') {
+      if (dragStatus.value === "dragging") {
         updateValue(current, true);
-        emit('drag-end', event);
+        emit("drag-end", event);
       }
-
-      dragStatus.value = '';
+      dragStatus.value = "";
     };
-
-    var getButtonClassName = index => {
-      if (typeof index === 'number') {
-        var position = ['left', 'right'];
-        return bem("button-wrapper", position[index]);
+    const getButtonClassName = (index) => {
+      if (typeof index === "number") {
+        const position = ["left", "right"];
+        return bem(`button-wrapper`, position[index]);
       }
-
-      return bem('button-wrapper', props.reverse ? 'left' : 'right');
+      return bem("button-wrapper", props.reverse ? "left" : "right");
     };
-
-    var renderButtonContent = (value, index) => {
-      if (typeof index === 'number') {
-        var slot = slots[index === 0 ? 'left-button' : 'right-button'];
-
+    const renderButtonContent = (value, index) => {
+      if (typeof index === "number") {
+        const slot = slots[index === 0 ? "left-button" : "right-button"];
         if (slot) {
           return slot({
             value
           });
         }
       }
-
       if (slots.button) {
         return slots.button({
           value
         });
       }
-
       return _createVNode("div", {
-        "class": bem('button'),
+        "class": bem("button"),
         "style": getSizeStyle(props.buttonSize)
       }, null);
     };
-
-    var renderButton = index => {
-      var current = typeof index === 'number' ? props.modelValue[index] : props.modelValue;
+    const renderButton = (index) => {
+      const current2 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
       return _createVNode("div", {
         "role": "slider",
         "class": getButtonClassName(index),
-        "tabindex": props.disabled ? undefined : 0,
+        "tabindex": props.disabled ? void 0 : 0,
         "aria-valuemin": props.min,
-        "aria-valuenow": current,
+        "aria-valuenow": current2,
         "aria-valuemax": props.max,
-        "aria-disabled": props.disabled || undefined,
-        "aria-readonly": props.readonly || undefined,
-        "aria-orientation": props.vertical ? 'vertical' : 'horizontal',
-        "onTouchstart": event => {
-          if (typeof index === 'number') {
-            // save index of current button
+        "aria-disabled": props.disabled || void 0,
+        "aria-readonly": props.readonly || void 0,
+        "aria-orientation": props.vertical ? "vertical" : "horizontal",
+        "onTouchstart": (event) => {
+          if (typeof index === "number") {
             buttonIndex = index;
           }
-
           onTouchStart(event);
         },
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
-      }, [renderButtonContent(current, index)]);
-    }; // format initial value
-
-
+      }, [renderButtonContent(current2, index)]);
+    };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
     return () => _createVNode("div", {
@@ -319,9 +258,11 @@ export default defineComponent({
       }),
       "onClick": onClick
     }, [_createVNode("div", {
-      "class": bem('bar'),
+      "class": bem("bar"),
       "style": barStyle.value
     }, [props.range ? [renderButton(0), renderButton(1)] : renderButton()])]);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/slider/index.js

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

package/es/slider/style/index.js

@@ -1,2 +1,2 @@
-import '../../style/base.css';
-import '../index.css';
+import "../../style/base.css";
+import "../index.css";

package/es/slider/style/less.js

@@ -1,2 +1,2 @@
-import '../../style/base.less';
-import '../index.less';
+import "../../style/base.less";
+import "../index.less";

package/es/step/Step.js

@@ -1,139 +1,118 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue'; // Utils
-
-import { BORDER, createNamespace } from '../utils';
-import { STEPS_KEY } from '../steps/Steps'; // Composables
-
-import { useParent } from '@vant/use'; // Components
-
-import { Icon } from '../icon';
-var [name, bem] = createNamespace('step');
-export default defineComponent({
+import { computed, defineComponent } from "vue";
+import { BORDER, createNamespace } from "../utils";
+import { STEPS_KEY } from "../steps/Steps";
+import { useParent } from "@vant/use";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("step");
+var stdin_default = defineComponent({
   name,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var {
+  setup(props, {
+    slots
+  }) {
+    const {
       parent,
       index
     } = useParent(STEPS_KEY);
-
     if (!parent) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.error('[Vant] <Step> must be a child component of <Steps>.');
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <Step> must be a child component of <Steps>.");
       }
-
       return;
     }
-
-    var parentProps = parent.props;
-
-    var getStatus = () => {
-      var active = +parentProps.active;
-
+    const parentProps = parent.props;
+    const getStatus = () => {
+      const active = +parentProps.active;
       if (index.value < active) {
-        return 'finish';
+        return "finish";
       }
-
-      return index.value === active ? 'process' : 'waiting';
+      return index.value === active ? "process" : "waiting";
     };
-
-    var isActive = () => getStatus() === 'process';
-
-    var lineStyle = computed(() => ({
-      background: getStatus() === 'finish' ? parentProps.activeColor : parentProps.inactiveColor
+    const isActive = () => getStatus() === "process";
+    const lineStyle = computed(() => ({
+      background: getStatus() === "finish" ? parentProps.activeColor : parentProps.inactiveColor
     }));
-    var titleStyle = computed(() => {
+    const titleStyle = computed(() => {
       if (isActive()) {
         return {
           color: parentProps.activeColor
         };
       }
-
-      if (getStatus() === 'waiting') {
+      if (getStatus() === "waiting") {
         return {
           color: parentProps.inactiveColor
         };
       }
     });
-
-    var onClickStep = () => parent.onClickStep(index.value);
-
-    var renderCircle = () => {
-      var {
+    const onClickStep = () => parent.onClickStep(index.value);
+    const renderCircle = () => {
+      const {
         iconPrefix,
         finishIcon,
         activeIcon,
         activeColor,
         inactiveIcon
       } = parentProps;
-
       if (isActive()) {
-        if (slots['active-icon']) {
-          return slots['active-icon']();
+        if (slots["active-icon"]) {
+          return slots["active-icon"]();
         }
-
         return _createVNode(Icon, {
-          "class": bem('icon', 'active'),
+          "class": bem("icon", "active"),
           "name": activeIcon,
           "color": activeColor,
           "classPrefix": iconPrefix
         }, null);
       }
-
-      if (getStatus() === 'finish' && (finishIcon || slots['finish-icon'])) {
-        if (slots['finish-icon']) {
-          return slots['finish-icon']();
+      if (getStatus() === "finish" && (finishIcon || slots["finish-icon"])) {
+        if (slots["finish-icon"]) {
+          return slots["finish-icon"]();
         }
-
         return _createVNode(Icon, {
-          "class": bem('icon', 'finish'),
+          "class": bem("icon", "finish"),
           "name": finishIcon,
           "color": activeColor,
           "classPrefix": iconPrefix
         }, null);
       }
-
-      if (slots['inactive-icon']) {
-        return slots['inactive-icon']();
+      if (slots["inactive-icon"]) {
+        return slots["inactive-icon"]();
       }
-
       if (inactiveIcon) {
         return _createVNode(Icon, {
-          "class": bem('icon'),
+          "class": bem("icon"),
           "name": inactiveIcon,
           "classPrefix": iconPrefix
         }, null);
       }
-
       return _createVNode("i", {
-        "class": bem('circle'),
+        "class": bem("circle"),
         "style": lineStyle.value
       }, null);
     };
-
     return () => {
-      var status = getStatus();
+      var _a;
+      const status = getStatus();
       return _createVNode("div", {
         "class": [BORDER, bem([parentProps.direction, {
           [status]: status
         }])]
       }, [_createVNode("div", {
-        "class": bem('title', {
+        "class": bem("title", {
           active: isActive()
         }),
         "style": titleStyle.value,
         "onClick": onClickStep
-      }, [slots.default == null ? void 0 : slots.default()]), _createVNode("div", {
-        "class": bem('circle-container'),
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), _createVNode("div", {
+        "class": bem("circle-container"),
         "onClick": onClickStep
       }, [renderCircle()]), _createVNode("div", {
-        "class": bem('line'),
+        "class": bem("line"),
         "style": lineStyle.value
       }, null)]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/step/index.js

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

package/es/step/style/index.js

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

package/es/step/style/less.js

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