vft 0.0.50 → 0.0.53

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

@@ -0,0 +1,252 @@
+import { defineComponent as k, useSlots as E, ref as P, computed as d, h as f, onMounted as U, nextTick as W, createVNode as c } from "vue";
+import { listenerRouteChange as $, useRouterHelper as j } from "@vft/router";
+import { useSortable as z } from "@vft/use";
+import { isUrl as Y, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { generateCssVars as F } from "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+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 b } 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 "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/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 l = (
+  /* hoist-static*/
+  D("side-menu")
+), Q = k({
+  name: l.b()
+}), he = /* @__PURE__ */ k({
+  ...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 s = E(), v = P(), r = d(() => ({
+      path: "path",
+      children: "children",
+      title: "title",
+      index: "path",
+      icon: "icon",
+      ...o.attrMapping
+    }));
+    $((t) => {
+      !t || t.meta.hideSide || (v.value = t.path);
+    });
+    const x = (t, a) => {
+      const i = t[r.value.path], p = t[r.value.title], n = t == null ? void 0 : t[r.value.children], u = t == null ? void 0 : t[r.value.index], m = t == null ? void 0 : t[r.value.icon];
+      return n != null && n.length ? f(
+        // @ts-ignore
+        K,
+        {
+          popperAppendToBody: !0,
+          key: u || i,
+          index: u || i,
+          title: p,
+          icon: m,
+          popperClass: l.e("popper")
+        },
+        {
+          default: () => n == null ? void 0 : n.map((e, H) => {
+            var O;
+            const g = e[r.value.path], C = e[r.value.index], q = e[r.value.icon], R = e[r.value.title];
+            return (O = e == null ? void 0 : e[r.value.children]) != null && O.length ? x(e, H) : (
+              // @ts-ignore
+              f(b, {
+                key: C || g,
+                index: C || g,
+                route: g,
+                icon: q,
+                title: R,
+                disabled: e.disabled
+              })
+            );
+          })
+        }
+      ) : f(b, {
+        key: u || i,
+        index: u || i,
+        title: p,
+        route: i,
+        icon: m,
+        disabled: t.disabled
+      }, s.menuItem ? () => {
+        var e;
+        return (e = s.menuItem) == null ? void 0 : e.call(s, {
+          item: t,
+          index: a
+        });
+      } : "");
+    }, w = d(() => {
+      var t, a;
+      return f(J, {
+        onSelect: o.useMenuSelect ? N : () => {
+        },
+        defaultActive: o.defaultActive || v.value,
+        class: [l.e("con"), (t = o.dragOption) != null && t.dragClassName ? l.e((a = o.dragOption) == null ? void 0 : a.dragClassName) : ""],
+        style: {
+          height: `calc(100% - ${o.menuTopBottomHeight}px)`
+        },
+        uniqueOpened: o.uniqueOpened,
+        collapse: o.collapse,
+        "collapse-transition": !1
+      }, () => o.menus.map((i, p) => x(i, p)));
+    }), {
+      go: y
+    } = j(), B = L();
+    async function N(t) {
+      var n, u, m;
+      const a = t.route;
+      let i = t.route;
+      t.indexPath.some((e) => Y(e)) && (i = t.indexPath.slice(-2).join("/"));
+      const p = (m = (u = (n = B.getRoutes().filter((e) => e.path === i)) == null ? void 0 : n[0]) == null ? void 0 : u.meta) == null ? void 0 : m.linkTarget;
+      y(p ? {
+        url: a,
+        winOpenOpt: {
+          target: p
+        }
+      } : a), h("select", t);
+    }
+    const T = d(() => ({
+      ...F({
+        width: o.collapse ? M(o.collapseWidth) : M(o.width)
+      }, "side-menu"),
+      height: `calc(100% - ${o.extraHeight}px)`
+    })), A = d(() => [l.b(), l.m("fixed")]);
+    function V() {
+      h("update:collapse", !o.collapse);
+    }
+    return U(() => {
+      W(() => {
+        var t, a, i;
+        if ((t = o.dragOption) != null && t.dragClassName) {
+          const p = (i = document.querySelectorAll("." + l.e((a = o.dragOption) == null ? void 0 : a.dragClassName))) == null ? void 0 : i[0], {
+            initSortable: n
+          } = z(p, {
+            draggable: ".vft-menu-item",
+            onEnd: (u) => {
+              const {
+                oldIndex: m,
+                newIndex: e
+              } = u;
+              S(m) || S(e) || m === e || h("dragEnd", m, e);
+            },
+            ...o.dragOption
+          });
+          n();
+        }
+      });
+    }), () => c("div", {
+      class: A.value,
+      style: T.value
+    }, [s.top ? c("div", {
+      class: l.e("top")
+    }, [s.top()]) : null, w.value, s.bottom ? c("div", {
+      class: l.e("bottom")
+    }, [s.bottom()]) : o.showCollapse ? c("div", {
+      onClick: V,
+      class: [l.e("bottom"), l.e("collapse")]
+    }, [c(G, {
+      style: {
+        transform: o.collapse ? "rotateY(180deg)" : ""
+      },
+      size: 20,
+      icon: "ico-iconoir:sidebar-collapse"
+    }, null)]) : null]);
+  }
+});
+export {
+  he as default
+};

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

@@ -0,0 +1,61 @@
+import { defineComponent as a, inject as p, withDirectives as s, 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";
+import "@vue/reactivity";
+import "@vue/shared";
+const o = "VftOnlyChild", I = /* @__PURE__ */ a({
+  name: o,
+  setup(r, {
+    slots: t,
+    attrs: e
+  }) {
+    const n = p(w), m = y((n == null ? void 0 : n.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 ? s(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
+    };
+  }
+});
+function d(r) {
+  if (!r)
+    return null;
+  const t = r;
+  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(r) {
+  const t = F("only-child");
+  return v("span", {
+    class: t.e("content")
+  }, [r]);
+}
+export {
+  I as OnlyChild
+};

package/es/components/switch/switch.vue2.js

@@ -0,0 +1,204 @@
+import { defineComponent as W, computed as s, ref as T, watch as w, onMounted as _, openBlock as c, createElementBlock as d, normalizeClass as r, unref as e, normalizeStyle as j, withModifiers as ee, createElementVNode as B, withKeys as te, createBlock as x, normalizeProps as E, mergeProps as I, createCommentVNode as u, toDisplayString as N, nextTick as ae } from "vue";
+import { singleAttrToObj as G, addUnit as ie, isBoolean as ne } from "@vft/utils";
+import { isPromise as H } from "@vue/shared";
+import { debugWarn as L, throwError as le } from "../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { VftIcon as g } from "../icon/index.js";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as S, INPUT_EVENT as z } from "../../constants/event.js";
+import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import { useFormItem as ce, useFormItemInputId as re } from "../form/hooks/use-form-item.js";
+import { useFormSize as ue, useFormDisabled as se } from "../form/hooks/use-form-common-props.js";
+const de = ["onClick"], ve = ["id", "aria-checked", "aria-disabled", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], me = ["aria-hidden"], fe = ["aria-hidden"], he = ["aria-hidden"], i = (
+  /* hoist-static*/
+  oe("switch")
+), be = W({
+  name: i.b()
+}), De = /* @__PURE__ */ W({
+  ...be,
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    value: { type: [Boolean, String, Number], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    width: null,
+    inlinePrompt: { type: Boolean, default: !1 },
+    activeIcon: null,
+    inactiveIcon: null,
+    activeText: null,
+    inactiveText: null,
+    activeColor: null,
+    inactiveColor: null,
+    borderColor: null,
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    name: null,
+    validateEvent: { type: Boolean, default: !0 },
+    id: null,
+    loading: { type: Boolean, default: !1 },
+    beforeChange: { type: Function },
+    size: null,
+    tabindex: null
+  },
+  emits: [P, S, z],
+  setup(a, { expose: $, emit: v }) {
+    const t = a, { formItem: m } = ce(), q = ue(), { inputId: J } = re(t, {
+      formItemContext: m
+    }), f = s(() => G(t.activeIcon, "icon")), b = s(() => G(t.inactiveIcon, "icon")), V = se(s(() => t.loading)), p = T(t.modelValue !== !1), y = T(), Q = T(), R = s(() => [
+      i.b(),
+      i.m(q.value),
+      i.is("disabled", V.value),
+      i.is("checked", n.value)
+    ]), X = s(() => ({
+      width: ie(t.width)
+    }));
+    w(
+      () => t.modelValue,
+      () => {
+        p.value = !0;
+      }
+    ), w(
+      () => t.value,
+      () => {
+        p.value = !1;
+      }
+    );
+    const D = s(() => p.value ? t.modelValue : t.value), n = s(() => D.value === t.activeValue);
+    [t.activeValue, t.inactiveValue].includes(D.value) || (v(P, t.inactiveValue), v(S, t.inactiveValue), v(z, t.inactiveValue)), w(n, (l) => {
+      var o;
+      y.value.checked = l, t.validateEvent && ((o = m == null ? void 0 : m.validate) == null || o.call(m, "change").catch((k) => L(k)));
+    });
+    const C = () => {
+      const l = n.value ? t.inactiveValue : t.activeValue;
+      v(P, l), v(S, l), v(z, l), ae(() => {
+        y.value.checked = n.value;
+      });
+    }, F = () => {
+      if (V.value)
+        return;
+      const { beforeChange: l } = t;
+      if (!l) {
+        C();
+        return;
+      }
+      const o = l();
+      [
+        H(o),
+        ne(o)
+      ].includes(!0) || le(
+        i.b(),
+        "beforeChange must return type `Promise<boolean>` or `boolean`"
+      ), H(o) ? o.then((h) => {
+        h && C();
+      }).catch((h) => {
+        L(i.b(), `some error occurred: ${h}`);
+      }) : o && C();
+    }, Y = s(() => i.cssVarBlock({
+      ...t.activeColor ? { "on-color": t.activeColor } : null,
+      ...t.inactiveColor ? { "off-color": t.inactiveColor } : null,
+      ...t.borderColor ? { "border-color": t.borderColor } : null
+    })), Z = () => {
+      var l, o;
+      (o = (l = y.value) == null ? void 0 : l.focus) == null || o.call(l);
+    };
+    return _(() => {
+      y.value.checked = n.value;
+    }), $({
+      /**
+       *  @description manual focus to the switch component
+       **/
+      focus: Z,
+      /**
+       * @description whether Switch is checked
+       */
+      checked: n
+    }), (l, o) => {
+      var k, h, K, O, A, M, U;
+      return c(), d("div", {
+        class: r(e(R)),
+        style: j(e(Y)),
+        onClick: ee(F, ["prevent"])
+      }, [
+        B("input", {
+          id: e(J),
+          ref_key: "input",
+          ref: y,
+          class: r(e(i).e("input")),
+          type: "checkbox",
+          role: "switch",
+          "aria-checked": e(n),
+          "aria-disabled": e(V),
+          name: a.name,
+          "true-value": a.activeValue,
+          "false-value": a.inactiveValue,
+          disabled: e(V),
+          tabindex: a.tabindex,
+          onChange: C,
+          onKeydown: te(F, ["enter"])
+        }, null, 42, ve),
+        !a.inlinePrompt && (a.inactiveIcon || a.inactiveText) ? (c(), d("span", {
+          key: 0,
+          class: r([
+            e(i).e("label"),
+            e(i).em("label", "left"),
+            e(i).is("active", !e(n))
+          ])
+        }, [
+          (k = e(b)) != null && k.icon ? (c(), x(e(g), E(I({ key: 0 }, e(b))), null, 16)) : u("", !0),
+          !((h = e(b)) != null && h.icon) && a.inactiveText ? (c(), d("span", {
+            key: 1,
+            "aria-hidden": e(n)
+          }, N(a.inactiveText), 9, me)) : u("", !0)
+        ], 2)) : u("", !0),
+        B("span", {
+          ref_key: "core",
+          ref: Q,
+          class: r(e(i).e("core")),
+          style: j(e(X))
+        }, [
+          a.inlinePrompt ? (c(), d("div", {
+            key: 0,
+            class: r(e(i).e("inner"))
+          }, [
+            (K = e(f)) != null && K.icon || (O = e(b)) != null && O.icon ? (c(), x(e(g), E(I({ key: 0 }, e(n) ? e(f) : e(b))), null, 16)) : a.activeText || a.inactiveText ? (c(), d("span", {
+              key: 1,
+              class: r(e(i).is("text")),
+              "aria-hidden": !e(n)
+            }, N(e(n) ? a.activeText : a.inactiveText), 11, fe)) : u("", !0)
+          ], 2)) : u("", !0),
+          B("div", {
+            class: r(e(i).e("action"))
+          }, [
+            a.loading ? (c(), x(e(g), {
+              key: 0,
+              rotate: "",
+              class: r(e(i).is("loading")),
+              icon: "ico-ep:loading"
+            }, null, 8, ["class"])) : u("", !0)
+          ], 2)
+        ], 6),
+        !a.inlinePrompt && ((A = e(f)) != null && A.icon || a.activeText) ? (c(), d("span", {
+          key: 1,
+          class: r([
+            e(i).e("label"),
+            e(i).em("label", "right"),
+            e(i).is("active", e(n))
+          ])
+        }, [
+          (M = e(f)) != null && M.icon ? (c(), x(e(g), E(I({ key: 0 }, e(f))), null, 16)) : u("", !0),
+          !((U = e(f)) != null && U.icon) && a.activeText ? (c(), d("span", {
+            key: 1,
+            "aria-hidden": !e(n)
+          }, N(a.activeText), 9, he)) : u("", !0)
+        ], 2)) : u("", !0)
+      ], 14, de);
+    };
+  }
+});
+export {
+  De as default
+};