vant 3.4.0 → 3.4.1

package/lib/slider/Slider.js

@@ -1,30 +1,46 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var _useTouch = require("../composables/use-touch");
-
-// Utils
-// Composables
-var [name, bem] = (0, _utils.createNamespace)('slider');
-var sliderProps = {
-  min: (0, _utils.makeNumericProp)(0),
-  max: (0, _utils.makeNumericProp)(100),
-  step: (0, _utils.makeNumericProp)(1),
+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_use = __toModule(require("@vant/use"));
+var import_use_touch = __toModule(require("../composables/use-touch"));
+const [name, bem] = (0, import_utils.createNamespace)("slider");
+const sliderProps = {
+  min: (0, import_utils.makeNumericProp)(0),
+  max: (0, import_utils.makeNumericProp)(100),
+  step: (0, import_utils.makeNumericProp)(1),
   range: Boolean,
   reverse: Boolean,
   disabled: Boolean,
   readonly: Boolean,
   vertical: Boolean,
-  barHeight: _utils.numericProp,
-  buttonSize: _utils.numericProp,
+  barHeight: import_utils.numericProp,
+  buttonSize: import_utils.numericProp,
   activeColor: String,
   inactiveColor: String,
   modelValue: {
@@ -32,160 +48,124 @@ var sliderProps = {
     default: 0
   }
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.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 = (0, _vue.ref)();
-    var dragStatus = (0, _vue.ref)();
-    var touch = (0, _useTouch.useTouch)();
-    var scope = (0, _vue.computed)(() => Number(props.max) - Number(props.min));
-    var wrapperStyle = (0, _vue.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 = (0, import_vue2.ref)();
+    const dragStatus = (0, import_vue2.ref)();
+    const touch = (0, import_use_touch.useTouch)();
+    const scope = (0, import_vue2.computed)(() => Number(props.max) - Number(props.min));
+    const wrapperStyle = (0, import_vue2.computed)(() => {
+      const crossAxis = props.vertical ? "width" : "height";
       return {
         background: props.inactiveColor,
-        [crossAxis]: (0, _utils.addUnit)(props.barHeight)
+        [crossAxis]: (0, import_utils.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 = (0, _vue.computed)(() => {
-      var mainAxis = props.vertical ? 'height' : 'width';
-      var style = {
+    const barStyle = (0, import_vue2.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;
-      value = (0, _utils.clamp)(value, min, max);
-      var diff = Math.round((value - min) / step) * step;
-      return (0, _utils.addNumber)(min, diff);
+    const format = (value) => {
+      const min = +props.min;
+      const max = +props.max;
+      const step = +props.step;
+      value = (0, import_utils.clamp)(value, min, max);
+      const diff = Math.round((value - min) / step) * step;
+      return (0, import_utils.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 = (0, _use.useRect)(root);
-
-      var getDelta = () => {
+      const rect = (0, import_use.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 {
@@ -195,131 +175,107 @@ var _default = (0, _vue.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);
       }
-
-      (0, _utils.preventDefault)(event, true);
+      (0, import_utils.preventDefault)(event, true);
       touch.move(event);
-      dragStatus.value = 'dragging';
-      var rect = (0, _use.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 = (0, import_use.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 (0, _vue.createVNode)("div", {
-        "class": bem('button'),
-        "style": (0, _utils.getSizeStyle)(props.buttonSize)
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("button"),
+        "style": (0, import_utils.getSizeStyle)(props.buttonSize)
       }, null);
     };
-
-    var renderButton = index => {
-      var current = typeof index === 'number' ? props.modelValue[index] : props.modelValue;
-      return (0, _vue.createVNode)("div", {
+    const renderButton = (index) => {
+      const current2 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
+      return (0, import_vue.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": _utils.stopPropagation
-      }, [renderButtonContent(current, index)]);
-    }; // format initial value
-
-
+        "onClick": import_utils.stopPropagation
+      }, [renderButtonContent(current2, index)]);
+    };
     updateValue(props.modelValue);
-    (0, _use.useCustomFieldValue)(() => props.modelValue);
-    return () => (0, _vue.createVNode)("div", {
+    (0, import_use.useCustomFieldValue)(() => props.modelValue);
+    return () => (0, import_vue.createVNode)("div", {
       "ref": root,
       "style": wrapperStyle.value,
       "class": bem({
@@ -327,12 +283,9 @@ var _default = (0, _vue.defineComponent)({
         disabled: props.disabled
       }),
       "onClick": onClick
-    }, [(0, _vue.createVNode)("div", {
-      "class": bem('bar'),
+    }, [(0, import_vue.createVNode)("div", {
+      "class": bem("bar"),
       "style": barStyle.value
     }, [props.range ? [renderButton(0), renderButton(1)] : renderButton()])]);
   }
-
 });
-
-exports.default = _default;

package/lib/slider/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.Slider = void 0;
-
-var _utils = require("../utils");
-
-var _Slider2 = _interopRequireDefault(require("./Slider"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Slider = (0, _utils.withInstall)(_Slider2.default);
-exports.Slider = Slider;
-var _default = Slider;
-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, {
+  Slider: () => Slider,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_Slider = __toModule(require("./Slider"));
+const Slider = (0, import_utils.withInstall)(import_Slider.default);
+var stdin_default = Slider;

package/lib/slider/style/index.js

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

package/lib/slider/style/less.js

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