@varlet/ui 3.4.0 → 3.5.0-alpha.1726330414687

package/lib/varlet.cjs.js

@@ -9,8 +9,8 @@ const context = {
 const _ContextComponent = vue.reactive(context);
 var stdin_default$5Z = vue.reactive(context);
 var __defProp$z = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
 var __hasOwnProp$z = Object.prototype.hasOwnProperty;
 var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
@@ -26,7 +26,7 @@ var __spreadValues$z = (a, b) => {
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
 var isString = (val) => typeof val === "string";
 var isBoolean = (val) => typeof val === "boolean";
 var isNumber = (val) => typeof val === "number";
@@ -117,7 +117,7 @@ var getRect = (element) => {
       width,
       height
     };
-    return __spreadProps$c(__spreadValues$z({}, rect), {
+    return __spreadProps$d(__spreadValues$z({}, rect), {
       toJSON: () => rect
     });
   }
@@ -629,8 +629,8 @@ function useVModel(props2, key, options = {}) {
   return proxy;
 }
 var __defProp$x = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
 var __hasOwnProp$x = Object.prototype.hasOwnProperty;
 var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
@@ -646,7 +646,7 @@ var __spreadValues$x = (a, b) => {
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 var __async$j = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -691,7 +691,7 @@ function withPropsDefaultsSetter(target, props2) {
         return;
       }
       if (isPlainObject(prop)) {
-        props2[key] = __spreadProps$b(__spreadValues$x({}, prop), {
+        props2[key] = __spreadProps$c(__spreadValues$x({}, prop), {
           default: value
         });
         return;
@@ -742,17 +742,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 = vue.ref("");
-  const validate = (rules, value, apis) => __async$j(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$j(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;
@@ -820,8 +831,8 @@ const MaybeVNode = vue.defineComponent({
   }
 });
 var __defProp$w = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
 var __hasOwnProp$w = Object.prototype.hasOwnProperty;
 var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
@@ -837,7 +848,7 @@ var __spreadValues$w = (a, b) => {
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 const { n: n$1s } = createNamespace("ripple");
 const ANIMATION_DURATION$1 = 250;
 function setStyles(element) {
@@ -934,7 +945,7 @@ function removeKeyboardRipple() {
 }
 function mounted$2(el, binding) {
   var _a;
-  el._ripple = __spreadProps$a(__spreadValues$w({
+  el._ripple = __spreadProps$b(__spreadValues$w({
     tasker: null
   }, (_a = binding.value) != null ? _a : {}), {
     removeRipple: removeRipple.bind(el)
@@ -2917,6 +2928,38 @@ const props$1b = {
   onClick: defineListenerProp(),
   onClear: defineListenerProp()
 };
+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
+  );
+  return {
+    length,
+    swipeItems: childProviders,
+    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
+  };
+}
 var __async$h = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -3147,6 +3190,7 @@ const __sfc__$1k = vue.defineComponent({
     const transitionDisabled = vue.ref(true);
     const isFloating = vue.computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
     const { popup, bindPopup } = usePopup();
+    const { bindSwipeResizeDispatcher } = useSwipeResizeDispatcher();
     const color = vue.computed(
       () => !props2.isError ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
     );
@@ -3159,6 +3203,11 @@ const __sfc__$1k = vue.defineComponent({
     });
     vue.onUpdated(resize);
     call(bindPopup, null);
+    call(bindSwipeResizeDispatcher, {
+      onResize() {
+        vue.nextTick().then(resize);
+      }
+    });
     if (popup) {
       vue.watch(
         () => popup.show.value,
@@ -3222,8 +3271,8 @@ withPropsDefaultsSetter(stdin_default$5D, props$1b);
 const _FieldDecoratorComponent = stdin_default$5D;
 var stdin_default$5C = stdin_default$5D;
 var __defProp$r = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
 var __hasOwnProp$r = Object.prototype.hasOwnProperty;
 var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
@@ -3239,8 +3288,8 @@ var __spreadValues$r = (a, b) => {
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-const props$1a = __spreadProps$9(__spreadValues$r({
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+const props$1a = __spreadProps$a(__spreadValues$r({
   modelValue: String,
   modelModifiers: {
     type: Object,
@@ -3263,7 +3312,7 @@ const props$1a = __spreadProps$9(__spreadValues$r({
     type: Array,
     default: () => ["onInput", "onClear"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   enterkeyhint: String,
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
@@ -3301,8 +3350,8 @@ const props$1a = __spreadProps$9(__spreadValues$r({
   // internal end
 });
 var __defProp$q = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
 var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
@@ -3318,13 +3367,13 @@ var __spreadValues$q = (a, b) => {
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 const FORM_BIND_FORM_ITEM_KEY = Symbol("FORM_BIND_FORM_ITEM_KEY");
 function useForm() {
   const { parentProvider, index, bindParent } = useParent(FORM_BIND_FORM_ITEM_KEY);
   const instance = vue.getCurrentInstance();
   const bindForm = bindParent ? (formItemProvider) => {
-    bindParent(__spreadProps$8(__spreadValues$q({}, formItemProvider), { instance }));
+    bindParent(__spreadProps$9(__spreadValues$q({}, formItemProvider), { instance }));
   } : null;
   return {
     index,
@@ -5027,8 +5076,8 @@ var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
 var __defProp$p = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
 var __hasOwnProp$p = Object.prototype.hasOwnProperty;
 var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
@@ -5044,7 +5093,7 @@ var __spreadValues$p = (a, b) => {
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 var __async$g = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -5303,15 +5352,15 @@ function usePopover(options) {
   function getPopperOptions() {
     const { placement, skidding, distance } = getPosition();
     const modifiers = [
-      __spreadProps$7(__spreadValues$p({}, flip$1), {
+      __spreadProps$8(__spreadValues$p({}, flip$1), {
         enabled: show.value
       }),
-      __spreadProps$7(__spreadValues$p({}, offset$1), {
+      __spreadProps$8(__spreadValues$p({}, offset$1), {
         options: {
           offset: [skidding, distance]
         }
       }),
-      __spreadProps$7(__spreadValues$p({}, computeStyles$1), {
+      __spreadProps$8(__spreadValues$p({}, computeStyles$1), {
         options: {
           adaptive: false,
           gpuAcceleration: false
@@ -5521,7 +5570,7 @@ const props$18 = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp(),
@@ -5987,6 +6036,8 @@ withPropsDefaultsSetter(stdin_default$5v, props$17);
 const _MenuOptionComponent = stdin_default$5v;
 var stdin_default$5u = stdin_default$5v;
 var __defProp$o = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
 var __hasOwnProp$o = Object.prototype.hasOwnProperty;
 var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
@@ -6002,7 +6053,8 @@ var __spreadValues$o = (a, b) => {
     }
   return a;
 };
-const props$16 = __spreadValues$o({
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+const props$16 = __spreadProps$7(__spreadValues$o({
   modelValue: {
     type: [String, Number, Boolean, Array],
     default: void 0
@@ -6050,7 +6102,11 @@ const props$16 = __spreadValues$o({
   "onClosed",
   "onClickOutside",
   "onUpdate:show"
-]));
+])), {
+  // internal start
+  onKeyEscape: defineListenerProp()
+  // internal end
+});
 function useSelectController(options) {
   const {
     multiple: multipleGetter,
@@ -6220,6 +6276,7 @@ const __sfc__$1f = vue.defineComponent({
       if (key === "Escape") {
         menu.value.$el.focus();
         close();
+        call(props2.onKeyEscape);
         return;
       }
       if (key === "ArrowDown" || key === "ArrowUp") {
@@ -6295,7 +6352,7 @@ const props$15 = __spreadValues$n({
     default: () => ["onInput", "onClear", "onChange"]
   },
   getShow: Function,
-  rules: Array,
+  rules: [Array, Function, Object],
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onInput: defineListenerProp(),
@@ -6360,7 +6417,8 @@ function __render__$1c(_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: vue.withCtx(() => [
         vue.createElementVNode(
@@ -6451,7 +6509,7 @@ function __render__$1c(_ctx, _cache) {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["disabled", "class", "popover-class", "show", "onUpdate:modelValue"]),
+    }, 8, ["disabled", "class", "popover-class", "show", "onUpdate:modelValue", "onKeyEscape"]),
     vue.createVNode(_component_var_form_details, {
       "error-message": _ctx.errorMessage,
       "extra-message": _ctx.maxlengthText
@@ -6608,15 +6666,22 @@ const __sfc__$1e = vue.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$f(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)) {
@@ -6641,6 +6706,7 @@ const __sfc__$1e = vue.defineComponent({
       handleClick,
       handleChange,
       handleBlur,
+      handleKeyEscape,
       handleAutoComplete,
       reset,
       validate,
@@ -8961,7 +9027,7 @@ const props$T = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
@@ -12332,7 +12398,7 @@ LN10 = new Decimal(LN10);
 PI = new Decimal(PI);
 const props$M = {
   modelValue: {
-    type: [String, Number],
+    type: Number,
     default: 0
   },
   min: [String, Number],
@@ -12376,7 +12442,7 @@ const props$M = {
     type: Array,
     default: () => ["onInputChange", "onLazyChange", "onIncrement", "onDecrement"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onBeforeChange: defineListenerProp(),
   onChange: defineListenerProp(),
   onIncrement: defineListenerProp(),
@@ -15815,6 +15881,7 @@ const props$G = {
     default: "default"
   },
   color: String,
+  textColor: String,
   content: String,
   show: Boolean,
   disabled: Boolean,
@@ -15895,7 +15962,11 @@ function __render__$J(_ctx, _cache) {
                 vue.createElementVNode(
                   "div",
                   {
-                    style: vue.normalizeStyle({ background: _ctx.color, width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0 }),
+                    style: vue.normalizeStyle({
+                      background: _ctx.color,
+                      color: _ctx.textColor,
+                      width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0
+                    }),
                     class: vue.normalizeClass(_ctx.classes(_ctx.n("content-container"), _ctx.n(`--${_ctx.type}`))),
                     role: "tooltip"
                   },
@@ -16761,17 +16832,6 @@ withInstall(stdin_default$4m);
 withPropsDefaultsSetter(stdin_default$4m, props$B);
 const _ImageComponent = stdin_default$4m;
 var stdin_default$4l = stdin_default$4m;
-const SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
-function useSwipeItems() {
-  const { childProviders, length, bindChildren } = useChildren(
-    SWIPE_BIND_SWIPE_ITEM_KEY
-  );
-  return {
-    length,
-    swipeItems: childProviders,
-    bindSwipeItems: bindChildren
-  };
-}
 const props$A = {
   loop: {
     type: Boolean,
@@ -17003,6 +17063,7 @@ const __sfc__$G = vue.defineComponent({
     const index = vue.ref(0);
     const hovering = vue.ref(false);
     const { swipeItems, bindSwipeItems, length } = useSwipeItems();
+    const { swipeResizeListeners, bindSwipeResizeListeners } = useSwipeResizeListeners();
     const { popup, bindPopup } = usePopup();
     const {
       deltaX,
@@ -17029,6 +17090,7 @@ const __sfc__$G = vue.defineComponent({
     bindSwipeItems(swipeProvider);
     useEventListener(() => window, "keydown", handleKeydown);
     call(bindPopup, null);
+    call(bindSwipeResizeListeners, null);
     vue.watch(
       () => length.value,
       () => __async$7(this, null, function* () {
@@ -17231,6 +17293,9 @@ const __sfc__$G = vue.defineComponent({
       setTimeout(() => {
         lockDuration.value = false;
       });
+      swipeResizeListeners.forEach(({ onResize }) => {
+        onResize();
+      });
     }
     function next(options) {
       return __async$7(this, null, function* () {
@@ -20679,7 +20744,7 @@ const props$l = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onClick: defineListenerProp(),
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
@@ -20960,7 +21025,7 @@ const props$k = {
     type: Array,
     default: () => ["onChange"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
@@ -21801,7 +21866,7 @@ const props$g = __spreadValues$6({
     type: Array,
     default: () => ["onChange", "onClear", "onClose"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onFocus: defineListenerProp(),
   onBlur: defineListenerProp(),
   onClose: defineListenerProp(),
@@ -22581,7 +22646,7 @@ const props$e = {
     type: String,
     default: "horizontal"
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   onChange: defineListenerProp(),
   onStart: defineListenerProp(),
   onEnd: defineListenerProp(),
@@ -24024,7 +24089,7 @@ const props$8 = {
   closeColor: String,
   size: [String, Number],
   variant: Boolean,
-  rules: Array,
+  rules: [Array, Function, Object],
   ripple: {
     type: Boolean,
     default: true
@@ -28778,7 +28843,7 @@ const props$1 = {
     type: Array,
     default: () => ["onChange", "onRemove"]
   },
-  rules: Array,
+  rules: [Array, Function, Object],
   hideList: Boolean,
   preventDefaultPreview: Boolean,
   onClickAction: defineListenerProp(),
@@ -29580,7 +29645,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.4.0";
+const version = "3.5.0-alpha.1726330414687";
 function install(app) {
   stdin_default$5I.install && app.use(stdin_default$5I);
   stdin_default$5G.install && app.use(stdin_default$5G);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.4.0",
+  "version": "3.5.0-alpha.1726330414687",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,15 +48,16 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.4.0",
-    "@varlet/shared": "3.4.0",
-    "@varlet/use": "3.4.0"
+    "@varlet/shared": "3.5.0-alpha.1726330414687",
+    "@varlet/icons": "3.5.0-alpha.1726330414687",
+    "@varlet/use": "3.5.0-alpha.1726330414687"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
     "@vue/test-utils": "2.4.1",
     "@types/node": "^18.7.18",
     "@vitest/coverage-istanbul": "2.0.5",
+    "zod": "^3.23.8",
     "jsdom": "24.1.1",
     "vitest": "2.0.5",
     "clipboard": "^2.0.6",
@@ -64,9 +65,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.4.0",
-    "@varlet/ui": "3.4.0",
-    "@varlet/touch-emulator": "3.4.0"
+    "@varlet/cli": "3.5.0-alpha.1726330414687",
+    "@varlet/ui": "3.5.0-alpha.1726330414687",
+    "@varlet/touch-emulator": "3.5.0-alpha.1726330414687"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/autoComplete.d.ts

@@ -3,6 +3,7 @@ import {
   BasicAttributes,
   ListenerProp,
   Variant as AutoCompleteVariant,
+  Rules as AutoCompleteRules,
   SetPropsDefaults,
 } from './varComponent'
 import { VNode, VNodeChild, type InputHTMLAttributes } from 'vue'
@@ -44,7 +45,7 @@ export interface AutoCompleteProps extends BasicAttributes {
   clearable?: boolean
   validateTrigger?: AutoCompleteValidateTrigger[]
   getShow?: (v: string) => boolean
-  rules?: Array<(v: string) => any>
+  rules?: AutoCompleteRules
   enterkeyhint?: InputHTMLAttributes['enterKeyHint']
   onFocus?: ListenerProp<() => void>
   onBlur?: ListenerProp<() => void>

package/types/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { VarComponent, BasicAttributes, ListenerProp, SetPropsDefaults } from './varComponent'
+import { VarComponent, BasicAttributes, ListenerProp, SetPropsDefaults, Rules as CheckboxRules } from './varComponent'
 import { VNode } from 'vue'
 
 export declare const checkboxProps: Record<keyof CheckboxProps, any>
@@ -17,7 +17,7 @@ export interface CheckboxProps extends BasicAttributes {
   iconSize?: string | number
   ripple?: boolean
   validateTrigger?: Array<CheckboxValidateTrigger>
-  rules?: Array<(value: any) => any>
+  rules?: CheckboxRules
   onClick?: ListenerProp<(e: Event) => void>
   onChange?: ListenerProp<(value: any) => void>
   'onUpdate:modelValue'?: ListenerProp<(value: any) => void>

package/types/checkboxGroup.d.ts

@@ -2,6 +2,7 @@ import {
   VarComponent,
   BasicAttributes,
   Direction as CheckboxGroupDirection,
+  Rules as CheckboxGroupRules,
   ListenerProp,
   SetPropsDefaults,
 } from './varComponent'
@@ -31,7 +32,7 @@ export interface CheckboxGroupProps extends BasicAttributes {
   options?: Array<CheckboxGroupOption>
   direction?: CheckboxGroupDirection
   validateTrigger?: Array<CheckboxGroupValidateTrigger>
-  rules?: Array<(value: any) => any>
+  rules?: CheckboxGroupRules
   onChange?: ListenerProp<(value: Array<any>) => void>
   'onUpdate:modelValue'?: ListenerProp<(value: Array<any>) => void>
 }

package/types/counter.d.ts

@@ -1,11 +1,11 @@
-import { VarComponent, BasicAttributes, ListenerProp, SetPropsDefaults } from './varComponent'
+import { VarComponent, BasicAttributes, ListenerProp, SetPropsDefaults, Rules as CounterRules } from './varComponent'
 
 export declare const counterProps: Record<keyof CounterProps, any>
 
 export type CounterValidateTrigger = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'
 
 export interface CounterProps extends BasicAttributes {
-  modelValue?: string | number
+  modelValue?: number
   min?: string | number
   max?: string | number
   step?: string | number
@@ -26,8 +26,8 @@ export interface CounterProps extends BasicAttributes {
   press?: boolean
   ripple?: boolean
   validateTrigger?: Array<CounterValidateTrigger>
-  rules?: Array<(v: number) => any>
-  onBeforeChange?: ListenerProp<(value: number, change: (value: string | number) => void) => void>
+  rules?: CounterRules
+  onBeforeChange?: ListenerProp<(value: number, change: (value: number) => void) => void>
   onChange?: ListenerProp<(value: number) => void>
   onIncrement?: ListenerProp<(value: number) => void>
   onDecrement?: ListenerProp<(value: number) => void>

package/types/input.d.ts

@@ -1,4 +1,11 @@
-import { VarComponent, BasicAttributes, ListenerProp, Variant as InputVariant, SetPropsDefaults } from './varComponent'
+import {
+  VarComponent,
+  BasicAttributes,
+  ListenerProp,
+  Variant as InputVariant,
+  Rules as InputRules,
+  SetPropsDefaults,
+} from './varComponent'
 import { VNode, InputHTMLAttributes } from 'vue'
 
 export declare const inputProps: Record<keyof InputProps, any>
@@ -29,7 +36,7 @@ export interface InputProps extends BasicAttributes {
   resize?: boolean
   autofocus?: boolean
   validateTrigger?: InputValidateTrigger[]
-  rules?: Array<(v: string) => any>
+  rules?: InputRules
   enterkeyhint?: InputHTMLAttributes['enterKeyHint']
   onFocus?: ListenerProp<(e: Event) => void>
   onBlur?: ListenerProp<(e: Event) => void>