vft 0.0.373 → 0.0.375

package/lib/components/dialog/dialog.vue2.cjs

@@ -1 +1,199 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("@vft/utils"),T=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const $=require("../overlay/index.cjs"),E=require("../../constants/event.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const V=require("../../hooks/use-same-target/index.cjs");require("../../hooks/use-z-index/index.cjs");const D=require("../teleport/index.cjs"),L=require("./constants.cjs"),N=require("./dialog-content.vue2.cjs"),O=require("./hooks/use-dialog.cjs"),P=["aria-label","aria-labelledby","aria-describedby"],z=e.defineComponent({name:"vft-dialog",inheritAttrs:!1}),j=e.defineComponent({...z,props:{appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""}},emits:{[E.UPDATE_MODEL_EVENT]:n=>R.isBoolean(n),open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,openAutoFocus:()=>!0,closeAutoFocus:()=>!0},setup(n,{expose:y}){const a=I.useNamespace("dialog"),u=e.ref(),C=e.ref(),d=e.ref(),v=e.getCurrentInstance(),{visible:s,titleId:i,bodyId:f,style:g,overlayDialogStyle:m,rendered:c,zIndex:b,afterEnter:B,afterLeave:q,beforeLeave:k,handleClose:p,onModalClick:w,onOpenAutoFocus:h,onCloseAutoFocus:A,onCloseRequested:F,onFocusoutPrevented:S}=O.useDialog(v.props,u);e.provide(L.dialogInjectionKey,{dialogRef:u,headerRef:C,bodyId:f,ns:a,rendered:c,style:g});const t=V.useSameTarget(w),M=e.computed(()=>n.draggable&&!n.fullscreen);return y({visible:s,dialogContentRef:d}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(D.VftTeleport),{to:"body",disabled:!o.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(B),onAfterLeave:e.unref(q),onBeforeLeave:e.unref(k)},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref($.VftOverlay),{"custom-mask-event":"",mask:o.modal,"overlay-class":o.modalClass,"z-index":e.unref(b)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":o.title||void 0,"aria-labelledby":o.title?void 0:e.unref(i),"aria-describedby":e.unref(f),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(m)),onClick:l[0]||(l[0]=(...r)=>e.unref(t).onClick&&e.unref(t).onClick(...r)),onMousedown:l[1]||(l[1]=(...r)=>e.unref(t).onMousedown&&e.unref(t).onMousedown(...r)),onMouseup:l[2]||(l[2]=(...r)=>e.unref(t).onMouseup&&e.unref(t).onMouseup(...r))},[e.createVNode(e.unref(T.default),{loop:"",trapped:e.unref(s),"focus-start-el":"container",onFocusAfterTrapped:e.unref(h),onFocusAfterReleased:e.unref(A),onFocusoutPrevented:e.unref(S),onReleaseRequested:e.unref(F)},{default:e.withCtx(()=>[e.unref(c)?(e.openBlock(),e.createBlock(N.default,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:d},o.$attrs,{"custom-class":o.customClass,center:o.center,"align-center":o.alignCenter,"close-icon":o.closeIcon,draggable:M.value,fullscreen:o.fullscreen,"show-close":o.showClose,title:o.title,onClose:e.unref(p)}),e.createSlots({header:e.withCtx(()=>[o.$slots.title?e.renderSlot(o.$slots,"title",{key:1}):e.renderSlot(o.$slots,"header",{key:0,close:e.unref(p),titleId:e.unref(i),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer")]),key:"0"}:void 0]),1040,["custom-class","center","align-center","close-icon","draggable","fullscreen","show-close","title","onClose"])):e.createCommentVNode("",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,P)]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(s)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["disabled"]))}});exports.default=j;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+const focusTrap = require("../focus-trap/focus-trap.vue.cjs");
+require("../focus-trap/utils.cjs");
+const index$2 = require("../overlay/index.cjs");
+const event = require("../../constants/event.cjs");
+require("@vueuse/core");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+const index$3 = require("../../hooks/use-same-target/index.cjs");
+require("../../hooks/use-z-index/index.cjs");
+const index$1 = require("../teleport/index.cjs");
+const constants = require("./constants.cjs");
+const dialogContent_vue_vue_type_script_setup_true_lang = require("./dialog-content.vue2.cjs");
+const useDialog = require("./hooks/use-dialog.cjs");
+const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
+const __default__ = vue.defineComponent({
+  name: "vft-dialog",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    appendToBody: { type: Boolean, default: false },
+    beforeClose: {},
+    destroyOnClose: { type: Boolean, default: false },
+    closeOnClickModal: { type: Boolean, default: true },
+    closeOnPressEscape: { type: Boolean, default: true },
+    lockScroll: { type: Boolean, default: true },
+    modal: { type: Boolean, default: true },
+    openDelay: { default: 0 },
+    closeDelay: { default: 0 },
+    top: {},
+    modelValue: { type: Boolean, default: false },
+    modalClass: {},
+    width: {},
+    zIndex: {},
+    trapFocus: { type: Boolean, default: false },
+    center: { type: Boolean, default: false },
+    alignCenter: { type: Boolean, default: false },
+    closeIcon: {},
+    customClass: { default: "" },
+    draggable: { type: Boolean, default: false },
+    fullscreen: { type: Boolean, default: false },
+    showClose: { type: Boolean, default: true },
+    title: { default: "" }
+  },
+  emits: {
+    [event.UPDATE_MODEL_EVENT]: (value) => utils.isBoolean(value),
+    open: () => true,
+    opened: () => true,
+    close: () => true,
+    closed: () => true,
+    openAutoFocus: () => true,
+    closeAutoFocus: () => true
+  },
+  setup(__props, { expose: __expose }) {
+    const ns = index.useNamespace("dialog");
+    const dialogRef = vue.ref();
+    const headerRef = vue.ref();
+    const dialogContentRef = vue.ref();
+    const vm = vue.getCurrentInstance();
+    const {
+      visible,
+      titleId,
+      bodyId,
+      style,
+      overlayDialogStyle,
+      rendered,
+      zIndex,
+      afterEnter,
+      afterLeave,
+      beforeLeave,
+      handleClose,
+      onModalClick,
+      onOpenAutoFocus,
+      onCloseAutoFocus,
+      onCloseRequested,
+      onFocusoutPrevented
+    } = useDialog.useDialog(vm.props, dialogRef);
+    vue.provide(constants.dialogInjectionKey, {
+      dialogRef,
+      headerRef,
+      bodyId,
+      ns,
+      rendered,
+      style
+    });
+    const overlayEvent = index$3.useSameTarget(onModalClick);
+    const _draggable = vue.computed(() => __props.draggable && !__props.fullscreen);
+    __expose({
+      visible,
+      dialogContentRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftTeleport), {
+        to: "body",
+        disabled: !_ctx.appendToBody
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.Transition, {
+            name: "dialog-fade",
+            onAfterEnter: vue.unref(afterEnter),
+            onAfterLeave: vue.unref(afterLeave),
+            onBeforeLeave: vue.unref(beforeLeave)
+          }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createVNode(vue.unref(index$2.VftOverlay), {
+                "custom-mask-event": "",
+                mask: _ctx.modal,
+                "overlay-class": _ctx.modalClass,
+                "z-index": vue.unref(zIndex)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    role: "dialog",
+                    "aria-modal": "true",
+                    "aria-label": _ctx.title || void 0,
+                    "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
+                    "aria-describedby": vue.unref(bodyId),
+                    class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
+                    style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
+                    onClick: _cache[0] || (_cache[0] = //@ts-ignore
+                    (...args) => vue.unref(overlayEvent).onClick && vue.unref(overlayEvent).onClick(...args)),
+                    onMousedown: _cache[1] || (_cache[1] = //@ts-ignore
+                    (...args) => vue.unref(overlayEvent).onMousedown && vue.unref(overlayEvent).onMousedown(...args)),
+                    onMouseup: _cache[2] || (_cache[2] = //@ts-ignore
+                    (...args) => vue.unref(overlayEvent).onMouseup && vue.unref(overlayEvent).onMouseup(...args))
+                  }, [
+                    vue.createVNode(vue.unref(focusTrap.default), {
+                      loop: "",
+                      trapped: vue.unref(visible),
+                      "focus-start-el": "container",
+                      onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
+                      onFocusAfterReleased: vue.unref(onCloseAutoFocus),
+                      onFocusoutPrevented: vue.unref(onFocusoutPrevented),
+                      onReleaseRequested: vue.unref(onCloseRequested)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(dialogContent_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
+                          key: 0,
+                          ref_key: "dialogContentRef",
+                          ref: dialogContentRef
+                        }, _ctx.$attrs, {
+                          "custom-class": _ctx.customClass,
+                          center: _ctx.center,
+                          "align-center": _ctx.alignCenter,
+                          "close-icon": _ctx.closeIcon,
+                          draggable: _draggable.value,
+                          fullscreen: _ctx.fullscreen,
+                          "show-close": _ctx.showClose,
+                          title: _ctx.title,
+                          onClose: vue.unref(handleClose)
+                        }), vue.createSlots({
+                          header: vue.withCtx(() => [
+                            !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
+                              key: 0,
+                              close: vue.unref(handleClose),
+                              titleId: vue.unref(titleId),
+                              titleClass: vue.unref(ns).e("title")
+                            }) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
+                          ]),
+                          default: vue.withCtx(() => [
+                            vue.renderSlot(_ctx.$slots, "default")
+                          ]),
+                          _: 2
+                        }, [
+                          _ctx.$slots.footer ? {
+                            name: "footer",
+                            fn: vue.withCtx(() => [
+                              vue.renderSlot(_ctx.$slots, "footer")
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("", true)
+                      ]),
+                      _: 3
+                    }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+                  ], 46, _hoisted_1)
+                ]),
+                _: 3
+              }, 8, ["mask", "overlay-class", "z-index"]), [
+                [vue.vShow, vue.unref(visible)]
+              ])
+            ]),
+            _: 3
+          }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+        ]),
+        _: 3
+      }, 8, ["disabled"]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1 +1,186 @@
-"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("../../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;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@vueuse/core");
+require("@vft/utils");
+const helper = require("../../../utils/helper.cjs");
+const vue = require("vue");
+require("lodash-es");
+require("../../config-provider/index.cjs");
+const event = require("../../../constants/event.cjs");
+const index$1 = require("../../../hooks/use-id/index.cjs");
+const index$3 = require("../../../hooks/use-lockscreen/index.cjs");
+require("../../../hooks/use-model-toggle/index.cjs");
+const index$2 = require("../../../hooks/use-namespace/index.cjs");
+require("@popperjs/core");
+const index = require("../../../hooks/use-z-index/index.cjs");
+const useGlobalConfig = require("../../config-provider/hooks/use-global-config.cjs");
+const useDialog = (props, targetRef) => {
+  const instance = vue.getCurrentInstance();
+  const emit = instance.emit;
+  const { nextZIndex } = index.useZIndex();
+  let lastPosition = "";
+  const titleId = index$1.useId();
+  const bodyId = index$1.useId();
+  const visible = vue.ref(false);
+  const closed = vue.ref(false);
+  const rendered = vue.ref(false);
+  const zIndex = vue.ref(props.zIndex || nextZIndex());
+  let openTimer = void 0;
+  let closeTimer = void 0;
+  const namespace = useGlobalConfig.useGlobalConfig("namespace", index$2.defaultNamespace);
+  const style = vue.computed(() => {
+    const style2 = {};
+    const varPrefix = `--${namespace.value}-dialog`;
+    if (!props.fullscreen) {
+      if (props.top) {
+        style2[`${varPrefix}-margin-top`] = props.top;
+      }
+      if (props.width) {
+        style2[`${varPrefix}-width`] = helper.addUnit(props.width);
+      }
+    }
+    return style2;
+  });
+  const overlayDialogStyle = vue.computed(() => {
+    if (props.alignCenter) {
+      return { display: "flex" };
+    }
+    return {};
+  });
+  function afterEnter() {
+    emit("opened");
+  }
+  function afterLeave() {
+    emit("closed");
+    emit(event.UPDATE_MODEL_EVENT, false);
+    if (props.destroyOnClose) {
+      rendered.value = false;
+    }
+  }
+  function beforeLeave() {
+    emit("close");
+  }
+  function open() {
+    closeTimer?.();
+    openTimer?.();
+    if (props.openDelay && props.openDelay > 0) {
+      ({ stop: openTimer } = core.useTimeoutFn(() => doOpen(), props.openDelay));
+    } else {
+      doOpen();
+    }
+  }
+  function close() {
+    openTimer?.();
+    closeTimer?.();
+    if (props.closeDelay && props.closeDelay > 0) {
+      ({ stop: closeTimer } = core.useTimeoutFn(() => doClose(), props.closeDelay));
+    } else {
+      doClose();
+    }
+  }
+  function handleClose() {
+    function hide(shouldCancel) {
+      if (shouldCancel) return;
+      closed.value = true;
+      visible.value = false;
+    }
+    if (props.beforeClose) {
+      props.beforeClose(hide);
+    } else {
+      close();
+    }
+  }
+  function onModalClick() {
+    if (props.closeOnClickModal) {
+      handleClose();
+    }
+  }
+  function doOpen() {
+    if (!core.isClient) return;
+    visible.value = true;
+  }
+  function doClose() {
+    visible.value = false;
+  }
+  function onOpenAutoFocus() {
+    emit("openAutoFocus");
+  }
+  function onCloseAutoFocus() {
+    emit("closeAutoFocus");
+  }
+  function onFocusoutPrevented(event2) {
+    if (event2.detail?.focusReason === "pointer") {
+      event2.preventDefault();
+    }
+  }
+  if (props.lockScroll) {
+    index$3.useLockscreen(visible);
+  }
+  function onCloseRequested() {
+    if (props.closeOnPressEscape) {
+      handleClose();
+    }
+  }
+  vue.watch(
+    () => props.modelValue,
+    (val) => {
+      if (val) {
+        closed.value = false;
+        open();
+        rendered.value = true;
+        zIndex.value = props.zIndex ? zIndex.value++ : nextZIndex();
+        vue.nextTick(() => {
+          emit("open");
+          if (targetRef.value) {
+            targetRef.value.scrollTop = 0;
+          }
+        });
+      } else {
+        if (visible.value) {
+          close();
+        }
+      }
+    }
+  );
+  vue.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;
+      }
+    }
+  );
+  vue.onMounted(() => {
+    if (props.modelValue) {
+      visible.value = true;
+      rendered.value = true;
+      open();
+    }
+  });
+  return {
+    afterEnter,
+    afterLeave,
+    beforeLeave,
+    handleClose,
+    onModalClick,
+    close,
+    doClose,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    onCloseRequested,
+    onFocusoutPrevented,
+    titleId,
+    bodyId,
+    closed,
+    style,
+    overlayDialogStyle,
+    rendered,
+    visible,
+    zIndex
+  };
+};
+exports.useDialog = useDialog;

package/lib/components/dialog/index.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const i=require("./dialog.vue2.cjs"),r=require("./constants.cjs"),u=require("./hooks/use-dialog.cjs"),e=t.withInstall(i.default);exports.dialogInjectionKey=r.dialogInjectionKey;exports.useDialog=u.useDialog;exports.VftDialog=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const dialog_vue_vue_type_script_setup_true_lang = require("./dialog.vue2.cjs");
+const constants = require("./constants.cjs");
+const useDialog = require("./hooks/use-dialog.cjs");
+const VftDialog = install.withInstall(dialog_vue_vue_type_script_setup_true_lang.default);
+exports.dialogInjectionKey = constants.dialogInjectionKey;
+exports.useDialog = useDialog.useDialog;
+exports.VftDialog = VftDialog;
+exports.default = VftDialog;

package/lib/components/dialog/style/css.cjs

@@ -1 +1,4 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-dialog.css");require("vft/theme-style/vft-overlay.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-dialog.css");
+require("vft/theme-style/vft-overlay.css");

package/lib/components/dialog/style/index.cjs

@@ -1 +1,4 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/dialog.scss");require("vft/theme-style/src/overlay.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/dialog.scss");
+require("vft/theme-style/src/overlay.scss");

package/lib/components/divider/divider.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./divider.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const divider_vue_vue_type_script_setup_true_lang = require("./divider.vue2.cjs");
+exports.default = divider_vue_vue_type_script_setup_true_lang.default;

package/lib/components/divider/divider.vue2.cjs

@@ -1 +1,53 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const i=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({name:"vft-divider"}),a=e.defineComponent({...l,props:{direction:{default:"horizontal"},contentPosition:{default:"center"},borderStyle:{default:"solid"},borderColor:{},marginY:{},marginX:{}},setup(t){const r=i.useNamespace("divider"),n=e.computed(()=>({...r.cssVarBlock({"border-style":t.borderStyle,"border-color":t.borderColor,"margin-y":t.marginY,"margin-x":t.marginX})}));return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).m(o.direction)]),style:e.normalizeStyle(n.value),role:"separator"},[o.$slots.default&&o.direction!=="vertical"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(r).e("text"),e.unref(r).is(o.contentPosition)])},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0)],6))}});exports.default=a;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-divider"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    direction: { default: "horizontal" },
+    contentPosition: { default: "center" },
+    borderStyle: { default: "solid" },
+    borderColor: {},
+    marginY: {},
+    marginX: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("divider");
+    const dividerStyle = vue.computed(() => {
+      return {
+        ...ns.cssVarBlock({
+          "border-style": __props.borderStyle,
+          "border-color": __props.borderColor,
+          "margin-y": __props.marginY,
+          "margin-x": __props.marginX
+        })
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.direction)]),
+        style: vue.normalizeStyle(dividerStyle.value),
+        role: "separator"
+      }, [
+        _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass([vue.unref(ns).e("text"), vue.unref(ns).is(_ctx.contentPosition)])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/divider/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./divider.vue2.cjs"),e=r.withInstall(t.default);exports.VftDivider=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const divider_vue_vue_type_script_setup_true_lang = require("./divider.vue2.cjs");
+const VftDivider = install.withInstall(divider_vue_vue_type_script_setup_true_lang.default);
+exports.VftDivider = VftDivider;
+exports.default = VftDivider;

package/lib/components/divider/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-divider.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-divider.css");

package/lib/components/divider/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/divider.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/divider.scss");

package/lib/components/docs-layout/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-docs-layout.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-docs-layout.css");

package/lib/components/docs-layout/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/docs-layout.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/docs-layout.scss");

package/lib/components/drawer/drawer.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./drawer.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const drawer_vue_vue_type_script_setup_true_lang = require("./drawer.vue2.cjs");
+exports.default = drawer_vue_vue_type_script_setup_true_lang.default;