vft 0.0.363 → 0.0.365

package/es/components/autocomplete/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./autocomplete.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftAutocomplete = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+import o from "./autocomplete.vue2.js";
+const l = t(o);
 export {
-  VftAutocomplete,
-  VftAutocomplete as default
+  l as VftAutocomplete,
+  l as default
 };

package/es/components/autocomplete/style/css.js

@@ -1 +1,5 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-autocomplete.css";
+import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-scrollbar.css";
+import "vft/theme-style/vft-popper.css";

package/es/components/autocomplete/style/index.js

@@ -1 +1,5 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/autocomplete.scss";
+import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/scrollbar.scss";
+import "vft/theme-style/src/popper.scss";

package/es/components/autocomplete/types.js

@@ -1,4 +1,4 @@
-const generateId = () => Math.floor(Math.random() * 1e4);
+const e = () => Math.floor(Math.random() * 1e4);
 export {
-  generateId
+  e as generateId
 };

package/es/components/avatar/avatar.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./avatar.vue2.js";
+import f from "./avatar.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/avatar/avatar.vue2.js

@@ -1,10 +1,15 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, renderSlot, unref, normalizeProps, mergeProps } from "vue";
-import { isString, isNumber, singleAttrToObj } from "@vft/utils";
-import { VftIcon } from "../icon/index.js";
-import { VftImage } from "../image/index.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { addUnit } from "../../utils/helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as v, ref as z, computed as i, watch as h, createElementBlock as p, openBlock as o, normalizeStyle as k, normalizeClass as y, createBlock as n, renderSlot as g, unref as l, normalizeProps as B, mergeProps as E } from "vue";
+import { isString as S, isNumber as b, singleAttrToObj as C } from "@vft/utils";
+import { VftIcon as V } from "../icon/index.js";
+import { VftImage as I } from "../image/index.js";
+import "@vueuse/core";
+import { addUnit as L } from "../../utils/helper.js";
+import "lodash-es";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const H = /* @__PURE__ */ v({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -15,47 +20,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fit: { default: "cover" }
   },
   emits: ["error"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const ns = useNamespace("avatar");
-    const hasLoadError = ref(false);
-    const avatarClass = computed(() => {
-      const classList = [ns.b()];
-      if (isString(__props.size)) classList.push(ns.m(__props.size));
-      if (!__props.src && __props.icon) classList.push(ns.m("icon"));
-      if (__props.shape) classList.push(ns.m(__props.shape));
-      return classList;
-    });
-    const sizeStyle = computed(() => {
-      return isNumber(__props.size) ? ns.cssVarBlock({
-        size: addUnit(__props.size) || ""
-      }) : void 0;
-    });
-    const _icon = computed(() => singleAttrToObj(__props.icon, "icon", { size: __props.size }));
-    watch(
-      () => __props.src,
-      () => hasLoadError.value = false
+  setup(r, { emit: c }) {
+    const m = c, t = N("avatar"), a = z(!1), u = i(() => {
+      const e = [t.b()];
+      return S(r.size) && e.push(t.m(r.size)), !r.src && r.icon && e.push(t.m("icon")), r.shape && e.push(t.m(r.shape)), e;
+    }), f = i(() => b(r.size) ? t.cssVarBlock({
+      size: L(r.size) || ""
+    }) : void 0), s = i(() => C(r.icon, "icon", { size: r.size }));
+    h(
+      () => r.src,
+      () => a.value = !1
     );
-    function handleError(e) {
-      hasLoadError.value = true;
-      emit("error", e);
+    function d(e) {
+      a.value = !0, m("error", e);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(avatarClass.value),
-        style: normalizeStyle(sizeStyle.value)
-      }, [
-        _ctx.src && !hasLoadError.value ? (openBlock(), createBlock(unref(VftImage), {
-          key: 0,
-          src: _ctx.src,
-          alt: _ctx.alt,
-          fit: _ctx.fit,
-          onError: handleError
-        }, null, 8, ["src", "alt", "fit"])) : _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), normalizeProps(mergeProps({ key: 1 }, _icon.value)), null, 16)) : renderSlot(_ctx.$slots, "default", { key: 2 })
-      ], 6);
-    };
+    return (e, P) => (o(), p("span", {
+      class: y(u.value),
+      style: k(f.value)
+    }, [
+      e.src && !a.value ? (o(), n(l(I), {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        fit: e.fit,
+        onError: d
+      }, null, 8, ["src", "alt", "fit"])) : s.value?.icon ? (o(), n(l(V), B(E({ key: 1 }, s.value)), null, 16)) : g(e.$slots, "default", { key: 2 })
+    ], 6));
   }
 });
 export {
-  _sfc_main as default
+  H as default
 };

package/es/components/avatar/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./avatar.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftAvatar = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+import o from "./avatar.vue2.js";
+const l = t(o);
 export {
-  VftAvatar,
-  VftAvatar as default
+  l as VftAvatar,
+  l as default
 };

package/es/components/avatar/style/css.js

@@ -1 +1,5 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-image-viewer.css";
+import "vft/theme-style/vft-image.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-avatar.css";

package/es/components/avatar/style/index.js

@@ -1 +1,5 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/image-viewer.scss";
+import "vft/theme-style/src/image.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/avatar.scss";

package/es/components/avatar-stack/avatar-stack.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./avatar-stack.vue2.js";
+import f from "./avatar-stack.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/avatar-stack/avatar-stack.vue2.js

@@ -1,82 +1,69 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { VftAvatar } from "../avatar/index.js";
-import { addUnit } from "@vft/utils";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { generateCssVars } from "../../utils/ns-cover.js";
-const __default__ = defineComponent({
+import { defineComponent as z, computed as r, createElementBlock as s, openBlock as n, normalizeStyle as d, normalizeClass as o, unref as t, createCommentVNode as g, Fragment as k, renderList as x, createVNode as v, withCtx as b, createTextVNode as V, toDisplayString as w } from "vue";
+import { VftAvatar as f } from "../avatar/index.js";
+import "@vueuse/core";
+import { addUnit as i } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import { generateCssVars as N } from "../../utils/ns-cover.js";
+import "lodash-es";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const M = z({
   name: "vft-avatar-stack"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), q = /* @__PURE__ */ z({
+  ...M,
   props: {
     avatars: { default: () => [] },
     maxCount: { default: 5 },
     size: { default: 60 },
     overlap: {},
-    showRemainCount: { type: Boolean, default: false },
+    showRemainCount: { type: Boolean, default: !1 },
     borderColor: { default: "white" }
   },
-  setup(__props) {
-    const ns = useNamespace("avatar-stack");
-    const visibleAvatars = computed(() => __props.avatars.slice(0, __props.maxCount));
-    const remainingCount = computed(() => __props.avatars.length - __props.maxCount);
-    const computedOverlap = computed(() => {
-      if (__props.overlap !== void 0) {
-        return __props.overlap;
-      }
-      return Math.round(__props.size / 3);
-    });
-    const computedFontSize = computed(() => {
-      return Math.max(12, Math.round(__props.size * 0.25));
-    });
-    const style = computed(() => {
-      return generateCssVars(
-        {
-          "avatar-size": addUnit(__props.size),
-          "overlap": addUnit(computedOverlap.value),
-          "font-size": addUnit(computedFontSize.value),
-          "border-color": __props.borderColor
-        },
-        "avatar-stack"
-      );
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b()),
-        style: normalizeStyle(style.value)
+  setup(e) {
+    const a = B("avatar-stack"), u = r(() => e.avatars.slice(0, e.maxCount)), m = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), h = r(() => Math.max(12, Math.round(e.size * 0.25))), p = r(() => N(
+      {
+        "avatar-size": i(e.size),
+        overlap: i(C.value),
+        "font-size": i(h.value),
+        "border-color": e.borderColor
+      },
+      "avatar-stack"
+    ));
+    return (l, S) => (n(), s("div", {
+      class: o(t(a).b()),
+      style: d(p.value)
+    }, [
+      (n(!0), s(k, null, x(u.value, (y, c) => (n(), s("div", {
+        key: c,
+        class: o(t(a).e("item")),
+        style: d({ zIndex: u.value.length - c })
+      }, [
+        v(t(f), {
+          src: y,
+          size: l.size,
+          class: o(t(a).e("stacked-avatar"))
+        }, null, 8, ["src", "size", "class"])
+      ], 6))), 128)),
+      l.showRemainCount && m.value > 0 ? (n(), s("div", {
+        key: 0,
+        class: o([t(a).e("item"), t(a).e("remaining-count")]),
+        style: { zIndex: 0 }
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleAvatars.value, (avatar, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(unref(ns).e("item")),
-            style: normalizeStyle({ zIndex: visibleAvatars.value.length - index })
-          }, [
-            createVNode(unref(VftAvatar), {
-              src: avatar,
-              size: _ctx.size,
-              class: normalizeClass(unref(ns).e("stacked-avatar"))
-            }, null, 8, ["src", "size", "class"])
-          ], 6);
-        }), 128)),
-        _ctx.showRemainCount && remainingCount.value > 0 ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([unref(ns).e("item"), unref(ns).e("remaining-count")]),
-          style: { zIndex: 0 }
-        }, [
-          createVNode(unref(VftAvatar), {
-            size: _ctx.size,
-            class: normalizeClass(unref(ns).e("remaining-avatar"))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(" +" + toDisplayString(remainingCount.value), 1)
-            ]),
-            _: 1
-          }, 8, ["size", "class"])
-        ], 2)) : createCommentVNode("", true)
-      ], 6);
-    };
+        v(t(f), {
+          size: l.size,
+          class: o(t(a).e("remaining-avatar"))
+        }, {
+          default: b(() => [
+            V(" +" + w(m.value), 1)
+          ]),
+          _: 1
+        }, 8, ["size", "class"])
+      ], 2)) : g("", !0)
+    ], 6));
   }
 });
 export {
-  _sfc_main as default
+  q as default
 };

package/es/components/avatar-stack/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./avatar-stack.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftAvatarStack = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+import o from "./avatar-stack.vue2.js";
+const c = t(o);
 export {
-  VftAvatarStack,
-  VftAvatarStack as default
+  c as VftAvatarStack,
+  c as default
 };

package/es/components/avatar-stack/style/css.js

@@ -1 +1,6 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-image-viewer.css";
+import "vft/theme-style/vft-image.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-avatar.css";
+import "vft/theme-style/vft-avatar-stack.css";

package/es/components/avatar-stack/style/index.js

@@ -1 +1,6 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/image-viewer.scss";
+import "vft/theme-style/src/image.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/avatar.scss";
+import "vft/theme-style/src/avatar-stack.scss";

package/es/components/backtop/backtop.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./backtop.vue2.js";
+import f from "./backtop.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/backtop/backtop.vue2.js

@@ -1,13 +1,18 @@
-import { defineComponent, getCurrentInstance, computed, createBlock, openBlock, Transition, unref, withCtx, createElementBlock, createCommentVNode, withModifiers, normalizeClass, normalizeStyle, renderSlot, normalizeProps, mergeProps } from "vue";
-import { singleAttrToObj } from "@vft/utils";
-import { VftIcon } from "../icon/index.js";
-import { useBackTop } from "./use-backtop.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const __default__ = defineComponent({
+import { defineComponent as s, getCurrentInstance as v, computed as l, createBlock as m, openBlock as i, Transition as y, unref as t, withCtx as C, createElementBlock as h, createCommentVNode as c, withModifiers as T, normalizeClass as x, normalizeStyle as z, renderSlot as B, normalizeProps as $, mergeProps as S } from "vue";
+import { singleAttrToObj as _ } from "@vft/utils";
+import { VftIcon as w } from "../icon/index.js";
+import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useBackTop as N } from "./use-backtop.js";
+const P = s({
   name: "vft-backtop"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), G = /* @__PURE__ */ s({
+  ...P,
   props: {
     visibilityHeight: { default: 200 },
     target: {},
@@ -17,41 +22,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     scrollTargetKey: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const ns = useNamespace("backtop");
-    const instance = getCurrentInstance();
-    const { handleClick, visible } = useBackTop(instance.props, emit, ns.b());
-    const backTopStyle = computed(() => ({
-      right: `${__props.right}px`,
-      bottom: `${__props.bottom}px`
-    }));
-    const _icon = computed(() => singleAttrToObj(__props.icon, "icon", { size: 25 }));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: `${unref(ns).namespace.value}-fade-in`
-      }, {
-        default: withCtx(() => [
-          unref(visible) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            style: normalizeStyle(backTopStyle.value),
-            class: normalizeClass(unref(ns).b()),
-            onClick: _cache[0] || (_cache[0] = withModifiers(
-              //@ts-ignore
-              (...args) => unref(handleClick) && unref(handleClick)(...args),
-              ["stop"]
-            ))
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), normalizeProps(mergeProps({ key: 0 }, _icon.value)), null, 16)) : createCommentVNode("", true)
-            ])
-          ], 6)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+  setup(e, { emit: p }) {
+    const u = p, o = I("backtop"), f = v(), { handleClick: n, visible: d } = N(f.props, u, o.b()), k = l(() => ({
+      right: `${e.right}px`,
+      bottom: `${e.bottom}px`
+    })), r = l(() => _(e.icon, "icon", { size: 25 }));
+    return (b, a) => (i(), m(y, {
+      name: `${t(o).namespace.value}-fade-in`
+    }, {
+      default: C(() => [
+        t(d) ? (i(), h("div", {
+          key: 0,
+          style: z(k.value),
+          class: x(t(o).b()),
+          onClick: a[0] || (a[0] = T(
+            //@ts-ignore
+            (...g) => t(n) && t(n)(...g),
+            ["stop"]
+          ))
+        }, [
+          B(b.$slots, "default", {}, () => [
+            r.value?.icon ? (i(), m(t(w), $(S({ key: 0 }, r.value)), null, 16)) : c("", !0)
+          ])
+        ], 6)) : c("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  _sfc_main as default
+  G as default
 };

package/es/components/backtop/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./backtop.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftBacktop = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+import o from "./backtop.vue2.js";
+const c = t(o);
 export {
-  VftBacktop,
-  VftBacktop as default
+  c as VftBacktop,
+  c as default
 };

package/es/components/backtop/style/css.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-backtop.css";

package/es/components/backtop/style/index.js

@@ -1 +1,2 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/backtop.scss";

package/es/components/backtop/use-backtop.js

@@ -1,56 +1,39 @@
-import { useThrottleFn, useEventListener, useTimeoutFn } from "@vueuse/core";
-import { shallowRef, ref, onMounted, watch } from "vue";
-const useBackTop = (props, emit, componentName) => {
-  const el = shallowRef();
-  const container = shallowRef();
-  const visible = ref(false);
-  const scrollToTop = () => {
-    if (!el.value) return;
-    el.value.scrollTo({ left: 0, top: 0, behavior: "smooth" });
-  };
-  const handleScroll = () => {
-    if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight;
-  };
-  const handleClick = (event) => {
-    scrollToTop();
-    emit("click", event);
-  };
-  const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
-  useEventListener(container, "scroll", handleScrollThrottled);
-  onMounted(() => {
-    container.value = document;
-    el.value = document.documentElement;
-    if (props.target) {
-      useTimeoutFn(() => {
-        initScrollTarget(props.target);
-      }, 40);
-    }
-  });
-  watch(
-    [() => props?.scrollTargetKey, () => props.target],
-    (val, oldVal) => {
-      if (val[0] !== oldVal[0] || val[1]) {
-        initScrollTarget(props.target);
-      }
+import { useThrottleFn as m, useEventListener as d, useTimeoutFn as T } from "@vueuse/core";
+import { shallowRef as n, ref as g, onMounted as b, watch as y } from "vue";
+import "./backtop.vue2.js";
+const x = (t, u, c) => {
+  const e = n(), o = n(), r = g(!1), a = () => {
+    e.value && e.value.scrollTo({ left: 0, top: 0, behavior: "smooth" });
+  }, s = () => {
+    e.value && (r.value = e.value.scrollTop >= t.visibilityHeight);
+  }, v = (l) => {
+    a(), u("click", l);
+  }, f = m(s, 300, !0);
+  d(o, "scroll", f), b(() => {
+    o.value = document, e.value = document.documentElement, t.target && T(() => {
+      i(t.target);
+    }, 40);
+  }), y(
+    [() => t?.scrollTargetKey, () => t.target],
+    (l, h) => {
+      (l[0] !== h[0] || l[1]) && i(t.target);
     },
     {
       flush: "post"
     }
   );
-  function initScrollTarget(target) {
-    el.value = document.querySelector(target) ?? void 0;
-    if (!el.value) {
-      console.error(componentName, `target does not exist: ${target}`);
+  function i(l) {
+    if (e.value = document.querySelector(l) ?? void 0, !e.value) {
+      console.error(c, `target does not exist: ${l}`);
       return;
     }
-    if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight;
-    container.value = el.value;
+    e.value && (r.value = e.value.scrollTop >= t.visibilityHeight), o.value = e.value;
   }
   return {
-    visible,
-    handleClick
+    visible: r,
+    handleClick: v
   };
 };
 export {
-  useBackTop
+  x as useBackTop
 };

package/es/components/base/style/css.js

@@ -1 +1 @@
-
+import "vft/theme-style/base.css";

package/es/components/base/style/index.js

@@ -1 +1 @@
-
+import "vft/theme-style/src/base.scss";

package/es/components/breadcrumb/breadcrumb-item.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./breadcrumb-item.vue2.js";
+import f from "./breadcrumb-item.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };