vft 0.0.415 → 0.0.416

package/es/components/dialog/hooks/use-dialog.js

@@ -1,106 +0,0 @@
-import { useTimeoutFn as I, isClient as N } from "@vueuse/core";
-import "@vft/utils";
-import { addUnit as S } from "../../../utils/helper.js";
-import { getCurrentInstance as U, ref as s, computed as T, watch as b, nextTick as Z, onMounted as _ } from "vue";
-import "lodash-es";
-import "../../form/index.js";
-import "../../config-provider/index.js";
-import { UPDATE_MODEL_EVENT as q } from "../../../constants/event.js";
-import { useId as h } from "../../../hooks/use-id/index.js";
-import { useLockscreen as G } from "../../../hooks/use-lockscreen/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import { defaultNamespace as j } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import { useZIndex as B } from "../../../hooks/use-z-index/index.js";
-import { useGlobalConfig as H } from "../../config-provider/hooks/use-global-config.js";
-const ae = (e, l) => {
-  const n = U().emit, { nextZIndex: y } = B();
-  let C = "";
-  const E = h(), F = h(), t = s(!1), a = s(!1), i = s(!1), c = s(e.zIndex || y());
-  let f, r;
-  const O = H("namespace", j), k = T(() => {
-    const o = {}, u = `--${O.value}-dialog`;
-    return e.fullscreen || (e.top && (o[`${u}-margin-top`] = e.top), e.width && (o[`${u}-width`] = S(e.width))), o;
-  }), A = T(() => e.alignCenter ? { display: "flex" } : {});
-  function P() {
-    n("opened");
-  }
-  function w() {
-    n("closed"), n(q, !1), e.destroyOnClose && (i.value = !1);
-  }
-  function L() {
-    n("close");
-  }
-  function D() {
-    r?.(), f?.(), e.openDelay && e.openDelay > 0 ? { stop: f } = I(() => x(), e.openDelay) : x();
-  }
-  function m() {
-    f?.(), r?.(), e.closeDelay && e.closeDelay > 0 ? { stop: r } = I(() => v(), e.closeDelay) : v();
-  }
-  function d() {
-    function o(u) {
-      u || (a.value = !0, t.value = !1);
-    }
-    e.beforeClose ? e.beforeClose(o) : m();
-  }
-  function M() {
-    e.closeOnClickModal && d();
-  }
-  function x() {
-    N && (t.value = !0);
-  }
-  function v() {
-    t.value = !1;
-  }
-  function z() {
-    n("openAutoFocus");
-  }
-  function V() {
-    n("closeAutoFocus");
-  }
-  function $(o) {
-    o.detail?.focusReason === "pointer" && o.preventDefault();
-  }
-  e.lockScroll && G(t);
-  function g() {
-    e.closeOnPressEscape && d();
-  }
-  return b(
-    () => e.modelValue,
-    (o) => {
-      o ? (a.value = !1, D(), i.value = !0, c.value = e.zIndex ? c.value++ : y(), Z(() => {
-        n("open"), l.value && (l.value.scrollTop = 0);
-      })) : t.value && m();
-    }
-  ), b(
-    () => e.fullscreen,
-    (o) => {
-      l.value && (o ? (C = l.value.style.transform, l.value.style.transform = "") : l.value.style.transform = C);
-    }
-  ), _(() => {
-    e.modelValue && (t.value = !0, i.value = !0, D());
-  }), {
-    afterEnter: P,
-    afterLeave: w,
-    beforeLeave: L,
-    handleClose: d,
-    onModalClick: M,
-    close: m,
-    doClose: v,
-    onOpenAutoFocus: z,
-    onCloseAutoFocus: V,
-    onCloseRequested: g,
-    onFocusoutPrevented: $,
-    titleId: E,
-    bodyId: F,
-    closed: a,
-    style: k,
-    overlayDialogStyle: A,
-    rendered: i,
-    visible: t,
-    zIndex: c
-  };
-};
-export {
-  ae as useDialog
-};

package/lib/components/dialog/hooks/use-dialog.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@vueuse/core");require("@vft/utils");const L=require("../../../utils/helper.cjs"),o=require("vue");require("lodash-es");require("../../form/index.cjs");require("../../config-provider/index.cjs");const S=require("../../../constants/event.cjs"),I=require("../../../hooks/use-id/index.cjs"),z=require("../../../hooks/use-lockscreen/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");const V=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");const G=require("../../../hooks/use-z-index/index.cjs"),N=require("../../config-provider/hooks/use-global-config.cjs"),U=(e,u)=>{const l=o.getCurrentInstance().emit,{nextZIndex:q}=G.useZIndex();let C="";const b=I.useId(),T=I.useId(),t=o.ref(!1),c=o.ref(!1),i=o.ref(!1),a=o.ref(e.zIndex||q());let r,f;const h=N.useGlobalConfig("namespace",V.defaultNamespace),F=o.computed(()=>{const n={},s=`--${h.value}-dialog`;return e.fullscreen||(e.top&&(n[`${s}-margin-top`]=e.top),e.width&&(n[`${s}-width`]=L.addUnit(e.width))),n}),O=o.computed(()=>e.alignCenter?{display:"flex"}:{});function g(){l("opened")}function E(){l("closed"),l(S.UPDATE_MODEL_EVENT,!1),e.destroyOnClose&&(i.value=!1)}function P(){l("close")}function x(){f?.(),r?.(),e.openDelay&&e.openDelay>0?{stop:r}=y.useTimeoutFn(()=>D(),e.openDelay):D()}function d(){r?.(),f?.(),e.closeDelay&&e.closeDelay>0?{stop:f}=y.useTimeoutFn(()=>m(),e.closeDelay):m()}function v(){function n(s){s||(c.value=!0,t.value=!1)}e.beforeClose?e.beforeClose(n):d()}function $(){e.closeOnClickModal&&v()}function D(){y.isClient&&(t.value=!0)}function m(){t.value=!1}function k(){l("openAutoFocus")}function w(){l("closeAutoFocus")}function A(n){n.detail?.focusReason==="pointer"&&n.preventDefault()}e.lockScroll&&z.useLockscreen(t);function M(){e.closeOnPressEscape&&v()}return o.watch(()=>e.modelValue,n=>{n?(c.value=!1,x(),i.value=!0,a.value=e.zIndex?a.value++:q(),o.nextTick(()=>{l("open"),u.value&&(u.value.scrollTop=0)})):t.value&&d()}),o.watch(()=>e.fullscreen,n=>{u.value&&(n?(C=u.value.style.transform,u.value.style.transform=""):u.value.style.transform=C)}),o.onMounted(()=>{e.modelValue&&(t.value=!0,i.value=!0,x())}),{afterEnter:g,afterLeave:E,beforeLeave:P,handleClose:v,onModalClick:$,close:d,doClose:m,onOpenAutoFocus:k,onCloseAutoFocus:w,onCloseRequested:M,onFocusoutPrevented:A,titleId:b,bodyId:T,closed:c,style:F,overlayDialogStyle:O,rendered:i,visible:t,zIndex:a}};exports.useDialog=U;