@varlet/ui 3.2.10-alpha.1715410887389 → 3.2.10

package/lib/varlet.cjs.js

@@ -647,7 +647,7 @@ var __spreadValues$v = (a, b) => {
   return a;
 };
 var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-var __async$h = (__this, __arguments, generator) => {
+var __async$i = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -742,7 +742,7 @@ function flatFragment(vNodes) {
 }
 function useValidation() {
   const errorMessage = vue.ref("");
-  const validate = (rules, value, apis) => __async$h(this, null, function* () {
+  const validate = (rules, value, apis) => __async$i(this, null, function* () {
     if (!isArray(rules) || !rules.length) {
       return true;
     }
@@ -758,7 +758,7 @@ function useValidation() {
   const resetValidation = () => {
     errorMessage.value = "";
   };
-  const validateWithTrigger = (validateTrigger, trigger, rules, value, apis) => __async$h(this, null, function* () {
+  const validateWithTrigger = (validateTrigger, trigger, rules, value, apis) => __async$i(this, null, function* () {
     if (validateTrigger.includes(trigger)) {
       (yield validate(rules, value, apis)) && (errorMessage.value = "");
     }
@@ -1481,7 +1481,7 @@ function focusChildElementByKey(hostElement, parentElement, key) {
     }
   }
 }
-var __async$g = (__this, __arguments, generator) => {
+var __async$h = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1532,7 +1532,7 @@ const __sfc__$1o = vue.defineComponent({
     const animateInProgress = vue.ref(false);
     vue.watch(() => props2.name, handleNameChange, { immediate: true });
     function handleNameChange(newName, oldName) {
-      return __async$g(this, null, function* () {
+      return __async$h(this, null, function* () {
         const { transition } = props2;
         if (oldName == null || toNumber(transition) === 0) {
           nextName.value = newName;
@@ -2753,7 +2753,7 @@ var __spreadValues$p = (a, b) => {
     }
   return a;
 };
-var __async$f = (__this, __arguments, generator) => {
+var __async$g = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2879,7 +2879,7 @@ function attemptLoad(el) {
   createImage(el, attemptSRC);
 }
 function check(el) {
-  return __async$f(this, null, function* () {
+  return __async$g(this, null, function* () {
     yield doubleRaf();
     if (inViewport(el)) {
       attemptLoad(el);
@@ -2890,7 +2890,7 @@ function checkAll() {
   lazyElements.forEach((el) => check(el));
 }
 function add$1(el) {
-  return __async$f(this, null, function* () {
+  return __async$g(this, null, function* () {
     !lazyElements.includes(el) && lazyElements.push(el);
     getAllParentScroller(el).forEach(bindEvents);
     yield check(el);
@@ -2905,13 +2905,13 @@ function diff(el, binding) {
   return src !== binding.value || arg !== binding.arg;
 }
 function mounted(el, binding) {
-  return __async$f(this, null, function* () {
+  return __async$g(this, null, function* () {
     createLazy(el, binding);
     yield add$1(el);
   });
 }
 function updated(el, binding) {
-  return __async$f(this, null, function* () {
+  return __async$g(this, null, function* () {
     if (!diff(el, binding)) {
       lazyElements.includes(el) && (yield check(el));
       return;
@@ -4439,7 +4439,7 @@ const props$10 = {
   onClick: defineListenerProp(),
   "onUpdate:floating": defineListenerProp()
 };
-var __async$e = (__this, __arguments, generator) => {
+var __async$f = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4685,12 +4685,12 @@ const __sfc__$18 = vue.defineComponent({
       { immediate: true }
     );
     function floating() {
-      return __async$e(this, null, function* () {
+      return __async$f(this, null, function* () {
         clearTimeout(floater.value);
         clearTimeout(dropper);
         floater.value = null;
         floater.value = setTimeout(
-          () => __async$e(this, null, function* () {
+          () => __async$f(this, null, function* () {
             const { width, height, left: left2, top: top2 } = getRect(card.value);
             holderWidth.value = toSizeUnit(width);
             holderHeight.value = toSizeUnit(height);
@@ -5899,7 +5899,7 @@ const props$U = {
   },
   disabled: Boolean
 };
-var __async$d = (__this, __arguments, generator) => {
+var __async$e = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5932,7 +5932,7 @@ function useCollapseTransition(options) {
     { immediate: true }
   );
   function open() {
-    return __async$d(this, null, function* () {
+    return __async$e(this, null, function* () {
       if (!contentEl.value) {
         return;
       }
@@ -5958,7 +5958,7 @@ function useCollapseTransition(options) {
       }
     });
   }
-  const close = () => __async$d(this, null, function* () {
+  const close = () => __async$e(this, null, function* () {
     if (!contentEl.value) {
       return;
     }
@@ -9943,7 +9943,7 @@ const props$P = {
   disabled: Boolean,
   onScroll: defineListenerProp()
 };
-var __async$c = (__this, __arguments, generator) => {
+var __async$d = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -10021,7 +10021,7 @@ const __sfc__$W = vue.defineComponent({
     const offsetTop = vue.computed(() => toPxNum(props2.offsetTop));
     let scroller;
     vue.watch(() => props2.disabled, resize);
-    onSmartMounted(() => __async$c(this, null, function* () {
+    onSmartMounted(() => __async$d(this, null, function* () {
       yield doubleRaf();
       setupScroller();
       handleScroll();
@@ -10083,7 +10083,7 @@ const __sfc__$W = vue.defineComponent({
       scroller.removeEventListener("scroll", handleScroll);
     }
     function resize() {
-      return __async$c(this, null, function* () {
+      return __async$d(this, null, function* () {
         isFixed.value = false;
         yield raf();
         computeFixedParams();
@@ -10737,7 +10737,7 @@ const __sfc__$U = vue.defineComponent({
 });
 __sfc__$U.render = __render__$T;
 var stdin_default$4N = __sfc__$U;
-var __async$b = (__this, __arguments, generator) => {
+var __async$c = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -11180,7 +11180,7 @@ const __sfc__$T = vue.defineComponent({
       checkType = x > 0 ? "prev" : "next";
     }
     function handleTouchend() {
-      return __async$b(this, null, function* () {
+      return __async$c(this, null, function* () {
         if (isUntouchable.value || touchDirection !== "x")
           return;
         const componentRef = getPanelType.value === "year" ? yearPanelEl : getPanelType.value === "month" ? monthPanelEl : dayPanelEl;
@@ -11926,7 +11926,7 @@ var __spreadValues$e = (a, b) => {
   return a;
 };
 var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __async$a = (__this, __arguments, generator) => {
+var __async$b = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -12006,7 +12006,7 @@ const __sfc__$Q = vue.defineComponent({
       saveXY();
     }
     function handleTouchmove(event) {
-      return __async$a(this, null, function* () {
+      return __async$b(this, null, function* () {
         if (!touching.value || props2.disabled) {
           return;
         }
@@ -13447,7 +13447,7 @@ var __spreadValues$d = (a, b) => {
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __async$9 = (__this, __arguments, generator) => {
+var __async$a = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -13536,7 +13536,7 @@ function usePopover(options) {
     enterHost = true;
     open();
   };
-  const handleHostMouseleave = () => __async$9(this, null, function* () {
+  const handleHostMouseleave = () => __async$a(this, null, function* () {
     if (options.trigger !== "hover") {
       return;
     }
@@ -13553,7 +13553,7 @@ function usePopover(options) {
     }
     enterPopover = true;
   };
-  const handlePopoverMouseleave = () => __async$9(this, null, function* () {
+  const handlePopoverMouseleave = () => __async$a(this, null, function* () {
     if (options.trigger !== "hover") {
       return;
     }
@@ -14297,6 +14297,26 @@ const props$I = {
   onClick: defineListenerProp(),
   onClear: defineListenerProp()
 };
+var __async$9 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 const { name: name$I, n: n$L, classes: classes$D } = createNamespace("field-decorator");
 const _hoisted_1$o = ["for"];
 function __render__$M(_ctx, _cache) {
@@ -14506,6 +14526,7 @@ const __sfc__$N = vue.defineComponent({
     const middleOffsetHeight = vue.ref("0px");
     const transitionDisabled = vue.ref(true);
     const isFloating = vue.computed(() => props2.hint && (!isEmpty(props2.value) || props2.isFocusing));
+    const { popup, bindPopup } = usePopup();
     const color = vue.computed(
       () => !props2.errorMessage ? props2.isFocusing ? props2.focusColor : props2.blurColor : void 0
     );
@@ -14517,6 +14538,18 @@ const __sfc__$N = vue.defineComponent({
       });
     });
     vue.onUpdated(resize);
+    call(bindPopup, null);
+    if (popup) {
+      vue.watch(
+        () => popup.show.value,
+        (show) => __async$9(this, null, function* () {
+          if (show) {
+            yield doubleRaf();
+            resize();
+          }
+        })
+      );
+    }
     function computePlaceholderState() {
       const { hint, value, composing } = props2;
       if (!hint && (!isEmpty(value) || composing)) {
@@ -26780,12 +26813,12 @@ var stdin_default$8 = __spreadValues$1(__spreadValues$1(__spreadValues$1(__sprea
   "--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
 }, stdin_default$17), stdin_default$16), stdin_default$15), stdin_default$14), stdin_default$13), stdin_default$12), stdin_default$11), stdin_default$10), stdin_default$$), stdin_default$_), stdin_default$Z), stdin_default$Y), stdin_default$X), stdin_default$W), stdin_default$V), stdin_default$U), stdin_default$T), stdin_default$S), stdin_default$R), stdin_default$Q), stdin_default$P), stdin_default$O), stdin_default$N), stdin_default$M), stdin_default$L), stdin_default$K), stdin_default$J), stdin_default$I), stdin_default$H), stdin_default$G), stdin_default$F), stdin_default$E), stdin_default$D), stdin_default$C), stdin_default$B), stdin_default$A), stdin_default$z), stdin_default$y), stdin_default$x), stdin_default$w), stdin_default$v), stdin_default$u), stdin_default$t), stdin_default$s), stdin_default$r), stdin_default$q), stdin_default$p), stdin_default$o), stdin_default$n), stdin_default$m), stdin_default$l), stdin_default$k), stdin_default$j), stdin_default$i), stdin_default$h), stdin_default$g), stdin_default$f), stdin_default$e), stdin_default$d), stdin_default$c), stdin_default$b), stdin_default$a), stdin_default$9);
 function toViewport(theme, options = {}) {
-  const { viewportWidth = 375, viewportUnit = "vmin", unitPrecision = 6, maxDisplayWidth } = options;
+  const { viewportWidth = 375, viewportUnit = "vmin", unitPrecision = 6 } = options;
   return Object.entries(theme).reduce((target, [key, value]) => {
-    target[key] = value.includes("px") ? value.replace(/(\d+(\.\d+)?)px/g, (_, rawValue) => {
-      const viewportValue = `${Number((rawValue / viewportWidth * 100).toFixed(unitPrecision))}${viewportUnit}`;
-      return maxDisplayWidth ? `min(${viewportValue}, ${maxDisplayWidth / viewportWidth * rawValue}px)` : viewportValue;
-    }) : value;
+    target[key] = value.includes("px") ? value.replace(
+      /(\d+(\.\d+)?)px/g,
+      (_, p1) => `${Number((p1 / viewportWidth * 100).toFixed(unitPrecision))}${viewportUnit}`
+    ) : value;
     return target;
   }, {});
 }
@@ -28498,7 +28531,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.10-alpha.1715410887389";
+const version = "3.2.10";
 function install(app) {
   stdin_default$5E.install && app.use(stdin_default$5E);
   stdin_default$5C.install && app.use(stdin_default$5C);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.2.10-alpha.1715410887389",
+  "version": "3.2.10",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -26,7 +26,7 @@
   ],
   "author": "haoziqaq <357229046@qq.com>",
   "license": "MIT",
-  "homepage": "https://varletjs.github.io/varlet/",
+  "homepage": "https://varlet.pages.dev",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/varletjs/varlet.git"
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.2.10-alpha.1715410887389",
-    "@varlet/shared": "3.2.10-alpha.1715410887389",
-    "@varlet/use": "3.2.10-alpha.1715410887389"
+    "@varlet/shared": "3.2.10",
+    "@varlet/icons": "3.2.10",
+    "@varlet/use": "3.2.10"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.2.10-alpha.1715410887389",
-    "@varlet/cli": "3.2.10-alpha.1715410887389",
-    "@varlet/touch-emulator": "3.2.10-alpha.1715410887389"
+    "@varlet/cli": "3.2.10",
+    "@varlet/ui": "3.2.10",
+    "@varlet/touch-emulator": "3.2.10"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/themes.d.ts

@@ -4,7 +4,6 @@ export interface ThemesToViewportOptions {
   viewportWidth?: number
   viewportUnit?: string
   unitPrecision?: number
-  maxDisplayWidth?: number
 }
 
 interface Themes {