vft 0.0.11 → 0.0.14

package/es/packages/components/avatar/avatar.vue2.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as h, ref as z, computed as c, watch as v, openBlock as l, createElementBlock as i, normalizeClass as y, unref as s, normalizeStyle as n, createBlock as S, renderSlot as k } from "vue";
+import { isString as B, isNumber as E, addUnit as b } from "@vft/utils";
+import { VftIcon as C } from "../icon/index.mjs";
+import { useNamespace as g } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+const L = ["src", "alt", "srcset"], A = /* @__PURE__ */ h({
+  __name: "avatar",
+  props: {
+    size: { default: "" },
+    shape: { default: "circle" },
+    icon: null,
+    src: null,
+    alt: null,
+    srcSet: null,
+    fit: { default: "cover" }
+  },
+  emits: ["error"],
+  setup(e, { emit: o }) {
+    const r = g("avatar"), a = z(!1), m = c(() => {
+      const t = [r.b()];
+      return B(e.size) && t.push(r.m(e.size)), e.icon && t.push(r.m("icon")), e.shape && t.push(r.m(e.shape)), t;
+    }), u = c(() => E(e.size) ? r.cssVarBlock({
+      size: b(e.size) || ""
+    }) : void 0), f = c(() => ({
+      objectFit: e.fit
+    }));
+    v(
+      () => e.src,
+      () => a.value = !1
+    );
+    function d(t) {
+      a.value = !0, o("error", t);
+    }
+    return (t, N) => (l(), i("span", {
+      class: y(s(m)),
+      style: n(s(u))
+    }, [
+      (e.src || e.srcSet) && !a.value ? (l(), i("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        srcset: e.srcSet,
+        style: n(s(f)),
+        onError: d
+      }, null, 44, L)) : e.icon ? (l(), S(s(C), { key: 1 })) : k(t.$slots, "default", { key: 2 })
+    ], 6));
+  }
+});
+export {
+  A as default
+};
+//# sourceMappingURL=avatar.vue2.mjs.map

package/es/packages/components/avatar/avatar.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../../packages/components/avatar/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n\t\t\t\tv-if=\"(src || srcSet) && !hasLoadError\"\n\t\t\t\t:src=\"src\"\n\t\t\t\t:alt=\"alt\"\n\t\t\t\t:srcset=\"srcSet\"\n\t\t\t\t:style=\"fitStyle\"\n\t\t\t\t@error=\"handleError\"\n\t\t/>\n    <vft-icon v-else-if=\"icon\" />\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit, isNumber, isString } from '@vft/utils';\nimport type { CSSProperties } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport VftIcon, { type IconProps } from '@vft-ui/components/icon'\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\tsize?: number | 'large' | 'default' | 'small'\n\tshape?: 'circle' | 'square'\n\ticon?: IconProps\n\tsrc?: string\n\talt?: string\n\tsrcSet?: string\n\tfit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n}\n\ndefineProps({\n  \"size\": { default: '' },\n  \"shape\": { default: 'circle' },\n  \"icon\": null,\n  \"src\": null,\n  \"alt\": null,\n  \"srcSet\": null,\n  \"fit\": { default: 'cover' }\n})\n\nconst emit = defineEmits(['error']);\n\nconst ns = useNamespace('avatar');\n\nconst hasLoadError = ref(false);\n\nconst avatarClass = computed(() => {\n\tconst classList = [ns.b()];\n\tif (isString(__props.size)) classList.push(ns.m(__props.size));\n\tif (__props.icon) classList.push(ns.m('icon'));\n\tif (__props.shape) classList.push(ns.m(__props.shape));\n\treturn classList;\n});\n\nconst sizeStyle = computed(() => {\n\treturn isNumber(__props.size)\n\t\t? (ns.cssVarBlock({\n\t\t\tsize: addUnit(__props.size) || ''\n\t\t}) as CSSProperties)\n\t\t: undefined;\n});\n\nconst fitStyle = computed<CSSProperties>(() => ({\n\tobjectFit: __props.fit\n}));\n\n// need reset hasLoadError to false if src changed\nwatch(\n\t() => __props.src,\n\t() => (hasLoadError.value = false)\n);\n\nfunction handleError (e: Event) {\n\thasLoadError.value = true;\n\temit('error', e);\n}\n</script>\n\n"],"names":["ns","useNamespace","hasLoadError","ref","avatarClass","computed","classList","isString","__props","sizeStyle","isNumber","addUnit","fitStyle","watch","handleError","e","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4CM,UAAAA,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAI,EAAK,GAExBC,IAAcC,EAAS,MAAM;AAClC,YAAMC,IAAY,CAACN,EAAG,EAAG,CAAA;AACrB,aAAAO,EAASC,EAAQ,IAAI,KAAGF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,IAAI,CAAC,GACzDA,EAAQ,QAAMF,EAAU,KAAKN,EAAG,EAAE,MAAM,CAAC,GACzCQ,EAAQ,SAAOF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,KAAK,CAAC,GAC9CF;AAAA,IAAA,CACP,GAEKG,IAAYJ,EAAS,MACnBK,EAASF,EAAQ,IAAI,IACxBR,EAAG,YAAY;AAAA,MACjB,MAAMW,EAAQH,EAAQ,IAAI,KAAK;AAAA,IAAA,CAC/B,IACC,MACH,GAEKI,IAAWP,EAAwB,OAAO;AAAA,MAC/C,WAAWG,EAAQ;AAAA,IAClB,EAAA;AAGF,IAAAK;AAAA,MACC,MAAML,EAAQ;AAAA,MACd,MAAON,EAAa,QAAQ;AAAA,IAAA;AAG7B,aAASY,EAAaC,GAAU;AAC/B,MAAAb,EAAa,QAAQ,IACrBc,EAAK,SAASD,CAAC;AAAA,IAChB;;;;;;;;;;;;;;;;"}

package/es/packages/components/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Avatar from './avatar.vue'\n\nexport const VftAvatar = withInstall(Avatar)\nexport default VftAvatar\n\n"],"names":["VftAvatar","withInstall","Avatar"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/packages/components/back-top/back-top.vue2.mjs

@@ -0,0 +1,75 @@
+import { defineComponent as s, getCurrentInstance as g, computed as a, openBlock as i, createBlock as l, Transition as C, unref as t, withCtx as h, createElementBlock as y, normalizeStyle as v, normalizeClass as x, withModifiers as B, renderSlot as T, normalizeProps as $, mergeProps as z, createCommentVNode as c } from "vue";
+import { singleAttrToObj as S } from "@vft/utils";
+import "../divider/index.mjs";
+import { VftIcon as _ } from "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import "../menu/index.mjs";
+import "@vft/use";
+import "../multiple-tabs/index.mjs";
+import { useBackTop as w } from "./use-back-top.mjs";
+import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+const e = (
+  /* hoist-static*/
+  I("back-top")
+), N = s({
+  name: e.b()
+}), ot = /* @__PURE__ */ s({
+  ...N,
+  props: {
+    visibilityHeight: { default: 200 },
+    target: null,
+    right: { default: 40 },
+    bottom: { default: 40 },
+    icon: { default: "vi-back-top" }
+  },
+  emits: ["click"],
+  setup(r, { emit: u }) {
+    const f = g(), { handleClick: m, visible: d } = w(f.props, u, e.b()), b = a(() => ({
+      right: `${r.right}px`,
+      bottom: `${r.bottom}px`
+    })), n = a(() => S(r.icon, "icon", {
+      color: "black"
+    }));
+    return (k, p) => (i(), l(C, {
+      name: `${t(e).namespace}-fade-in`
+    }, {
+      default: h(() => [
+        t(d) ? (i(), y("div", {
+          key: 0,
+          style: v(t(b)),
+          class: x(t(e).b()),
+          onClick: p[0] || (p[0] = B(
+            //@ts-ignore
+            (...o) => t(m) && t(m)(...o),
+            ["stop"]
+          ))
+        }, [
+          T(k.$slots, "default", {}, () => {
+            var o;
+            return [
+              (o = t(n)) != null && o.icon ? (i(), l(t(_), $(z({ key: 0 }, t(n))), null, 16)) : c("", !0)
+            ];
+          })
+        ], 6)) : c("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  ot as default
+};
+//# sourceMappingURL=back-top.vue2.mjs.map

package/es/packages/components/back-top/back-top.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-top.vue2.mjs","sources":["../../../../../../packages/components/back-top/back-top.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('back-top')\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 { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useBackTop } from './use-back-top';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed, getCurrentInstance } from 'vue';\n\ninterface BackTopProps {\n  /** 滚动高度达到此参数值才出现 */\n  visibilityHeight?: number\n  /** 触发滚动的对象 */\n  target?: string\n  /** 控制其显示位置，距离页面右边距 */\n  right?: number\n  /** 控制其显示位置，距离页面底部距离 */\n  bottom?: number\n  /** 滚动 icon dom  */\n  icon?: IconProps\n}\n\ndefineProps({\n  \"visibilityHeight\": { default: 200 },\n  \"target\": null,\n  \"right\": { default: 40 },\n  \"bottom\": { default: 40 },\n  \"icon\": { default: 'vi-back-top' }\n})\n\nconst emit = defineEmits(['click']);\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst { handleClick, visible } = useBackTop(instance.props, emit, ns.b());\n\nconst backTopStyle = computed(() => ({\n  right: `${__props.right}px`,\n  bottom: `${__props.bottom}px`\n}));\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', {\n    color: 'black'\n  }) as IconProps;\n});\n</script>\n\n<template>\n  <transition :name=\"`${ns.namespace}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <vft-icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n      </slot>\n    </div>\n  </transition>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","handleClick","visible","useBackTop","emit","backTopStyle","computed","__props","_icon","singleAttrToObj"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAmCD,UAAMI,IAAWC,KAEX,EAAE,aAAAC,GAAa,SAAAC,EAAY,IAAAC,EAAWJ,EAAS,OAAOK,GAAMT,EAAG,EAAA,CAAG,GAElEU,IAAeC,EAAS,OAAO;AAAA,MACnC,OAAO,GAAGC,EAAQ;AAAA,MAClB,QAAQ,GAAGA,EAAQ;AAAA,IACnB,EAAA,GAEIC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ;AAAA,MAC3C,OAAO;AAAA,IAAA,CACR,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/back-top/index.mjs.map

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

package/es/packages/components/back-top/use-back-top.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-back-top.mjs","sources":["../../../../../../packages/components/back-top/use-back-top.ts"],"sourcesContent":["import { onMounted, ref, shallowRef, watch, nextTick } from 'vue';\nimport { useEventListener, useThrottleFn, useTimeoutFn } from '@vueuse/core';\nimport { throwError } from '@vft-ui/utils';\nimport { type BackTopProps } from './types';\n\nexport const useBackTop = (props: BackTopProps, emit: Function, componentName: string) => {\n  const el = shallowRef<HTMLElement>();\n  const container = shallowRef<Document | HTMLElement>();\n  const visible = ref(false);\n  \n  const scrollToTop = () => {\n    if (!el.value) return;\n    el.value.scrollTo(({ left: 0, top: 0, behavior: 'smooth' }));\n  };\n  \n  const handleScroll = () => {\n    if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n  };\n  \n  const handleClick = (event: MouseEvent) => {\n    scrollToTop();\n    emit('click', event);\n  };\n  \n  const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);\n  \n  useEventListener(container, 'scroll', handleScrollThrottled);\n  \n  onMounted(() => {\n    container.value = document;\n    el.value = document.documentElement;\n    \n    if (props.target) {\n      useTimeoutFn(() => {\n        el.value = document.querySelector<HTMLElement>(props.target!) ?? undefined;\n        if (!el.value) {\n          throwError(componentName, `target does not exist: ${props.target}`);\n        }\n        container.value = el.value;\n      }, 10);\n    }\n  });\n  \n  // listener scroll target，if scroll target change，the scrollTop dom visible need also change\n  watch(\n    () => props.target,\n    (val) => {\n      nextTick(() => {\n        if (val) {\n          el.value = document.querySelector<HTMLElement>(val) ?? undefined;\n          if (!el.value) {\n            throwError(componentName, `target does not exist: ${val}`);\n          }\n          if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n          container.value = el.value;\n        }\n      });\n    }\n  );\n  \n  return {\n    visible,\n    handleClick\n  };\n};\n"],"names":["useBackTop","props","emit","componentName","el","shallowRef","container","visible","ref","scrollToTop","handleScroll","handleClick","event","handleScrollThrottled","useThrottleFn","useEventListener","onMounted","useTimeoutFn","throwError","watch","val","nextTick"],"mappings":";;;;AAKO,MAAMA,IAAa,CAACC,GAAqBC,GAAgBC,MAA0B;AACxF,QAAMC,IAAKC,KACLC,IAAYD,KACZE,IAAUC,EAAI,EAAK,GAEnBC,IAAc,MAAM;AACxB,IAAKL,EAAG,SACLA,EAAA,MAAM,SAAU,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,SAAA,CAAW;AAAA,EAAA,GAGvDM,IAAe,MAAM;AACzB,IAAIN,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM;AAAA,EAAA,GAGtDU,IAAc,CAACC,MAAsB;AAC7B,IAAAH,KACZP,EAAK,SAASU,CAAK;AAAA,EAAA,GAGfC,IAAwBC,EAAcJ,GAAc,KAAK,EAAI;AAElD,SAAAK,EAAAT,GAAW,UAAUO,CAAqB,GAE3DG,EAAU,MAAM;AACd,IAAAV,EAAU,QAAQ,UAClBF,EAAG,QAAQ,SAAS,iBAEhBH,EAAM,UACRgB,EAAa,MAAM;AACjB,MAAAb,EAAG,QAAQ,SAAS,cAA2BH,EAAM,MAAO,KAAK,QAC5DG,EAAG,SACKc,EAAAf,GAAe,0BAA0BF,EAAM,QAAQ,GAEpEK,EAAU,QAAQF,EAAG;AAAA,OACpB,EAAE;AAAA,EACP,CACD,GAGDe;AAAA,IACE,MAAMlB,EAAM;AAAA,IACZ,CAACmB,MAAQ;AACP,MAAAC,EAAS,MAAM;AACb,QAAID,MACFhB,EAAG,QAAQ,SAAS,cAA2BgB,CAAG,KAAK,QAClDhB,EAAG,SACKc,EAAAf,GAAe,0BAA0BiB,GAAK,GAEvDhB,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM,mBAC1DK,EAAU,QAAQF,EAAG;AAAA,MACvB,CACD;AAAA,IACH;AAAA,EAAA,GAGK;AAAA,IACL,SAAAG;AAAA,IACA,aAAAI;AAAA,EAAA;AAEJ;"}

package/es/packages/components/collapse-transition/index.mjs

@@ -0,0 +1,10 @@
+import n from "./src/collapse-transition.vue2.mjs";
+n.install = (o) => {
+  o.component(n.name, n);
+};
+const t = n, s = t;
+export {
+  s as VftCollapseTransition,
+  t as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/collapse-transition/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/collapse-transition/index.ts"],"sourcesContent":["import CollapseTransition from './src/collapse-transition.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@vft-ui/utils'\n\nCollapseTransition.install = (app: App): void => {\n  app.component(CollapseTransition.name, CollapseTransition)\n}\n\nconst _CollapseTransition = CollapseTransition as SFCWithInstall<\n  typeof CollapseTransition\n>\n\nexport default _CollapseTransition\nexport const VftCollapseTransition = _CollapseTransition\n"],"names":["CollapseTransition","app","_CollapseTransition","VftCollapseTransition"],"mappings":";AAIAA,EAAmB,UAAU,CAACC,MAAmB;AAC3C,EAAAA,EAAA,UAAUD,EAAmB,MAAMA,CAAkB;AAC3D;AAEA,MAAME,IAAsBF,GAKfG,IAAwBD;"}

package/es/packages/components/collapse-transition/src/collapse-transition.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./collapse-transition.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=collapse-transition.vue.mjs.map

package/es/packages/components/collapse-transition/src/collapse-transition.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-transition.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/components/collapse-transition/src/collapse-transition.vue2.mjs

@@ -0,0 +1,47 @@
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as g, renderSlot as m } from "vue";
+import { useNamespace as l } 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 "@vft/utils";
+const f = o({
+  name: "VtfCollapseTransition"
+}), _ = /* @__PURE__ */ o({
+  ...f,
+  setup(y) {
+    const a = l("collapse-transition"), d = {
+      beforeEnter(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
+      },
+      enter(t) {
+        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.maxHeight = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.maxHeight = 0, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
+      },
+      afterEnter(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
+      },
+      beforeLeave(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
+      },
+      leave(t) {
+        t.scrollHeight !== 0 && (t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0);
+      },
+      afterLeave(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
+      }
+    };
+    return (t, c) => (e(), s(i, n({
+      name: r(a).b()
+    }, p(d)), {
+      default: g(() => [
+        m(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=collapse-transition.vue2.mjs.map

package/es/packages/components/collapse-transition/src/collapse-transition.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-transition.vue2.mjs","sources":["../../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'VtfCollapseTransition',\n});\n</script>\n<template>\n  <transition :name=\"ns.b()\" v-on=\"on\">\n    <slot />\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks'\nimport type { RendererElement } from '@vue/runtime-core'\n\n\n\nconst ns = useNamespace('collapse-transition')\n\nconst on = {\n  beforeEnter(el: RendererElement) {\n    if (!el.dataset) el.dataset = {}\n\n    el.dataset.oldPaddingTop = el.style.paddingTop\n    el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n    el.style.maxHeight = 0\n    el.style.paddingTop = 0\n    el.style.paddingBottom = 0\n  },\n\n  enter(el: RendererElement) {\n    el.dataset.oldOverflow = el.style.overflow\n    if (el.scrollHeight !== 0) {\n      el.style.maxHeight = `${el.scrollHeight}px`\n      el.style.paddingTop = el.dataset.oldPaddingTop\n      el.style.paddingBottom = el.dataset.oldPaddingBottom\n    } else {\n      el.style.maxHeight = 0\n      el.style.paddingTop = el.dataset.oldPaddingTop\n      el.style.paddingBottom = el.dataset.oldPaddingBottom\n    }\n\n    el.style.overflow = 'hidden'\n  },\n\n  afterEnter(el: RendererElement) {\n    el.style.maxHeight = ''\n    el.style.overflow = el.dataset.oldOverflow\n  },\n\n  beforeLeave(el: RendererElement) {\n    if (!el.dataset) el.dataset = {}\n    el.dataset.oldPaddingTop = el.style.paddingTop\n    el.dataset.oldPaddingBottom = el.style.paddingBottom\n    el.dataset.oldOverflow = el.style.overflow\n\n    el.style.maxHeight = `${el.scrollHeight}px`\n    el.style.overflow = 'hidden'\n  },\n\n  leave(el: RendererElement) {\n    if (el.scrollHeight !== 0) {\n      el.style.maxHeight = 0\n      el.style.paddingTop = 0\n      el.style.paddingBottom = 0\n    }\n  },\n\n  afterLeave(el: RendererElement) {\n    el.style.maxHeight = ''\n    el.style.overflow = el.dataset.oldOverflow\n    el.style.paddingTop = el.dataset.oldPaddingTop\n    el.style.paddingBottom = el.dataset.oldPaddingBottom\n  },\n}\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","on","el"],"mappings":";;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AACR,CAAC;;;AAaK,UAAAC,IAAKC,EAAa,qBAAqB,GAEvCC,IAAK;AAAA,MACT,YAAYC,GAAqB;AAC/B,QAAKA,EAAG,YAASA,EAAG,UAAU,KAE3BA,EAAA,QAAQ,gBAAgBA,EAAG,MAAM,YACjCA,EAAA,QAAQ,mBAAmBA,EAAG,MAAM,eAEvCA,EAAG,MAAM,YAAY,GACrBA,EAAG,MAAM,aAAa,GACtBA,EAAG,MAAM,gBAAgB;AAAA,MAC3B;AAAA,MAEA,MAAMA,GAAqB;AACtB,QAAAA,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAC9BA,EAAG,iBAAiB,KACnBA,EAAA,MAAM,YAAY,GAAGA,EAAG,kBACxBA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ,qBAEpCA,EAAG,MAAM,YAAY,GAClBA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ,mBAGtCA,EAAG,MAAM,WAAW;AAAA,MACtB;AAAA,MAEA,WAAWA,GAAqB;AAC9B,QAAAA,EAAG,MAAM,YAAY,IAClBA,EAAA,MAAM,WAAWA,EAAG,QAAQ;AAAA,MACjC;AAAA,MAEA,YAAYA,GAAqB;AAC/B,QAAKA,EAAG,YAASA,EAAG,UAAU,KAC3BA,EAAA,QAAQ,gBAAgBA,EAAG,MAAM,YACjCA,EAAA,QAAQ,mBAAmBA,EAAG,MAAM,eACpCA,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAE/BA,EAAA,MAAM,YAAY,GAAGA,EAAG,kBAC3BA,EAAG,MAAM,WAAW;AAAA,MACtB;AAAA,MAEA,MAAMA,GAAqB;AACrB,QAAAA,EAAG,iBAAiB,MACtBA,EAAG,MAAM,YAAY,GACrBA,EAAG,MAAM,aAAa,GACtBA,EAAG,MAAM,gBAAgB;AAAA,MAE7B;AAAA,MAEA,WAAWA,GAAqB;AAC9B,QAAAA,EAAG,MAAM,YAAY,IAClBA,EAAA,MAAM,WAAWA,EAAG,QAAQ,aAC5BA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ;AAAA,MACtC;AAAA,IAAA;;;;;;;;;;;"}

package/es/packages/components/collapse-transition/style/css.mjs

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

package/es/packages/components/collapse-transition/style/index.mjs

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

package/es/packages/components/context-menu/context-menu.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./context-menu.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=context-menu.vue.mjs.map

package/es/packages/components/context-menu/context-menu.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/components/context-menu/context-menu.vue2.mjs

@@ -0,0 +1,93 @@
+import { defineComponent as w, ref as c, computed as y, openBlock as s, createBlock as a, Transition as k, withCtx as C, withDirectives as b, createElementVNode as f, normalizeStyle as g, unref as u, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
+import { useTimeoutFn as S, useClickAway as A, useEventListener as m } from "@vft/use";
+import "../divider/index.mjs";
+import "../icon/index.mjs";
+import "../avatar/index.mjs";
+import "../empty/index.mjs";
+import "../result/index.mjs";
+import "../exception/index.mjs";
+import "../tabs/index.mjs";
+import "../popper/index.mjs";
+import "../collapse-transition/index.mjs";
+import "../tooltip/index.mjs";
+import "../popover/index.mjs";
+import { VftMenuItem as F } from "../menu/index.mjs";
+import "@vft/utils";
+import "../multiple-tabs/index.mjs";
+const H = { class: "vri-sub-menu" }, Q = /* @__PURE__ */ w({
+  __name: "context-menu",
+  props: {
+    axis: null,
+    styles: null,
+    width: null,
+    items: null
+  },
+  setup(i) {
+    let d = c();
+    const p = y(() => {
+      const { x: e, y: t } = i.axis || { x: 0, y: 0 }, n = (i.items || []).length * 40, l = i.width || 0, r = document.body, v = r.clientWidth < e + l ? e - l : e, h = r.clientHeight < t + n ? t - n : t;
+      return {
+        zIndex: 3e3,
+        ...i.styles,
+        position: "fixed",
+        width: `${i.width}px`,
+        left: `${v + 1}px`,
+        top: `${h + 1}px`
+      };
+    });
+    let o = c(!1);
+    S(() => {
+      o.value = !0;
+    }, 0), A(d, () => {
+      o.value = !1;
+    }, {
+      listenerOptions: {
+        capture: !0
+      }
+    }), m(window, "scroll", () => {
+      o.value = !1;
+    }, {
+      capture: !0
+    }), m(window, "drag", () => {
+      o.value = !1;
+    }, {
+      capture: !0
+    });
+    function x(e) {
+      var t;
+      e != null && e.disabled || ((t = e.handler) == null || t.call(e), o.value = !1);
+    }
+    return (e, t) => (s(), a(k, { name: "vri-zoom-in-top" }, {
+      default: C(() => [
+        b(f("div", {
+          ref_key: "contextMenuRef",
+          ref: d,
+          style: g(u(p)),
+          onClick: t[0] || (t[0] = M(() => {
+          }, ["stop"])),
+          class: "vft-menu"
+        }, [
+          f("div", H, [
+            (s(!0), $(z, null, B(i.items, (n, l) => (s(), a(u(F), {
+              onClick: (r) => x(n),
+              index: l + n.text,
+              title: n.text,
+              divider: n.divider,
+              disabled: n.disabled,
+              icon: n.iconCfg,
+              isAloneUse: "",
+              key: l
+            }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
+          ])
+        ], 4), [
+          [E, u(o)]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=context-menu.vue2.mjs.map

package/es/packages/components/context-menu/context-menu.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.vue2.mjs","sources":["../../../../../../packages/components/context-menu/context-menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useClickAway, useEventListener, useTimeoutFn } from '@vft/use';\nimport { computed, ref, type CSSProperties } from 'vue';\nimport type { Axis, ContextMenuItem } from './types';\nimport { VftMenuItem as MenuItem } from '@vft-ui/components';\n\ninterface Props {\n  axis?: Axis;\n  styles?: CSSProperties;\n  width?: number;\n  items?: ContextMenuItem[];\n}\n\ndefineProps({\n  \"axis\": null,\n  \"styles\": null,\n  \"width\": null,\n  \"items\": null\n})\n\nlet contextMenuRef = ref();\n\nconst getStyle = computed((): CSSProperties => {\n  const { x, y } = __props.axis || { x: 0, y: 0 };\n  const menuHeight = (__props.items || []).length * 40;\n  const menuWidth = __props.width || 0;\n  const body = document.body;\n\n  const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;\n  const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;\n  return {\n    zIndex: 3000,\n    ...__props.styles,\n    position: 'fixed',\n    width: `${__props.width}px`,\n    left: `${left + 1}px`,\n    top: `${top + 1}px`\n  };\n});\n\nlet show = ref(false);\n\nuseTimeoutFn(() => {\n  show.value = true;\n}, 0);\n\nuseClickAway(contextMenuRef, () => {\n  show.value = false;\n}, {\n  listenerOptions: {\n    capture: true\n  }\n});\n\nuseEventListener(window, 'scroll', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nuseEventListener(window, 'drag', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nfunction handleClick (item: ContextMenuItem) {\n  if (!item?.disabled) {\n    item.handler?.();\n    show.value = false;\n  }\n}\n</script>\n\n<template>\n  <transition name=\"vri-zoom-in-top\">\n    <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n      <div class=\"vri-sub-menu\">\n        <menu-item v-for=\"(item, index) in items\"\n          @click=\"handleClick(item)\"\n          :index=\"index + item.text\"\n          :title=\"item.text\"\n          :divider=\"item.divider\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.iconCfg\"\n          isAloneUse\n          :key=\"index\" />\n      </div>\n    </div>\n  </transition>\n</template>\n\n"],"names":["contextMenuRef","ref","getStyle","computed","x","y","__props","menuHeight","menuWidth","body","left","top","show","useTimeoutFn","useClickAway","useEventListener","handleClick","item","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,QAAIA,IAAiBC;AAEf,UAAAC,IAAWC,EAAS,MAAqB;AACvC,YAAA,EAAE,GAAAC,GAAG,GAAAC,EAAM,IAAAC,EAAQ,QAAQ,EAAE,GAAG,GAAG,GAAG,KACtCC,KAAcD,EAAQ,SAAS,IAAI,SAAS,IAC5CE,IAAYF,EAAQ,SAAS,GAC7BG,IAAO,SAAS,MAEhBC,IAAOD,EAAK,cAAcL,IAAII,IAAYJ,IAAII,IAAYJ,GAC1DO,IAAMF,EAAK,eAAeJ,IAAIE,IAAaF,IAAIE,IAAaF;AAC3D,aAAA;AAAA,QACL,QAAQ;AAAA,QACR,GAAGC,EAAQ;AAAA,QACX,UAAU;AAAA,QACV,OAAO,GAAGA,EAAQ;AAAA,QAClB,MAAM,GAAGI,IAAO;AAAA,QAChB,KAAK,GAAGC,IAAM;AAAA,MAAA;AAAA,IAChB,CACD;AAEG,QAAAC,IAAOX,EAAI,EAAK;AAEpB,IAAAY,EAAa,MAAM;AACjB,MAAAD,EAAK,QAAQ;AAAA,OACZ,CAAC,GAEJE,EAAad,GAAgB,MAAM;AACjC,MAAAY,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,iBAAiB;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IAAA,CACD,GAEgBG,EAAA,QAAQ,UAAU,MAAM;AACvC,MAAAH,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,SAAS;AAAA,IAAA,CACV,GAEgBG,EAAA,QAAQ,QAAQ,MAAM;AACrC,MAAAH,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,SAAS;AAAA,IAAA,CACV;AAED,aAASI,EAAaC,GAAuB;;AACvC,MAACA,KAAA,QAAAA,EAAM,cACTC,IAAAD,EAAK,YAAL,QAAAC,EAAA,KAAAD,IACAL,EAAK,QAAQ;AAAA,IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/context-menu/createContextMenu.mjs

@@ -0,0 +1,41 @@
+import { isClient as a } from "@vft/utils";
+import { createVNode as f, render as u } from "vue";
+import v from "./context-menu.vue2.mjs";
+const e = {
+  domList: [],
+  resolve: () => {
+  }
+}, x = function(r) {
+  const { event: t } = r || {};
+  if (t && (t == null || t.preventDefault()), !!a)
+    return new Promise((l) => {
+      const n = document.body, c = document.createElement("div"), i = {
+        ...r
+      };
+      r.event && (i.axis = { x: t.clientX, y: t.clientY }, delete i.event);
+      const d = f(v, i);
+      u(d, c);
+      const s = function() {
+        e.resolve("");
+      };
+      e.domList.push(c);
+      const m = function() {
+        e.domList.forEach((o) => {
+          try {
+            o && n.removeChild(o);
+          } catch {
+          }
+        }), n.removeEventListener("click", s), n.removeEventListener("scroll", s);
+      };
+      e.resolve = function(o) {
+        m(), l(o);
+      }, m(), n.appendChild(c);
+    });
+}, y = function() {
+  e && (e.resolve(""), e.domList = []);
+};
+export {
+  x as createContextMenu,
+  y as destroyContextMenu
+};
+//# sourceMappingURL=createContextMenu.mjs.map

package/es/packages/components/context-menu/createContextMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContextMenu.mjs","sources":["../../../../../../packages/components/context-menu/createContextMenu.ts"],"sourcesContent":["import { isClient } from '@vft/utils';\nimport { createVNode, render } from 'vue';\nimport contextMenuVue from './context-menu.vue';\nimport type { ContextMenuProps, CreateContextOptions } from './types';\n\nconst menuManager: {\n  domList: Element[];\n  resolve: Fn;\n} = {\n  domList: [],\n  resolve: () => {}\n};\n\nexport const createContextMenu = function (options: CreateContextOptions) {\n  const { event } = options || {};\n\n  // event?.preventDefault() 阻止浏览器的默认右键菜单事件\n  event && event?.preventDefault();\n\n  if (!isClient) {\n    return;\n  }\n  return new Promise((resolve) => {\n    const body = document.body;\n\n    const container = document.createElement('div');\n    const propsData: Partial<ContextMenuProps> = {\n      ...options\n    };\n\n    if (options.event) {\n      propsData.axis = { x: event.clientX, y: event.clientY };\n      // @ts-ignore\n      delete propsData.event;\n    }\n\n    const vm = createVNode(contextMenuVue, propsData);\n    render(vm, container);\n\n    const handleClick = function () {\n      menuManager.resolve('');\n    };\n\n    menuManager.domList.push(container);\n\n    const remove = function () {\n      menuManager.domList.forEach((dom: Element) => {\n        try {\n          dom && body.removeChild(dom);\n        } catch (error) {}\n      });\n      body.removeEventListener('click', handleClick);\n      body.removeEventListener('scroll', handleClick);\n    };\n\n    menuManager.resolve = function (arg) {\n      remove();\n      resolve(arg);\n    };\n    remove();\n    body.appendChild(container);\n    // body.addEventListener('click', handleClick);\n    // body.addEventListener('scroll', handleClick);\n  });\n};\n\nexport const destroyContextMenu = function () {\n  if (menuManager) {\n    menuManager.resolve('');\n    menuManager.domList = [];\n  }\n};\n"],"names":["menuManager","createContextMenu","options","event","isClient","resolve","body","container","propsData","vm","createVNode","contextMenuVue","render","handleClick","remove","dom","arg","destroyContextMenu"],"mappings":";;;AAKA,MAAMA,IAGF;AAAA,EACF,SAAS,CAAC;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAClB,GAEaC,IAAoB,SAAUC,GAA+B;AACxE,QAAM,EAAE,OAAAC,EAAA,IAAUD,KAAW;AAK7B,MAFAC,MAASA,KAAA,QAAAA,EAAO,mBAEZ,EAACC;AAGE,WAAA,IAAI,QAAQ,CAACC,MAAY;AAC9B,YAAMC,IAAO,SAAS,MAEhBC,IAAY,SAAS,cAAc,KAAK,GACxCC,IAAuC;AAAA,QAC3C,GAAGN;AAAA,MAAA;AAGL,MAAIA,EAAQ,UACVM,EAAU,OAAO,EAAE,GAAGL,EAAM,SAAS,GAAGA,EAAM,WAE9C,OAAOK,EAAU;AAGb,YAAAC,IAAKC,EAAYC,GAAgBH,CAAS;AAChD,MAAAI,EAAOH,GAAIF,CAAS;AAEpB,YAAMM,IAAc,WAAY;AAC9B,QAAAb,EAAY,QAAQ,EAAE;AAAA,MAAA;AAGZ,MAAAA,EAAA,QAAQ,KAAKO,CAAS;AAElC,YAAMO,IAAS,WAAY;AACb,QAAAd,EAAA,QAAQ,QAAQ,CAACe,MAAiB;AACxC,cAAA;AACK,YAAAA,KAAAT,EAAK,YAAYS,CAAG;AAAA;UACZ;AAAA,QAAA,CAClB,GACIT,EAAA,oBAAoB,SAASO,CAAW,GACxCP,EAAA,oBAAoB,UAAUO,CAAW;AAAA,MAAA;AAGpC,MAAAb,EAAA,UAAU,SAAUgB,GAAK;AAC5B,QAAAF,KACPT,EAAQW,CAAG;AAAA,MAAA,GAENF,KACPR,EAAK,YAAYC,CAAS;AAAA,IAAA,CAG3B;AACH,GAEaU,IAAqB,WAAY;AAC5C,EAAIjB,MACFA,EAAY,QAAQ,EAAE,GACtBA,EAAY,UAAU;AAE1B;"}

package/es/packages/components/context-menu/index.mjs

@@ -0,0 +1,8 @@
+import { createContextMenu as o, destroyContextMenu as n } from "./createContextMenu.mjs";
+import { useContextMenu as x } from "./useContextMenu.mjs";
+export {
+  o as createContextMenu,
+  n as destroyContextMenu,
+  x as useContextMenu
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/context-menu/style/css.mjs

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

package/es/packages/components/context-menu/style/index.mjs

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

package/es/packages/components/context-menu/useContextMenu.mjs

@@ -0,0 +1,11 @@
+import { getCurrentInstance as n, onUnmounted as o } from "vue";
+import { destroyContextMenu as t, createContextMenu as r } from "./createContextMenu.mjs";
+function f(e = !0) {
+  return n() && e && o(() => {
+    t();
+  }), [r, t];
+}
+export {
+  f as useContextMenu
+};
+//# sourceMappingURL=useContextMenu.mjs.map

package/es/packages/components/context-menu/useContextMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenu.mjs","sources":["../../../../../../packages/components/context-menu/useContextMenu.ts"],"sourcesContent":["import { onUnmounted, getCurrentInstance } from 'vue';\nimport { createContextMenu, destroyContextMenu } from './createContextMenu';\nimport type { ContextMenuItem } from './types';\n\nexport type { ContextMenuItem };\n\nexport function useContextMenu(authRemove = true) {\n  if (getCurrentInstance() && authRemove) {\n    onUnmounted(() => {\n      destroyContextMenu();\n    });\n  }\n  return [createContextMenu, destroyContextMenu];\n}\n"],"names":["useContextMenu","authRemove","getCurrentInstance","onUnmounted","destroyContextMenu","createContextMenu"],"mappings":";;AAMgB,SAAAA,EAAeC,IAAa,IAAM;AAC5C,SAAAC,OAAwBD,KAC1BE,EAAY,MAAM;AACG,IAAAC;EAAA,CACpB,GAEI,CAACC,GAAmBD,CAAkB;AAC/C;"}

package/es/packages/components/divider/divider.vue2.mjs

@@ -0,0 +1,50 @@
+import { defineComponent as a, computed as m, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
+import { useNamespace as f } 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 "@vft/utils";
+const t = (
+  /* hoist-static*/
+  f("divider")
+), b = a({
+  name: t.b()
+}), h = /* @__PURE__ */ a({
+  ...b,
+  props: {
+    direction: { default: "horizontal" },
+    contentPosition: { default: "center" },
+    borderStyle: { default: "solid" },
+    borderColor: null,
+    marginY: null,
+    marginX: null
+  },
+  setup(e) {
+    const d = m(() => ({
+      ...t.cssVarBlock({
+        "border-style": e.borderStyle,
+        "border-color": e.borderColor,
+        "margin-y": e.marginY,
+        "margin-x": e.marginX
+      })
+    }));
+    return (o, y) => (n(), i("div", {
+      class: l([r(t).b(), r(t).m(e.direction)]),
+      style: c(r(d)),
+      role: "separator"
+    }, [
+      o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
+        key: 0,
+        class: l([r(t).e("text"), r(t).is(e.contentPosition)])
+      }, [
+        s(o.$slots, "default")
+      ], 2)) : u("", !0)
+    ], 6));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=divider.vue2.mjs.map

package/es/packages/components/divider/divider.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../../packages/components/divider/divider.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('divider')\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 { useNamespace } from '@vft-ui/hooks';\nimport type { CSSProperties } from 'vue';\nimport type { BorderColor, BorderStyle } from './types';\n\ninterface DividerProps {\n\tdirection?: 'horizontal' | 'vertical'\n\tcontentPosition?: 'left' | 'center' | 'right',\n\tborderStyle?: BorderStyle,\n\tborderColor?: BorderColor,\n\tmarginY?: string,\n\tmarginX?: string,\n}\n\ndefineProps({\n  \"direction\": { default: 'horizontal' },\n  \"contentPosition\": { default: 'center' },\n  \"borderStyle\": { default: 'solid' },\n  \"borderColor\": null,\n  \"marginY\": null,\n  \"marginX\": null\n})\n\n\n\n;\n\nconst dividerStyle = computed(() => {\n\treturn {\n\t\t...ns.cssVarBlock({\n\t\t\t'border-style': __props.borderStyle,\n\t\t\t'border-color': __props.borderColor,\n\t\t\t'margin-y': __props.marginY,\n\t\t\t'margin-x': __props.marginX\n\t\t})\n\t} as CSSProperties;\n});\n</script>\n\n<template>\n\t<div :class=\"[ns.b(), ns.m(direction)]\"\n\t\t\t:style=\"dividerStyle\" role=\"separator\">\n\t\t<div v-if=\"$slots.default && direction !== 'vertical'\"\n\t\t\t\t:class=\"[ns.e('text'), ns.is(contentPosition)]\">\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","dividerStyle","computed","__props"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AA6BK,UAAAI,IAAeC,EAAS,OACtB;AAAA,MACN,GAAGL,EAAG,YAAY;AAAA,QACjB,gBAAgBM,EAAQ;AAAA,QACxB,gBAAgBA,EAAQ;AAAA,QACxB,YAAYA,EAAQ;AAAA,QACpB,YAAYA,EAAQ;AAAA,MAAA,CACpB;AAAA,IAAA,EAEF;;;;;;;;;;;;;;;"}

package/es/packages/components/divider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Divider from './divider.vue'\n\nexport const VftDivider = withInstall(Divider)\nexport default VftDivider\n"],"names":["VftDivider","withInstall","Divider"],"mappings":";;;;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}