@varlet/ui 2.14.2 → 2.15.0-alpha.1692990022445

package/lib/varlet.cjs.js

@@ -616,6 +616,94 @@ function useInitialized(source, value) {
   }, { immediate: true });
   return initialized;
 }
+function getDirection(x, y) {
+  if (x > y) {
+    return "horizontal";
+  }
+  if (y > x) {
+    return "vertical";
+  }
+}
+function useTouch() {
+  const startX = vue.ref(0);
+  const startY = vue.ref(0);
+  const deltaX = vue.ref(0);
+  const deltaY = vue.ref(0);
+  const offsetX = vue.ref(0);
+  const offsetY = vue.ref(0);
+  const prevX = vue.ref(0);
+  const prevY = vue.ref(0);
+  const moveX = vue.ref(0);
+  const moveY = vue.ref(0);
+  const direction = vue.ref();
+  const touching = vue.ref(false);
+  const startTime = vue.ref(0);
+  const distance = vue.ref(0);
+  const resetTouch = () => {
+    startX.value = 0;
+    startY.value = 0;
+    deltaX.value = 0;
+    deltaY.value = 0;
+    offsetX.value = 0;
+    offsetY.value = 0;
+    prevX.value = 0;
+    prevY.value = 0;
+    moveX.value = 0;
+    moveY.value = 0;
+    direction.value = void 0;
+    touching.value = false;
+    startTime.value = 0;
+    distance.value = 0;
+  };
+  const startTouch = (event) => {
+    resetTouch();
+    const { clientX: x, clientY: y } = event.touches[0];
+    startX.value = x;
+    startY.value = y;
+    prevX.value = x;
+    prevY.value = y;
+    touching.value = true;
+    startTime.value = performance.now();
+  };
+  const moveTouch = (event) => {
+    const { clientX: x, clientY: y } = event.touches[0];
+    deltaX.value = x - startX.value;
+    deltaY.value = y - startY.value;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    distance.value = Math.sqrt(offsetX.value ** 2 + offsetY.value ** 2);
+    moveX.value = x - prevX.value;
+    moveY.value = y - prevY.value;
+    if (!direction.value) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
+    }
+    prevX.value = x;
+    prevY.value = y;
+  };
+  const endTouch = () => {
+    touching.value = false;
+  };
+  return {
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    prevX,
+    prevY,
+    moveX,
+    moveY,
+    direction,
+    touching,
+    startTime,
+    distance,
+    resetTouch,
+    startTouch,
+    moveTouch,
+    endTouch
+  };
+}
 function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -1034,32 +1122,19 @@ var Ripple = {
 };
 var _RippleComponent = Ripple;
 const Ripple$1 = Ripple;
-function positionValidator$4(position) {
-  return ["top", "bottom", "right", "left", "center"].includes(position);
-}
 var props$1c = {
-  show: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
   position: {
     type: String,
-    default: "center",
-    validator: positionValidator$4
-  },
-  transition: {
-    type: String
+    default: "center"
   },
+  transition: String,
   overlay: {
     type: Boolean,
     default: true
   },
-  overlayClass: {
-    type: String
-  },
-  overlayStyle: {
-    type: Object
-  },
+  overlayClass: String,
+  overlayStyle: Object,
   lockScroll: {
     type: Boolean,
     default: true
@@ -1072,14 +1147,8 @@ var props$1c = {
     type: Boolean,
     default: true
   },
-  safeArea: {
-    type: Boolean,
-    default: false
-  },
-  safeAreaTop: {
-    type: Boolean,
-    default: false
-  },
+  safeArea: Boolean,
+  safeAreaTop: Boolean,
   teleport: {
     type: [String, Object, Boolean],
     default: "body"
@@ -1317,15 +1386,9 @@ const Popup = vue.defineComponent({
 withInstall(Popup);
 var _PopupComponent = Popup;
 var props$1b = {
-  name: {
-    type: String
-  },
-  size: {
-    type: [Number, String]
-  },
-  color: {
-    type: String
-  },
+  name: String,
+  size: [Number, String],
+  color: String,
   namespace: {
     type: String,
     default: "var-icon"
@@ -1334,9 +1397,7 @@ var props$1b = {
     type: [Number, String],
     default: 0
   },
-  animationClass: {
-    type: String
-  },
+  animationClass: String,
   onClick: defineListenerProp()
 };
 function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
@@ -1447,17 +1508,12 @@ function _extends$n() {
   return _extends$n.apply(this, arguments);
 }
 var props$1a = _extends$n({
-  show: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
+  title: String,
   actions: {
     type: Array,
     default: () => []
   },
-  title: {
-    type: String
-  },
   closeOnClickAction: {
     type: Boolean,
     default: true
@@ -1958,43 +2014,22 @@ ActionSheet.Component = VarActionSheet;
 withInstall(VarActionSheet);
 withInstall(VarActionSheet, ActionSheet);
 var _ActionSheetComponent = VarActionSheet;
-function positionValidator$3(position) {
-  var validPositions = ["left", "center", "right"];
-  return validPositions.includes(position);
-}
 var props$19 = {
-  color: {
-    type: String
-  },
-  textColor: {
-    type: String
-  },
-  title: {
-    type: String
-  },
+  color: String,
+  textColor: String,
+  title: String,
   titlePosition: {
     type: String,
-    default: "left",
-    validator: positionValidator$3
+    default: "left"
   },
   elevation: {
     type: [Boolean, String, Number],
     default: true
   },
-  round: {
-    type: Boolean,
-    default: false
-  },
-  image: {
-    type: String
-  },
-  imageLinearGradient: {
-    type: String
-  },
-  safeAreaTop: {
-    type: Boolean,
-    default: false
-  }
+  round: Boolean,
+  image: String,
+  imageLinearGradient: String,
+  safeAreaTop: Boolean
 };
 var {
   n: n$1g,
@@ -2373,13 +2408,6 @@ var Lazy = {
 };
 var _LazyComponent = Lazy;
 const Lazy$1 = Lazy;
-function fitValidator$2(fit) {
-  return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
-}
-var internalSizeValidator$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
-function sizeValidator$6(size) {
-  return internalSizeValidator$1(size) || isNumber(size) || isString(size);
-}
 var props$18 = {
   round: {
     type: Boolean,
@@ -2387,44 +2415,25 @@ var props$18 = {
   },
   size: {
     type: [String, Number],
-    validator: sizeValidator$6,
     default: "normal"
   },
-  alt: {
-    type: String
-  },
-  color: {
-    type: String
-  },
-  src: {
-    type: String
-  },
+  alt: String,
+  color: String,
+  src: String,
   fit: {
     type: String,
-    validator: fitValidator$2,
     default: "cover"
   },
-  bordered: {
-    type: Boolean,
-    default: false
-  },
-  borderColor: {
-    type: String
-  },
-  loading: {
-    type: String
-  },
-  error: {
-    type: String
-  },
-  lazy: {
-    type: Boolean,
-    default: false
-  },
+  bordered: Boolean,
+  borderColor: String,
+  loading: String,
+  error: String,
+  lazy: Boolean,
   onClick: defineListenerProp(),
   onLoad: defineListenerProp(),
   onError: defineListenerProp()
 };
+var isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
 var {
   n: n$1f,
   classes: classes$12
@@ -2437,10 +2446,10 @@ function __render__$1f(_ctx, _cache) {
     "div",
     {
       ref: "avatarElement",
-      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.internalSizeValidator(_ctx.size), _ctx.n("--" + _ctx.size)], [_ctx.round, _ctx.n("--round")], [_ctx.bordered, _ctx.n("--bordered")])),
+      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.isInternalSize(_ctx.size), _ctx.n("--" + _ctx.size)], [_ctx.round, _ctx.n("--round")], [_ctx.bordered, _ctx.n("--bordered")])),
       style: vue.normalizeStyle({
-        width: !_ctx.internalSizeValidator(_ctx.size) ? _ctx.toSizeUnit(_ctx.size) : void 0,
-        height: !_ctx.internalSizeValidator(_ctx.size) ? _ctx.toSizeUnit(_ctx.size) : void 0,
+        width: !_ctx.isInternalSize(_ctx.size) ? _ctx.toSizeUnit(_ctx.size) : void 0,
+        height: !_ctx.isInternalSize(_ctx.size) ? _ctx.toSizeUnit(_ctx.size) : void 0,
         borderColor: _ctx.borderColor,
         backgroundColor: _ctx.color
       }),
@@ -2547,8 +2556,7 @@ var __sfc__$1g = vue.defineComponent({
     onSmartMounted(getScale);
     vue.onUpdated(getScale);
     return {
-      internalSizeValidator: internalSizeValidator$1,
-      sizeValidator: sizeValidator$6,
+      isInternalSize: isInternalSize$1,
       toSizeUnit,
       n: n$1f,
       classes: classes$12,
@@ -2566,13 +2574,8 @@ const Avatar = __sfc__$1g;
 withInstall(Avatar);
 var _AvatarComponent = Avatar;
 var props$17 = {
-  offset: {
-    type: [Number, String]
-  },
-  vertical: {
-    type: Boolean,
-    default: false
-  }
+  offset: [Number, String],
+  vertical: Boolean
 };
 var {
   n: n$1e,
@@ -2614,36 +2617,19 @@ __sfc__$1f.render = __render__$1e;
 const AvatarGroup = __sfc__$1f;
 withInstall(AvatarGroup);
 var _AvatarGroupComponent = AvatarGroup;
-function typeValidator$b(type) {
-  return ["circle", "wave", "cube", "rect", "disappear"].includes(type);
-}
-function sizeValidator$5(size) {
-  return ["normal", "mini", "small", "large"].includes(size);
-}
 var props$16 = {
   type: {
     type: String,
-    default: "circle",
-    validator: typeValidator$b
-  },
-  radius: {
-    type: [String, Number]
+    default: "circle"
   },
+  radius: [String, Number],
   size: {
     type: String,
-    default: "normal",
-    validator: sizeValidator$5
-  },
-  color: {
-    type: String
-  },
-  description: {
-    type: String
+    default: "normal"
   },
-  loading: {
-    type: Boolean,
-    default: false
-  }
+  color: String,
+  description: String,
+  loading: Boolean
 };
 var {
   n: n$1d,
@@ -3003,74 +2989,31 @@ function _extends$j() {
   };
   return _extends$j.apply(this, arguments);
 }
-function typeValidator$a(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
-function sizeValidator$4(size) {
-  return ["normal", "mini", "small", "large"].includes(size);
-}
-function nativeTypeValidator(nativeType) {
-  return ["button", "reset", "submit"].includes(nativeType);
-}
 var props$14 = {
-  type: {
-    type: String,
-    validator: typeValidator$a
-  },
+  type: String,
   nativeType: {
     type: String,
-    default: "button",
-    validator: nativeTypeValidator
-  },
-  size: {
-    type: String,
-    validator: sizeValidator$4
-  },
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  round: {
-    type: Boolean,
-    default: false
-  },
-  block: {
-    type: Boolean,
-    default: false
-  },
-  text: {
-    type: Boolean,
-    default: false
-  },
-  outline: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+    default: "button"
+  },
+  size: String,
+  loading: Boolean,
+  round: Boolean,
+  block: Boolean,
+  text: Boolean,
+  outline: Boolean,
+  disabled: Boolean,
+  autoLoading: Boolean,
   ripple: {
     type: Boolean,
     default: true
   },
-  color: {
-    type: String
-  },
-  textColor: {
-    type: String
-  },
+  color: String,
+  textColor: String,
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
-  autoLoading: {
-    type: Boolean,
-    default: false
-  },
-  loadingRadius: {
-    type: [Number, String]
-  },
+  loadingRadius: [Number, String],
   loadingType: pickProps(props$16, "type"),
   loadingSize: pickProps(props$16, "size"),
   loadingColor: _extends$j({}, pickProps(props$16, "color"), {
@@ -3257,19 +3200,13 @@ var props$13 = {
     type: Number,
     default: 300
   },
-  right: {
-    type: [Number, String]
-  },
+  right: [Number, String],
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
-  bottom: {
-    type: [Number, String]
-  },
-  target: {
-    type: [String, Object]
-  },
+  bottom: [Number, String],
+  target: [String, Object],
   onClick: defineListenerProp()
 };
 var {
@@ -3368,44 +3305,24 @@ __sfc__$1b.render = __render__$1a;
 const BackTop = __sfc__$1b;
 withInstall(BackTop);
 var _BackTopComponent = BackTop;
-function typeValidator$9(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
-function positionValidator$2(position) {
-  return ["right-top", "right-bottom", "left-top", "left-bottom"].includes(position);
-}
 var props$12 = {
   type: {
     type: String,
-    default: "default",
-    validator: typeValidator$9
+    default: "default"
   },
   position: {
     type: String,
-    default: "right-top",
-    validator: positionValidator$2
-  },
-  hidden: {
-    type: Boolean,
-    default: false
+    default: "right-top"
   },
+  hidden: Boolean,
   value: {
     type: [String, Number],
     default: 0
   },
-  maxValue: {
-    type: [String, Number]
-  },
-  dot: {
-    type: Boolean,
-    default: false
-  },
-  icon: {
-    type: String
-  },
-  color: {
-    type: String
-  }
+  maxValue: [String, Number],
+  dot: Boolean,
+  icon: String,
+  color: String
 };
 var {
   n: n$19,
@@ -3486,35 +3403,20 @@ var props$11 = {
     type: [Number, String],
     default: 0
   },
-  fixed: {
-    type: Boolean,
-    default: false
-  },
-  border: {
-    type: Boolean,
-    default: false
-  },
-  safeArea: {
-    type: Boolean,
-    default: false
-  },
   zIndex: {
     type: [Number, String],
     default: 1
   },
-  activeColor: {
-    type: String
-  },
-  inactiveColor: {
-    type: String
-  },
+  fixed: Boolean,
+  border: Boolean,
+  safeArea: Boolean,
+  activeColor: String,
+  inactiveColor: String,
+  fabProps: Object,
   onChange: defineListenerProp(),
-  "onUpdate:active": defineListenerProp(),
   onBeforeChange: defineListenerProp(),
   onFabClick: defineListenerProp(),
-  fabProps: {
-    type: Object
-  }
+  "onUpdate:active": defineListenerProp()
 };
 var BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY = Symbol("BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY");
 function useBottomNavigationItems() {
@@ -3721,15 +3623,9 @@ const BottomNavigation = __sfc__$19;
 withInstall(BottomNavigation);
 var _BottomNavigationComponent = BottomNavigation;
 var props$10 = {
-  name: {
-    type: String
-  },
-  icon: {
-    type: String
-  },
-  label: {
-    type: String
-  },
+  name: String,
+  icon: String,
+  label: String,
   namespace: {
     type: String,
     default: "var-icon"
@@ -3874,9 +3770,7 @@ const BottomNavigationItem = __sfc__$18;
 withInstall(BottomNavigationItem);
 var _BottomNavigationItemComponent = BottomNavigationItem;
 var props$$ = {
-  separator: {
-    type: String
-  },
+  separator: String,
   onClick: defineListenerProp()
 };
 var BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY = Symbol("BREADCRUMBS_BIND_BREADCRUMB_KEY");
@@ -4020,45 +3914,26 @@ __sfc__$16.render = __render__$15;
 const Breadcrumbs = __sfc__$16;
 withInstall(Breadcrumbs);
 var _BreadcrumbsComponent = Breadcrumbs;
-function typeValidator$8(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
-function sizeValidator$3(size) {
-  return ["normal", "mini", "small", "large"].includes(size);
-}
-function modeValidator$1(mode) {
-  return ["normal", "text", "outline"].includes(mode);
-}
 var props$Z = {
   type: {
     type: String,
-    default: "default",
-    validator: typeValidator$8
+    default: "default"
   },
   size: {
     type: String,
-    default: "normal",
-    validator: sizeValidator$3
-  },
-  color: {
-    type: String
-  },
-  textColor: {
-    type: String
+    default: "normal"
   },
+  color: String,
+  textColor: String,
   mode: {
     type: String,
-    default: "normal",
-    validator: modeValidator$1
+    default: "normal"
   },
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
-  vertical: {
-    type: Boolean,
-    default: false
-  }
+  vertical: Boolean
 };
 var {
   n: n$14,
@@ -4102,7 +3977,7 @@ __sfc__$15.render = __render__$14;
 const ButtonGroup = __sfc__$15;
 withInstall(ButtonGroup);
 var _ButtonGroupComponent = ButtonGroup;
-function fitValidator$1(fit) {
+function fitValidator(fit) {
   return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
 }
 var props$Y = {
@@ -4111,7 +3986,7 @@ var props$Y = {
   },
   fit: {
     type: String,
-    validator: fitValidator$1,
+    validator: fitValidator,
     default: "cover"
   },
   imageHeight: {
@@ -4485,38 +4360,16 @@ const Card = __sfc__$14;
 withInstall(Card);
 var _CardComponent = Card;
 var props$X = {
-  title: {
-    type: [Number, String]
-  },
-  icon: {
-    type: String
-  },
-  description: {
-    type: String
-  },
-  border: {
-    type: Boolean,
-    default: false
-  },
-  borderOffset: {
-    type: [Number, String]
-  },
-  iconClass: {
-    type: String
-  },
-  titleClass: {
-    type: String
-  },
-  descriptionClass: {
-    type: String
-  },
-  extraClass: {
-    type: String
-  },
-  ripple: {
-    type: Boolean,
-    default: false
-  },
+  title: [Number, String],
+  icon: String,
+  description: String,
+  border: Boolean,
+  borderOffset: [Number, String],
+  iconClass: String,
+  titleClass: String,
+  descriptionClass: String,
+  extraClass: String,
+  ripple: Boolean,
   onClick: defineListenerProp()
 };
 var {
@@ -4724,37 +4577,25 @@ var props$V = {
     type: [String, Number, Boolean, Object, Array],
     default: false
   },
-  checkedColor: {
-    type: String
-  },
-  uncheckedColor: {
-    type: String
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  iconSize: {
-    type: [String, Number]
-  },
+  checkedColor: String,
+  uncheckedColor: String,
+  disabled: Boolean,
+  readonly: Boolean,
+  indeterminate: Boolean,
+  iconSize: [String, Number],
   ripple: {
     type: Boolean,
     default: true
   },
   validateTrigger: {
     type: Array,
-    default: ["onChange"]
-  },
-  rules: {
-    type: Array
+    default: () => ["onChange"]
   },
+  rules: Array,
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
-  "onUpdate:modelValue": defineListenerProp()
+  "onUpdate:modelValue": defineListenerProp(),
+  "onUpdate:indeterminate": defineListenerProp()
 };
 var CHECKBOX_GROUP_BIND_CHECKBOX_KEY = Symbol("CHECKBOX_GROUP_BIND_CHECKBOX_KEY");
 function useCheckboxes() {
@@ -4852,26 +4693,33 @@ function __render__$10(_ctx, _cache) {
       [vue.withDirectives((vue.openBlock(), vue.createElementBlock(
         "div",
         {
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("action"), [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")], [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")], [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")])),
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("action"), [_ctx.checked || _ctx.isIndeterminate, _ctx.n("--checked"), _ctx.n("--unchecked")], [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")], [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")])),
           style: vue.normalizeStyle({
-            color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor
+            color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor
           })
         },
-        [_ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", {
+        [_ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "indeterminate-icon", {
           key: 0
         }, () => [vue.createVNode(_component_var_icon, {
           class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
-          name: "checkbox-marked",
+          name: "minus-box",
           size: _ctx.iconSize,
           "var-checkbox-cover": ""
-        }, null, 8, ["class", "size"])]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", {
+        }, null, 8, ["class", "size"])]) : vue.createCommentVNode("v-if", true), _ctx.checked && !_ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "checked-icon", {
           key: 1
+        }, () => [vue.createVNode(_component_var_icon, {
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+          name: "checkbox-marked",
+          size: _ctx.iconSize,
+          "var-checkbox-cover": ""
+        }, null, 8, ["class", "size"])]) : vue.createCommentVNode("v-if", true), !_ctx.checked && !_ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "unchecked-icon", {
+          key: 2
         }, () => [vue.createVNode(_component_var_icon, {
           class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
           name: "checkbox-blank-outline",
           size: _ctx.iconSize,
           "var-checkbox-cover": ""
-        }, null, 8, ["class", "size"])]), vue.createVNode(_component_var_hover_overlay, {
+        }, null, 8, ["class", "size"])]) : vue.createCommentVNode("v-if", true), vue.createVNode(_component_var_hover_overlay, {
           hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering
         }, null, 8, ["hovering"])],
         6
@@ -4909,7 +4757,7 @@ var __sfc__$11 = vue.defineComponent({
   },
   props: props$V,
   setup(props2) {
-    var value = vue.ref(false);
+    var value = useVModel(props2, "modelValue");
     var checked = vue.computed(() => value.value === props2.checkedValue);
     var checkedValue = vue.computed(() => props2.checkedValue);
     var withAnimation = vue.ref(false);
@@ -4932,6 +4780,7 @@ var __sfc__$11 = vue.defineComponent({
       // expose
       resetValidation
     } = useValidation();
+    var isIndeterminate = useVModel(props2, "indeterminate");
     var validateWithTrigger = (trigger) => {
       vue.nextTick(() => {
         var {
@@ -4943,12 +4792,12 @@ var __sfc__$11 = vue.defineComponent({
       });
     };
     var change = (changedValue) => {
-      value.value = changedValue;
       var {
         checkedValue: checkedValue2,
         onChange
       } = props2;
-      call(props2["onUpdate:modelValue"], value.value);
+      value.value = changedValue;
+      isIndeterminate.value = false;
       call(onChange, value.value);
       validateWithTrigger("onChange");
       changedValue === checkedValue2 ? checkboxGroup2 == null ? void 0 : checkboxGroup2.onChecked(checkedValue2) : checkboxGroup2 == null ? void 0 : checkboxGroup2.onUnchecked(checkedValue2);
@@ -4986,7 +4835,7 @@ var __sfc__$11 = vue.defineComponent({
       withAnimation.value = false;
     };
     var reset = () => {
-      call(props2["onUpdate:modelValue"], props2.uncheckedValue);
+      value.value = props2.uncheckedValue;
       resetValidation();
     };
     var toggle = (changedValue) => {
@@ -5001,11 +4850,6 @@ var __sfc__$11 = vue.defineComponent({
       change(changedValue);
     };
     var validate = () => v(props2.rules, props2.modelValue);
-    vue.watch(() => props2.modelValue, (newValue) => {
-      value.value = newValue;
-    }, {
-      immediate: true
-    });
     var checkboxProvider = {
       checkedValue,
       checked,
@@ -5018,6 +4862,7 @@ var __sfc__$11 = vue.defineComponent({
     call(bindCheckboxGroup, checkboxProvider);
     call(bindForm, checkboxProvider);
     return {
+      isIndeterminate,
       withAnimation,
       checked,
       errorMessage,
@@ -5040,29 +4885,21 @@ __sfc__$11.render = __render__$10;
 const Checkbox = __sfc__$11;
 withInstall(Checkbox);
 var _CheckboxComponent = Checkbox;
-function directionValidator$5(direction) {
-  return ["horizontal", "vertical"].includes(direction);
-}
 var props$U = {
   modelValue: {
     type: Array,
     default: () => []
   },
-  max: {
-    type: [String, Number]
-  },
+  max: [String, Number],
   direction: {
     type: String,
-    default: "horizontal",
-    validator: directionValidator$5
+    default: "horizontal"
   },
   validateTrigger: {
     type: Array,
-    default: ["onChange"]
-  },
-  rules: {
-    type: Array
+    default: () => ["onChange"]
   },
+  rules: Array,
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
@@ -5224,46 +5061,25 @@ __sfc__$10.render = __render__$$;
 const CheckboxGroup = __sfc__$10;
 withInstall(CheckboxGroup);
 var _CheckboxGroupComponent = CheckboxGroup;
-function typeValidator$7(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
-function sizeValidator$2(size) {
-  return ["normal", "mini", "small", "large"].includes(size);
-}
 var props$T = {
   type: {
     type: String,
-    default: "default",
-    validator: typeValidator$7
+    default: "default"
   },
   size: {
     type: String,
-    default: "normal",
-    validator: sizeValidator$2
-  },
-  color: {
-    type: String
-  },
-  textColor: {
-    type: String
+    default: "normal"
   },
+  color: String,
+  textColor: String,
   iconName: pickProps(props$1b, "name"),
-  plain: {
-    type: Boolean,
-    default: false
-  },
+  plain: Boolean,
   round: {
     type: Boolean,
     default: true
   },
-  block: {
-    type: Boolean,
-    default: false
-  },
-  closable: {
-    type: Boolean,
-    default: false
-  },
+  block: Boolean,
+  closable: Boolean,
   onClose: defineListenerProp()
 };
 var {
@@ -5365,15 +5181,6 @@ __sfc__$$.render = __render__$_;
 const Chip = __sfc__$$;
 withInstall(Chip);
 var _ChipComponent = Chip;
-function directionValidator$4(direction) {
-  return ["row", "column"].includes(direction);
-}
-function justifyValidator$2(justify) {
-  return ["start", "end", "center", "space-around", "space-between", "flex-start", "flex-end"].includes(justify);
-}
-function alignValidator$2(align) {
-  return ["stretch", "center", "start", "end", "baseline", "initial", "inherit", "flex-start", "flex-end"].includes(align);
-}
 var props$S = {
   span: {
     type: [String, Number],
@@ -5385,32 +5192,15 @@ var props$S = {
   },
   direction: {
     type: String,
-    default: "row",
-    validator: directionValidator$4
-  },
-  justify: {
-    type: String,
-    validator: justifyValidator$2
-  },
-  align: {
-    type: String,
-    validator: alignValidator$2
-  },
-  xs: {
-    type: [Object, Number, String]
-  },
-  sm: {
-    type: [Object, Number, String]
-  },
-  md: {
-    type: [Object, Number, String]
-  },
-  lg: {
-    type: [Object, Number, String]
-  },
-  xl: {
-    type: [Object, Number, String]
+    default: "row"
   },
+  justify: String,
+  align: String,
+  xs: [Object, Number, String],
+  sm: [Object, Number, String],
+  md: [Object, Number, String],
+  lg: [Object, Number, String],
+  xl: [Object, Number, String],
   onClick: defineListenerProp()
 };
 var ROW_BIND_COL_KEY = Symbol("ROW_BIND_COL_KEY");
@@ -5538,13 +5328,8 @@ function useCollapseItem() {
   };
 }
 var props$R = {
-  modelValue: {
-    type: [Array, String, Number]
-  },
-  accordion: {
-    type: Boolean,
-    default: false
-  },
+  modelValue: [Array, String, Number],
+  accordion: Boolean,
   offset: {
     type: Boolean,
     default: true
@@ -5698,20 +5483,13 @@ function useCollapse() {
   };
 }
 var props$Q = {
-  name: {
-    type: [String, Number]
-  },
-  title: {
-    type: String
-  },
+  name: [String, Number],
+  title: String,
   icon: {
     type: String,
     default: "chevron-down"
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
+  disabled: Boolean
 };
 var {
   n: n$X,
@@ -5832,22 +5610,31 @@ var __sfc__$Y = vue.defineComponent({
       }
     };
     var openPanel = () => {
-      if (!contentEl.value)
+      if (!contentEl.value) {
         return;
+      }
       contentEl.value.style.height = "";
       showContent.value = true;
       requestAnimationFrame(() => {
+        if (!contentEl.value) {
+          return;
+        }
         var {
           offsetHeight
         } = contentEl.value;
         contentEl.value.style.height = "0px";
         requestAnimationFrame(() => {
+          if (!contentEl.value) {
+            return;
+          }
           contentEl.value.style.height = offsetHeight + "px";
-          if (!isInitToTrigger)
+          if (!isInitToTrigger) {
             return;
+          }
           nextTickFrame(() => {
-            if (isInitToTrigger)
+            if (isInitToTrigger) {
               transitionend();
+            }
           });
         });
       });
@@ -8411,59 +8198,27 @@ var props$O = {
     type: [String, Number],
     default: 0
   },
-  min: {
-    type: [String, Number]
-  },
-  max: {
-    type: [String, Number]
-  },
+  min: [String, Number],
+  max: [String, Number],
   step: {
     type: [String, Number],
     default: 1
   },
-  color: {
-    type: String
-  },
-  inputWidth: {
-    type: [String, Number]
-  },
-  inputTextSize: {
-    type: [String, Number]
-  },
-  buttonSize: {
-    type: [String, Number]
-  },
+  color: String,
+  inputWidth: [String, Number],
+  inputTextSize: [String, Number],
+  buttonSize: [String, Number],
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
-  decimalLength: {
-    type: [String, Number]
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  disableIncrement: {
-    type: Boolean,
-    default: false
-  },
-  disableDecrement: {
-    type: Boolean,
-    default: false
-  },
-  disableInput: {
-    type: Boolean,
-    default: false
-  },
-  lazyChange: {
-    type: Boolean,
-    default: false
-  },
+  decimalLength: [String, Number],
+  disabled: Boolean,
+  readonly: Boolean,
+  disableIncrement: Boolean,
+  disableDecrement: Boolean,
+  disableInput: Boolean,
+  lazyChange: Boolean,
   incrementButton: {
     type: Boolean,
     default: true
@@ -8484,9 +8239,7 @@ var props$O = {
     type: Array,
     default: () => ["onInputChange", "onLazyChange", "onIncrement", "onDecrement"]
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onBeforeChange: defineListenerProp(),
   onChange: defineListenerProp(),
   onIncrement: defineListenerProp(),
@@ -9249,9 +9002,6 @@ const isSameOrAfter = function(o, c) {
     return this.isSame(that, units) || this.isAfter(that, units);
   };
 };
-function typeValidator$6(type) {
-  return ["date", "month"].includes(type);
-}
 var MONTH_LIST = [{
   index: "01"
 }, {
@@ -9293,23 +9043,14 @@ var WEEK_HEADER = [{
   index: "6"
 }];
 var props$N = {
-  modelValue: {
-    type: [String, Array]
-  },
+  modelValue: [String, Array],
   type: {
     type: String,
-    default: "date",
-    validator: typeValidator$6
-  },
-  allowedDates: {
-    type: Function
-  },
-  color: {
-    type: String
-  },
-  headerColor: {
-    type: String
+    default: "date"
   },
+  allowedDates: Function,
+  color: String,
+  headerColor: String,
   elevation: {
     type: [Boolean, Number, String],
     default: false
@@ -9322,28 +9063,15 @@ var props$N = {
     type: [String, Number],
     default: 0
   },
-  min: {
-    type: String
-  },
-  max: {
-    type: String
-  },
+  min: String,
+  max: String,
   showCurrent: {
     type: Boolean,
     default: true
   },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  range: {
-    type: Boolean,
-    default: false
-  },
+  readonly: Boolean,
+  multiple: Boolean,
+  range: Boolean,
   touchable: {
     type: Boolean,
     default: true
@@ -10529,7 +10257,7 @@ var __sfc__$R = vue.defineComponent({
       startX = clientX;
       startY = clientY;
     };
-    var getDirection = (x, y) => x >= y && x > 20 ? "x" : "y";
+    var getDirection2 = (x, y) => x >= y && x > 20 ? "x" : "y";
     var handleTouchmove = (event) => {
       if (isUntouchable.value)
         return;
@@ -10539,7 +10267,7 @@ var __sfc__$R = vue.defineComponent({
       } = event.touches[0];
       var x = clientX - startX;
       var y = clientY - startY;
-      touchDirection = getDirection(Math.abs(x), Math.abs(y));
+      touchDirection = getDirection2(Math.abs(x), Math.abs(y));
       checkType = x > 0 ? "prev" : "next";
     };
     var handleTouchend = () => {
@@ -10783,27 +10511,14 @@ function _extends$e() {
   };
   return _extends$e.apply(this, arguments);
 }
-function messageAlignValidator(messageAlign) {
-  return ["left", "center", "right"].includes(messageAlign);
-}
 var props$M = _extends$e({
-  show: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: [Number, String]
-  },
-  title: {
-    type: String
-  },
-  message: {
-    type: String
-  },
+  show: Boolean,
+  width: [Number, String],
+  title: String,
+  message: String,
   messageAlign: {
     type: String,
-    default: "left",
-    validator: messageAlignValidator
+    default: "left"
   },
   confirmButton: {
     type: Boolean,
@@ -10813,30 +10528,14 @@ var props$M = _extends$e({
     type: Boolean,
     default: true
   },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonTextColor: {
-    type: String
-  },
-  cancelButtonTextColor: {
-    type: String
-  },
-  confirmButtonColor: {
-    type: String
-  },
-  cancelButtonColor: {
-    type: String
-  },
-  dialogClass: {
-    type: String
-  },
-  dialogStyle: {
-    type: Object
-  },
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonTextColor: String,
+  cancelButtonTextColor: String,
+  confirmButtonColor: String,
+  cancelButtonColor: String,
+  dialogClass: String,
+  dialogStyle: Object,
   onBeforeClose: defineListenerProp(),
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
@@ -11151,24 +10850,11 @@ var props$L = {
     type: [Boolean, Number, String],
     default: false
   },
-  vertical: {
-    type: Boolean,
-    default: false
-  },
-  description: {
-    type: String
-  },
-  margin: {
-    type: String
-  },
-  dashed: {
-    type: Boolean,
-    default: false
-  },
-  hairline: {
-    type: Boolean,
-    default: false
-  }
+  vertical: Boolean,
+  description: String,
+  margin: String,
+  dashed: Boolean,
+  hairline: Boolean
 };
 var {
   n: n$O,
@@ -11262,13 +10948,8 @@ var props$K = {
     type: String,
     default: "xy"
   },
-  attraction: {
-    type: String
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  attraction: String,
+  disabled: Boolean,
   boundary: {
     type: Object,
     default: () => ({
@@ -11388,50 +11069,45 @@ var __sfc__$O = vue.defineComponent({
     var dragged = vue.ref(false);
     var enableTransition = vue.ref(false);
     var dragging = vue.ref(false);
+    var {
+      touching,
+      moveX,
+      moveY,
+      startTouch,
+      moveTouch,
+      endTouch,
+      resetTouch
+    } = useTouch();
     var {
       disabled: teleportDisabled
     } = useTeleport();
-    var touching = false;
-    var prevX = 0;
-    var prevY = 0;
     var draggingRunner = null;
     var handleTouchstart = (event) => {
       if (props2.disabled) {
         return;
       }
-      draggingRunner && window.clearTimeout(draggingRunner);
-      var {
-        clientX,
-        clientY
-      } = event.touches[0];
+      if (draggingRunner) {
+        window.clearTimeout(draggingRunner);
+      }
       saveXY();
-      prevX = clientX;
-      prevY = clientY;
-      touching = true;
+      startTouch(event);
       dragging.value = false;
     };
     var handleTouchmove = /* @__PURE__ */ function() {
       var _ref2 = _asyncToGenerator$b(function* (event) {
-        if (!touching || props2.disabled) {
+        if (!touching.value || props2.disabled) {
           return;
         }
         event.preventDefault();
         enableTransition.value = false;
         dragged.value = true;
         dragging.value = true;
-        var {
-          clientX,
-          clientY
-        } = event.touches[0];
-        var deltaX = clientX - prevX;
-        var deltaY = clientY - prevY;
-        prevX = clientX;
-        prevY = clientY;
+        moveTouch(event);
         if (props2.direction.includes("x")) {
-          x.value += deltaX;
+          x.value += moveX.value;
         }
         if (props2.direction.includes("y")) {
-          y.value += deltaY;
+          y.value += moveY.value;
         }
         clampToBoundary();
       });
@@ -11443,7 +11119,7 @@ var __sfc__$O = vue.defineComponent({
       if (props2.disabled) {
         return;
       }
-      touching = false;
+      endTouch();
       enableTransition.value = true;
       attract();
       draggingRunner = window.setTimeout(() => {
@@ -11586,9 +11262,7 @@ var __sfc__$O = vue.defineComponent({
       dragging.value = false;
       x.value = 0;
       y.value = 0;
-      touching = false;
-      prevX = 0;
-      prevY = 0;
+      resetTouch();
     };
     vue.watch(() => props2.boundary, toPxBoundary);
     onWindowResize(resize);
@@ -13236,55 +12910,27 @@ function usePopover(options) {
     close
   };
 }
-function triggerValidator$2(trigger) {
-  return ["click", "hover"].includes(trigger);
-}
-function placementValidator$1(alignment) {
-  return ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"].includes(alignment);
-}
-function typeValidator$5(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
-function strategyValidator$1(strategy) {
-  return ["absolute", "fixed"].includes(strategy);
-}
 var props$J = {
   type: {
     type: String,
-    default: "default",
-    validator: typeValidator$5
-  },
-  color: {
-    type: String
-  },
-  content: {
-    type: String
-  },
-  show: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
+    default: "default"
   },
+  color: String,
+  content: String,
+  show: Boolean,
+  disabled: Boolean,
   trigger: {
     type: String,
-    default: "hover",
-    validator: triggerValidator$2
-  },
-  reference: {
-    type: String
+    default: "hover"
   },
+  reference: String,
   placement: {
     type: String,
-    default: "bottom",
-    validator: placementValidator$1
+    default: "bottom"
   },
   strategy: {
     type: String,
-    default: "absolute",
-    validator: strategyValidator$1
+    default: "absolute"
   },
   offsetX: {
     type: [Number, String],
@@ -13298,14 +12944,8 @@ var props$J = {
     type: [String, Object, Boolean],
     default: "body"
   },
-  sameWidth: {
-    type: Boolean,
-    default: false
-  },
-  closeOnClickReference: {
-    type: Boolean,
-    default: false
-  },
+  sameWidth: Boolean,
+  closeOnClickReference: Boolean,
   onOpen: defineListenerProp(),
   onOpened: defineListenerProp(),
   onClose: defineListenerProp(),
@@ -13440,17 +13080,9 @@ __sfc__$N.render = __render__$M;
 const Tooltip = __sfc__$N;
 withInstall(Tooltip);
 var _TooltipComponent = Tooltip;
-function expandTriggerValidator(expandTrigger) {
-  return ["click"].includes(expandTrigger);
-}
 var props$I = {
-  expandTrigger: {
-    type: String,
-    validator: expandTriggerValidator
-  },
-  lineClamp: {
-    type: [Number, String]
-  },
+  expandTrigger: String,
+  lineClamp: [Number, String],
   tooltip: {
     type: [Object, Boolean],
     default: true
@@ -13566,20 +13198,8 @@ __sfc__$M.render = __render__$L;
 const Ellipsis = __sfc__$M;
 withInstall(Ellipsis);
 var _EllipsisComponent = Ellipsis;
-function positionValidator$1(position) {
-  return ["left-top", "right-top", "left-bottom", "right-bottom"].includes(position);
-}
-function directionValidator$3(direction) {
-  return ["top", "right", "bottom", "left"].includes(direction);
-}
-function triggerValidator$1(trigger) {
-  return ["click", "hover"].includes(trigger);
-}
 var props$H = {
-  active: {
-    type: Boolean,
-    default: false
-  },
+  active: Boolean,
   show: {
     type: Boolean,
     default: true
@@ -13590,31 +13210,22 @@ var props$H = {
   },
   type: {
     type: String,
-    default: "primary",
-    validator: typeValidator$a
+    default: "primary"
   },
   position: {
     type: String,
-    default: "right-bottom",
-    validator: positionValidator$1
+    default: "right-bottom"
   },
   direction: {
     type: String,
-    default: "top",
-    validator: directionValidator$3
+    default: "top"
   },
   trigger: {
     type: String,
-    default: "click",
-    validator: triggerValidator$1
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  color: {
-    type: String
+    default: "click"
   },
+  disabled: Boolean,
+  color: String,
   inactiveIcon: {
     type: String,
     default: "plus"
@@ -13623,12 +13234,8 @@ var props$H = {
     type: String,
     default: "window-close"
   },
-  inactiveIconSize: {
-    type: [Number, String]
-  },
-  activeIconSize: {
-    type: [Number, String]
-  },
+  inactiveIconSize: [Number, String],
+  activeIconSize: [Number, String],
   fixed: {
     type: Boolean,
     default: true
@@ -13637,26 +13244,15 @@ var props$H = {
     type: [Number, String],
     default: 90
   },
-  top: {
-    type: [Number, String]
-  },
-  bottom: {
-    type: [Number, String]
-  },
-  left: {
-    type: [Number, String]
-  },
-  right: {
-    type: [Number, String]
-  },
+  top: [Number, String],
+  bottom: [Number, String],
+  left: [Number, String],
+  right: [Number, String],
   elevation: {
     type: [Boolean, Number, String],
     default: true
   },
-  safeArea: {
-    type: Boolean,
-    default: false
-  },
+  safeArea: Boolean,
   teleport: {
     type: [String, Object, Boolean],
     default: "body"
@@ -13801,22 +13397,10 @@ const Fab = vue.defineComponent({
 });
 withInstall(Fab);
 var _FabComponent = Fab;
-function scrollToErrorValidator(status) {
-  return ["start", "end"].includes(status);
-}
 var props$G = {
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  scrollToError: {
-    type: String,
-    validator: scrollToErrorValidator
-  },
+  disabled: Boolean,
+  readonly: Boolean,
+  scrollToError: String,
   scrollToErrorOffsetY: {
     type: [String, Number],
     default: 0
@@ -13941,49 +13525,25 @@ Form.useValidation = useValidation;
 Form.useForm = useForm;
 withInstall(Form);
 var _FormComponent = Form;
-function fitValidator(fit) {
-  return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
-}
 var props$F = {
-  src: {
-    type: String
-  },
+  src: String,
   fit: {
     type: String,
-    validator: fitValidator,
     default: "fill"
   },
-  alt: {
-    type: String
-  },
-  title: {
-    type: String
-  },
-  width: {
-    type: [String, Number]
-  },
-  height: {
-    type: [String, Number]
-  },
+  alt: String,
+  title: String,
+  width: [String, Number],
+  height: [String, Number],
   radius: {
     type: [String, Number],
     default: 0
   },
-  loading: {
-    type: String
-  },
-  error: {
-    type: String
-  },
-  lazy: {
-    type: Boolean,
-    default: false
-  },
-  ripple: {
-    type: Boolean,
-    default: false
-  },
-  block: {
+  loading: String,
+  error: String,
+  lazy: Boolean,
+  ripple: Boolean,
+  block: {
     type: Boolean,
     default: true
   },
@@ -14122,9 +13682,7 @@ var props$E = {
     type: Boolean,
     default: true
   },
-  autoplay: {
-    type: [String, Number]
-  },
+  autoplay: [String, Number],
   duration: {
     type: [String, Number],
     default: 300
@@ -14137,13 +13695,8 @@ var props$E = {
     type: Boolean,
     default: true
   },
-  indicatorColor: {
-    type: String
-  },
-  vertical: {
-    type: Boolean,
-    default: false
-  },
+  indicatorColor: String,
+  vertical: Boolean,
   touchable: {
     type: Boolean,
     default: true
@@ -14180,7 +13733,7 @@ function _asyncToGenerator$8(fn2) {
   };
 }
 var SWIPE_DELAY = 250;
-var SWIPE_DISTANCE = 20;
+var SWIPE_OFFSET = 20;
 var {
   n: n$H,
   classes: classes$A
@@ -14200,7 +13753,7 @@ function __render__$I(_ctx, _cache) {
         style: vue.normalizeStyle({
           width: !_ctx.vertical ? _ctx.trackSize + "px" : void 0,
           height: _ctx.vertical ? _ctx.trackSize + "px" : void 0,
-          transform: "translate" + (_ctx.vertical ? "Y" : "X") + "(" + _ctx.translate + "px)",
+          transform: "translate" + (_ctx.vertical ? "Y" : "X") + "(" + _ctx.trackTranslate + "px)",
           transitionDuration: _ctx.lockDuration ? "0ms" : _ctx.toNumber(_ctx.duration) + "ms"
         }),
         onTouchstart: _cache[0] || (_cache[0] = function() {
@@ -14256,7 +13809,7 @@ var __sfc__$J = vue.defineComponent({
     var size = vue.ref(0);
     var vertical = vue.computed(() => props2.vertical);
     var trackSize = vue.ref(0);
-    var translate = vue.ref(0);
+    var trackTranslate = vue.ref(0);
     var lockDuration = vue.ref(false);
     var index = vue.ref(0);
     var {
@@ -14268,37 +13821,45 @@ var __sfc__$J = vue.defineComponent({
       popup: popup2,
       bindPopup
     } = usePopup();
+    var {
+      deltaX,
+      deltaY,
+      moveX,
+      moveY,
+      offsetX,
+      offsetY,
+      touching,
+      direction,
+      startTime,
+      startTouch,
+      moveTouch,
+      endTouch
+    } = useTouch();
     var initializedIndex = false;
-    var touching = false;
     var timer = -1;
-    var startX;
-    var startY;
-    var startTime;
-    var prevX;
-    var prevY;
     var findSwipeItem = (idx) => swipeItems.find((_ref) => {
       var {
         index: index2
       } = _ref;
       return index2.value === idx;
     });
-    var dispatchBorrower = () => {
+    var dispatchSwipeItems = () => {
       if (!props2.loop) {
         return;
       }
-      if (translate.value >= 0) {
+      if (trackTranslate.value >= 0) {
         findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
       }
-      if (translate.value <= -(trackSize.value - size.value)) {
+      if (trackTranslate.value <= -(trackSize.value - size.value)) {
         findSwipeItem(0).setTranslate(trackSize.value);
       }
-      if (translate.value > -(trackSize.value - size.value) && translate.value < 0) {
+      if (trackTranslate.value > -(trackSize.value - size.value) && trackTranslate.value < 0) {
         findSwipeItem(length.value - 1).setTranslate(0);
         findSwipeItem(0).setTranslate(0);
       }
     };
     var getSwipeIndex = (targetSwipeIndex) => {
-      var swipeIndex = isNumber(targetSwipeIndex) ? targetSwipeIndex : Math.floor((translate.value - size.value / 2) / -size.value);
+      var swipeIndex = isNumber(targetSwipeIndex) ? targetSwipeIndex : Math.floor((trackTranslate.value - size.value / 2) / -size.value);
       var {
         loop
       } = props2;
@@ -14335,14 +13896,14 @@ var __sfc__$J = vue.defineComponent({
       return clamp$1(index2, 0, length.value - 1);
     };
     var fixPosition = (fn2) => {
-      var overLeft = translate.value >= size.value;
-      var overRight = translate.value <= -trackSize.value;
+      var overLeft = trackTranslate.value >= size.value;
+      var overRight = trackTranslate.value <= -trackSize.value;
       var leftTranslate = 0;
       var rightTranslate = -(trackSize.value - size.value);
       lockDuration.value = true;
       if (overLeft || overRight) {
         lockDuration.value = true;
-        translate.value = overRight ? leftTranslate : rightTranslate;
+        trackTranslate.value = overRight ? leftTranslate : rightTranslate;
         findSwipeItem(0).setTranslate(0);
         findSwipeItem(length.value - 1).setTranslate(0);
       }
@@ -14374,26 +13935,15 @@ var __sfc__$J = vue.defineComponent({
     var stopAutoplay = () => {
       timer && clearTimeout(timer);
     };
-    var getDirection = (x, y) => {
-      if (x > y && x > 10) {
-        return "horizontal";
-      }
-      if (y > x && y > 10) {
-        return "vertical";
-      }
+    var setTrackTranslate = (value) => {
+      trackTranslate.value = value;
+      dispatchSwipeItems();
     };
     var handleTouchstart = (event) => {
       if (length.value <= 1 || !props2.touchable) {
         return;
       }
-      var {
-        clientX,
-        clientY
-      } = event.touches[0];
-      startX = clientX;
-      startY = clientY;
-      startTime = performance.now();
-      touching = true;
+      startTouch(event);
       stopAutoplay();
       fixPosition(() => {
         lockDuration.value = true;
@@ -14404,48 +13954,38 @@ var __sfc__$J = vue.defineComponent({
         touchable,
         vertical: vertical2
       } = props2;
-      if (!touching || !touchable) {
+      if (!touching.value || !touchable) {
         return;
       }
-      var {
-        clientX,
-        clientY
-      } = event.touches[0];
-      var deltaX = Math.abs(clientX - startX);
-      var deltaY = Math.abs(clientY - startY);
-      var direction = getDirection(deltaX, deltaY);
+      moveTouch(event);
       var expectDirection = vertical2 ? "vertical" : "horizontal";
-      if (direction === expectDirection) {
-        event.preventDefault();
-        var moveX = prevX !== void 0 ? clientX - prevX : 0;
-        var moveY = prevY !== void 0 ? clientY - prevY : 0;
-        prevX = clientX;
-        prevY = clientY;
-        translate.value += vertical2 ? moveY : moveX;
-        dispatchBorrower();
+      if (direction.value !== expectDirection) {
+        return;
       }
+      event.preventDefault();
+      setTrackTranslate(trackTranslate.value + (vertical2 ? moveY.value : moveX.value));
     };
     var handleTouchend = () => {
-      if (!touching) {
+      if (!touching.value) {
         return;
       }
       var {
         vertical: vertical2,
         onChange
       } = props2;
-      var positive = vertical2 ? prevY < startY : prevX < startX;
-      var distance = vertical2 ? Math.abs(startY - prevY) : Math.abs(startX - prevX);
-      var quickSwiping = performance.now() - startTime <= SWIPE_DELAY && distance >= SWIPE_DISTANCE;
+      endTouch();
+      var positive = vertical2 ? deltaY.value < 0 : deltaX.value < 0;
+      var offset2 = vertical2 ? offsetY.value : offsetX.value;
+      var quickSwiping = performance.now() - startTime.value <= SWIPE_DELAY && offset2 >= SWIPE_OFFSET;
       var swipeIndex = quickSwiping ? positive ? getSwipeIndex(index.value + 1) : getSwipeIndex(index.value - 1) : getSwipeIndex();
-      touching = false;
       lockDuration.value = false;
-      prevX = void 0;
-      prevY = void 0;
-      translate.value = swipeIndex * -size.value;
+      setTrackTranslate(swipeIndex * -size.value);
       var prevIndex = index.value;
       index.value = swipeIndexToIndex(swipeIndex);
       startAutoplay();
-      prevIndex !== index.value && call(onChange, index.value);
+      if (prevIndex !== index.value) {
+        call(onChange, index.value);
+      }
     };
     var resize = () => {
       if (!swipeEl.value) {
@@ -14454,7 +13994,7 @@ var __sfc__$J = vue.defineComponent({
       lockDuration.value = true;
       size.value = props2.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
       trackSize.value = size.value * length.value;
-      translate.value = index.value * -size.value;
+      trackTranslate.value = index.value * -size.value;
       swipeItems.forEach((swipeItem2) => {
         swipeItem2.setTranslate(0);
       });
@@ -14480,11 +14020,11 @@ var __sfc__$J = vue.defineComponent({
       fixPosition(() => {
         if (currentIndex === length.value - 1 && loop) {
           findSwipeItem(0).setTranslate(trackSize.value);
-          translate.value = length.value * -size.value;
+          trackTranslate.value = length.value * -size.value;
           return;
         }
         if (currentIndex !== length.value - 1) {
-          translate.value = index.value * -size.value;
+          trackTranslate.value = index.value * -size.value;
         }
       });
     };
@@ -14505,11 +14045,11 @@ var __sfc__$J = vue.defineComponent({
       fixPosition(() => {
         if (currentIndex === 0 && loop) {
           findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
-          translate.value = size.value;
+          trackTranslate.value = size.value;
           return;
         }
         if (currentIndex !== 0) {
-          translate.value = index.value * -size.value;
+          trackTranslate.value = index.value * -size.value;
         }
       });
     };
@@ -14565,7 +14105,7 @@ var __sfc__$J = vue.defineComponent({
       index,
       swipeEl,
       trackSize,
-      translate,
+      trackTranslate,
       lockDuration,
       handleTouchstart,
       handleTouchmove,
@@ -14664,22 +14204,14 @@ function _extends$8() {
   return _extends$8.apply(this, arguments);
 }
 var props$D = _extends$8({
-  show: {
-    type: Boolean,
-    default: false
-  },
-  imagePreventDefault: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
+  imagePreventDefault: Boolean,
   images: {
     type: Array,
     default: () => []
   },
   /** @deprecated Use initialIndex to instead. */
-  current: {
-    type: String
-  },
+  current: String,
   initialIndex: {
     type: [String, Number],
     default: 0
@@ -14688,10 +14220,7 @@ var props$D = _extends$8({
     type: [String, Number],
     default: 2
   },
-  closeable: {
-    type: Boolean,
-    default: false
-  },
+  closeable: Boolean,
   "onUpdate:show": defineListenerProp(),
   onLongPress: defineListenerProp()
 }, pickProps(props$E, ["loop", "indicator", "onChange"]), pickProps(props$1c, [
@@ -14835,6 +14364,29 @@ var __sfc__$H = vue.defineComponent({
   props: props$D,
   setup(props2) {
     var popupShow = vue.ref(false);
+    var scale = vue.ref(1);
+    var translateX = vue.ref(0);
+    var translateY = vue.ref(0);
+    var transitionTimingFunction = vue.ref(void 0);
+    var transitionDuration = vue.ref(void 0);
+    var canSwipe = vue.ref(true);
+    var swipeRef = vue.ref(null);
+    var {
+      moveX,
+      moveY,
+      distance,
+      startTime,
+      startTouch,
+      moveTouch,
+      endTouch
+    } = useTouch();
+    var targets = {
+      start: null,
+      prev: null
+    };
+    var closeRunner = null;
+    var longPressRunner = null;
+    var isLongPress = false;
     var initialIndex = vue.computed(() => {
       var {
         images,
@@ -14845,20 +14397,8 @@ var __sfc__$H = vue.defineComponent({
         return toNumber(initialIndex2);
       }
       var index = images.findIndex((image2) => image2 === current);
-      return index >= 0 ? index : 0;
+      return Math.max(index, 0);
     });
-    var scale = vue.ref(1);
-    var translateX = vue.ref(0);
-    var translateY = vue.ref(0);
-    var transitionTimingFunction = vue.ref(void 0);
-    var transitionDuration = vue.ref(void 0);
-    var canSwipe = vue.ref(true);
-    var swipeRef = vue.ref(null);
-    var startTouch = null;
-    var prevTouch = null;
-    var closeRunner = null;
-    var longPressRunner = null;
-    var isLongPress = false;
     var isPreventDefault = vue.computed(() => {
       var {
         imagePreventDefault,
@@ -14866,27 +14406,10 @@ var __sfc__$H = vue.defineComponent({
       } = props2;
       return show && imagePreventDefault;
     });
-    var getDistance = (touch, target) => {
-      var {
-        clientX: touchX,
-        clientY: touchY
-      } = touch;
-      var {
-        clientX: targetX,
-        clientY: targetY
-      } = target;
-      return Math.abs(Math.sqrt(Math.pow(targetX - touchX, 2) + Math.pow(targetY - touchY, 2)));
-    };
-    var createVarTouch = (touch, target) => ({
-      clientX: touch.clientX,
-      clientY: touch.clientY,
-      timestamp: performance.now(),
-      target
-    });
     var zoomIn = () => {
       scale.value = toNumber(props2.zoom);
       canSwipe.value = false;
-      prevTouch = null;
+      targets.prev = null;
       window.setTimeout(() => {
         transitionTimingFunction.value = "linear";
         transitionDuration.value = "0s";
@@ -14897,28 +14420,30 @@ var __sfc__$H = vue.defineComponent({
       translateX.value = 0;
       translateY.value = 0;
       canSwipe.value = true;
-      prevTouch = null;
+      targets.prev = null;
       transitionTimingFunction.value = void 0;
       transitionDuration.value = void 0;
     };
-    var isDoubleTouch = (currentTouch) => {
-      if (!prevTouch) {
+    var isDoubleTouch = (target) => {
+      if (!targets.prev) {
         return false;
       }
-      return getDistance(prevTouch, currentTouch) <= DISTANCE_OFFSET && currentTouch.timestamp - prevTouch.timestamp <= EVENT_DELAY && prevTouch.target === currentTouch.target;
+      return distance.value <= DISTANCE_OFFSET && performance.now() - startTime.value <= EVENT_DELAY && targets.prev === target;
     };
     var isTapTouch = (target) => {
-      if (!target || !startTouch || !prevTouch) {
+      if (!target || !targets.start || !targets.prev) {
         return false;
       }
-      return getDistance(startTouch, prevTouch) <= DISTANCE_OFFSET && performance.now() - prevTouch.timestamp < TAP_DELAY && (target === startTouch.target || target.parentNode === startTouch.target);
+      return distance.value <= DISTANCE_OFFSET && performance.now() - startTime.value < TAP_DELAY && (target === targets.start || target.parentNode === targets.start);
     };
     var handleTouchcancel = () => {
+      endTouch();
       window.clearTimeout(longPressRunner);
       isLongPress = false;
-      startTouch = null;
+      targets.start = null;
     };
     var handleTouchend = (event) => {
+      endTouch();
       window.clearTimeout(longPressRunner);
       if (isLongPress) {
         isLongPress = false;
@@ -14927,26 +14452,24 @@ var __sfc__$H = vue.defineComponent({
       var isTap = isTapTouch(event.target);
       closeRunner = window.setTimeout(() => {
         isTap && close();
-        startTouch = null;
+        targets.start = null;
       }, EVENT_DELAY);
     };
     var handleTouchstart = (event, idx) => {
       window.clearTimeout(closeRunner);
       window.clearTimeout(longPressRunner);
-      var currentTouch = createVarTouch(event.touches[0], event.currentTarget);
-      startTouch = currentTouch;
+      var target = event.currentTarget;
+      targets.start = target;
       longPressRunner = window.setTimeout(() => {
-        var {
-          onLongPress
-        } = props2;
         isLongPress = true;
-        call(onLongPress, idx);
+        call(props2.onLongPress, idx);
       }, LONG_PRESS_DELAY);
-      if (isDoubleTouch(currentTouch)) {
+      if (isDoubleTouch(target)) {
         scale.value > 1 ? zoomOut() : zoomIn();
         return;
       }
-      prevTouch = currentTouch;
+      startTouch(event);
+      targets.prev = target;
     };
     var getZoom = (target) => {
       var {
@@ -14993,33 +14516,22 @@ var __sfc__$H = vue.defineComponent({
       var displayHeight = imageRadio > rootRadio ? height : width * imageRadio;
       return Math.max(0, (zoom * displayHeight - height) / 2) / zoom;
     };
-    var getMoveTranslate = (current, move, limit) => {
-      if (current + move >= limit) {
-        return limit;
-      }
-      if (current + move <= -limit) {
-        return -limit;
-      }
-      return current + move;
-    };
     var handleTouchmove = (event) => {
-      if (!prevTouch) {
+      if (!targets.prev) {
         return;
       }
+      moveTouch(event);
       var target = event.currentTarget;
-      var currentTouch = createVarTouch(event.touches[0], target);
-      if (getDistance(currentTouch, prevTouch) > DISTANCE_OFFSET) {
+      if (distance.value > DISTANCE_OFFSET) {
         window.clearTimeout(longPressRunner);
       }
       if (scale.value > 1) {
-        var moveX = currentTouch.clientX - prevTouch.clientX;
-        var moveY = currentTouch.clientY - prevTouch.clientY;
         var limitX = getLimitX(target);
         var limitY = getLimitY(target);
-        translateX.value = getMoveTranslate(translateX.value, moveX, limitX);
-        translateY.value = getMoveTranslate(translateY.value, moveY, limitY);
+        translateX.value = clamp$1(translateX.value + moveX.value, -limitX, limitX);
+        translateY.value = clamp$1(translateY.value + moveY.value, -limitY, limitY);
       }
-      prevTouch = currentTouch;
+      targets.prev = target;
     };
     var close = () => {
       if (scale.value > 1) {
@@ -15164,14 +14676,8 @@ var props$C = {
     type: [String, Number],
     default: 10
   },
-  cssMode: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  cssMode: Boolean,
+  disabled: Boolean,
   onScroll: defineListenerProp()
 };
 function asyncGeneratorStep$7(gen, resolve, reject, _next, _throw, key, arg) {
@@ -15393,9 +14899,7 @@ function useIndexBar() {
   };
 }
 var props$B = {
-  index: {
-    type: [Number, String]
-  }
+  index: [Number, String]
 };
 var {
   n: n$D,
@@ -15495,25 +14999,14 @@ var props$A = {
     default: 0
   },
   /** @deprecated Use stickyCssMode to instead. */
-  cssMode: {
-    type: Boolean,
-    default: false
-  },
-  stickyCssMode: {
-    type: Boolean,
-    default: false
-  },
-  hideList: {
-    type: Boolean,
-    default: false
-  },
+  cssMode: Boolean,
+  stickyCssMode: Boolean,
+  hideList: Boolean,
   zIndex: {
     type: [Number, String],
     default: 1
   },
-  highlightColor: {
-    type: String
-  },
+  highlightColor: String,
   duration: {
     type: [Number, String],
     default: 0
@@ -15773,12 +15266,6 @@ __sfc__$E.render = __render__$D;
 const IndexBar = __sfc__$E;
 withInstall(IndexBar);
 var _IndexBarComponent = IndexBar;
-function sizeValidator$1(size) {
-  return ["small", "normal"].includes(size);
-}
-function variantValidator(variant) {
-  return ["outlined", "standard"].includes(variant);
-}
 var props$z = {
   value: {
     type: null,
@@ -15788,22 +15275,16 @@ var props$z = {
     type: String,
     default: ""
   },
-  isFocus: {
-    type: Boolean
-  },
+  isFocus: Boolean,
   size: {
     type: String,
-    default: "normal",
-    validator: sizeValidator$1
+    default: "normal"
   },
   variant: {
     type: String,
-    default: "standard",
-    validator: variantValidator
-  },
-  placeholder: {
-    type: String
+    default: "standard"
   },
+  placeholder: String,
   line: {
     type: Boolean,
     default: true
@@ -15812,36 +15293,15 @@ var props$z = {
     type: Boolean,
     default: true
   },
-  textColor: {
-    type: String
-  },
-  focusColor: {
-    type: String
-  },
-  blurColor: {
-    type: String
-  },
-  errorMessage: {
-    type: String
-  },
-  formDisabled: {
-    type: Boolean
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  cursor: {
-    type: String
-  },
-  composing: {
-    type: Boolean,
-    default: false
-  },
+  textColor: String,
+  focusColor: String,
+  blurColor: String,
+  errorMessage: String,
+  formDisabled: Boolean,
+  disabled: Boolean,
+  clearable: Boolean,
+  cursor: String,
+  composing: Boolean,
   onClick: defineListenerProp(),
   onClear: defineListenerProp()
 };
@@ -16068,55 +15528,31 @@ function _extends$6() {
   };
   return _extends$6.apply(this, arguments);
 }
-function typeValidator$4(type) {
-  return ["text", "password", "number", "tel", "email"].includes(type);
-}
 var props$y = _extends$6({
-  modelValue: {
-    type: String
-  },
+  modelValue: String,
   modelModifiers: {
     type: Object,
     default: () => ({})
   },
   type: {
     type: String,
-    default: "text",
-    validator: typeValidator$4
-  },
-  textarea: {
-    type: Boolean,
-    default: false
+    default: "text"
   },
+  textarea: Boolean,
   rows: {
     type: [String, Number],
     default: 8
   },
-  maxlength: {
-    type: [String, Number]
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  resize: {
-    type: Boolean,
-    default: false
-  },
-  autofocus: {
-    type: Boolean,
-    default: false
-  },
+  maxlength: [String, Number],
+  readonly: Boolean,
+  resize: Boolean,
+  autofocus: Boolean,
   validateTrigger: {
     type: Array,
     default: () => ["onInput", "onClear"]
   },
-  rules: {
-    type: Array
-  },
-  enterkeyhint: {
-    type: String
-  },
+  rules: Array,
+  enterkeyhint: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),
@@ -16138,7 +15574,7 @@ function __render__$B(_ctx, _cache) {
     "div",
     {
       class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"))),
-      onMousedown: _cache[15] || (_cache[15] = function() {
+      onMousedown: _cache[13] || (_cache[13] = function() {
         return _ctx.handleMousedown && _ctx.handleMousedown(...arguments);
       })
     },
@@ -16208,13 +15644,10 @@ function __render__$B(_ctx, _cache) {
           onChange: _cache[3] || (_cache[3] = function() {
             return _ctx.handleChange && _ctx.handleChange(...arguments);
           }),
-          onTouchstart: _cache[4] || (_cache[4] = function() {
-            return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-          }),
-          onCompositionstart: _cache[5] || (_cache[5] = function() {
+          onCompositionstart: _cache[4] || (_cache[4] = function() {
             return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
           }),
-          onCompositionend: _cache[6] || (_cache[6] = function() {
+          onCompositionend: _cache[5] || (_cache[5] = function() {
             return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
           })
         }, "\n      ", 46, _hoisted_2$b)) : (vue.openBlock(), vue.createElementBlock("input", {
@@ -16235,25 +15668,22 @@ function __render__$B(_ctx, _cache) {
             caretColor: !_ctx.errorMessage ? _ctx.focusColor : void 0,
             "--input-placeholder-color": _ctx.placeholderColor
           }),
-          onFocus: _cache[7] || (_cache[7] = function() {
+          onFocus: _cache[6] || (_cache[6] = function() {
             return _ctx.handleFocus && _ctx.handleFocus(...arguments);
           }),
-          onBlur: _cache[8] || (_cache[8] = function() {
+          onBlur: _cache[7] || (_cache[7] = function() {
             return _ctx.handleBlur && _ctx.handleBlur(...arguments);
           }),
-          onInput: _cache[9] || (_cache[9] = function() {
+          onInput: _cache[8] || (_cache[8] = function() {
             return _ctx.handleInput && _ctx.handleInput(...arguments);
           }),
-          onChange: _cache[10] || (_cache[10] = function() {
+          onChange: _cache[9] || (_cache[9] = function() {
             return _ctx.handleChange && _ctx.handleChange(...arguments);
           }),
-          onTouchstart: _cache[11] || (_cache[11] = function() {
-            return _ctx.handleTouchstart && _ctx.handleTouchstart(...arguments);
-          }),
-          onCompositionstart: _cache[12] || (_cache[12] = function() {
+          onCompositionstart: _cache[10] || (_cache[10] = function() {
             return _ctx.handleCompositionStart && _ctx.handleCompositionStart(...arguments);
           }),
-          onCompositionend: _cache[13] || (_cache[13] = function() {
+          onCompositionend: _cache[11] || (_cache[11] = function() {
             return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...arguments);
           })
         }, null, 46, _hoisted_3$9))]),
@@ -16269,7 +15699,7 @@ function __render__$B(_ctx, _cache) {
     ), vue.createVNode(_component_var_form_details, {
       "error-message": _ctx.errorMessage,
       "extra-message": _ctx.maxlengthText,
-      onMousedown: _cache[14] || (_cache[14] = vue.withModifiers(() => {
+      onMousedown: _cache[12] || (_cache[12] = vue.withModifiers(() => {
       }, ["stop"]))
     }, vue.createSlots({
       _: 2
@@ -16435,17 +15865,7 @@ var __sfc__$C = vue.defineComponent({
     };
     var withTrim = (value) => props2.modelModifiers.trim ? value.trim() : value;
     var withMaxlength = (value) => props2.maxlength ? value.slice(0, toNumber(props2.maxlength)) : value;
-    var handleTouchstart = (e) => {
-      var {
-        disabled,
-        readonly
-      } = props2;
-      if (form != null && form.disabled.value || form != null && form.readonly.value || disabled || readonly) {
-        return;
-      }
-      e.stopPropagation();
-    };
-    function handleMousedown(e) {
+    var handleMousedown = (e) => {
       var {
         disabled
       } = props2;
@@ -16454,7 +15874,7 @@ var __sfc__$C = vue.defineComponent({
       }
       focus();
       e.preventDefault();
-    }
+    };
     var reset = () => {
       call(props2["onUpdate:modelValue"], "");
       resetValidation();
@@ -16499,7 +15919,6 @@ var __sfc__$C = vue.defineComponent({
       handleChange,
       handleClear,
       handleClick,
-      handleTouchstart,
       handleCompositionStart,
       handleCompositionEnd,
       handleMousedown,
@@ -16515,46 +15934,22 @@ __sfc__$C.render = __render__$B;
 const Input = __sfc__$C;
 withInstall(Input);
 var _InputComponent = Input;
-function typeValidator$3(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
-function underlineValidator(status) {
-  return ["always", "hover", "none"].includes(status);
-}
 var props$x = {
   type: {
     type: String,
-    default: "default",
-    validator: typeValidator$3
-  },
-  href: {
-    type: String
-  },
-  target: {
-    type: String
-  },
-  to: {
-    type: [String, Object]
-  },
-  replace: {
-    type: Boolean,
-    default: false
+    default: "default"
   },
+  href: String,
+  target: String,
+  to: [String, Object],
+  replace: Boolean,
   underline: {
     type: String,
-    default: "always",
-    validator: underlineValidator
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  textSize: {
-    type: [String, Number]
-  },
-  textColor: {
-    type: String
+    default: "always"
   },
+  disabled: Boolean,
+  textSize: [String, Number],
+  textColor: String,
   onClick: defineListenerProp()
 };
 var {
@@ -16642,35 +16037,20 @@ const Link = __sfc__$B;
 withInstall(Link);
 var _LinkComponent = Link;
 var props$w = {
-  loading: {
-    type: Boolean,
-    default: false
-  },
+  loading: Boolean,
   immediateCheck: {
     type: Boolean,
     default: true
   },
-  finished: {
-    type: Boolean,
-    default: false
-  },
-  error: {
-    type: Boolean,
-    default: false
-  },
+  finished: Boolean,
+  error: Boolean,
   offset: {
     type: [String, Number],
     default: 0
   },
-  loadingText: {
-    type: String
-  },
-  finishedText: {
-    type: String
-  },
-  errorText: {
-    type: String
-  },
+  loadingText: String,
+  finishedText: String,
+  errorText: String,
   onLoad: defineListenerProp(),
   "onUpdate:loading": defineListenerProp(),
   "onUpdate:error": defineListenerProp()
@@ -16917,22 +16297,11 @@ var props$v = {
     type: Number,
     default: 0
   },
-  error: {
-    type: Boolean,
-    default: false
-  },
-  color: {
-    type: String
-  },
-  errorColor: {
-    type: String
-  },
-  height: {
-    type: [Number, String]
-  },
-  top: {
-    type: [Number, String]
-  }
+  error: Boolean,
+  color: String,
+  errorColor: String,
+  height: [Number, String],
+  top: [Number, String]
 };
 var {
   classes: classes$r,
@@ -17048,41 +16417,21 @@ var LoadingBar = {
 };
 var _LoadingBarComponent = LoadingBar;
 const LoadingBar$1 = LoadingBar;
-function triggerValidator(trigger) {
-  return ["click", "hover"].includes(trigger);
-}
-function placementValidator(alignment) {
-  return ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end", "cover-top", "cover-top-start", "cover-top-end", "cover-bottom", "cover-bottom-start", "cover-bottom-end", "cover-left", "cover-right"].includes(alignment);
-}
-function strategyValidator(strategy) {
-  return ["absolute", "fixed"].includes(strategy);
-}
 var props$t = {
-  show: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
+  disabled: Boolean,
   trigger: {
     type: String,
-    default: "click",
-    validator: triggerValidator
-  },
-  reference: {
-    type: String
+    default: "click"
   },
+  reference: String,
   placement: {
     type: String,
-    default: "cover-top-start",
-    validator: placementValidator
+    default: "cover-top-start"
   },
   strategy: {
     type: String,
-    default: "absolute",
-    validator: strategyValidator
+    default: "absolute"
   },
   offsetX: {
     type: [Number, String],
@@ -17096,10 +16445,7 @@ var props$t = {
     type: [String, Object, Boolean],
     default: "body"
   },
-  sameWidth: {
-    type: Boolean,
-    default: false
-  },
+  sameWidth: Boolean,
   elevation: {
     type: [Boolean, String, Number],
     default: true
@@ -17108,13 +16454,8 @@ var props$t = {
     type: Boolean,
     default: true
   },
-  popoverClass: {
-    type: String
-  },
-  closeOnClickReference: {
-    type: Boolean,
-    default: false
-  },
+  popoverClass: String,
+  closeOnClickReference: Boolean,
   onOpen: defineListenerProp(),
   onOpened: defineListenerProp(),
   onClose: defineListenerProp(),
@@ -17273,7 +16614,9 @@ var {
 } = createNamespace("option");
 function __render__$x(_ctx, _cache) {
   var _component_var_checkbox = vue.resolveComponent("var-checkbox");
+  var _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   var _directive_ripple = vue.resolveDirective("ripple");
+  var _directive_hover = vue.resolveDirective("hover");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -17317,18 +16660,22 @@ function __render__$x(_ctx, _cache) {
       )])],
       2
       /* CLASS */
-    )],
+    ), vue.createVNode(_component_var_hover_overlay, {
+      hovering: _ctx.hovering
+    }, null, 8, ["hovering"])],
     6
     /* CLASS, STYLE */
-  )), [[_directive_ripple]]);
+  )), [[_directive_ripple], [_directive_hover, _ctx.handleHovering, "desktop"]]);
 }
 var __sfc__$y = vue.defineComponent({
   name: "VarOption",
   directives: {
-    Ripple: Ripple$1
+    Ripple: Ripple$1,
+    Hover: Hover$1
   },
   components: {
-    VarCheckbox: Checkbox
+    VarCheckbox: Checkbox,
+    VarHoverOverlay: HoverOverlay
   },
   props: props$s,
   setup(props2) {
@@ -17346,6 +16693,10 @@ var __sfc__$y = vue.defineComponent({
       onSelect,
       computeLabel
     } = select2;
+    var {
+      hovering,
+      handleHovering
+    } = useHoverOverlay();
     var handleClick = () => {
       if (multiple.value) {
         optionSelected.value = !optionSelected.value;
@@ -17370,6 +16721,8 @@ var __sfc__$y = vue.defineComponent({
       optionSelected,
       multiple,
       focusColor,
+      hovering,
+      handleHovering,
       handleClick,
       handleSelect
     };
@@ -17380,17 +16733,12 @@ const Option = __sfc__$y;
 withInstall(Option);
 var _OptionComponent = Option;
 var props$r = {
-  show: {
-    type: Boolean,
-    default: false
-  },
+  show: Boolean,
   lockScroll: {
     type: Boolean,
     default: true
   },
-  teleport: {
-    type: String
-  },
+  teleport: [String, Object, Boolean],
   onClick: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
 };
@@ -17458,9 +16806,7 @@ const Overlay = vue.defineComponent({
 withInstall(Overlay);
 var _OverlayComponent = Overlay;
 var props$q = {
-  current: {
-    type: [Number, String]
-  },
+  current: [Number, String],
   size: {
     type: [Number, String],
     default: 10
@@ -17477,10 +16823,7 @@ var props$q = {
     type: Number,
     default: 3
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  disabled: Boolean,
   simple: {
     type: Boolean,
     default: true
@@ -17489,17 +16832,12 @@ var props$q = {
     type: Boolean,
     default: true
   },
-  showQuickJumper: {
-    type: Boolean,
-    default: false
-  },
+  showQuickJumper: Boolean,
   sizeOption: {
     type: Array,
     default: () => [10, 20, 50, 100]
   },
-  showTotal: {
-    type: Function
-  },
+  showTotal: Function,
   onChange: defineListenerProp(),
   "onUpdate:current": defineListenerProp(),
   "onUpdate:size": defineListenerProp()
@@ -17876,27 +17214,12 @@ var props$p = {
     type: [Boolean, Number, String],
     default: false
   },
-  ripple: {
-    type: Boolean,
-    default: false
-  },
-  radius: {
-    type: [Number, String]
-  },
-  width: {
-    type: [Number, String]
-  },
-  height: {
-    type: [Number, String]
-  },
-  round: {
-    type: Boolean,
-    default: false
-  },
-  inline: {
-    type: Boolean,
-    default: false
-  },
+  ripple: Boolean,
+  radius: [Number, String],
+  width: [Number, String],
+  height: [Number, String],
+  round: Boolean,
+  inline: Boolean,
   onClick: defineListenerProp()
 };
 var {
@@ -17967,9 +17290,7 @@ var props$o = _extends$5({
     type: Array,
     default: () => []
   },
-  title: {
-    type: String
-  },
+  title: String,
   textKey: {
     type: String,
     default: "text"
@@ -17978,10 +17299,7 @@ var props$o = _extends$5({
     type: Boolean,
     default: true
   },
-  cascade: {
-    type: Boolean,
-    default: false
-  },
+  cascade: Boolean,
   cascadeInitialIndexes: {
     type: Array,
     default: () => []
@@ -17994,23 +17312,12 @@ var props$o = _extends$5({
     type: [Number, String],
     default: 6
   },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonTextColor: {
-    type: String
-  },
-  cancelButtonTextColor: {
-    type: String
-  },
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonTextColor: String,
+  cancelButtonTextColor: String,
   // dynamic internal
-  dynamic: {
-    type: Boolean,
-    default: false
-  },
+  dynamic: Boolean,
   textFormatter: {
     type: Function,
     default: (text) => text
@@ -18532,43 +17839,24 @@ Picker.Component = VarPicker;
 withInstall(VarPicker);
 withInstall(VarPicker, Picker);
 var _PickerComponent = VarPicker;
-function modeValidator(mode) {
-  return ["linear", "circle"].includes(mode);
-}
-function typeValidator$2(type) {
-  return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
-}
 var props$n = {
   mode: {
     type: String,
-    default: "linear",
-    validator: modeValidator
+    default: "linear"
   },
   lineWidth: {
     type: [Number, String],
     default: 4
   },
-  color: {
-    type: String
-  },
-  trackColor: {
-    type: String
-  },
-  ripple: {
-    type: Boolean,
-    default: false
-  },
+  color: String,
+  trackColor: String,
+  ripple: Boolean,
   value: {
     type: [Number, String],
     default: 0
   },
-  label: {
-    type: Boolean,
-    default: false
-  },
-  labelClass: {
-    type: String
-  },
+  label: Boolean,
+  labelClass: String,
   size: {
     type: [Number, String],
     default: 40
@@ -18581,14 +17869,10 @@ var props$n = {
     type: Boolean,
     default: true
   },
-  indeterminate: {
-    type: Boolean,
-    default: false
-  },
+  indeterminate: Boolean,
   type: {
     type: String,
-    default: "primary",
-    validator: typeValidator$2
+    default: "primary"
   }
 };
 var {
@@ -18793,43 +18077,21 @@ const Progress = __sfc__$u;
 withInstall(Progress);
 var _ProgressComponent = Progress;
 var props$m = {
-  modelValue: {
-    type: Boolean
-  },
-  // 是否禁用下拉刷新
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  // 动画时长
+  modelValue: Boolean,
+  disabled: Boolean,
   animationDuration: {
     type: [Number, String],
     default: 300
   },
-  // 成功提示展示时长
   successDuration: {
     type: [Number, String],
     default: 2e3
   },
-  // control 的背景颜色
-  bgColor: {
-    type: String
-  },
-  // 成功状态下 control 的背景颜色
-  successBgColor: {
-    type: String
-  },
-  // control 的颜色
-  color: {
-    type: String
-  },
-  // 成功状态下 control 的颜色
-  successColor: {
-    type: String
-  },
-  target: {
-    type: [String, Object]
-  },
+  bgColor: String,
+  successBgColor: String,
+  color: String,
+  successColor: String,
+  target: [String, Object],
   onRefresh: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
@@ -19075,23 +18337,11 @@ var props$l = {
     type: [String, Number, Boolean, Object, Array],
     default: false
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  checkedColor: {
-    type: String
-  },
-  uncheckedColor: {
-    type: String
-  },
-  iconSize: {
-    type: [String, Number]
-  },
+  disabled: Boolean,
+  readonly: Boolean,
+  checkedColor: String,
+  uncheckedColor: String,
+  iconSize: [String, Number],
   ripple: {
     type: Boolean,
     default: true
@@ -19100,9 +18350,7 @@ var props$l = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
@@ -19216,7 +18464,7 @@ var __sfc__$s = vue.defineComponent({
   inheritAttrs: false,
   props: props$l,
   setup(props2) {
-    var value = vue.ref(false);
+    var value = useVModel(props2, "modelValue");
     var checked = vue.computed(() => value.value === props2.checkedValue);
     var withAnimation = vue.ref(false);
     var {
@@ -19257,7 +18505,6 @@ var __sfc__$s = vue.defineComponent({
         return;
       }
       value.value = changedValue;
-      call(props2["onUpdate:modelValue"], value.value);
       call(onChange, value.value);
       radioGroup2 == null ? void 0 : radioGroup2.onToggle(checkedValue);
       validateWithTrigger("onChange");
@@ -19288,7 +18535,7 @@ var __sfc__$s = vue.defineComponent({
       value.value = v2 === checkedValue ? checkedValue : uncheckedValue;
     };
     var reset = () => {
-      call(props2["onUpdate:modelValue"], props2.uncheckedValue);
+      value.value = props2.uncheckedValue;
       resetValidation();
     };
     var validate = () => v(props2.rules, props2.modelValue);
@@ -19303,11 +18550,6 @@ var __sfc__$s = vue.defineComponent({
       }
       change(changedValue);
     };
-    vue.watch(() => props2.modelValue, (newValue) => {
-      value.value = newValue;
-    }, {
-      immediate: true
-    });
     var radioProvider = {
       sync,
       validate,
@@ -19339,9 +18581,6 @@ __sfc__$s.render = __render__$r;
 const Radio = __sfc__$s;
 withInstall(Radio);
 var _RadioComponent = Radio;
-function directionValidator$2(direction) {
-  return ["horizontal", "vertical"].includes(direction);
-}
 var props$k = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -19349,16 +18588,13 @@ var props$k = {
   },
   direction: {
     type: String,
-    default: "horizontal",
-    validator: directionValidator$2
+    default: "horizontal"
   },
   validateTrigger: {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
@@ -19471,59 +18707,33 @@ var props$j = {
     type: [String, Number],
     default: 5
   },
-  color: {
-    type: String
-  },
+  color: String,
   icon: {
     type: String,
     default: "star"
   },
-  emptyColor: {
-    type: String
-  },
+  emptyColor: String,
   emptyIcon: {
     type: String,
     default: "star-outline"
   },
-  size: {
-    type: [String, Number]
-  },
-  gap: {
-    type: [String, Number]
-  },
-  namespace: {
-    type: String
-  },
-  half: {
-    type: Boolean,
-    default: false
-  },
+  size: [String, Number],
+  gap: [String, Number],
+  namespace: String,
+  half: Boolean,
   halfIcon: {
     type: String,
     default: "star-half-full"
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  disabledColor: {
-    type: String
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
+  disabled: Boolean,
+  disabledColor: String,
+  readonly: Boolean,
   ripple: {
     type: Boolean,
     default: true
   },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  rules: {
-    type: Array
-  },
+  clearable: Boolean,
+  rules: Array,
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
@@ -19646,8 +18856,9 @@ var __sfc__$q = vue.defineComponent({
         emptyIcon
       } = props2;
       var iconColor = color;
-      if (disabled || form != null && form.disabled.value)
+      if (disabled || form != null && form.disabled.value) {
         iconColor = disabledColor;
+      }
       if (index <= toNumber(modelValue)) {
         return {
           color: iconColor,
@@ -19670,15 +18881,15 @@ var __sfc__$q = vue.defineComponent({
         half: half2,
         clearable
       } = props2;
-      if (half2) {
-        var {
-          offsetWidth
-        } = event.target;
-        if (event.offsetX <= Math.floor(offsetWidth / 2))
-          score -= 0.5;
+      var {
+        offsetWidth
+      } = event.target;
+      if (half2 && event.offsetX <= Math.floor(offsetWidth / 2)) {
+        score -= 0.5;
       }
-      if (lastScore === score && clearable)
+      if (lastScore === score && clearable) {
         score = 0;
+      }
       lastScore = score;
       call(props2["onUpdate:modelValue"], score);
     };
@@ -19735,24 +18946,14 @@ __sfc__$q.render = __render__$p;
 const Rate = __sfc__$q;
 withInstall(Rate);
 var _RateComponent = Rate;
-function typeValidator$1(type) {
-  return ["info", "success", "warning", "error", "question", "empty"].includes(type);
-}
 var props$i = {
-  imageSize: {
-    type: [String, Number]
-  },
+  imageSize: [String, Number],
   type: {
     type: String,
-    default: "success",
-    validator: typeValidator$1
-  },
-  title: {
-    type: String
-  },
-  description: {
-    type: String
+    default: "success"
   },
+  title: String,
+  description: String,
   animation: {
     type: Boolean,
     default: true
@@ -20066,12 +19267,6 @@ __sfc__$j.render = __render__$i;
 const Result = __sfc__$j;
 withInstall(Result);
 var _ResultComponent = Result;
-function justifyValidator$1(justify) {
-  return ["flex-start", "flex-end", "start", "end", "center", "space-between", "space-around"].includes(justify);
-}
-function alignValidator$1(align) {
-  return ["flex-start", "center", "flex-end", "start", "end"].includes(align);
-}
 var props$h = {
   gutter: {
     type: [String, Number],
@@ -20079,13 +19274,11 @@ var props$h = {
   },
   justify: {
     type: String,
-    default: "flex-start",
-    validator: justifyValidator$1
+    default: "flex-start"
   },
   align: {
     type: String,
-    default: "flex-start",
-    validator: alignValidator$1
+    default: "flex-start"
   },
   onClick: defineListenerProp()
 };
@@ -20169,45 +19362,30 @@ function _extends$4() {
   };
   return _extends$4.apply(this, arguments);
 }
-function textAlignValidator(textAlign) {
-  return ["left", "right", "center"].includes(textAlign);
-}
 var props$g = _extends$4({
   modelValue: {
     default: void 0
   },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
+  multiple: Boolean,
   offsetY: {
     type: [String, Number],
     default: 0
   },
-  chip: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
+  chip: Boolean,
+  readonly: Boolean,
   separator: {
     type: String,
     default: ","
   },
   textAlign: {
     type: String,
-    default: "left",
-    validator: textAlignValidator
+    default: "left"
   },
   validateTrigger: {
     type: Array,
     default: () => ["onChange", "onClear", "onClose"]
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onClose: defineListenerProp(),
@@ -20706,35 +19884,17 @@ var props$f = {
     type: Boolean,
     default: true
   },
-  title: {
-    type: Boolean,
-    default: false
-  },
-  card: {
-    type: Boolean,
-    default: false
-  },
-  avatar: {
-    type: Boolean,
-    default: false
-  },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
+  title: Boolean,
+  card: Boolean,
+  avatar: Boolean,
+  fullscreen: Boolean,
   fullscreenZIndex: {
     type: [Number, String],
     default: 100
   },
-  titleWidth: {
-    type: [Number, String]
-  },
-  cardHeight: {
-    type: [Number, String]
-  },
-  avatarSize: {
-    type: [Number, String]
-  },
+  titleWidth: [Number, String],
+  cardHeight: [Number, String],
+  avatarSize: [Number, String],
   rows: {
     type: [Number, String],
     default: 3
@@ -20920,53 +20080,31 @@ __sfc__$g.render = __render__$f;
 const Skeleton = __sfc__$g;
 withInstall(Skeleton);
 var _SkeletonComponent = Skeleton;
-function labelValidator(label) {
-  return ["always", "normal", "never"].includes(label);
-}
 var Thumbs = /* @__PURE__ */ function(Thumbs2) {
   Thumbs2["First"] = "1";
   Thumbs2["Second"] = "2";
   return Thumbs2;
 }({});
 var props$e = {
-  // 当前进度百分比
   modelValue: {
     type: [Number, Array],
     default: 0
   },
-  // 步长
   step: {
     type: [Number, String],
     default: 1
   },
-  // 是否开启双滑块模式
-  range: {
-    type: Boolean,
-    default: false
-  },
+  range: Boolean,
   labelVisible: {
     type: String,
-    default: "normal",
-    validator: labelValidator
-  },
-  activeColor: {
-    type: String
-  },
-  trackColor: {
-    type: String
-  },
-  thumbColor: {
-    type: String
-  },
-  labelColor: {
-    type: String
-  },
-  labelTextColor: {
-    type: String
-  },
-  trackHeight: {
-    type: [String, Number]
+    default: "normal"
   },
+  activeColor: String,
+  trackColor: String,
+  thumbColor: String,
+  labelColor: String,
+  labelTextColor: String,
+  trackHeight: [String, Number],
   max: {
     type: [String, Number],
     default: 100
@@ -20975,25 +20113,14 @@ var props$e = {
     type: [String, Number],
     default: 0
   },
-  thumbSize: {
-    type: [String, Number]
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  // 是否只读
-  readonly: {
-    type: Boolean,
-    default: false
-  },
+  thumbSize: [String, Number],
+  disabled: Boolean,
+  readonly: Boolean,
   direction: {
     type: String,
     default: "horizontal"
   },
-  rules: {
-    type: Array
-  },
+  rules: Array,
   onChange: defineListenerProp(),
   onStart: defineListenerProp(),
   onEnd: defineListenerProp(),
@@ -21515,67 +20642,40 @@ function _extends$3() {
   };
   return _extends$3.apply(this, arguments);
 }
-function positionValidator(position) {
-  var validPositions = ["top", "center", "bottom"];
-  return validPositions.includes(position);
-}
-function typeValidator(type) {
-  return SNACKBAR_TYPE.includes(type);
-}
 var props$d = {
-  type: {
-    type: String,
-    validator: typeValidator
-  },
+  type: String,
   position: {
     type: String,
-    default: "top",
-    validator: positionValidator
+    default: "top"
   },
   content: {
     type: [String, Function, Object]
   },
-  contentClass: {
-    type: String
-  },
+  contentClass: String,
   duration: {
     type: Number,
     default: 3e3
   },
-  vertical: {
-    type: Boolean,
-    default: false
-  },
+  vertical: Boolean,
   loadingType: pickProps(props$16, "type"),
   loadingSize: pickProps(props$16, "size"),
   loadingRadius: pickProps(props$16, "radius"),
   loadingColor: _extends$3({}, pickProps(props$16, "color"), {
     default: "currentColor"
   }),
-  lockScroll: {
-    type: Boolean,
-    default: false
-  },
-  show: {
-    type: Boolean,
-    default: false
-  },
+  lockScroll: Boolean,
+  show: Boolean,
   teleport: {
     type: [String, Object, Boolean],
     default: "body"
   },
-  forbidClick: {
-    type: Boolean,
-    default: false
-  },
+  forbidClick: Boolean,
   onOpen: defineListenerProp(),
   onOpened: defineListenerProp(),
   onClose: defineListenerProp(),
   onClosed: defineListenerProp(),
   "onUpdate:show": defineListenerProp(),
-  _update: {
-    type: String
-  }
+  _update: String
 };
 var {
   n: n$f,
@@ -21982,15 +21082,10 @@ withInstall(VarSnackbar);
 withInstall(VarSnackbar, Snackbar);
 var _SnackbarComponent = VarSnackbar;
 const Snackbar$1 = Snackbar;
-var internalSizeValidator = (size) => ["mini", "small", "normal", "large"].includes(size);
-var sizeValidator = (size) => internalSizeValidator(size) || isArray(size) || isNumber(size) || isString(size);
-var justifyValidator = (justify) => ["start", "end", "center", "space-around", "space-between", "flex-start", "flex-end"].includes(justify);
-var alignValidator = (align) => ["stretch", "center", "start", "end", "baseline", "flex-start", "flex-end"].includes(align);
 var props$c = {
   size: {
     type: [String, Number, Array],
-    default: "normal",
-    validator: sizeValidator
+    default: "normal"
   },
   wrap: {
     type: Boolean,
@@ -22002,17 +21097,10 @@ var props$c = {
   },
   justify: {
     type: String,
-    default: "flex-start",
-    validator: justifyValidator
+    default: "flex-start"
   },
-  align: {
-    type: String,
-    validator: alignValidator
-  },
-  inline: {
-    type: Boolean,
-    default: false
-  }
+  align: String,
+  inline: Boolean
 };
 function half(value) {
   return "calc(" + value + " / 2)";
@@ -22049,6 +21137,7 @@ function computeMargin(y, x, options) {
   }
   return margin;
 }
+var isInternalSize = (size) => ["mini", "small", "normal", "large"].includes(size);
 var {
   n: n$d,
   classes: classes$a
@@ -22060,7 +21149,7 @@ const Space = vue.defineComponent({
     var {
       slots
     } = _ref;
-    var getSize = (size, isInternalSize) => isInternalSize ? ["var(--space-size-" + size + "-y)", "var(--space-size-" + size + "-x)"] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
+    var getSize = (size, isInternalSize2) => isInternalSize2 ? ["var(--space-size-" + size + "-y)", "var(--space-size-" + size + "-x)"] : isArray(size) ? size.map(toSizeUnit) : [toSizeUnit(size), toSizeUnit(size)];
     return () => {
       var _call;
       var {
@@ -22072,8 +21161,7 @@ const Space = vue.defineComponent({
         size
       } = props2;
       var children = (_call = call(slots.default)) != null ? _call : [];
-      var isInternalSize = internalSizeValidator(size);
-      var [y, x] = getSize(size, isInternalSize);
+      var [y, x] = getSize(size, isInternalSize(size));
       children = flatFragment(children);
       var lastIndex = children.length - 1;
       var spacers = children.map((child, index) => {
@@ -22109,12 +21197,8 @@ var props$b = {
     type: String,
     default: "check"
   },
-  currentIcon: {
-    type: String
-  },
-  inactiveIcon: {
-    type: String
-  }
+  currentIcon: String,
+  inactiveIcon: String
 };
 var STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
 function useStep() {
@@ -22266,9 +21350,6 @@ __sfc__$c.render = __render__$b;
 const Step = __sfc__$c;
 withInstall(Step);
 var _StepComponent = Step;
-function directionValidator$1(direction) {
-  return ["horizontal", "vertical"].includes(direction);
-}
 var props$a = {
   active: {
     type: [String, Number],
@@ -22276,15 +21357,10 @@ var props$a = {
   },
   direction: {
     type: String,
-    default: "horizontal",
-    validator: directionValidator$1
-  },
-  activeColor: {
-    type: String
-  },
-  inactiveColor: {
-    type: String
+    default: "horizontal"
   },
+  activeColor: String,
+  inactiveColor: String,
   onClickStep: defineListenerProp()
 };
 var {
@@ -22387,33 +21463,14 @@ var props$8 = {
   inactiveValue: {
     default: false
   },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  color: {
-    type: String
-  },
-  loadingColor: {
-    type: String
-  },
-  closeColor: {
-    type: String
-  },
-  size: {
-    type: [String, Number]
-  },
-  rules: {
-    type: Array
-  },
+  disabled: Boolean,
+  readonly: Boolean,
+  loading: Boolean,
+  color: String,
+  loadingColor: String,
+  closeColor: String,
+  size: [String, Number],
+  rules: Array,
   ripple: {
     type: Boolean,
     default: true
@@ -22592,16 +21649,18 @@ var __sfc__$9 = vue.defineComponent({
         "onUpdate:modelValue": updateModelValue
       } = props2;
       call(onClick, event);
-      if (disabled || loading2 || readonly || form != null && form.disabled.value || form != null && form.readonly.value)
+      if (disabled || loading2 || readonly || form != null && form.disabled.value || form != null && form.readonly.value) {
         return;
+      }
       var newValue = modelValue === activeValue ? inactiveValue : activeValue;
       call(onChange, newValue);
       call(updateModelValue, newValue);
       validateWithTrigger();
     };
     var hover = (value) => {
-      if (props2.disabled || form != null && form.disabled.value)
+      if (props2.disabled || form != null && form.disabled.value) {
         return;
+      }
       handleHovering(value);
     };
     var reset = () => {
@@ -22617,15 +21676,15 @@ var __sfc__$9 = vue.defineComponent({
     return {
       n: n$9,
       classes: classes$8,
-      multiplySizeUnit,
-      switchActive,
       hovering,
-      hover,
       radius,
       styleComputed,
       errorMessage,
       formDisabled: form == null ? void 0 : form.disabled,
-      formReadonly: form == null ? void 0 : form.readonly
+      formReadonly: form == null ? void 0 : form.readonly,
+      multiplySizeUnit,
+      switchActive,
+      hover
     };
   }
 });
@@ -22634,13 +21693,8 @@ const Switch = __sfc__$9;
 withInstall(Switch);
 var _SwitchComponent = Switch;
 var props$7 = {
-  name: {
-    type: [String, Number]
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  name: [String, Number],
+  disabled: Boolean,
   onClick: defineListenerProp()
 };
 var TABS_BIND_TAB_KEY = Symbol("TABS_BIND_TAB_KEY");
@@ -22769,9 +21823,7 @@ const Tab = __sfc__$8;
 withInstall(Tab);
 var _TabComponent = Tab;
 var props$6 = {
-  name: {
-    type: [String, Number]
-  }
+  name: [String, Number]
 };
 var {
   n: n$7,
@@ -22895,15 +21947,6 @@ __sfc__$6.render = __render__$6;
 const Table = __sfc__$6;
 withInstall(Table);
 var _TableComponent = Table;
-function directionValidator(direction) {
-  return ["horizontal", "vertical"].includes(direction);
-}
-function scrollableValidator(scrollable) {
-  return ["auto", "always"].includes(scrollable);
-}
-function indicatorPositionValidator(indicatorPosition) {
-  return ["normal", "reverse"].includes(indicatorPosition);
-}
 var props$4 = {
   active: {
     type: [String, Number],
@@ -22911,58 +21954,33 @@ var props$4 = {
   },
   layoutDirection: {
     type: String,
-    default: "horizontal",
-    validator: directionValidator
+    default: "horizontal"
   },
   itemDirection: {
     type: String,
-    default: "horizontal",
-    validator: directionValidator
-  },
-  fixedBottom: {
-    type: Boolean,
-    default: false
-  },
-  activeColor: {
-    type: String
-  },
-  inactiveColor: {
-    type: String
-  },
-  disabledColor: {
-    type: String
-  },
-  color: {
-    type: String
-  },
-  indicatorColor: {
-    type: String
-  },
-  indicatorSize: {
-    type: [String, Number]
+    default: "horizontal"
   },
+  fixedBottom: Boolean,
+  activeColor: String,
+  inactiveColor: String,
+  disabledColor: String,
+  color: String,
+  indicatorColor: String,
+  indicatorSize: [String, Number],
   elevation: {
     type: [Boolean, String, Number],
     default: false
   },
   scrollable: {
     type: String,
-    default: "auto",
-    validator: scrollableValidator
+    default: "auto"
   },
   indicatorPosition: {
     type: String,
-    default: "normal",
-    validator: indicatorPositionValidator
-  },
-  safeArea: {
-    type: Boolean,
-    default: false
-  },
-  sticky: {
-    type: Boolean,
-    default: false
+    default: "normal"
   },
+  safeArea: Boolean,
+  sticky: Boolean,
   stickyCssMode: pickProps(props$C, "cssMode"),
   stickyZIndex: pickProps(props$C, "zIndex"),
   offsetTop: pickProps(props$C, "offsetTop"),
@@ -23232,10 +22250,7 @@ var props$3 = {
     type: Boolean,
     default: true
   },
-  loop: {
-    type: Boolean,
-    default: false
-  },
+  loop: Boolean,
   "onUpdate:active": defineListenerProp()
 };
 function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
@@ -23565,45 +22580,23 @@ const Themes$1 = Themes;
 var hoursAmpm = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
 var hours24 = ["00", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
 var minSec = ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"];
-function formatValidator(type) {
-  return ["ampm", "24hr"].includes(type);
-}
 var props$2 = {
-  modelValue: {
-    type: String
-  },
+  modelValue: String,
   elevation: {
     type: [Boolean, Number, String],
     default: false
   },
-  color: {
-    type: String
-  },
-  headerColor: {
-    type: String
-  },
+  color: String,
+  headerColor: String,
   format: {
     type: String,
-    default: "ampm",
-    validator: formatValidator
-  },
-  allowedTime: {
-    type: Object
-  },
-  min: {
-    type: String
-  },
-  max: {
-    type: String
-  },
-  useSeconds: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
+    default: "ampm"
   },
+  allowedTime: Object,
+  min: String,
+  max: String,
+  useSeconds: Boolean,
+  readonly: Boolean,
   "onUpdate:modelValue": defineListenerProp(),
   onChange: defineListenerProp()
 };
@@ -24495,18 +23488,9 @@ var props$1 = {
     type: [String, Boolean],
     default: void 0
   },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
+  multiple: Boolean,
+  readonly: Boolean,
+  disabled: Boolean,
   elevation: {
     type: [Boolean, Number, String],
     default: true
@@ -24515,12 +23499,8 @@ var props$1 = {
     type: Boolean,
     default: true
   },
-  maxlength: {
-    type: [Number, String]
-  },
-  maxsize: {
-    type: [Number, String]
-  },
+  maxlength: [Number, String],
+  maxsize: [Number, String],
   previewed: {
     type: Boolean,
     default: true
@@ -24533,13 +23513,8 @@ var props$1 = {
     type: Array,
     default: () => ["onChange", "onRemove"]
   },
-  rules: {
-    type: Array
-  },
-  hideList: {
-    type: Boolean,
-    default: false
-  },
+  rules: Array,
+  hideList: Boolean,
   onBeforeFilter: defineListenerProp(),
   onBeforeRead: defineListenerProp(),
   onAfterRead: defineListenerProp(),
@@ -25040,12 +24015,8 @@ var props = {
     type: Number,
     default: 100
   },
-  content: {
-    type: String
-  },
-  image: {
-    type: String
-  },
+  content: String,
+  image: String,
   rotate: {
     type: Number,
     default: -22
@@ -25074,10 +24045,7 @@ var props = {
     type: [Number, String],
     default: 0.5
   },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
+  fullscreen: Boolean,
   font: {
     type: Object,
     default: () => ({
@@ -25460,7 +24428,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.14.2";
+const version = "2.15.0-alpha.1692990022445";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);