vft 0.0.19 → 0.0.21

package/es/components/link/link.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue2.mjs","sources":["../../../../../packages/components/link/link.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('link')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { type RouteLocationRaw } from 'vue-router';\nimport { type IconProps, VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useRouterHelper, type WinOpenType } from '@vft/router';\n\ninterface Props {\n  type?: 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default';\n  underline?: boolean\n  disabled?: boolean\n  route?: WinOpenType | RouteLocationRaw\n  isReplace?: boolean\n  icon?: IconProps\n}\n\ndefineProps({\n  \"type\": { default: 'default' },\n  \"underline\": { type: Boolean, default: true },\n  \"disabled\": { type: Boolean, default: false },\n  \"route\": null,\n  \"isReplace\": { type: Boolean,  },\n  \"icon\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst { go } = useRouterHelper();\n\nfunction handleClick (event: MouseEvent) {\n  if (__props.route) {\n  \tgo(__props.route as RouteLocationRaw, __props.isReplace);\n  }\n  if (!__props.disabled) emit('click', event);\n}\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n</script>\n\n<template>\n  <span\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is('disabled', disabled),\n      ns.is('underline', underline && !disabled),\n    ]\"\n    @click=\"handleClick\"\n  >\n    <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n    <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n      <slot />\n    </span>\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","go","useRouterHelper","handleClick","event","__props","emit","_icon","computed","singleAttrToObj"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;AAiCK,UAAA,EAAE,IAAAI,MAAOC;AAEf,aAASC,EAAaC,GAAmB;AACvC,MAAIC,EAAQ,SACRJ,EAAAI,EAAQ,OAA2BA,EAAQ,SAAS,GAEnDA,EAAQ,YAAUC,EAAK,SAASF,CAAK;AAAA,IAC5C;AAEM,UAAAG,IAAQC,EAAS,MACdC,EAAgBJ,EAAQ,MAAM,MAAM,CAC5C;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/loading/directive.d.ts

@@ -0,0 +1,18 @@
+import type { Directive, DirectiveBinding, UnwrapRef } from 'vue';
+import type { LoadingOptions } from './types';
+import type { LoadingInstance } from './loading';
+declare const INSTANCE_KEY: unique symbol;
+export type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;
+export interface VriLoading extends HTMLElement {
+    [INSTANCE_KEY]?: {
+        instance: LoadingInstance;
+        options: LoadingOptions;
+    };
+}
+export declare const vLoading: Directive<VriLoading, LoadingBinding>;
+export declare function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>): {
+    mounted(el: VriLoading, binding: DirectiveBinding<LoadingBinding>): void;
+    updated(el: VriLoading, binding: DirectiveBinding<LoadingBinding>): void;
+    unmounted(el: VriLoading): void;
+};
+export {};

package/es/components/loading/directive.mjs

@@ -0,0 +1,50 @@
+import { isRef as x, ref as V } from "vue";
+import { isObject as m, isString as k } from "@vft/utils";
+import { Loading as y } from "./service.mjs";
+const c = Symbol("VriLoading"), f = (l, o) => {
+  const e = o.instance, s = (a) => m(o.value) ? o.value[a] : void 0, p = (a) => {
+    const r = k(a) && (e == null ? void 0 : e[a]) || a;
+    return r && V(r);
+  }, t = (a) => p(s(a)), u = s("fullscreen") ?? o.modifiers.fullscreen, v = {
+    text: t("text"),
+    svg: t("svg"),
+    svgViewBox: t("svgViewBox"),
+    spinner: t("spinner"),
+    visible: t("visible"),
+    background: t("background"),
+    customClass: t("customClass"),
+    rotate: t("rotate"),
+    img: t("img"),
+    fullscreen: u,
+    target: s("target") ?? (u ? void 0 : l),
+    body: s("body") ?? o.modifiers.body,
+    lock: s("lock") ?? o.modifiers.lock
+  };
+  l[c] = {
+    options: v,
+    instance: y(v)
+  };
+}, B = (l, o) => {
+  for (const e of Object.keys(o))
+    x(o[e]) && (o[e].value = l[e]);
+}, I = E();
+function E(l) {
+  return {
+    mounted(o, e) {
+      e.value.visible === !1 ? e.value = void 0 : e.value = { ...l, ...e.value }, e.value && f(o, e);
+    },
+    updated(o, e) {
+      const s = o[c];
+      e.oldValue !== e.value && (e.value && !e.oldValue ? (e.value = { ...l, ...e.value }, f(o, e)) : e.value && e.oldValue ? m(e.value) && (e.value = { ...l, ...e.value }, B(e.value, s.options)) : s == null || s.instance.close());
+    },
+    unmounted(o) {
+      var e;
+      (e = o[c]) == null || e.instance.close();
+    }
+  };
+}
+export {
+  E as createLoadingDirective,
+  I as vLoading
+};
+//# sourceMappingURL=directive.mjs.map

package/es/components/loading/directive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.mjs","sources":["../../../../../packages/components/loading/directive.ts"],"sourcesContent":["import { isRef, ref } from 'vue';\nimport { isObject, isString } from '@vft/utils';\nimport { Loading } from './service';\nimport type { Directive, DirectiveBinding, UnwrapRef } from 'vue';\nimport type { LoadingOptions } from './types';\nimport type { LoadingInstance } from './loading';\n\nconst INSTANCE_KEY = Symbol('VriLoading');\n\nexport type LoadingBinding = boolean | UnwrapRef<LoadingOptions>;\n\nexport interface VriLoading extends HTMLElement {\n  [INSTANCE_KEY]?: {\n    instance: LoadingInstance;\n    options: LoadingOptions;\n  };\n}\n\nconst createInstance = (el: VriLoading, binding: DirectiveBinding<LoadingBinding>) => {\n  const vm = binding.instance;\n\n  // @ts-ignore\n  const getBindingProp = <K extends keyof LoadingOptions>(key: K): LoadingOptions[K] => (isObject(binding.value) ? binding.value[key] : undefined);\n\n  const resolveExpression = (key: any) => {\n    // @ts-ignore\n    const data = (isString(key) && vm?.[key]) || key;\n    if (data) return ref(data);\n    else return data;\n  };\n\n  const getProp = <K extends keyof LoadingOptions>(name: K) => resolveExpression(getBindingProp(name));\n\n  const fullscreen = getBindingProp('fullscreen') ?? binding.modifiers.fullscreen;\n\n  const options: LoadingOptions = {\n    text: getProp('text'),\n    svg: getProp('svg'),\n    svgViewBox: getProp('svgViewBox'),\n    spinner: getProp('spinner'),\n    visible: getProp('visible'),\n    background: getProp('background'),\n    customClass: getProp('customClass'),\n    rotate: getProp('rotate'),\n    img: getProp('img'),\n    fullscreen,\n    target: getBindingProp('target') ?? (fullscreen ? undefined : el),\n    body: getBindingProp('body') ?? binding.modifiers.body,\n    lock: getBindingProp('lock') ?? binding.modifiers.lock\n  };\n\n  el[INSTANCE_KEY] = {\n    options,\n    instance: Loading(options)\n  };\n};\n\nconst updateOptions = (newOptions: UnwrapRef<LoadingOptions>, originalOptions: LoadingOptions) => {\n  for (const key of Object.keys(originalOptions)) {\n    // @ts-ignore\n    if (isRef(originalOptions[key])) originalOptions[key].value = newOptions[key];\n  }\n};\n\nexport const vLoading: Directive<VriLoading, LoadingBinding> = createLoadingDirective();\n\nexport function createLoadingDirective(defaultLoadingCfg?: UnwrapRef<LoadingOptions>) {\n  return {\n    mounted(el: VriLoading, binding: DirectiveBinding<LoadingBinding>) {\n      // @ts-ignore\n      if (binding.value.visible === false) {\n        binding.value = undefined;\n      } else {\n        binding.value = { ...defaultLoadingCfg, ...binding.value };\n      }\n\n      if (binding.value) {\n        createInstance(el, binding);\n      }\n    },\n    updated(el: VriLoading, binding: DirectiveBinding<LoadingBinding>) {\n      const instance = el[INSTANCE_KEY];\n      if (binding.oldValue !== binding.value) {\n        if (binding.value && !binding.oldValue) {\n          // @ts-ignore\n          binding.value = { ...defaultLoadingCfg, ...binding.value };\n\n          createInstance(el, binding);\n        } else if (binding.value && binding.oldValue) {\n          if (isObject(binding.value)) {\n            binding.value = { ...defaultLoadingCfg, ...binding.value };\n            updateOptions(binding.value, instance!.options);\n          }\n        } else {\n          instance?.instance.close();\n        }\n      }\n    },\n    unmounted(el: VriLoading) {\n      el[INSTANCE_KEY]?.instance.close();\n    }\n  };\n}\n"],"names":["INSTANCE_KEY","createInstance","el","binding","vm","getBindingProp","key","isObject","resolveExpression","data","isString","ref","getProp","name","fullscreen","options","Loading","updateOptions","newOptions","originalOptions","isRef","vLoading","createLoadingDirective","defaultLoadingCfg","instance","_a"],"mappings":";;;AAOA,MAAMA,IAAe,OAAO,YAAY,GAWlCC,IAAiB,CAACC,GAAgBC,MAA8C;AACpF,QAAMC,IAAKD,EAAQ,UAGbE,IAAiB,CAAiCC,MAA+BC,EAASJ,EAAQ,KAAK,IAAIA,EAAQ,MAAMG,CAAG,IAAI,QAEhIE,IAAoB,CAACF,MAAa;AAEtC,UAAMG,IAAQC,EAASJ,CAAG,MAAKF,KAAA,gBAAAA,EAAKE,OAASA;AACzC,WAAAG,KAAaE,EAAIF,CAAI;AAAA,EACb,GAGRG,IAAU,CAAiCC,MAAYL,EAAkBH,EAAeQ,CAAI,CAAC,GAE7FC,IAAaT,EAAe,YAAY,KAAKF,EAAQ,UAAU,YAE/DY,IAA0B;AAAA,IAC9B,MAAMH,EAAQ,MAAM;AAAA,IACpB,KAAKA,EAAQ,KAAK;AAAA,IAClB,YAAYA,EAAQ,YAAY;AAAA,IAChC,SAASA,EAAQ,SAAS;AAAA,IAC1B,SAASA,EAAQ,SAAS;AAAA,IAC1B,YAAYA,EAAQ,YAAY;AAAA,IAChC,aAAaA,EAAQ,aAAa;AAAA,IAClC,QAAQA,EAAQ,QAAQ;AAAA,IACxB,KAAKA,EAAQ,KAAK;AAAA,IAClB,YAAAE;AAAA,IACA,QAAQT,EAAe,QAAQ,MAAMS,IAAa,SAAYZ;AAAA,IAC9D,MAAMG,EAAe,MAAM,KAAKF,EAAQ,UAAU;AAAA,IAClD,MAAME,EAAe,MAAM,KAAKF,EAAQ,UAAU;AAAA,EAAA;AAGpD,EAAAD,EAAGF,CAAY,IAAI;AAAA,IACjB,SAAAe;AAAA,IACA,UAAUC,EAAQD,CAAO;AAAA,EAAA;AAE7B,GAEME,IAAgB,CAACC,GAAuCC,MAAoC;AAChG,aAAWb,KAAO,OAAO,KAAKa,CAAe;AAEvC,IAAAC,EAAMD,EAAgBb,CAAG,CAAC,MAAGa,EAAgBb,CAAG,EAAE,QAAQY,EAAWZ,CAAG;AAEhF,GAEae,IAAkDC,EAAuB;AAE/E,SAASA,EAAuBC,GAA+C;AAC7E,SAAA;AAAA,IACL,QAAQrB,GAAgBC,GAA2C;AAE7D,MAAAA,EAAQ,MAAM,YAAY,KAC5BA,EAAQ,QAAQ,SAEhBA,EAAQ,QAAQ,EAAE,GAAGoB,GAAmB,GAAGpB,EAAQ,SAGjDA,EAAQ,SACVF,EAAeC,GAAIC,CAAO;AAAA,IAE9B;AAAA,IACA,QAAQD,GAAgBC,GAA2C;AAC3D,YAAAqB,IAAWtB,EAAGF,CAAY;AAC5B,MAAAG,EAAQ,aAAaA,EAAQ,UAC3BA,EAAQ,SAAS,CAACA,EAAQ,YAE5BA,EAAQ,QAAQ,EAAE,GAAGoB,GAAmB,GAAGpB,EAAQ,SAEnDF,EAAeC,GAAIC,CAAO,KACjBA,EAAQ,SAASA,EAAQ,WAC9BI,EAASJ,EAAQ,KAAK,MACxBA,EAAQ,QAAQ,EAAE,GAAGoB,GAAmB,GAAGpB,EAAQ,SACrCc,EAAAd,EAAQ,OAAOqB,EAAU,OAAO,KAGhDA,KAAA,QAAAA,EAAU,SAAS;AAAA,IAGzB;AAAA,IACA,UAAUtB,GAAgB;;AACrB,OAAAuB,IAAAvB,EAAAF,CAAY,MAAZ,QAAAyB,EAAe,SAAS;AAAA,IAC7B;AAAA,EAAA;AAEJ;"}

package/es/components/loading/index.d.ts

@@ -0,0 +1,39 @@
+import { Loading } from './service';
+import { vLoading } from './directive';
+import type { App } from 'vue';
+export declare const VftLoading: {
+    install(app: App): void;
+    directive: import("vue").Directive<import("./directive").VriLoading, import("./directive").LoadingBinding>;
+    service: (options?: Partial<Omit<import("./types").LoadingOptionsResolved, "target" | "parent"> & {
+        target: string | HTMLElement;
+        body: boolean;
+    }>) => {
+        setText: (text: string) => void;
+        removeVriLoadingChild: () => void;
+        close: () => void;
+        handleAfterLeave: () => void;
+        vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $el: HTMLElement;
+        originalPosition: import("vue").Ref<string>;
+        originalOverflow: import("vue").Ref<string>;
+        visible: import("vue").Ref<boolean>;
+        parent: import("vue").Ref<import("./types").LoadingParentElement>;
+        background: import("vue").Ref<string>;
+        svg: import("vue").Ref<string>;
+        svgViewBox: import("vue").Ref<string>;
+        spinner: import("vue").Ref<string | boolean>;
+        img: import("vue").Ref<string | boolean>;
+        text: import("vue").Ref<string>;
+        fullscreen: import("vue").Ref<boolean>;
+        rotate: import("vue").Ref<string | boolean>;
+        lock: import("vue").Ref<boolean>;
+        customClass: import("vue").Ref<string>;
+        target: import("vue").Ref<HTMLElement>;
+        beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+        closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+    };
+};
+export default VftLoading;
+export { vLoading, vLoading as VftLoadingDirective, Loading as VftLoadingService };
+export * from './types';
+export { createLoadingDirective } from './directive';

package/es/components/loading/index.mjs

@@ -0,0 +1,19 @@
+import { Loading as e } from "./service.mjs";
+import { vLoading as o } from "./directive.mjs";
+import { createLoadingDirective as g } from "./directive.mjs";
+const a = {
+  install(i) {
+    i.directive("loading", o), i.config.globalProperties.$loading = e;
+  },
+  directive: o,
+  service: e
+};
+export {
+  a as VftLoading,
+  o as VftLoadingDirective,
+  e as VftLoadingService,
+  g as createLoadingDirective,
+  a as default,
+  o as vLoading
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/loading/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["import { Loading } from './service';\nimport { vLoading } from './directive';\n\nimport type { App } from 'vue';\n\n// installer and everything in all\nexport const VftLoading = {\n\tinstall (app: App) {\n\t\tapp.directive('loading', vLoading);\n\t\tapp.config.globalProperties.$loading = Loading;\n\t},\n\tdirective: vLoading,\n\tservice: Loading,\n};\n\nexport default VftLoading;\nexport { vLoading, vLoading as VftLoadingDirective, Loading as VftLoadingService };\n\nexport * from './types';\nexport { createLoadingDirective } from './directive';\n"],"names":["VftLoading","app","vLoading","Loading"],"mappings":";;;AAMO,MAAMA,IAAa;AAAA,EACzB,QAASC,GAAU;AACd,IAAAA,EAAA,UAAU,WAAWC,CAAQ,GAC7BD,EAAA,OAAO,iBAAiB,WAAWE;AAAA,EACxC;AAAA,EACA,WAAWD;AAAA,EACX,SAASC;AACV;"}

package/es/components/loading/loading.d.ts

@@ -0,0 +1,27 @@
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    removeVriLoadingChild: () => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    img: import("vue").Ref<string | boolean>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    rotate: import("vue").Ref<string | boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+};
+export type LoadingInstance = ReturnType<typeof createLoadingComponent>;

package/es/components/loading/loading.mjs

@@ -0,0 +1,122 @@
+import { ref as L, reactive as C, watch as x, createApp as h, toRefs as w, h as o, Transition as A, withCtx as T, withDirectives as V, createVNode as N, vShow as $ } from "vue";
+import { useNamespace as k } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { removeClass as v } from "@vft/utils";
+function O(i) {
+  let c;
+  const n = k("loading"), s = L(!1), t = C({
+    ...i,
+    originalPosition: "",
+    originalOverflow: "",
+    visible: !1
+  });
+  function f(e) {
+    t.text = e;
+  }
+  x(
+    () => t.visible,
+    (e) => {
+      e || u();
+    }
+  );
+  function g() {
+    const e = t.parent;
+    if (!e.vLoadingAddClassList) {
+      let r = e.getAttribute("loading-number");
+      r = Number.parseInt(r) - 1, r ? e.setAttribute("loading-number", r.toString()) : (v(e, n.bm("parent", "relative")), e.removeAttribute("loading-number")), v(e, n.bm("parent", "hidden"));
+    }
+    m(), d.unmount();
+  }
+  function m() {
+    var e, r;
+    (r = (e = a.$el) == null ? void 0 : e.parentNode) == null || r.removeChild(a.$el);
+  }
+  function u() {
+    var e;
+    i.beforeClose && !i.beforeClose() || (s.value = !0, clearTimeout(c), c = window.setTimeout(l, 400), t.visible = !1, (e = i.closed) == null || e.call(i));
+  }
+  function l() {
+    if (!s.value)
+      return;
+    const e = t.parent;
+    s.value = !1, e.vLoadingAddClassList = void 0, g();
+  }
+  const d = h({
+    name: "VriLoading",
+    setup() {
+      return () => {
+        const e = t.spinner || t.svg, r = t.img, b = r ? o("img", {
+          class: ["circular circular-img", t.rotate ? "" : "circular-no-rotate"],
+          src: r
+        }) : o(
+          "svg",
+          {
+            class: "circular",
+            viewBox: t.svgViewBox ? t.svgViewBox : "0 0 50 50",
+            ...e ? { innerHTML: e } : {}
+          },
+          [
+            o("circle", {
+              class: "path",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none"
+            })
+          ]
+        ), p = t.text ? o("p", { class: n.b("text") }, [t.text]) : void 0;
+        return o(
+          A,
+          {
+            name: n.b("fade"),
+            onAfterLeave: l
+          },
+          {
+            default: T(() => [
+              V(
+                N(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: t.background || ""
+                    },
+                    class: [n.b("mask"), t.customClass, t.fullscreen ? "is-fullscreen" : ""]
+                  },
+                  [
+                    o(
+                      "div",
+                      {
+                        class: n.b("spinner")
+                      },
+                      [b, p]
+                    )
+                  ]
+                ),
+                [[$, t.visible]]
+              )
+            ])
+          }
+        );
+      };
+    }
+  }), a = d.mount(document.createElement("div"));
+  return {
+    ...w(t),
+    setText: f,
+    removeVriLoadingChild: m,
+    close: u,
+    handleAfterLeave: l,
+    vm: a,
+    get $el() {
+      return a.$el;
+    }
+  };
+}
+export {
+  O as createLoadingComponent
+};
+//# sourceMappingURL=loading.mjs.map

package/es/components/loading/loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.mjs","sources":["../../../../../packages/components/loading/loading.ts"],"sourcesContent":["import { Transition, createApp, createVNode, h, reactive, ref, watch, toRefs, vShow, withCtx, withDirectives } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { removeClass } from '@vft/utils';\nimport type { LoadingOptionsResolved } from './types';\n\nexport function createLoadingComponent(options: LoadingOptionsResolved) {\n  let afterLeaveTimer: number;\n\n  const ns = useNamespace('loading');\n  const afterLeaveFlag = ref(false);\n  const data = reactive({\n    ...options,\n    originalPosition: '',\n    originalOverflow: '',\n    visible: false\n  });\n\n  function setText(text: string) {\n    data.text = text;\n  }\n\n  watch(\n    () => data.visible,\n    (val) => {\n      if (!val) {\n        close();\n      }\n    }\n  );\n\n  function destroySelf() {\n    const target = data.parent;\n    if (!target.vLoadingAddClassList) {\n      let loadingNumber: number | string | null = target.getAttribute('loading-number');\n      loadingNumber = Number.parseInt(loadingNumber as any) - 1;\n      if (!loadingNumber) {\n        // @ts-ignore\n        removeClass(target, ns.bm('parent', 'relative'));\n        target.removeAttribute('loading-number');\n      } else {\n        target.setAttribute('loading-number', loadingNumber.toString());\n      }\n      // @ts-ignore\n      removeClass(target, ns.bm('parent', 'hidden'));\n    }\n    removeVriLoadingChild();\n    loadingInstance.unmount();\n  }\n\n  function removeVriLoadingChild(): void {\n    vm.$el?.parentNode?.removeChild(vm.$el);\n  }\n\n  function close() {\n    if (options.beforeClose && !options.beforeClose()) return;\n\n    afterLeaveFlag.value = true;\n    clearTimeout(afterLeaveTimer);\n\n    afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);\n    data.visible = false;\n\n    options.closed?.();\n  }\n\n  function handleAfterLeave() {\n    if (!afterLeaveFlag.value) return;\n    const target = data.parent;\n    afterLeaveFlag.value = false;\n    target.vLoadingAddClassList = undefined;\n    destroySelf();\n  }\n\n  const VriLoadingComponent = {\n    name: 'VriLoading',\n    setup() {\n      return () => {\n        const svg = data.spinner || data.svg;\n        const img = data.img;\n        const spinner = img\n          ? h('img', {\n              class: ['circular circular-img', data.rotate ? '' : 'circular-no-rotate'],\n              src: img\n            })\n          : h(\n              'svg',\n              {\n                class: 'circular',\n                viewBox: data.svgViewBox ? data.svgViewBox : '0 0 50 50',\n                ...(svg ? { innerHTML: svg } : {})\n              },\n              [\n                h('circle', {\n                  class: 'path',\n                  cx: '25',\n                  cy: '25',\n                  r: '20',\n                  fill: 'none'\n                })\n              ]\n            );\n\n        const spinnerText = data.text ? h('p', { class: ns.b('text') }, [data.text]) : undefined;\n\n        return h(\n          Transition,\n          {\n            name: ns.b('fade'),\n            onAfterLeave: handleAfterLeave\n          },\n          {\n            default: withCtx(() => [\n              withDirectives(\n                createVNode(\n                  'div',\n                  {\n                    style: {\n                      backgroundColor: data.background || ''\n                    },\n                    class: [ns.b('mask'), data.customClass, data.fullscreen ? 'is-fullscreen' : '']\n                  },\n                  [\n                    h(\n                      'div',\n                      {\n                        class: ns.b('spinner')\n                      },\n                      [spinner, spinnerText]\n                    )\n                  ]\n                ),\n                [[vShow, data.visible]]\n              )\n            ])\n          }\n        );\n      };\n    }\n  };\n\n  const loadingInstance = createApp(VriLoadingComponent);\n  const vm = loadingInstance.mount(document.createElement('div'));\n\n  return {\n    ...toRefs(data),\n    setText,\n    removeVriLoadingChild,\n    close,\n    handleAfterLeave,\n    vm,\n    get $el(): HTMLElement {\n      return vm.$el;\n    }\n  };\n}\n\nexport type LoadingInstance = ReturnType<typeof createLoadingComponent>;\n"],"names":["createLoadingComponent","options","afterLeaveTimer","ns","useNamespace","afterLeaveFlag","ref","data","reactive","setText","text","watch","val","close","destroySelf","target","loadingNumber","removeClass","removeVriLoadingChild","loadingInstance","_b","_a","vm","handleAfterLeave","createApp","svg","img","spinner","h","spinnerText","Transition","withCtx","withDirectives","createVNode","vShow","toRefs"],"mappings":"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"}

package/es/components/loading/service.d.ts

@@ -0,0 +1,3 @@
+import type { LoadingInstance } from './loading';
+import type { LoadingOptions } from './types';
+export declare const Loading: (options?: LoadingOptions) => LoadingInstance;

package/es/components/loading/service.mjs

@@ -0,0 +1,68 @@
+import { useNamespace as g } from "../../hooks/use-namespace/index.mjs";
+import { nextTick as f, unref as i } from "vue";
+import "@popperjs/core";
+import "lodash";
+import { useZIndex as b } from "../../hooks/use-z-index/index.mjs";
+import { isClient as v } from "@vueuse/core";
+import "@vue/shared";
+import { isString as p, getStyle as s, addClass as c, removeClass as u } from "@vft/utils";
+import { createLoadingComponent as y } from "./loading.mjs";
+let d;
+const P = function(t = {}) {
+  if (!v)
+    return;
+  const e = x(t);
+  if (e.fullscreen && d)
+    return d;
+  const r = y({
+    ...e,
+    closed: () => {
+      var n;
+      (n = e.closed) == null || n.call(e), e.fullscreen && (d = void 0);
+    }
+  });
+  C(e, e.parent, r), m(e, e.parent, r), e.parent.vLoadingAddClassList = () => m(e, e.parent, r);
+  let o = e.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(r.$el), f(() => r.visible.value = e.visible), e.fullscreen && (d = r), r;
+}, x = (t) => {
+  let e;
+  return p(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
+    parent: e === document.body || t.body ? document.body : e,
+    background: i(t.background) || "",
+    svg: i(t.svg) || "",
+    svgViewBox: i(t.svgViewBox) || "",
+    spinner: i(t.spinner) || !1,
+    img: i(t.img) || !1,
+    text: i(t.text) || "",
+    rotate: t.rotate ?? !0,
+    fullscreen: e === document.body && (t.fullscreen ?? !0),
+    lock: t.lock ?? !1,
+    customClass: i(t.customClass) || "",
+    visible: t.visible ?? !0,
+    target: e
+  };
+}, C = async (t, e, r) => {
+  const { nextZIndex: o } = b(), n = {};
+  if (t.fullscreen)
+    r.originalPosition.value = s(document.body, "position"), r.originalOverflow.value = s(document.body, "overflow"), n.zIndex = o();
+  else if (t.parent === document.body) {
+    r.originalPosition.value = s(document.body, "position"), await f();
+    for (const l of ["top", "left"]) {
+      const a = l === "top" ? "scrollTop" : "scrollLeft";
+      n[l] = `${// @ts-ignore
+      t.target.getBoundingClientRect()[l] + document.body[a] + document.documentElement[a] - Number.parseInt(s(document.body, `margin-${l}`), 10)}px`;
+    }
+    for (const l of ["height", "width"])
+      n[l] = `${t.target.getBoundingClientRect()[l]}px`;
+  } else
+    r.originalPosition.value = s(e, "position");
+  for (const [l, a] of Object.entries(n))
+    r.$el.style[l] = a;
+}, m = (t, e, r) => {
+  const o = g("loading");
+  ["absolute", "fixed", "sticky"].includes(r.originalPosition.value) ? u(e, o.bm("parent", "relative")) : c(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? c(e, o.bm("parent", "hidden")) : u(e, o.bm("parent", "hidden"));
+};
+export {
+  P as Loading
+};
+//# sourceMappingURL=service.mjs.map

package/es/components/loading/service.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.mjs","sources":["../../../../../packages/components/loading/service.ts"],"sourcesContent":["import { useNamespace, useZIndex } from '@vft-ui/hooks';\nimport { addClass, getStyle, isString, removeClass } from '@vft/utils';\nimport { isClient } from '@vueuse/core';\nimport type { CSSProperties } from 'vue';\nimport { nextTick, unref } from 'vue';\nimport type { LoadingInstance } from './loading';\nimport { createLoadingComponent } from './loading';\nimport type { LoadingOptions, LoadingOptionsResolved } from './types';\n\nlet fullscreenInstance: LoadingInstance | undefined = undefined;\n\nexport const Loading = function (options: LoadingOptions = {}): LoadingInstance {\n  if (!isClient) return undefined as any;\n\n  const resolved = resolveOptions(options);\n\n  if (resolved.fullscreen && fullscreenInstance) {\n    return fullscreenInstance;\n  }\n\n  const instance = createLoadingComponent({\n    ...resolved,\n    closed: () => {\n      resolved.closed?.();\n      if (resolved.fullscreen) fullscreenInstance = undefined;\n    }\n  });\n\n  addStyle(resolved, resolved.parent, instance);\n  addClassList(resolved, resolved.parent, instance);\n\n  resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);\n\n  let loadingNumber: string | null = resolved.parent.getAttribute('loading-number');\n  if (!loadingNumber) {\n    loadingNumber = '1';\n  } else {\n    loadingNumber = `${Number.parseInt(loadingNumber) + 1}`;\n  }\n  resolved.parent.setAttribute('loading-number', loadingNumber);\n\n  resolved.parent.appendChild(instance.$el);\n\n  // @ts-ignore\n  nextTick(() => (instance.visible.value = resolved.visible));\n\n  if (resolved.fullscreen) {\n    fullscreenInstance = instance;\n  }\n  return instance;\n};\n\nconst resolveOptions = (options: LoadingOptions): LoadingOptionsResolved => {\n  let target: HTMLElement;\n  if (isString(options.target)) {\n    target = document.querySelector<HTMLElement>(options.target) ?? document.body;\n  } else {\n    target = options.target || document.body;\n  }\n  return {\n    parent: target === document.body || options.body ? document.body : target,\n    background: unref(options.background) || '',\n    svg: unref(options.svg) || '',\n    svgViewBox: unref(options.svgViewBox) || '',\n    spinner: unref(options.spinner) || false,\n    img: unref(options.img) || false,\n    text: unref(options.text) || '',\n    rotate: options.rotate ?? true,\n    fullscreen: target === document.body && (options.fullscreen ?? true),\n    lock: options.lock ?? false,\n    customClass: unref(options.customClass) || '',\n    visible: options.visible ?? true,\n    target\n  };\n};\n\nconst addStyle = async (options: LoadingOptionsResolved, parent: HTMLElement, instance: LoadingInstance) => {\n  const { nextZIndex } = useZIndex();\n\n  const maskStyle: Record<string, any> = {};\n  if (options.fullscreen) {\n    instance.originalPosition.value = getStyle(document.body, 'position');\n    instance.originalOverflow.value = getStyle(document.body, 'overflow');\n    maskStyle.zIndex = nextZIndex();\n  } else if (options.parent === document.body) {\n    instance.originalPosition.value = getStyle(document.body, 'position');\n    /**\n     * await dom render when visible is true in init,\n     * because some component's height maybe 0.\n     * e.g. el-table.\n     */\n    await nextTick();\n    for (const property of ['top', 'left']) {\n      const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';\n      maskStyle[property] = `${\n        // @ts-ignore\n        (options.target as HTMLElement).getBoundingClientRect()[property] +\n        document.body[scroll] +\n        document.documentElement[scroll] -\n        Number.parseInt(getStyle(document.body, `margin-${property}` as keyof CSSProperties), 10)\n      }px`;\n    }\n    for (const property of ['height', 'width']) {\n      // @ts-ignore\n      maskStyle[property] = `${(options.target as HTMLElement).getBoundingClientRect()[property]}px`;\n    }\n  } else {\n    instance.originalPosition.value = getStyle(parent, 'position');\n  }\n  for (const [key, value] of Object.entries(maskStyle)) {\n    // @ts-ignore\n    instance.$el.style[key] = value;\n  }\n};\n\nconst addClassList = (options: LoadingOptions, parent: HTMLElement, instance: LoadingInstance) => {\n  const ns = useNamespace('loading');\n\n  if (!['absolute', 'fixed', 'sticky'].includes(instance.originalPosition.value)) {\n    addClass(parent, ns.bm('parent', 'relative'));\n  } else {\n    removeClass(parent, ns.bm('parent', 'relative'));\n  }\n  if (options.fullscreen && options.lock) {\n    addClass(parent, ns.bm('parent', 'hidden'));\n  } else {\n    removeClass(parent, ns.bm('parent', 'hidden'));\n  }\n};\n"],"names":["fullscreenInstance","Loading","options","isClient","resolved","resolveOptions","instance","createLoadingComponent","_a","addStyle","addClassList","loadingNumber","nextTick","target","isString","unref","parent","nextZIndex","useZIndex","maskStyle","getStyle","property","scroll","key","value","ns","useNamespace","removeClass","addClass"],"mappings":"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"}

package/es/components/loading/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-loading.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/loading/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/loading.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/loading/types.d.ts

@@ -0,0 +1,25 @@
+import type { MaybeRef } from '@vueuse/core';
+export type LoadingOptionsResolved = {
+    parent: LoadingParentElement;
+    background: MaybeRef<string>;
+    svg: MaybeRef<string>;
+    svgViewBox: MaybeRef<string>;
+    spinner: MaybeRef<boolean | string>;
+    img: MaybeRef<boolean | string>;
+    text: MaybeRef<string>;
+    fullscreen: boolean;
+    rotate: MaybeRef<boolean | string>;
+    lock: boolean;
+    customClass: MaybeRef<string>;
+    visible: MaybeRef<boolean>;
+    target: HTMLElement;
+    beforeClose?: () => boolean;
+    closed?: () => void;
+};
+export type LoadingOptions = Partial<Omit<LoadingOptionsResolved, 'parent' | 'target'> & {
+    target: HTMLElement | string;
+    body: boolean;
+}>;
+export interface LoadingParentElement extends HTMLElement {
+    vLoadingAddClassList?: () => void;
+}

package/es/components/logo/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/logo/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Logo from './logo.vue';\n\nexport const VftLogo = withInstall(Logo);\nexport default VftLogo;\n\nexport * from './types';\n"],"names":["VftLogo","withInstall","Logo"],"mappings":";;;;;AAIa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/components/logo/logo.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.vue2.mjs","sources":["../../../../../packages/components/logo/logo.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('logo')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useRouterHelper } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface LogoProps {\n  title: string;\n  logo: string;\n  /** 点击 logo 跳转路径 */\n  jumpPath?: string;\n}\n\ndefineProps({\n  \"title\": null,\n  \"logo\": null,\n  \"jumpPath\": null\n})\n\n\n\n;\n\nconst getLogoClass = computed(() => [ns.b()]);\n\nconst { go } = useRouterHelper();\n\nfunction onClickLogo () {\n  if (__props.jumpPath) {\n    go(__props.jumpPath);\n  }\n}\n\nconst logoVars = computed(() => __props.jumpPath ? {} : ns.cssVarBlock({ cursor: 'inital' }));\n</script>\n\n<template>\n  <div :class=\"getLogoClass\" @click=\"onClickLogo\" :style=\"logoVars\">\n    <img :class=\"ns.e('img')\" :src=\"logo\" alt=\"\" />\n    <div class=\"ml-2 truncate\" :class=\"ns.e('title')\">{{ title }}</div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getLogoClass","computed","go","useRouterHelper","onClickLogo","__props","logoVars"],"mappings":";;;;;;;;;mBACMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;AAuBD,UAAMI,IAAeC,EAAS,MAAM,CAACL,EAAG,EAAG,CAAA,CAAC,GAEtC,EAAE,IAAAM,MAAOC;AAEf,aAASC,IAAe;AACtB,MAAIC,EAAQ,YACVH,EAAGG,EAAQ,QAAQ;AAAA,IAEvB;AAEA,UAAMC,IAAWL,EAAS,MAAMI,EAAQ,WAAW,CAAA,IAAKT,EAAG,YAAY,EAAE,QAAQ,SAAA,CAAU,CAAC;;;;;;;;;;;;;;;;;"}

package/es/components/menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Menu from './menu.vue'\nimport MenuItem from './menu-item.vue'\nimport MenuItemGroup from './menu-item-group.vue'\nimport SubMenu from './sub-menu.vue'\n\nexport const VftMenu = withInstall(Menu, {\n\tMenuItem,\n\tMenuItemGroup,\n\tSubMenu,\n})\nexport default VftMenu\nexport const VftMenuItem = withNoopInstall(MenuItem)\nexport const VftMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const VftSubMenu = withNoopInstall(SubMenu)\n\nexport * from './types'\n"],"names":["VftMenu","withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","VftMenuItem","withNoopInstall","VftMenuItemGroup","VftSubMenu"],"mappings":";;;;;;;;AAOa,MAAAA,IAAUC,EAAYC,GAAM;AAAA,EAAA,UACxCC;AAAAA,EAAA,eACAC;AAAAA,EAAA,SACAC;AACD,CAAC,GAEYC,IAAcC,EAAgBJ,CAAQ,GACtCK,IAAmBD,EAAgBH,CAAa,GAChDK,IAAaF,EAAgBF,CAAO;"}

package/es/components/menu/menu-collapse-transition.vue.mjs

@@ -0,0 +1,16 @@
+import o from "./menu-collapse-transition.vue2.mjs";
+import { openBlock as r, createBlock as t, Transition as n, mergeProps as s, withCtx as i, renderSlot as a } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.mjs";
+function f(e, l, c, m, d, u) {
+  return r(), t(n, s({ mode: "out-in" }, e.listeners), {
+    default: i(() => [
+      a(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+const k = /* @__PURE__ */ p(o, [["render", f]]);
+export {
+  k as default
+};
+//# sourceMappingURL=menu-collapse-transition.vue.mjs.map

package/es/components/menu/menu-collapse-transition.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue.mjs","sources":["../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createBlock","_Transition","_mergeProps","_withCtx"],"mappings":";;;AA2DY,SAAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SAARC,EAAQ,GAAAC,EAAAC,GAAAC,EAAA,EAAA,MAAA,SAAA,GAAAT,EAAA,SAAA,GAAA;AAAA,IAAA,SAAAU,EAAA,MAAA;AAAA;;;;;;"}

package/es/components/menu/menu-collapse-transition.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue2.mjs","sources":["../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_main","defineComponent","ns","useNamespace","el","done","addClass","removeClass","hasClass"],"mappings":";;;;;;;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,QAAQ;AACA,UAAAC,IAAKC,EAAa,MAAM;AAyCvB,WAAA;AAAA,MACL,WAzCgB;AAAA,QAChB,eAAe,CAACC,MAAQA,EAAG,MAAM,UAAU;AAAA,QAC3C,QAAQA,GAAIC,GAAM;AAChB,UAAAC,EAASF,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GACvDE,EAAG,MAAM,UAAU,KACdC;QACP;AAAA,QAEA,aAAaD,GAAI;AACf,UAAAG,EAAYH,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GAC1DE,EAAG,MAAM,UAAU;AAAA,QACrB;AAAA,QAEA,cAAcA,GAAI;AACZ,UAACA,EAAG,YACJA,EAAW,UAAU,KAGrBI,EAASJ,GAAIF,EAAG,EAAE,UAAU,CAAC,KAC/BK,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC7BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDE,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,MAE7BI,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC1BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDG,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,IAG/BE,EAAA,MAAM,QAAQ,GAAGA,EAAG,iBACvBA,EAAG,MAAM,WAAW;AAAA,QACtB;AAAA,QAEA,QAAQA,GAAiB;AACvB,UAAAE,EAASF,GAAI,gCAAgC,GAC7CA,EAAG,MAAM,QAAQ,GAAGA,EAAG,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAIA;AAAA,EAEJ;AACF,CAAC;"}

package/es/components/menu/menu-item-group.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.vue2.mjs","sources":["../../../../../packages/components/menu/menu-item-group.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item-group')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\ttitle?: string\n}\n\ndefineProps({\n  \"title\": null\n});\n\n\n\n;\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,iBAAiB;AAAA,GAG3DC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;"}