vft 0.0.43 → 0.0.45

package/es/components/search/search.vue2.js

@@ -0,0 +1,189 @@
+import { defineComponent as C, ref as a, computed as v, watch as N, resolveDirective as I, openBlock as m, createElementBlock as h, Fragment as E, withDirectives as F, normalizeClass as y, unref as r, createVNode as P, mergeProps as b, createSlots as x, withCtx as l, renderSlot as p, createBlock as A, createElementVNode as T, createCommentVNode as z } from "vue";
+import { useRouterHelper as D } from "@vft/router";
+import { generateCssVars as H, addUnit as k } from "@vft/utils";
+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 { VftPopover as L } from "../popover/index.js";
+import "../menu/index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+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 { VftInput as O } from "../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 "./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 W } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useTimeoutFn as M } from "@vueuse/core";
+import "../../utils/ns-cover.js";
+const u = (
+  /* hoist-static*/
+  W("search")
+), U = C({
+  name: u.b()
+}), je = /* @__PURE__ */ C({
+  ...U,
+  props: {
+    modelValue: { default: "" },
+    placeholder: null,
+    clearable: { type: Boolean, default: !0 },
+    suffixIcon: { default: { icon: "vico-search", color: "#8B8C8C", cursor: !0 } },
+    prefixIcon: null,
+    clearIcon: null,
+    width: { default: 200 },
+    focusWidth: null,
+    hasPopover: { type: Boolean, default: !0 },
+    popoverCfg: null,
+    visible: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
+  setup(o, { emit: i }) {
+    const f = a(), c = a(), n = a(), g = () => {
+      console.log(o.modelValue);
+    };
+    D();
+    const w = () => {
+      i("update:visible", !0), i("focus");
+    }, S = v(() => ({
+      "show-arrow": !1,
+      transition: "vft-zoom-in-top",
+      placement: "bottom-start",
+      "hide-after": 100,
+      offset: 3,
+      width: 500,
+      ...o.popoverCfg
+    })), V = v(() => {
+      function e(t) {
+        return H(
+          {
+            width: k(t),
+            "focus-width": k(t)
+          },
+          "input"
+        );
+      }
+      return o.visible ? e(o.focusWidth ?? o.width) : e(o.width);
+    }), $ = (e) => {
+      i("update:modelValue", e);
+    }, d = u.e("content"), R = (e) => {
+      var t, s;
+      Array.from(e.target.classList).includes(d) || ((s = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || s.call(t), i("update:visible", !1));
+    }, B = () => {
+      i("update:visible", !1), M(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.blur();
+      }, 100), i("clear");
+    };
+    return N(() => o.visible, (e) => {
+      e ? n.value.focus() : n.value.blur();
+    }), (e, t) => {
+      const s = I("click-outside");
+      return m(), h(E, null, [
+        F((m(), h("div", {
+          ref_key: "searchRef",
+          ref: c,
+          class: y([r(u).b()])
+        }, [
+          P(r(O), b({
+            ref_key: "inputRef",
+            ref: n
+          }, e.$props, {
+            inputStyle: r(V),
+            onInput: $,
+            onSuffixclick: g,
+            onFocus: w,
+            onClear: B
+          }), x({ _: 2 }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: l(() => [
+                p(e.$slots, "prefix")
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.suffix ? {
+              name: "suffix",
+              fn: l(() => [
+                p(e.$slots, "suffix")
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: l(() => [
+                p(e.$slots, "prepend")
+              ]),
+              key: "2"
+            } : void 0,
+            e.$slots.append ? {
+              name: "append",
+              fn: l(() => [
+                p(e.$slots, "append")
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["inputStyle"])
+        ], 2)), [
+          [s, R]
+        ]),
+        o.hasPopover ? (m(), A(r(L), b({
+          key: 0,
+          ref_key: "popoverRef",
+          ref: f
+        }, r(S), {
+          "virtual-ref": c.value,
+          visible: o.visible,
+          "virtual-triggering": ""
+        }), {
+          default: l(() => [
+            T("div", {
+              class: y(r(d))
+            }, [
+              p(e.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 16, ["virtual-ref", "visible"])) : z("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  je as default
+};

package/es/components/side-menu/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 "./side-menu.vue2.js";
+const a = t(o);
+export {
+  a as VftSideMenu,
+  a as default
+};

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

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

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

@@ -0,0 +1,236 @@
+import { defineComponent as w, useSlots as P, ref as U, computed as m, h as f, onMounted as W, nextTick as $, createVNode as d } from "vue";
+import { listenerRouteChange as j, useRouterHelper as z } from "@vft/router";
+import { useSortable as Y } from "@vft/use";
+import { isUrl as D, generateCssVars as b, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
+import { useNamespace as F } 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 "../divider/index.js";
+import { VftIcon as G } 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 { VftMenu as J, VftSubMenu as K, VftMenuItem as k } from "../menu/index.js";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/store";
+import { useRouter as L } from "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 "./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";
+const i = (
+  /* hoist-static*/
+  F("side-menu")
+), Q = w({
+  name: i.b()
+}), Xe = /* @__PURE__ */ w({
+  ...Q,
+  props: {
+    menus: null,
+    uniqueOpened: {
+      type: Boolean,
+      default: !0
+    },
+    collapse: {
+      type: Boolean,
+      default: !1
+    },
+    defaultActive: null,
+    width: null,
+    collapseWidth: {
+      default: 50
+    },
+    attrMapping: null,
+    extraHeight: {
+      default: 100
+    },
+    menuTopBottomHeight: {
+      default: 40
+    },
+    showCollapse: {
+      type: Boolean,
+      default: !1
+    },
+    dragOption: null,
+    useMenuSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:collapse", "dragEnd", "select"],
+  setup(o, {
+    emit: h
+  }) {
+    const c = P(), v = U(), a = m(() => ({
+      path: "path",
+      children: "children",
+      title: "title",
+      index: "path",
+      icon: "icon",
+      ...o.attrMapping
+    }));
+    j((e) => {
+      !e || e.meta.hideSide || (v.value = e.path);
+    });
+    const x = (e, r) => {
+      const n = e[a.value.path], u = e[a.value.title], l = e == null ? void 0 : e[a.value.children], p = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon];
+      return l != null && l.length ? f(
+        // @ts-ignore
+        K,
+        {
+          popperAppendToBody: !0,
+          key: p || n,
+          index: p || n,
+          title: u,
+          icon: s,
+          popperClass: i.e("popper")
+        },
+        {
+          default: () => l == null ? void 0 : l.map((t, q) => {
+            var O;
+            const g = t[a.value.path], C = t[a.value.index], R = t[a.value.icon], E = t[a.value.title];
+            return (O = t == null ? void 0 : t[a.value.children]) != null && O.length ? x(t, q) : (
+              // @ts-ignore
+              f(k, {
+                key: C || g,
+                index: C || g,
+                route: g,
+                icon: R,
+                title: E,
+                disabled: t.disabled
+              })
+            );
+          })
+        }
+      ) : f(k, {
+        key: p || n,
+        index: p || n,
+        title: u,
+        route: n,
+        icon: s,
+        disabled: e.disabled
+      }, c.menuItem ? () => {
+        var t;
+        return (t = c.menuItem) == null ? void 0 : t.call(c, {
+          item: e,
+          index: r
+        });
+      } : "");
+    }, B = m(() => {
+      var e, r;
+      return f(J, {
+        onSelect: o.useMenuSelect ? T : () => {
+        },
+        defaultActive: o.defaultActive || v.value,
+        class: [i.e("con"), (e = o.dragOption) != null && e.dragClassName ? i.e((r = o.dragOption) == null ? void 0 : r.dragClassName) : ""],
+        style: {
+          height: `calc(100% - ${o.menuTopBottomHeight}px)`
+        },
+        uniqueOpened: o.uniqueOpened,
+        collapse: o.collapse,
+        "collapse-transition": !1
+      }, () => o.menus.map((n, u) => x(n, u)));
+    }), {
+      go: y
+    } = z(), N = L();
+    async function T(e) {
+      var l, p, s;
+      const r = e.route;
+      let n = e.route;
+      e.indexPath.some((t) => D(t)) && (n = e.indexPath.slice(-2).join("/"));
+      const u = (s = (p = (l = N.getRoutes().filter((t) => t.path === n)) == null ? void 0 : l[0]) == null ? void 0 : p.meta) == null ? void 0 : s.linkTarget;
+      y(u ? {
+        url: r,
+        winOpenOpt: {
+          target: u
+        }
+      } : r), h("select", e);
+    }
+    const A = m(() => ({
+      ...b({
+        "border-right": "none"
+      }, "menu"),
+      ...b({
+        width: o.collapse ? M(o.collapseWidth) : M(o.width)
+      }, "side-menu"),
+      height: `calc(100% - ${o.extraHeight}px)`
+    })), V = m(() => [i.b(), i.m("fixed")]);
+    function H() {
+      h("update:collapse", !o.collapse);
+    }
+    return W(() => {
+      $(() => {
+        var e, r, n;
+        if ((e = o.dragOption) != null && e.dragClassName) {
+          const u = (n = document.querySelectorAll("." + i.e((r = o.dragOption) == null ? void 0 : r.dragClassName))) == null ? void 0 : n[0], {
+            initSortable: l
+          } = Y(u, {
+            draggable: ".vft-menu-item",
+            onEnd: (p) => {
+              const {
+                oldIndex: s,
+                newIndex: t
+              } = p;
+              S(s) || S(t) || s === t || h("dragEnd", s, t);
+            },
+            ...o.dragOption
+          });
+          l();
+        }
+      });
+    }), () => d("div", {
+      class: V.value,
+      style: A.value
+    }, [c.top ? d("div", {
+      class: i.e("top")
+    }, [c.top()]) : null, B.value, c.bottom ? d("div", {
+      class: i.e("bottom")
+    }, [c.bottom()]) : o.showCollapse ? d("div", {
+      onClick: H,
+      class: [i.e("bottom"), i.e("collapse")]
+    }, [d(G, {
+      style: {
+        transform: o.collapse ? "rotateY(180deg)" : ""
+      },
+      size: 20,
+      icon: "ico-iconoir:sidebar-collapse"
+    }, null)]) : null]);
+  }
+});
+export {
+  Xe as default
+};

package/es/components/slot/index.js

@@ -0,0 +1,5 @@
+import { OnlyChild as h, OnlyChild as i } from "./only-child.js";
+export {
+  h as OnlyChild,
+  i as VftOnlyChild
+};

package/es/components/slot/only-child.js

@@ -0,0 +1,59 @@
+import { defineComponent as a, inject as s, withDirectives as p, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { FORWARD_REF_INJECTION_KEY as w, useForwardRefDirective as y } from "../../hooks/use-forward-ref/index.js";
+import "@vueuse/core";
+import { noop as O, isObject as R } from "@vft/utils";
+import { debugWarn as l } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+const o = "VftOnlyChild", j = /* @__PURE__ */ a({
+  name: o,
+  setup(n, {
+    slots: t,
+    attrs: e
+  }) {
+    const r = s(w), m = y((r == null ? void 0 : r.setForwardRef) ?? O);
+    return () => {
+      var u;
+      const i = (u = t.default) == null ? void 0 : u.call(t, e);
+      if (!i)
+        return null;
+      if (i.length > 1)
+        return l(o, "requires exact only one valid child."), null;
+      const c = d(i);
+      return c ? p(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
+    };
+  }
+});
+function d(n) {
+  if (!n)
+    return null;
+  const t = n;
+  for (const e of t) {
+    if (R(e))
+      switch (e.type) {
+        case g:
+          continue;
+        case N:
+        case "svg":
+          return f(e);
+        case C:
+          return d(e.children);
+        default:
+          return e;
+      }
+    return f(e);
+  }
+  return null;
+}
+function f(n) {
+  const t = F("only-child");
+  return v("span", {
+    class: t.e("content")
+  }, [n]);
+}
+export {
+  j as OnlyChild
+};

package/es/components/tabs/index.js

@@ -0,0 +1,14 @@
+import { withInstall as o, withNoopInstall as a } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import m from "./tabs.vue2.js";
+import t from "./tab-pane.vue2.js";
+import { TabsRootContextKey as T } from "./types.js";
+const e = o(m, { TabPane: t }), l = a(t);
+export {
+  T as TabsRootContextKey,
+  l as VftTabPane,
+  e as VftTabs,
+  e as default
+};

package/es/components/tabs/tab-bar.vue.js

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

package/es/components/tabs/tab-bar.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as $, getCurrentInstance as S, inject as C, ref as g, watch as N, nextTick as R, computed as k, openBlock as B, createElementBlock as F, normalizeClass as P, unref as p, normalizeStyle as T } from "vue";
+import { TabsRootContextKey as L } from "./types.js";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import { useResizeObserver as D } from "@vueuse/core";
+import { capitalize as c } from "@vft/utils";
+import "../../utils/ns-cover.js";
+const M = /* @__PURE__ */ $({
+  __name: "tab-bar",
+  props: {
+    tabs: null
+  },
+  setup(h, { expose: x }) {
+    const s = h, _ = S(), l = C(L), m = j("tabs"), a = g(), f = g(), v = () => {
+      let t = 0, e = 0;
+      const o = ["top", "bottom"].includes(l.props.tabPosition) ? "width" : "height", u = o === "width" ? "x" : "y", z = u === "x" ? "left" : "top";
+      return s.tabs.every((b) => {
+        var d, y;
+        const r = (y = (d = _.parent) == null ? void 0 : d.refs) == null ? void 0 : y[`tab-${b.uid}`];
+        if (!r)
+          return !1;
+        if (!b.active)
+          return !0;
+        t = r[`offset${c(z)}`], e = r[`client${c(o)}`];
+        const i = window.getComputedStyle(r);
+        return o === "width" && (s.tabs.length > 1 && (e -= Number.parseFloat(i.paddingLeft) + Number.parseFloat(i.paddingRight)), t += Number.parseFloat(i.paddingLeft)), !1;
+      }), {
+        [o]: `${e}px`,
+        transform: `translate${c(u)}(${t}px)`
+      };
+    }, n = () => f.value = v();
+    N(
+      () => s.tabs,
+      async () => {
+        await R(), n();
+      },
+      { immediate: !0 }
+    );
+    const w = k(() => l.props.tabPosition);
+    return D(a, () => n()), x({
+      ref: a,
+      update: n
+    }), (t, e) => (B(), F("div", {
+      ref_key: "barRef",
+      ref: a,
+      class: P([p(m).e("active-bar"), p(m).is(p(w))]),
+      style: T(f.value)
+    }, null, 6));
+  }
+});
+export {
+  M as default
+};

package/es/components/tabs/tab-nav.vue.js

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