vft 0.0.43 → 0.0.45

package/es/component.js

@@ -0,0 +1,94 @@
+import { VftDivider as o } from "./components/divider/index.js";
+import { VftConfigProvider as t } from "./components/config-provider/index.js";
+import { VftIcon as r } from "./components/icon/index.js";
+import { VftAvatar as m } from "./components/avatar/index.js";
+import { VftEmpty as f } from "./components/empty/index.js";
+import { VftResult as i } from "./components/result/index.js";
+import { VftTooltip as p } from "./components/tooltip/index.js";
+import { VftBackTop as V } from "./components/back-top/index.js";
+import { VftPopover as e } from "./components/popover/index.js";
+import { VftPopper as a } from "./components/popper/index.js";
+import { VftLogo as n } from "./components/logo/index.js";
+import { VftIconText as u } from "./components/icon-text/index.js";
+import { VftImage as d } from "./components/image/index.js";
+import { VftFullScreen as l } from "./components/full-screen/index.js";
+import { VftInput as s } from "./components/input/index.js";
+import { VftLink as M } from "./components/link/index.js";
+import { VftTag as T } from "./components/tag/index.js";
+import { VftQrcode as c } from "./components/qrcode/index.js";
+import { VftOverlay as C } from "./components/overlay/index.js";
+import { VftSideMenu as g } from "./components/side-menu/index.js";
+import { VftClamp as I } from "./components/clamp/index.js";
+import { VftPageWrapper as P } from "./components/page-wrapper/index.js";
+import { VftClampToggle as b } from "./components/clamp-toggle/index.js";
+import { VftRouterViewContent as y } from "./components/router-view-content/index.js";
+import { VftIframeLayout as v } from "./components/iframe-layout/index.js";
+import { VftFooterLayout as L } from "./components/footer-layout/index.js";
+import { VftHeaderLayout as D } from "./components/header-layout/index.js";
+import { VftPagination as S } from "./components/pagination/index.js";
+import { VftTabs as x, VftTabPane as k } from "./components/tabs/index.js";
+import { VftDescriptions as E, VftDescriptionsItem as F } from "./components/descriptions/index.js";
+import { VftMultipleTabs as R } from "./components/multiple-tabs/index.js";
+import { VftCollapseTransition as h } from "./components/collapse-transition/index.js";
+import { VftMenu as w, VftMenuItem as A, VftMenuItemGroup as B, VftSubMenu as G } from "./components/menu/index.js";
+import { VftException as H } from "./components/exception/index.js";
+import { VftSearch as O } from "./components/search/index.js";
+import { VftMdComment as Q } from "./components/md-comment/index.js";
+import { VftMdTabs as W } from "./components/md-tabs/index.js";
+import { VftMdVuePlayground as j } from "./components/md-vue-playground/index.js";
+import { VftMdCodeDemo as q } from "./components/md-code-demo/index.js";
+import { VftMdCodeTabs as z } from "./components/md-code-tabs/index.js";
+import { VftMdContainer as J } from "./components/md-container/index.js";
+const wo = [
+  // md
+  J,
+  z,
+  q,
+  j,
+  W,
+  Q,
+  // md
+  O,
+  P,
+  I,
+  b,
+  c,
+  C,
+  T,
+  g,
+  S,
+  M,
+  s,
+  d,
+  u,
+  l,
+  E,
+  F,
+  t,
+  V,
+  y,
+  v,
+  L,
+  D,
+  n,
+  R,
+  w,
+  A,
+  B,
+  G,
+  h,
+  o,
+  r,
+  m,
+  f,
+  i,
+  x,
+  k,
+  p,
+  e,
+  a,
+  H
+];
+export {
+  wo as default
+};

package/es/components/avatar/avatar.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components/icon';
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<number | "default" | "small" | "large" | undefined>;
+        type: __PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {
@@ -31,7 +31,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: __PropType<number | "default" | "small" | "large" | undefined>;
+        type: __PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {

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

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

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

@@ -0,0 +1,55 @@
+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.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+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
+};

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

@@ -1,6 +1,6 @@
 export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<number | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {
@@ -29,7 +29,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<number | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {

package/es/components/avatar/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./avatar.vue2.js";
+const f = t(o);
+export {
+  f as VftAvatar,
+  f as default
+};

package/es/components/back-top/back-top.vue.js

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

package/es/components/back-top/back-top.vue2.js

@@ -0,0 +1,104 @@
+import { defineComponent as s, getCurrentInstance as g, computed as a, openBlock as m, createBlock as l, Transition as C, unref as t, withCtx as h, createElementBlock as y, normalizeStyle as x, normalizeClass as z, withModifiers as B, renderSlot as T, normalizeProps as $, mergeProps as v, createCommentVNode as c } from "vue";
+import { singleAttrToObj as w } from "@vft/utils";
+import "../divider/index.js";
+import { VftIcon as S } from "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import "../menu/index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "./index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useBackTop as I } from "./use-back-top.js";
+const i = (
+  /* hoist-static*/
+  _("back-top")
+), N = s({
+  name: i.b()
+}), Vt = /* @__PURE__ */ s({
+  ...N,
+  props: {
+    visibilityHeight: { default: 200 },
+    target: null,
+    right: { default: 40 },
+    bottom: { default: 40 },
+    icon: { default: "ico-bx:arrow-to-top" }
+  },
+  emits: ["click"],
+  setup(r, { emit: u }) {
+    const f = g(), { handleClick: p, visible: d } = I(f.props, u, i.b()), b = a(() => ({
+      right: `${r.right}px`,
+      bottom: `${r.bottom}px`
+    })), e = a(() => w(r.icon, "icon", { color: "black", size: 25 }));
+    return (k, n) => (m(), l(C, {
+      name: `${t(i).namespace}-fade-in`
+    }, {
+      default: h(() => [
+        t(d) ? (m(), y("div", {
+          key: 0,
+          style: x(t(b)),
+          class: z(t(i).b()),
+          onClick: n[0] || (n[0] = B(
+            //@ts-ignore
+            (...o) => t(p) && t(p)(...o),
+            ["stop"]
+          ))
+        }, [
+          T(k.$slots, "default", {}, () => {
+            var o;
+            return [
+              (o = t(e)) != null && o.icon ? (m(), l(t(S), $(v({ key: 0 }, t(e))), null, 16)) : c("", !0)
+            ];
+          })
+        ], 6)) : c("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  Vt as default
+};

package/es/components/back-top/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./back-top.vue2.js";
+const f = t(o);
+export {
+  f as VftBackTop,
+  f as default
+};

package/es/components/back-top/use-back-top.js

@@ -0,0 +1,32 @@
+import { shallowRef as u, ref as f, onMounted as m, watch as h, nextTick as T } from "vue";
+import { useThrottleFn as g, useEventListener as b, useTimeoutFn as k } from "@vueuse/core";
+import "@vft/utils";
+import { throwError as a } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+const q = (t, c, i) => {
+  const e = u(), l = u(), r = f(!1), n = () => {
+    e.value && e.value.scrollTo({ left: 0, top: 0, behavior: "smooth" });
+  }, s = () => {
+    e.value && (r.value = e.value.scrollTop >= t.visibilityHeight);
+  }, v = (o) => {
+    n(), c("click", o);
+  }, d = g(s, 300, !0);
+  return b(l, "scroll", d), m(() => {
+    l.value = document, e.value = document.documentElement, t.target && k(() => {
+      e.value = document.querySelector(t.target) ?? void 0, e.value || a(i, `target does not exist: ${t.target}`), l.value = e.value;
+    }, 10);
+  }), h(
+    () => t.target,
+    (o) => {
+      T(() => {
+        o && (e.value = document.querySelector(o) ?? void 0, e.value || a(i, `target does not exist: ${o}`), e.value && (r.value = e.value.scrollTop >= t.visibilityHeight), l.value = e.value);
+      });
+    }
+  ), {
+    visible: r,
+    handleClick: v
+  };
+};
+export {
+  q as useBackTop
+};

package/es/components/clamp/clamp.vue.js

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

package/es/components/clamp/clamp.vue2.js

@@ -0,0 +1,165 @@
+import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
+import { addUnit as G } from "@vft/utils";
+import { addListener as I, removeListener as J } from "resize-detector";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+const P = ["aria-label"], Q = (
+  /* hoist-static*/
+  K("clamp")
+), W = T({
+  name: Q.b()
+}), ie = /* @__PURE__ */ T({
+  ...W,
+  props: {
+    text: null,
+    maxHeight: null,
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    location: { default: "end" },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 }
+  },
+  emits: ["clamp-change", "update:expanded"],
+  setup(e, { emit: y }) {
+    const a = v(null), u = v(null), m = v(null), l = S({
+      offset: 0,
+      localExpanded: e.expanded,
+      unregisterResizeCallback: null
+    }), $ = r(() => {
+      if (!l.localExpanded && e.maxHeight)
+        return G(e.maxHeight);
+    }), k = () => {
+      m.value && (m.value.textContent = N.value);
+    }, c = () => {
+      l.localExpanded || (k(), (d() || n.value) && g());
+    }, C = () => {
+      e.text && (l.offset = e.text.length, H(), e.autoResize && a.value && (I(a.value, c), l.unregisterResizeCallback = () => {
+        a.value && J(a.value, c);
+      }), c());
+    }, H = () => {
+      var t;
+      (t = l.unregisterResizeCallback) == null || t.call(l);
+    }, d = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && x() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), x = () => u.value ? Object.keys(
+      Array.prototype.slice.call(u.value.getClientRects()).reduce((t, {
+        top: i,
+        bottom: f
+      }) => {
+        const o = `${i}/${f}`;
+        return t[o] || (t[o] = !0), t;
+      }, {})
+    ).length : 0, g = (...t) => {
+      const [i = 0, f = l.offset] = t;
+      if (f - i <= 3) {
+        j();
+        return;
+      }
+      const o = Math.floor((f + i) / 2);
+      h(o), d() ? g(i, o) : g(o, f);
+    }, h = (t) => {
+      l.offset = t, k();
+    }, j = () => {
+      U(), A();
+    }, U = () => {
+      for (; (!d() || x() < 2) && l.offset < e.text.length; )
+        b(1);
+    }, A = () => {
+      for (; d() && x() > 1 && l.offset > 0; )
+        b(-1);
+    }, b = (t) => {
+      h(l.offset + t);
+    }, n = r(() => e.text ? l.offset !== e.text.length : !1);
+    s(
+      () => n.value,
+      (t) => {
+        E(() => {
+          y("clamp-change", t);
+        });
+      },
+      { immediate: !0 }
+    );
+    const N = r(() => n.value ? O.value : e.text), O = r(() => {
+      if (e.location === "start")
+        return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
+      if (e.location === "middle") {
+        const t = Math.floor(l.offset / 2);
+        return (e.text.slice(0, t) || "").trim() + e.ellipsis + (e.text.slice(-t) || "").trim();
+      }
+      return (e.text.slice(0, l.offset) || "").trim() + e.ellipsis;
+    }), L = () => {
+      l.localExpanded = !0;
+    }, z = () => {
+      l.localExpanded = !1;
+    }, w = () => {
+      l.localExpanded = !l.localExpanded;
+    };
+    return s(
+      () => e.expanded,
+      (t) => {
+        l.localExpanded = t;
+      }
+    ), s(
+      () => l.localExpanded,
+      (t) => {
+        t ? h(e.text.length) : c(), e.expanded !== t && y("update:expanded", t);
+      }
+    ), s(
+      () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, n.value].join(),
+      () => {
+        E(() => {
+          c();
+        });
+      }
+    ), s(
+      () => [e.text, e.autoResize].join(),
+      () => {
+        E(() => {
+          C();
+        });
+      }
+    ), p(() => {
+      H();
+    }), F(() => {
+      C();
+    }), (t, i) => (V(), q("div", {
+      ref_key: "textClampRef",
+      ref: a,
+      class: "text-clamp",
+      style: D({
+        overflow: "hidden",
+        maxHeight: R($)
+      })
+    }, [
+      B("span", {
+        ref_key: "contentRef",
+        ref: u
+      }, [
+        M(t.$slots, "before", {
+          expand: L,
+          collapse: z,
+          toggle: w,
+          clamped: R(n),
+          expanded: l.localExpanded
+        }),
+        B("span", {
+          ref_key: "textRef",
+          ref: m,
+          "aria-label": e.text
+        }, null, 8, P),
+        M(t.$slots, "after", {
+          expand: L,
+          collapse: z,
+          toggle: w,
+          clamped: R(n),
+          expanded: l.localExpanded
+        })
+      ], 512)
+    ], 4));
+  }
+});
+export {
+  ie as default
+};

package/es/components/clamp/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import m from "./clamp.vue2.js";
+const f = t(m);
+export {
+  f as VftClamp,
+  f as default
+};

package/es/components/clamp-toggle/clamp-toggle.vue.js

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

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as i, computed as r, openBlock as a, createBlock as c, unref as t, normalizeStyle as u, withCtx as g, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import { generateCssVars as C } from "@vft/utils";
+import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { VftClamp as y } from "../clamp/index.js";
+const h = ["onClick"], l = (
+  /* hoist-static*/
+  p("clamp-toggle")
+), k = i({
+  name: l.b()
+}), j = /* @__PURE__ */ i({
+  ...k,
+  props: {
+    text: null,
+    maxHeight: null,
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    location: { default: "end" },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 },
+    color: null,
+    size: null,
+    toggleColor: null,
+    toggleSize: null,
+    toggleText: { default: ["展开", "收缩"] }
+  },
+  setup(e) {
+    const n = r(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, l.b()));
+    return (B, S) => (a(), c(t(y), {
+      style: u(t(n)),
+      text: e.text,
+      maxHeight: e.maxHeight,
+      maxLines: e.maxLines,
+      expanded: e.expanded,
+      location: e.location,
+      ellipsis: e.ellipsis,
+      autoResize: e.autoResize
+    }, {
+      after: g(({ toggle: m, expanded: o, clamped: s }) => [
+        o || s ? (a(), d("span", {
+          key: 0,
+          class: x(["cursor-pointer", t(l).e("more")]),
+          onClick: m
+        }, f(o ? e.toggleText[1] : e.toggleText[0]), 11, h)) : z("", !0)
+      ]),
+      _: 1
+    }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
+  }
+});
+export {
+  j as default
+};

package/es/components/clamp-toggle/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import o from "./clamp-toggle.vue2.js";
+const f = t(o);
+export {
+  f as VftClampToggle,
+  f as default
+};

package/es/components/collapse-transition/index.js

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

package/es/components/collapse-transition/src/collapse-transition.vue.js

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