@varlet/ui 2.14.2 → 2.14.3-alpha.1692871861882

package/es/checkbox/Checkbox.mjs

@@ -2,17 +2,17 @@ import VarIcon from '../icon/index.mjs';
 import VarFormDetails from '../form-details/index.mjs';
 import Ripple from '../ripple/index.mjs';
 import Hover from '../hover/index.mjs';
-import { defineComponent, ref, computed, watch, nextTick } from 'vue';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
+import { defineComponent, ref, computed, nextTick } from 'vue';
 import { props } from './props.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
+import { useValidation, createNamespace, call, useVModel } from '../utils/components.mjs';
 import { useCheckboxGroup } from './provide.mjs';
 import { useForm } from '../form/provide.mjs';
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 var {
   n,
   classes
 } = createNamespace('checkbox');
-import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode } from "vue";
+import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode } from "vue";
 function __render__(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
   var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
@@ -27,25 +27,32 @@ function __render__(_ctx, _cache) {
   }, [_createElementVNode("div", {
     class: _normalizeClass(_ctx.n())
   }, [_withDirectives((_openBlock(), _createElementBlock("div", {
-    class: _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: _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: _normalizeStyle({
-      color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor
+      color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor
     })
-  }, [_ctx.checked ? _renderSlot(_ctx.$slots, "checked-icon", {
+  }, [_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "indeterminate-icon", {
     key: 0
   }, () => [_createVNode(_component_var_icon, {
     class: _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 /* PROPS */, ["class", "size"])]) : _renderSlot(_ctx.$slots, "unchecked-icon", {
+  }, null, 8 /* PROPS */, ["class", "size"])]) : _createCommentVNode("v-if", true), _ctx.checked && !_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "checked-icon", {
     key: 1
+  }, () => [_createVNode(_component_var_icon, {
+    class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
+    name: "checkbox-marked",
+    size: _ctx.iconSize,
+    "var-checkbox-cover": ""
+  }, null, 8 /* PROPS */, ["class", "size"])]) : _createCommentVNode("v-if", true), !_ctx.checked && !_ctx.isIndeterminate ? _renderSlot(_ctx.$slots, "unchecked-icon", {
+    key: 2
   }, () => [_createVNode(_component_var_icon, {
     class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.withAnimation, _ctx.n('--with-animation')])),
     name: "checkbox-blank-outline",
     size: _ctx.iconSize,
     "var-checkbox-cover": ""
-  }, null, 8 /* PROPS */, ["class", "size"])]), _createVNode(_component_var_hover_overlay, {
+  }, null, 8 /* PROPS */, ["class", "size"])]) : _createCommentVNode("v-if", true), _createVNode(_component_var_hover_overlay, {
     hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering
   }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_hover, _ctx.handleHovering, "desktop"], [_directive_ripple, {
     disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple
@@ -69,7 +76,7 @@ var __sfc__ = defineComponent({
   },
   props,
   setup(props) {
-    var value = ref(false);
+    var value = useVModel(props, 'modelValue');
     var checked = computed(() => value.value === props.checkedValue);
     var checkedValue = computed(() => props.checkedValue);
     var withAnimation = ref(false);
@@ -92,6 +99,7 @@ var __sfc__ = defineComponent({
       // expose
       resetValidation
     } = useValidation();
+    var isIndeterminate = useVModel(props, 'indeterminate');
     var validateWithTrigger = trigger => {
       nextTick(() => {
         var {
@@ -103,12 +111,12 @@ var __sfc__ = defineComponent({
       });
     };
     var change = changedValue => {
-      value.value = changedValue;
       var {
         checkedValue,
         onChange
       } = props;
-      call(props['onUpdate:modelValue'], value.value);
+      value.value = changedValue;
+      isIndeterminate.value = false;
       call(onChange, value.value);
       validateWithTrigger('onChange');
       changedValue === checkedValue ? checkboxGroup == null ? void 0 : checkboxGroup.onChecked(checkedValue) : checkboxGroup == null ? void 0 : checkboxGroup.onUnchecked(checkedValue);
@@ -148,7 +156,7 @@ var __sfc__ = defineComponent({
 
     // expose
     var reset = () => {
-      call(props['onUpdate:modelValue'], props.uncheckedValue);
+      value.value = props.uncheckedValue;
       resetValidation();
     };
 
@@ -167,11 +175,6 @@ var __sfc__ = defineComponent({
 
     // expose
     var validate = () => v(props.rules, props.modelValue);
-    watch(() => props.modelValue, newValue => {
-      value.value = newValue;
-    }, {
-      immediate: true
-    });
     var checkboxProvider = {
       checkedValue,
       checked,
@@ -184,6 +187,7 @@ var __sfc__ = defineComponent({
     call(bindCheckboxGroup, checkboxProvider);
     call(bindForm, checkboxProvider);
     return {
+      isIndeterminate,
       withAnimation,
       checked,
       errorMessage,

package/es/checkbox/props.mjs

@@ -26,6 +26,10 @@ export var props = {
     type: Boolean,
     default: false
   },
+  indeterminate: {
+    type: Boolean,
+    default: false
+  },
   iconSize: {
     type: [String, Number]
   },
@@ -42,5 +46,6 @@ export var props = {
   },
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
+  'onUpdate:modelValue': defineListenerProp(),
+  'onUpdate:indeterminate': defineListenerProp()
 };

package/es/drag/Drag.mjs

@@ -5,7 +5,7 @@ import { defineComponent, ref, reactive, watch } from 'vue';
 import { props } from './props.mjs';
 import { createNamespace, useTeleport, call } from '../utils/components.mjs';
 import { getRect, toPxNum } from '../utils/elements.mjs';
-import { onSmartMounted, onWindowResize } from '@varlet/use';
+import { onSmartMounted, onWindowResize, useTouch } from '@varlet/use';
 import { clamp } from '@varlet/shared';
 var {
   n,
@@ -59,50 +59,45 @@ var __sfc__ = defineComponent({
     var dragged = ref(false);
     var enableTransition = ref(false);
     var dragging = 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 (props.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(function* (event) {
-        if (!touching || props.disabled) {
+        if (!touching.value || props.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 (props.direction.includes('x')) {
-          x.value += deltaX;
+          x.value += moveX.value;
         }
         if (props.direction.includes('y')) {
-          y.value += deltaY;
+          y.value += moveY.value;
         }
         clampToBoundary();
       });
@@ -114,7 +109,7 @@ var __sfc__ = defineComponent({
       if (props.disabled) {
         return;
       }
-      touching = false;
+      endTouch();
       enableTransition.value = true;
       attract();
       draggingRunner = window.setTimeout(() => {
@@ -261,9 +256,7 @@ var __sfc__ = defineComponent({
       dragging.value = false;
       x.value = 0;
       y.value = 0;
-      touching = false;
-      prevX = 0;
-      prevY = 0;
+      resetTouch();
     };
     watch(() => props.boundary, toPxBoundary);
     onWindowResize(resize);

package/es/image-preview/ImagePreview.mjs

@@ -3,9 +3,9 @@ import VarSwipeItem from '../swipe-item/index.mjs';
 import VarIcon from '../icon/index.mjs';
 import VarPopup from '../popup/index.mjs';
 import { defineComponent, ref, computed, watch } from 'vue';
+import { toNumber, clamp } from '@varlet/shared';
+import { useEventListener, useTouch } from '@varlet/use';
 import { props } from './props.mjs';
-import { toNumber } from '@varlet/shared';
-import { useEventListener } from '@varlet/use';
 import { call, createNamespace } from '../utils/components.mjs';
 var {
   n,
@@ -121,6 +121,29 @@ var __sfc__ = defineComponent({
   props,
   setup(props) {
     var popupShow = ref(false);
+    var scale = ref(1);
+    var translateX = ref(0);
+    var translateY = ref(0);
+    var transitionTimingFunction = ref(undefined);
+    var transitionDuration = ref(undefined);
+    var canSwipe = ref(true);
+    var swipeRef = 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 = computed(() => {
       // For compatibility with current, temporarily keep this computed method
       // Current will be replaced by initialIndex in the future
@@ -133,20 +156,8 @@ var __sfc__ = defineComponent({
         return toNumber(initialIndex);
       }
       var index = images.findIndex(image => image === current);
-      return index >= 0 ? index : 0;
+      return Math.max(index, 0);
     });
-    var scale = ref(1);
-    var translateX = ref(0);
-    var translateY = ref(0);
-    var transitionTimingFunction = ref(undefined);
-    var transitionDuration = ref(undefined);
-    var canSwipe = ref(true);
-    var swipeRef = ref(null);
-    var startTouch = null;
-    var prevTouch = null;
-    var closeRunner = null;
-    var longPressRunner = null;
-    var isLongPress = false;
     var isPreventDefault = computed(() => {
       var {
         imagePreventDefault,
@@ -154,27 +165,10 @@ var __sfc__ = defineComponent({
       } = props;
       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(props.zoom);
       canSwipe.value = false;
-      prevTouch = null;
+      targets.prev = null;
       window.setTimeout(() => {
         transitionTimingFunction.value = 'linear';
         transitionDuration.value = '0s';
@@ -185,28 +179,30 @@ var __sfc__ = defineComponent({
       translateX.value = 0;
       translateY.value = 0;
       canSwipe.value = true;
-      prevTouch = null;
+      targets.prev = null;
       transitionTimingFunction.value = undefined;
       transitionDuration.value = undefined;
     };
-    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);
 
       // avoid triggering tap event sometimes
@@ -217,26 +213,24 @@ var __sfc__ = 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
-        } = props;
         isLongPress = true;
-        call(onLongPress, idx);
+        call(props.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 {
@@ -283,33 +277,22 @@ var __sfc__ = 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(translateX.value + moveX.value, -limitX, limitX);
+        translateY.value = clamp(translateY.value + moveY.value, -limitY, limitY);
       }
-      prevTouch = currentTouch;
+      targets.prev = target;
     };
     var close = () => {
       if (scale.value > 1) {

package/es/index.bundle.mjs

@@ -247,7 +247,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '2.14.2'
+const version = '2.14.3-alpha.1692871861882'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -164,7 +164,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '2.14.2'
+const version = '2.14.3-alpha.1692871861882'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/option/Option.mjs

@@ -4,14 +4,18 @@ import { defineComponent, computed, ref, watch } from 'vue';
 import { useSelect } from './provide.mjs';
 import { createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
+import Hover from '../hover/index.mjs';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 var {
   n,
   classes
 } = createNamespace('option');
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {
   var _component_var_checkbox = _resolveComponent("var-checkbox");
+  var _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
   var _directive_ripple = _resolveDirective("ripple");
+  var _directive_hover = _resolveDirective("hover");
   return _withDirectives((_openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box'), [_ctx.optionSelected, _ctx.n('--selected-color')])),
     style: _normalizeStyle({
@@ -35,15 +39,19 @@ function __render__(_ctx, _cache) {
     onChange: _ctx.handleSelect
   }, null, 8 /* PROPS */, ["checked-color", "modelValue", "onChange"])) : _createCommentVNode("v-if", true), _createElementVNode("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n('text'), _ctx.n('$--ellipsis')))
-  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.label), 1 /* TEXT */)])], 2 /* CLASS */)], 6 /* CLASS, STYLE */)), [[_directive_ripple]]);
+  }, [_renderSlot(_ctx.$slots, "default", {}, () => [_createTextVNode(_toDisplayString(_ctx.label), 1 /* TEXT */)])], 2 /* CLASS */), _createVNode(_component_var_hover_overlay, {
+    hovering: _ctx.hovering
+  }, null, 8 /* PROPS */, ["hovering"])], 6 /* CLASS, STYLE */)), [[_directive_ripple], [_directive_hover, _ctx.handleHovering, "desktop"]]);
 }
 var __sfc__ = defineComponent({
   name: 'VarOption',
   directives: {
-    Ripple
+    Ripple,
+    Hover
   },
   components: {
-    VarCheckbox
+    VarCheckbox,
+    VarHoverOverlay
   },
   props,
   setup(props) {
@@ -61,6 +69,10 @@ var __sfc__ = defineComponent({
       onSelect,
       computeLabel
     } = select;
+    var {
+      hovering,
+      handleHovering
+    } = useHoverOverlay();
     var handleClick = () => {
       if (multiple.value) {
         optionSelected.value = !optionSelected.value;
@@ -85,6 +97,8 @@ var __sfc__ = defineComponent({
       optionSelected,
       multiple,
       focusColor,
+      hovering,
+      handleHovering,
       handleClick,
       handleSelect
     };

package/es/radio/Radio.mjs

@@ -2,12 +2,12 @@ import VarIcon from '../icon/index.mjs';
 import VarFormDetails from '../form-details/index.mjs';
 import Ripple from '../ripple/index.mjs';
 import Hover from '../hover/index.mjs';
-import { computed, defineComponent, nextTick, ref, watch } from 'vue';
+import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
+import { computed, defineComponent, nextTick, ref } from 'vue';
 import { props } from './props.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
+import { useValidation, createNamespace, call, useVModel } from '../utils/components.mjs';
 import { useRadioGroup } from './provide.mjs';
 import { useForm } from '../form/provide.mjs';
-import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 var {
   n,
   classes
@@ -70,7 +70,7 @@ var __sfc__ = defineComponent({
   inheritAttrs: false,
   props,
   setup(props) {
-    var value = ref(false);
+    var value = useVModel(props, 'modelValue');
     var checked = computed(() => value.value === props.checkedValue);
     var withAnimation = ref(false);
     var {
@@ -111,7 +111,6 @@ var __sfc__ = defineComponent({
         return;
       }
       value.value = changedValue;
-      call(props['onUpdate:modelValue'], value.value);
       call(onChange, value.value);
       radioGroup == null ? void 0 : radioGroup.onToggle(checkedValue);
       validateWithTrigger('onChange');
@@ -144,7 +143,7 @@ var __sfc__ = defineComponent({
 
     // expose
     var reset = () => {
-      call(props['onUpdate:modelValue'], props.uncheckedValue);
+      value.value = props.uncheckedValue;
       resetValidation();
     };
 
@@ -163,11 +162,6 @@ var __sfc__ = defineComponent({
       }
       change(changedValue);
     };
-    watch(() => props.modelValue, newValue => {
-      value.value = newValue;
-    }, {
-      immediate: true
-    });
     var radioProvider = {
       sync,
       validate,