@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/chunk/{DwKWIlzw.mjs → DgSzI6Fw.mjs}

@@ -1,15 +1,15 @@
 import { defineComponent, createVNode, h, renderSlot, getCurrentInstance, ref, computed, watch, nextTick, onMounted } from 'vue';
-import { N as NOOP, c as buildProps, u as useNamespace, d as definePropType, q as isBoolean, x as defaultNamespace, p as isObject, e as debugWarn, i as isArray, j as isFunction } from './DRoyW749.mjs';
-import { P as PatchFlags } from './BzedaLtg.mjs';
+import { N as NOOP, c as buildProps, u as useNamespace, d as definePropType, q as isBoolean, x as defaultNamespace, p as isObject, e as debugWarn, i as isArray, j as isFunction } from './CcKUdl3e.mjs';
+import { P as PatchFlags } from './BYVaz5Or.mjs';
 import { i as iconPropType } from '../components/icon/icon2.mjs';
-import { t as teleportProps } from './CLMc8GzD.mjs';
+import { t as teleportProps } from './DMYHOxhk.mjs';
 import { U as UPDATE_MODEL_EVENT } from './Ct6q2FXg.mjs';
 import { useTimeoutFn, isClient } from '@vueuse/core';
-import { u as useLockscreen } from './CLbj8G-F.mjs';
-import { u as useZIndex } from './BI0vrXwX.mjs';
-import { u as useId } from './CBSopeeE.mjs';
-import { u as useGlobalConfig } from './B5UQmWXg.mjs';
-import { a as addUnit } from './CizMbf5K.mjs';
+import { u as useLockscreen } from './Bnot0Gwc.mjs';
+import { u as useZIndex } from './BI-fNJhk.mjs';
+import { u as useId } from './DQHGjqG5.mjs';
+import { u as useGlobalConfig } from './BUf50Y7Y.mjs';
+import { a as addUnit } from './Bl0WQiki.mjs';
 
 const useSameTarget = (handleClick) => {
   if (!handleClick) {
@@ -62,27 +62,39 @@ var Overlay = defineComponent({
     const onMaskClick = (e) => {
       emit("click", e);
     };
-    const { onClick, onMousedown, onMouseup } = useSameTarget(props.customMaskEvent ? void 0 : onMaskClick);
+    const { onClick, onMousedown, onMouseup } = useSameTarget(
+      props.customMaskEvent ? void 0 : onMaskClick
+    );
     return () => {
-      return props.mask ? createVNode("div", {
-        class: [ns.b(), props.overlayClass],
-        style: {
-          zIndex: props.zIndex
+      return props.mask ? createVNode(
+        "div",
+        {
+          class: [ns.b(), props.overlayClass],
+          style: {
+            zIndex: props.zIndex
+          },
+          onClick,
+          onMousedown,
+          onMouseup
         },
-        onClick,
-        onMousedown,
-        onMouseup
-      }, [renderSlot(slots, "default")], PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS, ["onClick", "onMouseup", "onMousedown"]) : h("div", {
-        class: props.overlayClass,
-        style: {
-          zIndex: props.zIndex,
-          position: "fixed",
-          top: "0px",
-          right: "0px",
-          bottom: "0px",
-          left: "0px"
-        }
-      }, [renderSlot(slots, "default")]);
+        [renderSlot(slots, "default")],
+        PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS,
+        ["onClick", "onMouseup", "onMousedown"]
+      ) : h(
+        "div",
+        {
+          class: props.overlayClass,
+          style: {
+            zIndex: props.zIndex,
+            position: "fixed",
+            top: "0px",
+            right: "0px",
+            bottom: "0px",
+            left: "0px"
+          }
+        },
+        [renderSlot(slots, "default")]
+      );
     };
   }
 });
@@ -213,6 +225,7 @@ const useDialog = (props, targetRef) => {
   const closed = ref(false);
   const rendered = ref(false);
   const zIndex = ref((_a = props.zIndex) != null ? _a : nextZIndex());
+  const closing = ref(false);
   let openTimer = void 0;
   let closeTimer = void 0;
   const config = useGlobalConfig();
@@ -238,18 +251,24 @@ const useDialog = (props, targetRef) => {
     }
     return style2;
   });
-  const _draggable = computed(() => {
-    var _a2, _b, _c;
-    return ((_c = (_b = props.draggable) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.draggable) != null ? _c : false) && !props.fullscreen;
-  });
-  const _alignCenter = computed(() => {
-    var _a2, _b, _c;
-    return (_c = (_b = props.alignCenter) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.alignCenter) != null ? _c : false;
-  });
-  const _overflow = computed(() => {
-    var _a2, _b, _c;
-    return (_c = (_b = props.overflow) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.overflow) != null ? _c : false;
-  });
+  const _draggable = computed(
+    () => {
+      var _a2, _b, _c;
+      return ((_c = (_b = props.draggable) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.draggable) != null ? _c : false) && !props.fullscreen;
+    }
+  );
+  const _alignCenter = computed(
+    () => {
+      var _a2, _b, _c;
+      return (_c = (_b = props.alignCenter) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.alignCenter) != null ? _c : false;
+    }
+  );
+  const _overflow = computed(
+    () => {
+      var _a2, _b, _c;
+      return (_c = (_b = props.overflow) != null ? _b : (_a2 = globalConfig.value) == null ? void 0 : _a2.overflow) != null ? _c : false;
+    }
+  );
   const overlayDialogStyle = computed(() => {
     if (_alignCenter.value) {
       return { display: "flex" };
@@ -285,7 +304,10 @@ const useDialog = (props, targetRef) => {
       config2.onAfterLeave = _mergeHook(config2.onAfterLeave, afterLeave);
       if (!config2.name) {
         config2.name = DEFAULT_DIALOG_TRANSITION;
-        debugWarn(COMPONENT_NAME, `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`);
+        debugWarn(
+          COMPONENT_NAME,
+          `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`
+        );
       }
       return config2;
     }
@@ -300,8 +322,10 @@ const useDialog = (props, targetRef) => {
     if (props.destroyOnClose) {
       rendered.value = false;
     }
+    closing.value = false;
   }
   function beforeLeave() {
+    closing.value = true;
     emit("close");
   }
   function open() {
@@ -368,41 +392,51 @@ const useDialog = (props, targetRef) => {
       handleClose();
     }
   }
-  watch(() => props.zIndex, () => {
-    var _a2;
-    zIndex.value = (_a2 = props.zIndex) != null ? _a2 : nextZIndex();
-  });
-  watch(() => props.modelValue, (val) => {
-    var _a2;
-    if (val) {
-      closed.value = false;
-      open();
-      rendered.value = true;
+  watch(
+    () => props.zIndex,
+    () => {
+      var _a2;
       zIndex.value = (_a2 = props.zIndex) != null ? _a2 : nextZIndex();
-      nextTick(() => {
-        emit("open");
-        if (targetRef.value) {
-          targetRef.value.parentElement.scrollTop = 0;
-          targetRef.value.parentElement.scrollLeft = 0;
-          targetRef.value.scrollTop = 0;
+    }
+  );
+  watch(
+    () => props.modelValue,
+    (val) => {
+      var _a2;
+      if (val) {
+        closed.value = false;
+        closing.value = false;
+        open();
+        rendered.value = true;
+        zIndex.value = (_a2 = props.zIndex) != null ? _a2 : nextZIndex();
+        nextTick(() => {
+          emit("open");
+          if (targetRef.value) {
+            targetRef.value.parentElement.scrollTop = 0;
+            targetRef.value.parentElement.scrollLeft = 0;
+            targetRef.value.scrollTop = 0;
+          }
+        });
+      } else {
+        if (visible.value) {
+          close();
         }
-      });
-    } else {
-      if (visible.value) {
-        close();
       }
     }
-  });
-  watch(() => props.fullscreen, (val) => {
-    if (!targetRef.value)
-      return;
-    if (val) {
-      lastPosition = targetRef.value.style.transform;
-      targetRef.value.style.transform = "";
-    } else {
-      targetRef.value.style.transform = lastPosition;
+  );
+  watch(
+    () => props.fullscreen,
+    (val) => {
+      if (!targetRef.value)
+        return;
+      if (val) {
+        lastPosition = targetRef.value.style.transform;
+        targetRef.value.style.transform = "";
+      } else {
+        targetRef.value.style.transform = lastPosition;
+      }
     }
-  });
+  );
   onMounted(() => {
     if (props.modelValue) {
       visible.value = true;
@@ -433,7 +467,8 @@ const useDialog = (props, targetRef) => {
     transitionConfig,
     _draggable,
     _alignCenter,
-    _overflow
+    _overflow,
+    closing
   };
 };
 

package/dist/es/chunk/{BcTuAX8r.mjs → Dsye5ZEp.mjs}

@@ -1,6 +1,6 @@
 import { getCurrentInstance, inject, ref, computed } from 'vue';
-import { c as buildProps, d as definePropType, j as isFunction, i as isArray, e as debugWarn } from './DRoyW749.mjs';
-import { i as isEqual } from './BsLJxiSC.mjs';
+import { c as buildProps, d as definePropType, j as isFunction, i as isArray, e as debugWarn } from './CcKUdl3e.mjs';
+import { i as isEqual } from './Dw-yyl2m.mjs';
 
 const emptyValuesContextKey = Symbol("emptyValuesContextKey");
 const SCOPE = "use-empty-values";
@@ -27,7 +27,9 @@ const useEmptyValuesProps = buildProps({
 });
 const useEmptyValues = (props, defaultValue) => {
   const config = getCurrentInstance() ? inject(emptyValuesContextKey, ref({})) : ref({});
-  const emptyValues = computed(() => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES);
+  const emptyValues = computed(
+    () => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES
+  );
   const valueOnClear = computed(() => {
     if (isFunction(props.valueOnClear)) {
       return props.valueOnClear();

package/dist/es/chunk/{BsLJxiSC.mjs → Dw-yyl2m.mjs}

@@ -1,4 +1,4 @@
-import { h as getNative, r as root, j as isLength, k as isFunction, e as isObjectLike, f as baseGetTag, l as freeGlobal, m as isArguments, n as isIndex, b as isArray, L as ListCache, M as Map, o as MapCache, p as arrayPush, q as toSource, S as Symbol$1, s as eq } from './NQBKROII.mjs';
+import { g as getNative, r as root, h as isLength, j as isFunction, e as isObjectLike, f as baseGetTag, k as freeGlobal, l as isArguments, m as isIndex, b as isArray, L as ListCache, M as Map, n as MapCache, o as arrayPush, p as toSource, S as Symbol$1, q as eq } from './DWcIzeMM.mjs';
 
 /* Built-in method references that are verified to be native. */
 var WeakMap = getNative(root, 'WeakMap');

package/dist/es/chunk/{DXPWe_a5.mjs → U13Qpiki.mjs}

@@ -1,6 +1,6 @@
 import { inject, ref, getCurrentInstance, computed, onMounted, watch, toRef, onUnmounted, unref } from 'vue';
-import { b as formContextKey, f as formItemContextKey, u as useId } from './CBSopeeE.mjs';
-import { a as useGlobalSize } from './BsGCX4td.mjs';
+import { b as formContextKey, f as formItemContextKey, u as useId } from './DQHGjqG5.mjs';
+import { a as useGlobalSize } from './BK4T_2ha.mjs';
 
 const useFormItem = () => {
   const form = inject(formContextKey, void 0);
@@ -42,18 +42,22 @@ const useFormItemInputId = (props, {
     return !!(!(props.label || props.ariaLabel) && formItemContext && formItemContext.inputIds && ((_a = formItemContext.inputIds) == null ? void 0 : _a.length) <= 1);
   });
   onMounted(() => {
-    idUnwatch = watch([toRef(props, "id"), disableIdGeneration], ([id, disableIdGeneration2]) => {
-      const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
-      if (newId !== inputId.value) {
-        if ((formItemContext == null ? void 0 : formItemContext.removeInputId) && !inLabel()) {
-          inputId.value && formItemContext.removeInputId(inputId.value);
-          if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
-            formItemContext.addInputId(newId);
+    idUnwatch = watch(
+      [toRef(props, "id"), disableIdGeneration],
+      ([id, disableIdGeneration2]) => {
+        const newId = id != null ? id : !disableIdGeneration2 ? useId().value : void 0;
+        if (newId !== inputId.value) {
+          if ((formItemContext == null ? void 0 : formItemContext.removeInputId) && !inLabel()) {
+            inputId.value && formItemContext.removeInputId(inputId.value);
+            if (!(disableIdManagement == null ? void 0 : disableIdManagement.value) && !disableIdGeneration2 && newId) {
+              formItemContext.addInputId(newId);
+            }
           }
+          inputId.value = newId;
         }
-        inputId.value = newId;
-      }
-    }, { immediate: true });
+      },
+      { immediate: true }
+    );
   });
   onUnmounted(() => {
     idUnwatch && idUnwatch();
@@ -81,7 +85,9 @@ const useFormSize = (fallback, ignore = {}) => {
   const globalConfig = ignore.global ? emptyRef : useGlobalSize();
   const form = ignore.form ? { size: void 0 } : inject(formContextKey, void 0);
   const formItem = ignore.formItem ? { size: void 0 } : inject(formItemContextKey, void 0);
-  return computed(() => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || "");
+  return computed(
+    () => size.value || unref(fallback) || (formItem == null ? void 0 : formItem.size) || (form == null ? void 0 : form.size) || globalConfig.value || ""
+  );
 };
 const useFormDisabled = (fallback) => {
   const disabled = useProp("disabled");