@varlet/ui 2.18.2 → 2.18.3-alpha.1699110299826

package/es/picker/index.mjs

@@ -1,7 +1,7 @@
 import VarPicker from "./Picker.mjs";
 import { nextTick, reactive } from "vue";
-import { isArray } from "@varlet/shared";
-import { call, mountInstance, withInstall } from "../utils/components.mjs";
+import { isArray, call } from "@varlet/shared";
+import { mountInstance, withInstall } from "../utils/components.mjs";
 let singletonOptions;
 function Picker(options) {
   return new Promise((resolve) => {

package/es/popup/Popup.mjs

@@ -19,9 +19,10 @@ import { defineComponent, watch, Transition, Teleport, computed } from "vue";
 import { props } from "./props.mjs";
 import { useLock } from "../context/lock.mjs";
 import { useZIndex } from "../context/zIndex.mjs";
-import { useRouteListener, useTeleport, createNamespace, call } from "../utils/components.mjs";
+import { useRouteListener, useTeleport, createNamespace } from "../utils/components.mjs";
 import { usePopupItems } from "./provide.mjs";
 import { useInitialized } from "@varlet/use";
+import { call } from "@varlet/shared";
 
 
 const {

package/es/pull-refresh/PullRefresh.mjs

@@ -22,8 +22,8 @@ import VarIcon from "../icon/index.mjs";
 import { defineComponent, ref, computed, watch, nextTick } from "vue";
 import { getParentScroller, getTarget } from "../utils/elements.mjs";
 import { props } from "./props.mjs";
-import { isNumber, isString, toNumber, getRect, preventDefault, getScrollTop } from "@varlet/shared";
-import { call, createNamespace } from "../utils/components.mjs";
+import { isNumber, isString, toNumber, getRect, preventDefault, getScrollTop, call } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
 import { useEventListener, onSmartMounted, useTouch } from "@varlet/use";
 const { name, n, classes } = createNamespace("pull-refresh");
 const ICON_TRANSITION = 150;

package/es/radio/Radio.mjs

@@ -5,9 +5,11 @@ import Hover from "../hover/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
 import { computed, defineComponent, nextTick, ref } from "vue";
 import { props } from "./props.mjs";
-import { useValidation, createNamespace, call, useVModel } from "../utils/components.mjs";
+import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useRadioGroup } from "./provide.mjs";
 import { useForm } from "../form/provide.mjs";
+import { call } from "@varlet/shared";
+import { useVModel } from "@varlet/use";
 const { name, n, classes } = createNamespace("radio");
 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, mergeProps as _mergeProps } from "vue";
 function __render__(_ctx, _cache) {

package/es/radio-group/RadioGroup.mjs

@@ -1,9 +1,10 @@
 import VarFormDetails from "../form-details/index.mjs";
 import { computed, defineComponent, nextTick, watch } from "vue";
 import { props } from "./props.mjs";
-import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useRadios } from "./provide.mjs";
 import { useForm } from "../form/provide.mjs";
+import { call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("radio-group");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/rate/Rate.mjs

@@ -5,9 +5,9 @@ import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
 import Hover from "../hover/index.mjs";
 import { defineComponent, nextTick, ref } from "vue";
 import { useForm } from "../form/provide.mjs";
-import { useValidation, call, createNamespace } from "../utils/components.mjs";
+import { useValidation, createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
-import { toNumber } from "@varlet/shared";
+import { toNumber, call } from "@varlet/shared";
 import { props } from "./props.mjs";
 const { name, n } = createNamespace("rate");
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";

package/es/row/Row.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, computed, watch } from "vue";
 import { props } from "./props.mjs";
-import { isArray } from "@varlet/shared";
+import { isArray, call } from "@varlet/shared";
 import { useCols } from "./provide.mjs";
 import { toPxNum, padStartFlex } from "../utils/elements.mjs";
-import { call, createNamespace } from "../utils/components.mjs";
+import { createNamespace } from "../utils/components.mjs";
 const { name, n, classes } = createNamespace("row");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/select/Select.mjs

@@ -4,9 +4,9 @@ import VarChip from "../chip/index.mjs";
 import VarFieldDecorator from "../field-decorator/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
 import { computed, defineComponent, ref, watch, nextTick } from "vue";
-import { isArray, isEmpty } from "@varlet/shared";
+import { isArray, isEmpty, call } from "@varlet/shared";
 import { props } from "./props.mjs";
-import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useOptions } from "./provide.mjs";
 import { useForm } from "../form/provide.mjs";
 import { toPxNum } from "../utils/elements.mjs";

package/es/slider/Slider.mjs

@@ -2,11 +2,11 @@ import VarFormDetails from "../form-details/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
 import Hover from "../hover/index.mjs";
 import { defineComponent, ref, onBeforeUnmount, computed, reactive, nextTick, watch, unref } from "vue";
-import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useForm } from "../form/provide.mjs";
 import { getLeft, multiplySizeUnit } from "../utils/elements.mjs";
 import { warn } from "../utils/logger.mjs";
-import { isArray, isNumber, toNumber, getRect, preventDefault } from "@varlet/shared";
+import { isArray, isNumber, toNumber, getRect, preventDefault, call } from "@varlet/shared";
 import { props, Thumbs } from "./props.mjs";
 import { onSmartMounted } from "@varlet/use";
 const { name, n, classes } = createNamespace("slider");

package/es/snackbar/core.mjs

@@ -5,8 +5,9 @@ import { useZIndex } from "../context/zIndex.mjs";
 import { props } from "./props.mjs";
 import { useLock } from "../context/lock.mjs";
 import { SNACKBAR_TYPE } from "./index.mjs";
-import { call, createNamespace } from "../utils/components.mjs";
+import { createNamespace } from "../utils/components.mjs";
 import { onSmartMounted } from "@varlet/use";
+import { call } from "@varlet/shared";
 const { n, classes } = createNamespace("snackbar");
 const ICON_TYPE_DICT = {
   success: "checkbox-marked-circle",

package/es/snackbar/index.mjs

@@ -19,8 +19,8 @@ import VarSnackbarCore from "./core.mjs";
 import VarSnackbar from "./Snackbar.mjs";
 import context from "../context/index.mjs";
 import { reactive, TransitionGroup } from "vue";
-import { call, mountInstance, withInstall } from "../utils/components.mjs";
-import { isFunction, isPlainObject, isString, toNumber } from "@varlet/shared";
+import { mountInstance, withInstall } from "../utils/components.mjs";
+import { isFunction, isPlainObject, isString, toNumber, call } from "@varlet/shared";
 const SNACKBAR_TYPE = ["loading", "success", "warning", "info", "error"];
 let sid = 0;
 let isMount = false;

package/es/space/Space.mjs

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { props } from "./props.mjs";
-import { isArray } from "@varlet/shared";
-import { call, createNamespace, flatFragment } from "../utils/components.mjs";
+import { isArray, call } from "@varlet/shared";
+import { createNamespace, flatFragment } from "../utils/components.mjs";
 import { padStartFlex, toSizeUnit } from "../utils/elements.mjs";
 import { computeMargin } from "./margin.mjs";
 

package/es/steps/Steps.mjs

@@ -1,7 +1,8 @@
 import { computed, defineComponent } from "vue";
 import { useStep } from "./provide.mjs";
 import { props } from "./props.mjs";
-import { createNamespace, call } from "../utils/components.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { call } from "@varlet/shared";
 const { name, n } = createNamespace("steps");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/sticky/Sticky.mjs

@@ -21,8 +21,8 @@ var __async = (__this, __arguments, generator) => {
 import { defineComponent, ref, computed, watch } from "vue";
 import { props } from "./props.mjs";
 import { getParentScroller, toPxNum } from "../utils/elements.mjs";
-import { toNumber, raf, doubleRaf, getRect } from "@varlet/shared";
-import { call, createNamespace } from "../utils/components.mjs";
+import { toNumber, raf, doubleRaf, getRect, call } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
 import { useEventListener, onSmartMounted, onWindowResize, onSmartUnmounted } from "@varlet/use";
 const { name, n, classes } = createNamespace("sticky");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";

package/es/style-provider/StyleProvider.mjs

@@ -1,7 +1,8 @@
 import { defineComponent, h } from "vue";
 import { formatStyleVars } from "../utils/elements.mjs";
-import { call, createNamespace } from "../utils/components.mjs";
+import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
+import { call } from "@varlet/shared";
 const { name, n } = createNamespace("style-provider");
 const __sfc__ = defineComponent({
   name,

package/es/swipe/Swipe.mjs

@@ -24,8 +24,8 @@ import Hover from "../hover/index.mjs";
 import { defineComponent, ref, computed, watch, onActivated } from "vue";
 import { useSwipeItems } from "./provide.mjs";
 import { props } from "./props.mjs";
-import { clamp, isNumber, toNumber, doubleRaf, preventDefault } from "@varlet/shared";
-import { call, createNamespace } from "../utils/components.mjs";
+import { clamp, isNumber, toNumber, doubleRaf, preventDefault, call } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
 import { onSmartUnmounted, onWindowResize, useTouch } from "@varlet/use";
 import { usePopup } from "../popup/provide.mjs";
 const SWIPE_DELAY = 250;

package/es/switch/Switch.mjs

@@ -3,10 +3,11 @@ import Ripple from "../ripple/index.mjs";
 import Hover from "../hover/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
 import { defineComponent, computed, nextTick } from "vue";
-import { useValidation, createNamespace, call } from "../utils/components.mjs";
+import { useValidation, createNamespace } from "../utils/components.mjs";
 import { multiplySizeUnit } from "../utils/elements.mjs";
 import { useForm } from "../form/provide.mjs";
 import { props } from "./props.mjs";
+import { call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("switch");
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);

package/es/tab/Tab.mjs

@@ -1,8 +1,9 @@
 import Ripple from "../ripple/index.mjs";
 import { defineComponent, ref, computed, watch } from "vue";
 import { props } from "./props.mjs";
-import { call, createNamespace } from "../utils/components.mjs";
+import { createNamespace } from "../utils/components.mjs";
 import { useTabs } from "./provide.mjs";
+import { call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("tab");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {

package/es/tabs/Tabs.mjs

@@ -22,10 +22,10 @@ import VarSticky from "../sticky/index.mjs";
 import { defineComponent, watch, ref, computed, Transition, onActivated } from "vue";
 import { props } from "./props.mjs";
 import { useTabList } from "./provide.mjs";
-import { clamp, isNumber, doubleRaf } from "@varlet/shared";
+import { clamp, isNumber, doubleRaf, call } from "@varlet/shared";
 import { linear } from "../utils/shared.mjs";
 import { toSizeUnit, scrollTo } from "../utils/elements.mjs";
-import { createNamespace, call, formatElevation } from "../utils/components.mjs";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { onWindowResize } from "@varlet/use";
 const { name, n, classes } = createNamespace("tabs");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";

package/es/tabs-items/TabsItems.mjs

@@ -21,9 +21,9 @@ var __async = (__this, __arguments, generator) => {
 import VarSwipe from "../swipe/index.mjs";
 import { defineComponent, watch, ref } from "vue";
 import { useTabItem } from "./provide.mjs";
-import { call, createNamespace } from "../utils/components.mjs";
+import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
-import { doubleRaf } from "@varlet/shared";
+import { doubleRaf, call } from "@varlet/shared";
 const { name, n } = createNamespace("tabs-items");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/time-picker/TimePicker.mjs

@@ -2,8 +2,8 @@ import dayjs from "dayjs/esm";
 import Clock from "./clock.mjs";
 import { computed, defineComponent, reactive, ref, watch } from "vue";
 import { props, hoursAmpm, hours24 } from "./props.mjs";
-import { toNumber, getRect, preventDefault } from "@varlet/shared";
-import { createNamespace, call, formatElevation } from "../utils/components.mjs";
+import { toNumber, getRect, preventDefault, call } from "@varlet/shared";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { padStart } from "../utils/shared.mjs";
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from "./utils.mjs";
 import { pack } from "../locale/index.mjs";

package/es/uploader/Uploader.mjs

@@ -27,9 +27,9 @@ import Ripple from "../ripple/index.mjs";
 import Hover from "../hover/index.mjs";
 import { defineComponent, nextTick, reactive, computed, watch, ref } from "vue";
 import { props } from "./props.mjs";
-import { isNumber, toNumber, normalizeToArray, toDataURL } from "@varlet/shared";
+import { isNumber, toNumber, normalizeToArray, toDataURL, call } from "@varlet/shared";
 import { isHTMLSupportImage, isHTMLSupportVideo } from "../utils/shared.mjs";
-import { call, useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
+import { useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
 import { useForm } from "../form/provide.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 const { name, n, classes } = createNamespace("uploader");
@@ -135,7 +135,7 @@ function __render__(_ctx, _cache) {
                   [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")]
                 )
               ),
-              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.chooseFile && _ctx.chooseFile(...args))
+              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleActionClick && _ctx.handleActionClick(...args))
             },
             [
               _createElementVNode("input", {
@@ -146,7 +146,9 @@ function __render__(_ctx, _cache) {
                 accept: _ctx.accept,
                 capture: _ctx.capture,
                 disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
-                onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+                onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+                onClick: _cache[1] || (_cache[1] = _withModifiers(() => {
+                }, ["stop"]))
               }, null, 42, _hoisted_4),
               _renderSlot(_ctx.$slots, "default", {}, () => [
                 _createVNode(_component_var_icon, {
@@ -191,8 +193,8 @@ function __render__(_ctx, _cache) {
         "var-uploader-cover": "",
         position: "center",
         show: _ctx.showPreview,
-        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => _ctx.showPreview = $event),
-        onClosed: _cache[3] || (_cache[3] = ($event) => _ctx.currentPreview = null)
+        "onUpdate:show": _cache[3] || (_cache[3] = ($event) => _ctx.showPreview = $event),
+        onClosed: _cache[4] || (_cache[4] = ($event) => _ctx.currentPreview = null)
       }, {
         default: _withCtx(() => {
           var _a, _b;
@@ -402,6 +404,16 @@ const __sfc__ = defineComponent({
         call(props2["onUpdate:modelValue"], expectedFiles);
       });
     }
+    function handleActionClick(event) {
+      if ((form == null ? void 0 : form.disabled.value) || props2.disabled) {
+        return;
+      }
+      if (props2.onClickAction) {
+        call(props2.onClickAction, chooseFile, event);
+        return;
+      }
+      chooseFile();
+    }
     function getSuccess() {
       return props2.modelValue.filter((varFile) => varFile.state === "success");
     }
@@ -461,6 +473,7 @@ const __sfc__ = defineComponent({
       reset,
       chooseFile,
       closePreview,
+      handleActionClick,
       toSizeUnit
     };
   }

package/es/uploader/props.mjs

@@ -44,6 +44,7 @@ const props = {
   rules: Array,
   hideList: Boolean,
   preventDefaultPreview: Boolean,
+  onClickAction: defineListenerProp(),
   onBeforeFilter: defineListenerProp(),
   onBeforeRead: defineListenerProp(),
   onAfterRead: defineListenerProp(),

package/es/utils/components.mjs

@@ -34,7 +34,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { useEventListener, useVModel as _useVModel } from "@varlet/use";
+import { useEventListener } from "@varlet/use";
 import {
   createApp,
   h,
@@ -44,7 +44,7 @@ import {
   Comment,
   Fragment
 } from "vue";
-import { call as _call, createNamespaceFn, isArray } from "@varlet/shared";
+import { createNamespaceFn, isArray } from "@varlet/shared";
 function pickProps(props, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
     pickedProps[key] = props[key];
@@ -146,8 +146,6 @@ function useTeleport() {
   };
 }
 const createNamespace = createNamespaceFn("var");
-const call = _call;
-const useVModel = _useVModel;
 function defineListenerProp(fallback) {
   return {
     type: [Function, Array],
@@ -164,7 +162,6 @@ function formatElevation(elevation, defaultLevel) {
   return `var-elevation--${elevation}`;
 }
 export {
-  call,
   createNamespace,
   defineListenerProp,
   flatFragment,
@@ -174,7 +171,6 @@ export {
   pickProps,
   useRouteListener,
   useTeleport,
-  useVModel,
   useValidation,
   withInstall
 };