vft 0.0.43 → 0.0.45

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

@@ -0,0 +1,46 @@
+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.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+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
+};

package/es/components/config-provider/config-provider.vue.js

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

package/es/components/config-provider/config-provider.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as s, watch as r, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as v, createElementBlock as C, normalizeClass as V, unref as o, normalizeStyle as b, renderSlot as k } from "vue";
+import { inBrowser as B, kebabCase as D } from "@vft/utils";
+import { useNamespace as E } 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 { provideGlobalConfig as L } from "./hooks/use-global-config.js";
+import { messageConfig as S } from "./constants.js";
+const i = (
+  /* hoist-static*/
+  E("config-provider")
+), T = s({
+  name: i.b()
+}), N = /* @__PURE__ */ s({
+  ...T,
+  props: {
+    theme: { default: "light" },
+    themeVars: null,
+    themeVarsDark: null,
+    themeVarsLight: null,
+    iconPrefix: null,
+    namespace: { default: "vft" },
+    zIndex: null,
+    message: null,
+    projectCfg: null
+  },
+  setup(t) {
+    r(
+      () => t.message,
+      (e) => {
+        Object.assign(S, e ?? {});
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const c = d(() => {
+      const e = t.theme === "dark";
+      return l({
+        ...t.themeVars,
+        ...e ? t.themeVarsDark : t.themeVarsLight
+      });
+    });
+    if (B) {
+      const e = () => {
+        document.documentElement.classList.add(t.theme);
+      }, n = (m = t.theme) => {
+        document.documentElement.classList.remove(m);
+      };
+      r(
+        () => t.theme,
+        (m, a) => {
+          a && n(a), e();
+        },
+        { immediate: !0 }
+      ), f(e), h(n), g(n);
+    }
+    function l(e) {
+      const n = {};
+      return Object.keys(e).forEach((m) => {
+        n[`--${t.namespace}-${D(m)}`] = e[m];
+      }), n;
+    }
+    const u = p();
+    return L(u.props), (e, n) => (v(), C("div", {
+      class: V(o(i).b()),
+      style: b(o(c))
+    }, [
+      k(e.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  N as default
+};

package/es/components/config-provider/hooks/use-global-config.js

@@ -0,0 +1,67 @@
+import { ref as v, getCurrentInstance as l, inject as p, computed as i, provide as g, unref as x } from "vue";
+import { keysOf as a } from "@vft/utils";
+import { debugWarn as C } from "../../../utils/error.js";
+import "../../../utils/ns-cover.js";
+import { useNamespace as b, defaultNamespace as I, namespaceContextKey as y } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import { useZIndex as G, defaultInitialZIndex as z, zIndexContextKey as K } from "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { configProviderContextKey as m } from "../constants.js";
+const c = v();
+function d(t, o = void 0) {
+  const r = l() ? p(m, c) : c;
+  return t ? i(() => {
+    var n;
+    return ((n = r.value) == null ? void 0 : n[t]) ?? o;
+  }) : r;
+}
+function q(t) {
+  const o = d(), r = b(
+    t,
+    i(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.namespace) || I;
+    })
+  ), n = G(
+    i(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.zIndex) || z;
+    })
+  );
+  return {
+    ns: r,
+    zIndex: n
+  };
+}
+const A = (t, o, r = !1) => {
+  const n = !!l(), e = n ? d() : void 0, u = (o == null ? void 0 : o.provide) ?? (n ? g : void 0);
+  if (!u) {
+    C(
+      "provideGlobalConfig",
+      "provideGlobalConfig() can only be used inside setup()."
+    );
+    return;
+  }
+  const s = i(() => {
+    const f = x(t);
+    return e != null && e.value ? S(e.value, f) : f;
+  });
+  return u(m, s), u(
+    y,
+    i(() => s.value.namespace)
+  ), u(
+    K,
+    i(() => s.value.zIndex)
+  ), (r || !c.value) && (c.value = s.value), s;
+}, S = (t, o) => {
+  const r = [.../* @__PURE__ */ new Set([...a(t), ...a(o)])], n = {};
+  for (const e of r)
+    n[e] = o[e] ?? t[e];
+  return n;
+};
+export {
+  A as provideGlobalConfig,
+  q as useGlobalComponentSettings,
+  d as useGlobalConfig
+};

package/es/components/config-provider/index.js

@@ -0,0 +1,17 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import t from "./config-provider.vue2.js";
+import { configProviderContextKey as s, messageConfig as a } from "./constants.js";
+import { provideGlobalConfig as C, useGlobalComponentSettings as d, useGlobalConfig as x } from "./hooks/use-global-config.js";
+const n = o(t);
+export {
+  n as VftConfigProvider,
+  s as configProviderContextKey,
+  n as default,
+  a as messageConfig,
+  C as provideGlobalConfig,
+  d as useGlobalComponentSettings,
+  x as useGlobalConfig
+};

package/es/components/context-menu/context-menu.vue.js

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

package/es/components/context-menu/context-menu.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as w, ref as u, computed as y, openBlock as p, createBlock as d, Transition as k, withCtx as C, withDirectives as b, createElementVNode as c, normalizeStyle as g, unref as l, 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 a } from "@vft/use";
+import "../divider/index.js";
+import "../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 { VftMenuItem as F } from "../menu/index.js";
+import "@vft/utils";
+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 "../back-top/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 "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+const H = { class: "vft-sub-menu" }, It = /* @__PURE__ */ w({
+  __name: "context-menu",
+  props: {
+    axis: null,
+    styles: null,
+    width: null,
+    items: null
+  },
+  setup(o) {
+    let s = u();
+    const f = y(() => {
+      const { x: t, y: e } = o.axis || { x: 0, y: 0 }, i = (o.items || []).length * 40, n = o.width || 0, m = document.body, v = m.clientWidth < t + n ? t - n : t, h = m.clientHeight < e + i ? e - i : e;
+      return {
+        zIndex: 3e3,
+        ...o.styles,
+        position: "fixed",
+        width: `${o.width}px`,
+        left: `${v + 1}px`,
+        top: `${h + 1}px`
+      };
+    });
+    let r = u(!1);
+    S(() => {
+      r.value = !0;
+    }, 0), A(s, () => {
+      r.value = !1;
+    }, {
+      listenerOptions: {
+        capture: !0
+      }
+    }), a(window, "scroll", () => {
+      r.value = !1;
+    }, {
+      capture: !0
+    }), a(window, "drag", () => {
+      r.value = !1;
+    }, {
+      capture: !0
+    });
+    function x(t) {
+      var e;
+      t != null && t.disabled || ((e = t.handler) == null || e.call(t), r.value = !1);
+    }
+    return (t, e) => (p(), d(k, { name: "vft-zoom-in-top" }, {
+      default: C(() => [
+        b(c("div", {
+          ref_key: "contextMenuRef",
+          ref: s,
+          style: g(l(f)),
+          onClick: e[0] || (e[0] = M(() => {
+          }, ["stop"])),
+          class: "vft-menu"
+        }, [
+          c("div", H, [
+            (p(!0), $(z, null, B(o.items, (i, n) => (p(), d(l(F), {
+              onClick: (m) => x(i),
+              index: n + i.text,
+              title: i.text,
+              divider: i.divider,
+              disabled: i.disabled,
+              icon: i.iconCfg,
+              isAloneUse: "",
+              key: n
+            }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
+          ])
+        ], 4), [
+          [E, l(r)]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  It as default
+};

package/es/components/context-menu/createContextMenu.js

@@ -0,0 +1,40 @@
+import { isClient as a } from "@vft/utils";
+import { createVNode as f, render as u } from "vue";
+import v from "./context-menu.vue2.js";
+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
+};

package/es/components/context-menu/index.js

@@ -0,0 +1,7 @@
+import { createContextMenu as o, destroyContextMenu as n } from "./createContextMenu.js";
+import { useContextMenu as x } from "./useContextMenu.js";
+export {
+  o as createContextMenu,
+  n as destroyContextMenu,
+  x as useContextMenu
+};

package/es/components/context-menu/useContextMenu.js

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

package/es/components/descriptions/description-item.vue.js

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

package/es/components/descriptions/description-item.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, renderSlot as e } from "vue";
+import { useNamespace as n } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+const o = (
+  /* hoist-static*/
+  n("descriptions-item")
+), a = l({
+  name: o.b()
+}), b = /* @__PURE__ */ l({
+  ...a,
+  props: {
+    label: null,
+    span: { default: 1 },
+    width: null,
+    minWidth: null,
+    align: { default: "left" },
+    labelAlign: null,
+    className: null,
+    labelClassName: null
+  },
+  setup(r) {
+    return (t, s) => e(t.$slots, "default");
+  }
+});
+export {
+  b as default
+};

package/es/components/descriptions/description.vue.js

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

package/es/components/descriptions/description.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as i, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
+import "@vft/utils";
+import { flattedChildren as L } from "../../utils/vue/vnode.js";
+import "../../utils/ns-cover.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import T from "./descriptions-row.vue2.js";
+import { descriptionsKey as j } from "./token.js";
+const o = (
+  /* hoist-static*/
+  R("descriptions")
+), q = N({
+  name: o.b()
+}), Y = /* @__PURE__ */ N({
+  ...q,
+  props: {
+    border: { type: Boolean, default: !1 },
+    column: { default: 3 },
+    direction: { default: "horizontal" },
+    size: null,
+    title: null,
+    extra: null
+  },
+  setup(s) {
+    const f = E(), S = w();
+    z(j, S.props);
+    const $ = V(() => [o.b(), o.m("small")]), h = (t, a, e, l = !1) => (t.props || (t.props = {}), a > e && (t.props.span = e), l && (t.props.span = a), t), x = () => {
+      var y;
+      const t = L((y = f.default) == null ? void 0 : y.call(f)).filter(
+        (r) => {
+          var c;
+          return ((c = r == null ? void 0 : r.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
+        }
+      ), a = [];
+      let e = [], l = s.column, b = 0;
+      return t.forEach((r, c) => {
+        var g;
+        const m = ((g = r == null ? void 0 : r.props) == null ? void 0 : g.span) || 1;
+        if (c < t.length - 1 && (b += m > l ? l : m), c === t.length - 1) {
+          const B = s.column - b % s.column;
+          e.push(h(r, B, l, !0)), a.push(e);
+          return;
+        }
+        m < l ? (l -= m, e.push(r)) : (e.push(h(r, m, l)), a.push(e), l = s.column, e = []);
+      }), a;
+    };
+    return (t, a) => (p(), d("div", {
+      class: n(i($))
+    }, [
+      s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), d("div", {
+        key: 0,
+        class: n(i(o).e("header"))
+      }, [
+        u("div", {
+          class: n(i(o).e("title"))
+        }, [
+          v(t.$slots, "title", {}, () => [
+            k(C(s.title), 1)
+          ])
+        ], 2),
+        u("div", {
+          class: n(i(o).e("extra"))
+        }, [
+          v(t.$slots, "extra", {}, () => [
+            k(C(s.extra), 1)
+          ])
+        ], 2)
+      ], 2)) : D("", !0),
+      u("div", {
+        class: n(i(o).e("body"))
+      }, [
+        u("table", {
+          class: n([i(o).e("table"), i(o).is("bordered", s.border)])
+        }, [
+          u("tbody", null, [
+            (p(!0), d(I, null, K(x(), (e, l) => (p(), F(T, {
+              key: l,
+              row: e
+            }, null, 8, ["row"]))), 128))
+          ])
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  Y as default
+};

package/es/components/descriptions/descriptions-cell.js

@@ -0,0 +1,102 @@
+import { defineComponent as S, inject as v, h as s } from "vue";
+import { addUnit as y } from "@vft/utils";
+import { useNamespace as w } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import { isNil as A } from "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { getNormalizedProps as j } from "../../utils/vue/vnode.js";
+import "../../utils/ns-cover.js";
+import { descriptionsKey as D } from "./token.js";
+const q = S({
+  name: "VftDescriptionsCell",
+  props: {
+    cell: {
+      type: Object
+    },
+    tag: {
+      type: String
+    },
+    type: {
+      type: String
+    }
+  },
+  setup() {
+    return {
+      descriptions: v(D, {})
+    };
+  },
+  render() {
+    var h, n, g, f, c, u;
+    const e = j(
+      this.cell
+    ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
+      width: y(e.width),
+      minWidth: y(e.minWidth)
+    }, t = w("descriptions");
+    switch (this.type) {
+      case "label":
+        return s(
+          this.tag,
+          {
+            style: r,
+            class: [
+              t.e("cell"),
+              t.e("label"),
+              t.is("bordered-label", p),
+              t.is("vertical-label", l),
+              C,
+              b
+            ],
+            colSpan: l ? i : 1
+          },
+          o
+        );
+      case "content":
+        return s(
+          this.tag,
+          {
+            style: r,
+            class: [
+              t.e("cell"),
+              t.e("content"),
+              t.is("bordered-content", p),
+              t.is("vertical-content", l),
+              a,
+              m
+            ],
+            colSpan: l ? i : i * 2 - 1
+          },
+          d
+        );
+      default:
+        return s(
+          "td",
+          {
+            style: r,
+            class: [t.e("cell"), a],
+            colSpan: i
+          },
+          [
+            A(o) ? void 0 : s(
+              "span",
+              {
+                class: [t.e("label"), b]
+              },
+              o
+            ),
+            s(
+              "span",
+              {
+                class: [t.e("content"), m]
+              },
+              d
+            )
+          ]
+        );
+    }
+  }
+});
+export {
+  q as default
+};

package/es/components/descriptions/descriptions-row.vue.js

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