@varlet/ui 2.7.3 → 2.7.4-alpha.1675694992985

package/lib/varlet.cjs.js

@@ -414,8 +414,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
-function _extends$j() {
-  _extends$j = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$l() {
+  _extends$l = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -426,7 +426,7 @@ function _extends$j() {
     }
     return target;
   };
-  return _extends$j.apply(this, arguments);
+  return _extends$l.apply(this, arguments);
 }
 function pickProps(props2, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
@@ -455,7 +455,7 @@ function mountInstance(component, props2, eventListener) {
   }
   var Host = {
     setup() {
-      return () => vue.h(component, _extends$j({}, props2, eventListener));
+      return () => vue.h(component, _extends$l({}, props2, eventListener));
     }
   };
   var {
@@ -543,7 +543,7 @@ function useChildren(key) {
     removeItem(childProviders, childProvider);
   };
   var bindChildren = (parentProvider) => {
-    vue.provide(key, _extends$j({
+    vue.provide(key, _extends$l({
       collect,
       clear: clear2
     }, parentProvider));
@@ -685,8 +685,8 @@ function defineListenerProp(fallback) {
     default: fallback
   };
 }
-function _extends$i() {
-  _extends$i = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$k() {
+  _extends$k = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -697,7 +697,7 @@ function _extends$i() {
     }
     return target;
   };
-  return _extends$i.apply(this, arguments);
+  return _extends$k.apply(this, arguments);
 }
 var {
   n: n$1a
@@ -803,7 +803,7 @@ function forbidRippleTask() {
 }
 function mounted$1(el, binding) {
   var _binding$value, _binding$value$touchm, _binding$value2;
-  el._ripple = _extends$i({
+  el._ripple = _extends$k({
     tasker: null
   }, (_binding$value = binding.value) != null ? _binding$value : {}, {
     touchmoveForbid: (_binding$value$touchm = (_binding$value2 = binding.value) == null ? void 0 : _binding$value2.touchmoveForbid) != null ? _binding$value$touchm : Context.touchmoveForbid,
@@ -842,7 +842,7 @@ function updated$1(el, binding) {
   var diff2 = newBinding.touchmoveForbid !== ((_el$_ripple = el._ripple) == null ? void 0 : _el$_ripple.touchmoveForbid) || newBinding.color !== ((_el$_ripple2 = el._ripple) == null ? void 0 : _el$_ripple2.color) || newBinding.disabled !== ((_el$_ripple3 = el._ripple) == null ? void 0 : _el$_ripple3.disabled);
   if (diff2) {
     var _el$_ripple4, _el$_ripple5;
-    el._ripple = _extends$i({
+    el._ripple = _extends$k({
       tasker: newBinding.disabled ? null : (_el$_ripple4 = el._ripple) == null ? void 0 : _el$_ripple4.tasker,
       removeRipple: (_el$_ripple5 = el._ripple) == null ? void 0 : _el$_ripple5.removeRipple
     }, newBinding);
@@ -990,8 +990,8 @@ function useZIndex(source, count) {
     zIndex
   };
 }
-function _extends$h() {
-  _extends$h = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$j() {
+  _extends$j = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1002,7 +1002,7 @@ function _extends$h() {
     }
     return target;
   };
-  return _extends$h.apply(this, arguments);
+  return _extends$j.apply(this, arguments);
 }
 function _isSlot$2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
@@ -1049,7 +1049,7 @@ const Popup = vue.defineComponent({
       } = props2;
       return vue.createVNode("div", {
         "class": classes$Y(n$19("overlay"), overlayClass),
-        "style": _extends$h({
+        "style": _extends$j({
           zIndex: zIndex.value - 1
         }, overlayStyle),
         "onClick": hidePopup
@@ -1229,8 +1229,8 @@ Icon.install = function(app) {
   app.component(Icon.name, Icon);
 };
 var _IconComponent = Icon;
-function _extends$g() {
-  _extends$g = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$i() {
+  _extends$i = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1241,9 +1241,9 @@ function _extends$g() {
     }
     return target;
   };
-  return _extends$g.apply(this, arguments);
+  return _extends$i.apply(this, arguments);
 }
-var props$10 = _extends$g({
+var props$10 = _extends$i({
   show: {
     type: Boolean,
     default: false
@@ -1480,8 +1480,8 @@ const enUS = {
   paginationPage: "page",
   paginationJump: "Go to"
 };
-function _extends$f() {
-  _extends$f = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$h() {
+  _extends$h = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1492,7 +1492,7 @@ function _extends$f() {
     }
     return target;
   };
-  return _extends$f.apply(this, arguments);
+  return _extends$h.apply(this, arguments);
 }
 function useLocale() {
   var packs2 = {};
@@ -1513,7 +1513,7 @@ function useLocale() {
       console.warn("The " + lang + " does not exist. You can mount a language package using the add method");
       return;
     }
-    packs2[lang] = _extends$f({}, packs2[lang], pack3);
+    packs2[lang] = _extends$h({}, packs2[lang], pack3);
     use2(lang);
   };
   return {
@@ -1694,14 +1694,35 @@ var __sfc__$19 = vue.defineComponent({
 });
 __sfc__$19.render = __render__$18;
 const VarActionSheet = __sfc__$19;
+function _extends$g() {
+  _extends$g = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$g.apply(this, arguments);
+}
 var singletonOptions$3;
+var defaultOptions$1 = {};
+function normalizeOptions$1(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return _extends$g({}, defaultOptions$1, options);
+}
 function ActionSheet(options) {
   if (!inBrowser()) {
     return Promise.resolve();
   }
   return new Promise((resolve) => {
     ActionSheet.close();
-    var reactiveActionSheetOptions = vue.reactive(options);
+    var reactiveActionSheetOptions = vue.reactive(normalizeOptions$1(options));
     reactiveActionSheetOptions.teleport = "body";
     singletonOptions$3 = reactiveActionSheetOptions;
     var {
@@ -1731,11 +1752,13 @@ function ActionSheet(options) {
     reactiveActionSheetOptions.show = true;
   });
 }
-ActionSheet.Component = VarActionSheet;
-VarActionSheet.install = function(app) {
-  app.component(VarActionSheet.name, VarActionSheet);
-};
-ActionSheet.close = () => {
+function setDefaultOptions$1(options) {
+  defaultOptions$1 = options;
+}
+function resetDefaultOptions$1() {
+  defaultOptions$1 = {};
+}
+function close$1() {
   if (singletonOptions$3 != null) {
     var prevSingletonOptions = singletonOptions$3;
     singletonOptions$3 = null;
@@ -1743,10 +1766,19 @@ ActionSheet.close = () => {
       prevSingletonOptions.show = false;
     });
   }
+}
+ActionSheet.Component = VarActionSheet;
+VarActionSheet.install = function(app) {
+  app.component(VarActionSheet.name, VarActionSheet);
 };
 ActionSheet.install = function(app) {
   app.component(VarActionSheet.name, VarActionSheet);
 };
+Object.assign(ActionSheet, {
+  setDefaultOptions: setDefaultOptions$1,
+  resetDefaultOptions: resetDefaultOptions$1,
+  close: close$1
+});
 var _ActionSheetComponent = VarActionSheet;
 function positionValidator$2(position) {
   var validPositions = ["left", "center", "right"];
@@ -2093,8 +2125,8 @@ Loading.install = function(app) {
   app.component(Loading.name, Loading);
 };
 var _LoadingComponent = Loading;
-function _extends$e() {
-  _extends$e = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$f() {
+  _extends$f = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -2105,7 +2137,7 @@ function _extends$e() {
     }
     return target;
   };
-  return _extends$e.apply(this, arguments);
+  return _extends$f.apply(this, arguments);
 }
 function typeValidator$8(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
@@ -2175,7 +2207,7 @@ var props$Z = {
   },
   loadingType: pickProps(props$_, "type"),
   loadingSize: pickProps(props$_, "size"),
-  loadingColor: _extends$e({}, pickProps(props$_, "color"), {
+  loadingColor: _extends$f({}, pickProps(props$_, "color"), {
     default: "currentColor"
   }),
   onClick: defineListenerProp(),
@@ -2626,8 +2658,8 @@ function useBottomNavigationItems() {
     bindBottomNavigationItem: bindChildren
   };
 }
-function _extends$d() {
-  _extends$d = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$e() {
+  _extends$e = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -2638,7 +2670,7 @@ function _extends$d() {
     }
     return target;
   };
-  return _extends$d.apply(this, arguments);
+  return _extends$e.apply(this, arguments);
 }
 var {
   n: n$11,
@@ -2798,7 +2830,7 @@ var __sfc__$13 = vue.defineComponent({
     bindBottomNavigationItem(bottomNavigationProvider);
     vue.watch(() => length.value, matchBoundary);
     vue.watch(() => props2.fabProps, (newValue) => {
-      fabProps.value = _extends$d({}, defaultFabProps, newValue);
+      fabProps.value = _extends$e({}, defaultFabProps, newValue);
     }, {
       immediate: true,
       deep: true
@@ -3512,7 +3544,7 @@ var __sfc__$$ = vue.defineComponent({
         floated.value = false;
       }, props2.floatingDuration);
     };
-    var close = () => {
+    var close2 = () => {
       call(props2["onUpdate:floating"], false);
     };
     vue.watch(() => props2.floating, (value) => {
@@ -3543,7 +3575,7 @@ var __sfc__$$ = vue.defineComponent({
       opacity,
       zIndex,
       isRow,
-      close,
+      close: close2,
       showFloatingButtons,
       floated
     };
@@ -3859,8 +3891,8 @@ function useCheckboxGroup() {
     bindCheckboxGroup: bindParent
   };
 }
-function _extends$c() {
-  _extends$c = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$d() {
+  _extends$d = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -3871,7 +3903,7 @@ function _extends$c() {
     }
     return target;
   };
-  return _extends$c.apply(this, arguments);
+  return _extends$d.apply(this, arguments);
 }
 var FORM_BIND_FORM_ITEM_KEY = Symbol("FORM_BIND_FORM_ITEM_KEY");
 function useForm() {
@@ -3881,7 +3913,7 @@ function useForm() {
   } = useParent(FORM_BIND_FORM_ITEM_KEY);
   var instance = vue.getCurrentInstance();
   var bindForm = bindParent ? (formItemProvider) => {
-    bindParent(_extends$c({}, formItemProvider, {
+    bindParent(_extends$d({}, formItemProvider, {
       instance
     }));
   } : null;
@@ -5081,7 +5113,7 @@ var __sfc__$S = vue.defineComponent({
         onEnd,
         autoStart
       } = props2;
-      var now = Date.now();
+      var now = performance.now();
       if (!endTime.value)
         endTime.value = now + toNumber(time);
       var durationTime = endTime.value - now;
@@ -8557,8 +8589,8 @@ var __sfc__$Q = vue.defineComponent({
 });
 __sfc__$Q.render = __render__$P;
 const PanelHeader = __sfc__$Q;
-function _extends$b() {
-  _extends$b = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$c() {
+  _extends$c = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -8569,7 +8601,7 @@ function _extends$b() {
     }
     return target;
   };
-  return _extends$b.apply(this, arguments);
+  return _extends$c.apply(this, arguments);
 }
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
@@ -8626,7 +8658,7 @@ function __render__$O(_ctx, _cache) {
                   type: "primary",
                   "var-month-picker-cover": "",
                   ripple: false
-                }, _extends$b({}, _ctx.buttonProps(month.index)), {
+                }, _extends$c({}, _ctx.buttonProps(month.index)), {
                   onClick: (event) => _ctx.chooseMonth(month, event)
                 }),
                 {
@@ -8966,8 +8998,8 @@ var __sfc__$O = vue.defineComponent({
 });
 __sfc__$O.render = __render__$N;
 const YearPickerPanel = __sfc__$O;
-function _extends$a() {
-  _extends$a = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$b() {
+  _extends$b = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -8978,7 +9010,7 @@ function _extends$a() {
     }
     return target;
   };
-  return _extends$a.apply(this, arguments);
+  return _extends$b.apply(this, arguments);
 }
 dayjs.extend(isSameOrBefore);
 dayjs.extend(isSameOrAfter);
@@ -9065,7 +9097,7 @@ function __render__$M(_ctx, _cache) {
                     "var-day-picker-cover": "",
                     round: "",
                     ripple: false
-                  }, _extends$a({}, _ctx.buttonProps(day)), {
+                  }, _extends$b({}, _ctx.buttonProps(day)), {
                     onClick: (event) => _ctx.chooseDay(day, event)
                   }),
                   {
@@ -9916,8 +9948,8 @@ DatePicker.install = function(app) {
   app.component(DatePicker.name, DatePicker);
 };
 var _DatePickerComponent = DatePicker;
-function _extends$9() {
-  _extends$9 = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$a() {
+  _extends$a = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9928,12 +9960,12 @@ function _extends$9() {
     }
     return target;
   };
-  return _extends$9.apply(this, arguments);
+  return _extends$a.apply(this, arguments);
 }
 function messageAlignValidator(messageAlign) {
   return ["left", "center", "right"].includes(messageAlign);
 }
-var props$G = _extends$9({
+var props$G = _extends$a({
   show: {
     type: Boolean,
     default: false
@@ -10003,8 +10035,8 @@ var props$G = _extends$9({
   // internal for function call closes the dialog
   "onRouteChange"
 ]));
-function _extends$8() {
-  _extends$8 = Object.assign ? Object.assign.bind() : function(target) {
+function _extends$9() {
+  _extends$9 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10015,7 +10047,7 @@ function _extends$8() {
     }
     return target;
   };
-  return _extends$8.apply(this, arguments);
+  return _extends$9.apply(this, arguments);
 }
 var {
   n: n$J,
@@ -10048,7 +10080,7 @@ function __render__$K(_ctx, _cache) {
         "div",
         vue.mergeProps({
           class: _ctx.classes(_ctx.n("$--box"), _ctx.n(), _ctx.dialogClass),
-          style: _extends$8({
+          style: _extends$9({
             width: _ctx.toSizeUnit(_ctx.width)
           }, _ctx.dialogStyle)
         }, _ctx.$attrs),
@@ -10224,16 +10256,40 @@ var __sfc__$L = vue.defineComponent({
 });
 __sfc__$L.render = __render__$K;
 const VarDialog = __sfc__$L;
+function _extends$8() {
+  _extends$8 = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$8.apply(this, arguments);
+}
 var singletonOptions$2;
+var defaultOptions = {};
+function normalizeOptions(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  if (isString(options)) {
+    return _extends$8({}, defaultOptions, {
+      message: options
+    });
+  }
+  return _extends$8({}, defaultOptions, options);
+}
 function Dialog(options) {
   if (!inBrowser()) {
     return Promise.resolve();
   }
   return new Promise((resolve) => {
     Dialog.close();
-    var dialogOptions = isString(options) || isNumber(options) ? {
-      message: String(options)
-    } : options;
+    var dialogOptions = normalizeOptions(options);
     var reactiveDialogOptions = vue.reactive(dialogOptions);
     reactiveDialogOptions.teleport = "body";
     singletonOptions$2 = reactiveDialogOptions;
@@ -10268,13 +10324,13 @@ function Dialog(options) {
     reactiveDialogOptions.show = true;
   });
 }
-VarDialog.install = function(app) {
-  app.component(VarDialog.name, VarDialog);
-};
-Dialog.install = function(app) {
-  app.component(VarDialog.name, VarDialog);
-};
-Dialog.close = () => {
+function setDefaultOptions(options) {
+  defaultOptions = options;
+}
+function resetDefaultOptions() {
+  defaultOptions = {};
+}
+function close() {
   if (singletonOptions$2 != null) {
     var prevSingletonOptions = singletonOptions$2;
     singletonOptions$2 = null;
@@ -10282,6 +10338,17 @@ Dialog.close = () => {
       prevSingletonOptions.show = false;
     });
   }
+}
+Object.assign(Dialog, {
+  setDefaultOptions,
+  resetDefaultOptions,
+  close
+});
+VarDialog.install = function(app) {
+  app.component(VarDialog.name, VarDialog);
+};
+Dialog.install = function(app) {
+  app.component(VarDialog.name, VarDialog);
 };
 Dialog.Component = VarDialog;
 var _DialogComponent = VarDialog;
@@ -11765,7 +11832,7 @@ var __sfc__$F = vue.defineComponent({
     };
     var handleTouchend = (event) => {
       checker = window.setTimeout(() => {
-        isTapTouch(event.target) && close();
+        isTapTouch(event.target) && close2();
         startTouch = null;
       }, EVENT_DELAY);
     };
@@ -11855,7 +11922,7 @@ var __sfc__$F = vue.defineComponent({
       }
       prevTouch = currentTouch;
     };
-    var close = () => {
+    var close2 = () => {
       if (scale.value > 1) {
         zoomOut();
         setTimeout(() => call(props2["onUpdate:show"], false), ANIMATION_DURATION);
@@ -11882,7 +11949,7 @@ var __sfc__$F = vue.defineComponent({
       handleTouchstart,
       handleTouchmove,
       handleTouchend,
-      close
+      close: close2
     };
   }
 });
@@ -14359,15 +14426,15 @@ function popperGenerator(generatorOptions) {
   if (generatorOptions === void 0) {
     generatorOptions = {};
   }
-  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions2 = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
   return function createPopper2(reference2, popper2, options) {
     if (options === void 0) {
-      options = defaultOptions;
+      options = defaultOptions2;
     }
     var state = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions2),
       modifiersData: {},
       elements: {
         reference: reference2,
@@ -14383,7 +14450,7 @@ function popperGenerator(generatorOptions) {
       setOptions: function setOptions(setOptionsAction) {
         var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
         cleanupModifierEffects();
-        state.options = Object.assign({}, defaultOptions, state.options, options2);
+        state.options = Object.assign({}, defaultOptions2, state.options, options2);
         state.scrollParents = {
           reference: isElement(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
           popper: listScrollParents(popper2)
@@ -14851,7 +14918,7 @@ function usePopover(options) {
       if (enterPopover) {
         return;
       }
-      close();
+      close2();
     });
     return function handleHostMouseleave2() {
       return _ref.apply(this, arguments);
@@ -14873,7 +14940,7 @@ function usePopover(options) {
       if (enterHost) {
         return;
       }
-      close();
+      close2();
     });
     return function handlePopoverMouseleave2() {
       return _ref2.apply(this, arguments);
@@ -15011,7 +15078,7 @@ function usePopover(options) {
     show.value = true;
     call(options["onUpdate:show"], true);
   };
-  var close = () => {
+  var close2 = () => {
     show.value = false;
     call(options["onUpdate:show"], false);
   };
@@ -15038,7 +15105,7 @@ function usePopover(options) {
       document.removeEventListener("click", handlePopoverClose);
     }
   });
-  vue.watch(() => options.disabled, close);
+  vue.watch(() => options.disabled, close2);
   vue.onMounted(() => {
     popoverInstance = createPopper(host.value, popover.value, getPopperOptions());
     if (options.trigger === "click") {
@@ -15063,7 +15130,7 @@ function usePopover(options) {
     handlePopoverMouseleave,
     resize,
     open,
-    close
+    close: close2
   };
 }
 var {
@@ -15153,7 +15220,7 @@ var __sfc__$y = vue.defineComponent({
       // expose
       open,
       // expose
-      close,
+      close: close2,
       // expose
       resize
     } = usePopover(props2);
@@ -15174,7 +15241,7 @@ var __sfc__$y = vue.defineComponent({
       handlePopoverClose,
       resize,
       open,
-      close
+      close: close2
     };
   }
 });
@@ -22694,7 +22761,7 @@ var __sfc__$1 = vue.defineComponent({
       // expose
       open,
       // expose
-      close,
+      close: close2,
       // expose
       resize
     } = usePopover(props2);
@@ -22713,7 +22780,7 @@ var __sfc__$1 = vue.defineComponent({
       handlePopoverMouseleave,
       resize,
       open,
-      close
+      close: close2
     };
   }
 });
@@ -22914,15 +22981,15 @@ function __render__(_ctx, _cache) {
           key: 0,
           class: vue.normalizeClass(_ctx.classes([!_ctx.$slots.default, _ctx.n("action") + " " + _ctx.n("$-elevation--2")], [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")])),
           onClick: _cache[1] || (_cache[1] = function() {
-            return _ctx.triggerAction && _ctx.triggerAction(...arguments);
+            return _ctx.chooseFile && _ctx.chooseFile(...arguments);
           })
         },
         [vue.createElementVNode(
           "input",
           {
             ref: "input",
-            class: vue.normalizeClass(_ctx.n("action-input")),
             type: "file",
+            class: vue.normalizeClass(_ctx.n("action-input")),
             multiple: _ctx.multiple,
             accept: _ctx.accept,
             capture: _ctx.capture,
@@ -23047,9 +23114,6 @@ var __sfc__ = vue.defineComponent({
       }
       return modelValue;
     });
-    var triggerAction = () => {
-      input2.value.click();
-    };
     var preview = (varFile) => {
       var {
         disabled,
@@ -23206,6 +23270,14 @@ var __sfc__ = vue.defineComponent({
     var getSuccess = () => props2.modelValue.filter((varFile) => varFile.state === "success");
     var getError = () => props2.modelValue.filter((varFile) => varFile.state === "error");
     var getLoading = () => props2.modelValue.filter((varFile) => varFile.state === "loading");
+    var chooseFile = () => {
+      input2.value.click();
+    };
+    var closePreview = () => {
+      currentPreview.value = null;
+      showPreview.value = false;
+      ImagePreview.close();
+    };
     var varFileUtils = {
       getSuccess,
       getError,
@@ -23254,7 +23326,6 @@ var __sfc__ = vue.defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       preview,
-      triggerAction,
       handleChange,
       handleRemove,
       getSuccess,
@@ -23262,7 +23333,9 @@ var __sfc__ = vue.defineComponent({
       getLoading,
       validate,
       resetValidation,
-      reset
+      reset,
+      chooseFile,
+      closePreview
     };
   }
 });
@@ -23399,7 +23472,7 @@ const tooltip = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.7.3";
+const version = "2.7.4-alpha.1675694992985";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);