@varlet/ui 3.4.0 → 3.5.0-alpha.1726330414687

package/es/auto-complete/AutoComplete.mjs

@@ -55,7 +55,8 @@ function __render__(_ctx, _cache) {
       "popover-class": _ctx.variant === "standard" ? _ctx.n("--standard-menu-margin") : void 0,
       show: _ctx.isShowMenuSelect,
       "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.isShowMenuSelect = $event),
-      "onUpdate:modelValue": _ctx.handleAutoComplete
+      "onUpdate:modelValue": _ctx.handleAutoComplete,
+      onKeyEscape: _ctx.handleKeyEscape
     }, {
       options: _withCtx(() => [
         _createElementVNode(
@@ -146,7 +147,7 @@ function __render__(_ctx, _cache) {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["disabled", "class", "popover-class", "show", "onUpdate:modelValue"]),
+    }, 8, ["disabled", "class", "popover-class", "show", "onUpdate:modelValue", "onKeyEscape"]),
     _createVNode(_component_var_form_details, {
       "error-message": _ctx.errorMessage,
       "extra-message": _ctx.maxlengthText
@@ -303,15 +304,22 @@ const __sfc__ = defineComponent({
       validateWithTrigger("onChange");
     }
     function handleAutoComplete(newValue) {
-      if (props2.maxlength != null) {
-        newValue = newValue.slice(0, toNumber(props2.maxlength));
-      }
-      if (newValue === value.value) {
-        return;
-      }
-      value.value = newValue;
-      call(props2.onChange, newValue);
-      validateWithTrigger("onChange");
+      return __async(this, null, function* () {
+        var _a;
+        if (props2.maxlength != null) {
+          newValue = newValue.slice(0, toNumber(props2.maxlength));
+        }
+        if (newValue !== value.value) {
+          value.value = newValue;
+          call(props2.onChange, newValue);
+          validateWithTrigger("onChange");
+        }
+        yield raf();
+        (_a = input.value) == null ? void 0 : _a.focus();
+      });
+    }
+    function handleKeyEscape() {
+      input.value.focus();
     }
     function getShowMenuSelect(newValue) {
       if (props2.disabled || props2.readonly || (form == null ? void 0 : form.disabled.value) || (form == null ? void 0 : form.readonly.value)) {
@@ -336,6 +344,7 @@ const __sfc__ = defineComponent({
       handleClick,
       handleChange,
       handleBlur,
+      handleKeyEscape,
       handleAutoComplete,
       reset,
       validate,

package/es/auto-complete/props.mjs

@@ -38,7 +38,7 @@ const props = __spreadValues({
     default: () => ["onInput", "onClear", "onChange"]
   },
   getShow: Function,
-  rules: Array,
+  rules: [Array, Function, Object],
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),

package/es/checkbox/props.mjs

@@ -26,7 +26,7 @@ const props = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp(),

package/es/checkbox-group/props.mjs

@@ -25,7 +25,7 @@ const props = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };

package/es/counter/props.mjs

@@ -1,7 +1,7 @@
 import { defineListenerProp } from "../utils/components.mjs";
 const props = {
   modelValue: {
-    type: [String, Number],
+    type: Number,
     default: 0
   },
   min: [String, Number],
@@ -45,7 +45,7 @@ const props = {
     type: Array,
     default: () => ["onInputChange", "onLazyChange", "onIncrement", "onDecrement"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onBeforeChange: defineListenerProp(),
   onChange: defineListenerProp(),
   onIncrement: defineListenerProp(),

package/es/field-decorator/FieldDecorator.mjs

@@ -25,6 +25,7 @@ import { isEmpty, getStyle, call, doubleRaf } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
 import { onWindowResize, onSmartMounted } from "@varlet/use";
 import { usePopup } from "../popup/provide.mjs";
+import { useSwipeResizeDispatcher } from "../swipe/provide.mjs";
 const { name, n, classes } = createNamespace("field-decorator");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
@@ -237,6 +238,7 @@ const __sfc__ = defineComponent({
     const transitionDisabled = ref(true);
     const isFloating = computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
     const { popup, bindPopup } = usePopup();
+    const { bindSwipeResizeDispatcher } = useSwipeResizeDispatcher();
     const color = computed(
       () => !props2.isError ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
     );
@@ -249,6 +251,11 @@ const __sfc__ = defineComponent({
     });
     onUpdated(resize);
     call(bindPopup, null);
+    call(bindSwipeResizeDispatcher, {
+      onResize() {
+        nextTick().then(resize);
+      }
+    });
     if (popup) {
       watch(
         () => popup.show.value,

package/es/index.bundle.mjs

@@ -268,7 +268,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.4.0'
+const version = '3.5.0-alpha.1726330414687'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -178,7 +178,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.4.0'
+const version = '3.5.0-alpha.1726330414687'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/props.mjs

@@ -42,7 +42,7 @@ const props = __spreadProps(__spreadValues({
     type: Array,
     default: () => ["onInput", "onClear"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   enterkeyhint: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),

package/es/menu-select/MenuSelect.mjs

@@ -118,6 +118,7 @@ const __sfc__ = defineComponent({
       if (key === "Escape") {
         menu.value.$el.focus();
         close();
+        call(props2.onKeyEscape);
         return;
       }
       if (key === "ArrowDown" || key === "ArrowUp") {

package/es/menu-select/props.mjs

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,9 +16,10 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { menuProps } from "../menu/index.mjs";
 import { defineListenerProp, pickProps } from "../utils/components.mjs";
-const props = __spreadValues({
+const props = __spreadProps(__spreadValues({
   modelValue: {
     type: [String, Number, Boolean, Array],
     default: void 0
@@ -64,7 +67,11 @@ const props = __spreadValues({
   "onClosed",
   "onClickOutside",
   "onUpdate:show"
-]));
+])), {
+  // internal start
+  onKeyEscape: defineListenerProp()
+  // internal end
+});
 export {
   props
 };

package/es/radio/props.mjs

@@ -25,7 +25,7 @@ const props = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()

package/es/radio-group/props.mjs

@@ -24,7 +24,7 @@ const props = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };

package/es/select/props.mjs

@@ -52,7 +52,7 @@ const props = __spreadValues({
     type: Array,
     default: () => ["onChange", "onClear", "onClose"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onClose: defineListenerProp(),

package/es/slider/props.mjs

@@ -39,7 +39,7 @@ const props = {
     type: String,
     default: "horizontal"
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onChange: defineListenerProp(),
   onStart: defineListenerProp(),
   onEnd: defineListenerProp(),

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
-import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
+import '../SnackbarSfc.css'

package/es/swipe/Swipe.mjs

@@ -22,7 +22,7 @@ import VarButton from "../button/index.mjs";
 import VarIcon from "../icon/index.mjs";
 import Hover from "../hover/index.mjs";
 import { defineComponent, ref, computed, watch, onActivated } from "vue";
-import { useSwipeItems } from "./provide.mjs";
+import { useSwipeItems, useSwipeResizeListeners } from "./provide.mjs";
 import { props } from "./props.mjs";
 import { clamp, isNumber, toNumber, doubleRaf, preventDefault, call } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
@@ -212,6 +212,7 @@ const __sfc__ = defineComponent({
     const index = ref(0);
     const hovering = ref(false);
     const { swipeItems, bindSwipeItems, length } = useSwipeItems();
+    const { swipeResizeListeners, bindSwipeResizeListeners } = useSwipeResizeListeners();
     const { popup, bindPopup } = usePopup();
     const {
       deltaX,
@@ -238,6 +239,7 @@ const __sfc__ = defineComponent({
     bindSwipeItems(swipeProvider);
     useEventListener(() => window, "keydown", handleKeydown);
     call(bindPopup, null);
+    call(bindSwipeResizeListeners, null);
     watch(
       () => length.value,
       () => __async(this, null, function* () {
@@ -440,6 +442,9 @@ const __sfc__ = defineComponent({
       setTimeout(() => {
         lockDuration.value = false;
       });
+      swipeResizeListeners.forEach(({ onResize }) => {
+        onResize();
+      });
     }
     function next(options) {
       return __async(this, null, function* () {

package/es/swipe/provide.mjs

@@ -1,5 +1,8 @@
-import { useChildren } from "@varlet/use";
+import { useChildren, useParent } from "@varlet/use";
 const SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
+const SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY = Symbol(
+  "SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY"
+);
 function useSwipeItems() {
   const { childProviders, length, bindChildren } = useChildren(
     SWIPE_BIND_SWIPE_ITEM_KEY
@@ -10,7 +13,28 @@ function useSwipeItems() {
     bindSwipeItems: bindChildren
   };
 }
+function useSwipeResizeListeners() {
+  const { childProviders, bindChildren } = useChildren(
+    SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY
+  );
+  return {
+    swipeResizeListeners: childProviders,
+    bindSwipeResizeListeners: bindChildren
+  };
+}
+function useSwipeResizeDispatcher() {
+  const { parentProvider, bindParent } = useParent(
+    SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY
+  );
+  return {
+    swipeResizeDispatcher: parentProvider,
+    bindSwipeResizeDispatcher: bindParent
+  };
+}
 export {
   SWIPE_BIND_SWIPE_ITEM_KEY,
-  useSwipeItems
+  SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY,
+  useSwipeItems,
+  useSwipeResizeDispatcher,
+  useSwipeResizeListeners
 };

package/es/switch/props.mjs

@@ -18,7 +18,7 @@ const props = {
   closeColor: String,
   size: [String, Number],
   variant: Boolean,
-  rules: Array,
+  rules: [Array, Function, Object],
   ripple: {
     type: Boolean,
     default: true

package/es/tooltip/Tooltip.mjs

@@ -43,7 +43,11 @@ function __render__(_ctx, _cache) {
                 _createElementVNode(
                   "div",
                   {
-                    style: _normalizeStyle({ background: _ctx.color, width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0 }),
+                    style: _normalizeStyle({
+                      background: _ctx.color,
+                      color: _ctx.textColor,
+                      width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0
+                    }),
                     class: _normalizeClass(_ctx.classes(_ctx.n("content-container"), _ctx.n(`--${_ctx.type}`))),
                     role: "tooltip"
                   },

package/es/tooltip/props.mjs

@@ -5,6 +5,7 @@ const props = {
     default: "default"
   },
   color: String,
+  textColor: String,
   content: String,
   show: Boolean,
   disabled: Boolean,

package/es/uploader/props.mjs

@@ -41,7 +41,7 @@ const props = {
     type: Array,
     default: () => ["onChange", "onRemove"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   hideList: Boolean,
   preventDefaultPreview: Boolean,
   onClickAction: defineListenerProp(),

package/es/utils/components.mjs

@@ -48,7 +48,15 @@ import {
   Fragment,
   defineComponent
 } from "vue";
-import { createNamespaceFn, isArray, isPlainObject, isString } from "@varlet/shared";
+import {
+  createNamespaceFn,
+  hasOwn,
+  isArray,
+  isFunction,
+  isPlainObject,
+  isString,
+  normalizeToArray
+} from "@varlet/shared";
 function pickProps(props, propsKey) {
   return isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
     pickedProps[key] = props[key];
@@ -124,17 +132,28 @@ function flatFragment(vNodes) {
   });
   return result;
 }
+function isZodRule(rule) {
+  return isPlainObject(rule) && isFunction(rule.safeParseAsync);
+}
+function isZodResult(result) {
+  return isPlainObject(result) && hasOwn(result, "success");
+}
 function useValidation() {
   const errorMessage = ref("");
-  const validate = (rules, value, apis) => __async(this, null, function* () {
-    if (!isArray(rules) || !rules.length) {
-      return true;
-    }
-    const resArr = yield Promise.all(rules.map((rule) => rule(value, apis)));
+  const validate = (ruleOrRules, value, apis) => __async(this, null, function* () {
+    const rules = normalizeToArray(ruleOrRules).filter((rule) => isZodRule(rule) || isFunction(rule));
+    const results = yield Promise.all(
+      rules.map((rule) => isZodRule(rule) ? rule.safeParseAsync(value) : rule(value, apis))
+    );
     resetValidation();
-    return !resArr.some((res) => {
-      if (res !== true) {
-        errorMessage.value = String(res);
+    return !results.some((result) => {
+      if (isZodResult(result)) {
+        if (result.success === false) {
+          errorMessage.value = result.error.issues[0].message;
+          return true;
+        }
+      } else if (result !== true) {
+        errorMessage.value = String(result);
         return true;
       }
       return false;
@@ -208,6 +227,8 @@ export {
   defineListenerProp,
   flatFragment,
   formatElevation,
+  isZodResult,
+  isZodRule,
   mount,
   mountInstance,
   pickProps,