vft 0.0.50 → 0.0.53

package/es/packages/components/roving-focus-group/roving-focus-item.vue2.js

@@ -1,104 +0,0 @@
-import { defineComponent as y, inject as l, ref as w, computed as d, unref as n, provide as R, nextTick as g } from "vue";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { useId as h } from "../../hooks/use-id/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import { composeEventHandlers as i } from "../../utils/event.js";
-import "../../utils/ns-cover.js";
-import { EVENT_CODE as k } from "../../constants/aria.js";
-import { VftCollectionItem as x, ROVING_FOCUS_COLLECTION_INJECTION_KEY as G } from "./types.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as K, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as U } from "./tokens.js";
-import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";
-const $ = y({
-  components: {
-    RovingFocusCollectionItem: x
-  },
-  props: {
-    focusable: {
-      type: Boolean,
-      default: !0
-    },
-    active: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["mousedown", "focus", "keydown"],
-  setup(I, { emit: s }) {
-    const { currentTabbedId: O, loop: _, onItemFocus: m, onItemShiftTab: C } = l(
-      K,
-      void 0
-    ), { getItems: v } = l(
-      G,
-      void 0
-    ), r = h(), E = w(null), a = i(
-      (e) => {
-        s("mousedown", e);
-      },
-      (e) => {
-        I.focusable ? m(n(r)) : e.preventDefault();
-      }
-    ), f = i(
-      (e) => {
-        s("focus", e);
-      },
-      () => {
-        m(n(r));
-      }
-    ), u = i(
-      (e) => {
-        s("keydown", e);
-      },
-      (e) => {
-        const { key: T, shiftKey: b, target: F, currentTarget: p } = e;
-        if (T === k.tab && b) {
-          C();
-          return;
-        }
-        if (F !== p)
-          return;
-        const c = V(e);
-        if (c) {
-          e.preventDefault();
-          let o = v().filter(
-            (t) => t.focusable
-          ).map((t) => t.ref);
-          switch (c) {
-            case "last": {
-              o.reverse();
-              break;
-            }
-            case "prev":
-            case "next": {
-              c === "prev" && o.reverse();
-              const t = o.indexOf(p);
-              o = _.value ? J(o, t + 1) : o.slice(t + 1);
-              break;
-            }
-          }
-          g(() => {
-            L(o);
-          });
-        }
-      }
-    ), N = d(() => O.value === n(r));
-    return R(U, {
-      rovingFocusGroupItemRef: E,
-      tabIndex: d(() => n(N) ? 0 : -1),
-      handleMousedown: a,
-      handleFocus: f,
-      handleKeydown: u
-    }), {
-      id: r,
-      handleKeydown: u,
-      handleFocus: f,
-      handleMousedown: a
-    };
-  }
-});
-export {
-  $ as default
-};

package/es/packages/components/scrollbar/bar.vue2.js

@@ -1,41 +0,0 @@
-import { defineComponent as u, ref as n, openBlock as h, createElementBlock as d, Fragment as v, createVNode as r } from "vue";
-import { GAP as s } from "./util.js";
-import c from "./thumb.vue2.js";
-const X = /* @__PURE__ */ u({
-  __name: "bar",
-  props: {
-    always: { type: Boolean, default: !0 },
-    width: null,
-    height: null,
-    ratioX: { default: 1 },
-    ratioY: { default: 1 }
-  },
-  setup(e, { expose: f }) {
-    const o = e, a = n(0), l = n(0);
-    return f({
-      handleScroll: (t) => {
-        if (t) {
-          const i = t.offsetHeight - s, m = t.offsetWidth - s;
-          l.value = t.scrollTop * 100 / i * o.ratioY, a.value = t.scrollLeft * 100 / m * o.ratioX;
-        }
-      }
-    }), (t, i) => (h(), d(v, null, [
-      r(c, {
-        move: a.value,
-        ratio: e.ratioX,
-        size: e.width,
-        always: e.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
-      r(c, {
-        move: l.value,
-        ratio: e.ratioY,
-        size: e.height,
-        vertical: "",
-        always: e.always
-      }, null, 8, ["move", "ratio", "size", "always"])
-    ], 64));
-  }
-});
-export {
-  X as default
-};

package/es/packages/components/scrollbar/index.js

@@ -1,21 +0,0 @@
-import { withInstall as r } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import o from "./scrollbar.vue2.js";
-import { BAR_MAP as A, GAP as _, renderThumbStyle as d } from "./util.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { scrollbarContextKey as u } from "./constants.js";
-const c = r(o);
-export {
-  A as BAR_MAP,
-  _ as GAP,
-  c as VftScrollbar,
-  c as default,
-  d as renderThumbStyle,
-  u as scrollbarContextKey
-};

package/es/packages/components/scrollbar/scrollbar.vue2.js

@@ -1,145 +0,0 @@
-import { defineComponent as L, ref as a, computed as w, watch as E, nextTick as N, provide as D, reactive as G, onMounted as X, onUpdated as Y, openBlock as g, createElementBlock as q, normalizeClass as b, unref as m, createElementVNode as F, normalizeStyle as R, createBlock as B, resolveDynamicComponent as I, withCtx as J, renderSlot as Q, createCommentVNode as Z } from "vue";
-import { useResizeObserver as ee, useEventListener as te } from "@vueuse/core";
-import { addUnit as W, isObject as le, isNumber as v } from "@vft/utils";
-import { debugWarn as M } from "../../utils/error.js";
-import "lodash";
-import "../../utils/ns-cover.js";
-import { useNamespace as oe } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { GAP as h } from "./util.js";
-import ae from "./bar.vue2.js";
-import { scrollbarContextKey as re } from "./constants.js";
-const S = "VftScrollbar", ie = L({
-  name: S
-}), ge = /* @__PURE__ */ L({
-  ...ie,
-  props: {
-    height: null,
-    maxHeight: null,
-    native: { type: Boolean },
-    wrapStyle: null,
-    wrapClass: null,
-    viewClass: null,
-    viewStyle: null,
-    noresize: { type: Boolean },
-    tag: { default: "div" },
-    always: { type: Boolean },
-    minSize: { default: 20 }
-  },
-  emits: ["scroll"],
-  setup(i, { expose: $, emit: K }) {
-    const l = i, s = oe("scrollbar");
-    let n, c;
-    const x = a(), t = a(), z = a(), C = a("0"), H = a("0"), d = a(), k = a(1), T = a(1), O = w(() => {
-      const e = {};
-      return l.height && (e.height = W(l.height)), l.maxHeight && (e.maxHeight = W(l.maxHeight)), [l.wrapStyle, e];
-    }), V = w(() => [
-      l.wrapClass,
-      s.e("wrap"),
-      { [s.em("wrap", "hidden-default")]: !l.native }
-    ]), A = w(() => [s.e("view"), l.viewClass]), _ = () => {
-      var e;
-      t.value && ((e = d.value) == null || e.handleScroll(t.value), K("scroll", {
-        scrollTop: t.value.scrollTop,
-        scrollLeft: t.value.scrollLeft
-      }));
-    };
-    function P(e, o) {
-      le(e) ? t.value.scrollTo(e) : v(e) && v(o) && t.value.scrollTo(e, o);
-    }
-    const U = (e) => {
-      if (!v(e)) {
-        M(S, "value must be a number");
-        return;
-      }
-      t.value.scrollTop = e;
-    }, j = (e) => {
-      if (!v(e)) {
-        M(S, "value must be a number");
-        return;
-      }
-      t.value.scrollLeft = e;
-    }, r = () => {
-      if (!t.value)
-        return;
-      const e = t.value.offsetHeight - h, o = t.value.offsetWidth - h, p = e ** 2 / t.value.scrollHeight, y = o ** 2 / t.value.scrollWidth, u = Math.max(p, l.minSize), f = Math.max(y, l.minSize);
-      k.value = p / (e - p) / (u / (e - u)), T.value = y / (o - y) / (f / (o - f)), H.value = u + h < e ? `${u}px` : "", C.value = f + h < o ? `${f}px` : "";
-    };
-    return E(
-      () => l.noresize,
-      (e) => {
-        e ? (n == null || n(), c == null || c()) : ({ stop: n } = ee(z, r), c = te("resize", r));
-      },
-      { immediate: !0 }
-    ), E(
-      () => [l.maxHeight, l.height],
-      () => {
-        l.native || N(() => {
-          var e;
-          r(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
-        });
-      }
-    ), D(
-      re,
-      G({
-        scrollbarElement: x,
-        wrapElement: t
-      })
-    ), X(() => {
-      l.native || N(() => {
-        r();
-      });
-    }), Y(() => r()), $({
-      /** @description scrollbar wrap ref */
-      wrapRef: t,
-      /** @description update scrollbar state manually */
-      update: r,
-      /** @description scrolls to a particular set of coordinates */
-      scrollTo: P,
-      /** @description set distance to scroll top */
-      setScrollTop: U,
-      /** @description set distance to scroll left */
-      setScrollLeft: j,
-      /** @description handle scroll event */
-      handleScroll: _
-    }), (e, o) => (g(), q("div", {
-      ref_key: "scrollbarRef",
-      ref: x,
-      class: b(m(s).b())
-    }, [
-      F("div", {
-        ref_key: "wrapRef",
-        ref: t,
-        class: b(m(V)),
-        style: R(m(O)),
-        onScroll: _
-      }, [
-        (g(), B(I(i.tag), {
-          ref_key: "resizeRef",
-          ref: z,
-          class: b(m(A)),
-          style: R(i.viewStyle)
-        }, {
-          default: J(() => [
-            Q(e.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class", "style"]))
-      ], 38),
-      i.native ? Z("", !0) : (g(), B(ae, {
-        key: 0,
-        ref_key: "barRef",
-        ref: d,
-        height: H.value,
-        width: C.value,
-        always: i.always,
-        "ratio-x": T.value,
-        "ratio-y": k.value
-      }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
-    ], 2));
-  }
-});
-export {
-  ge as default
-};

package/es/packages/components/scrollbar/thumb.vue2.js

@@ -1,111 +0,0 @@
-import { defineComponent as T, inject as D, ref as v, computed as E, onBeforeUnmount as N, toRef as z, openBlock as A, createBlock as O, Transition as j, unref as s, withCtx as K, withDirectives as U, createElementVNode as C, normalizeClass as P, normalizeStyle as I, vShow as V } from "vue";
-import { useEventListener as k, isClient as q } from "@vueuse/core";
-import "@vft/utils";
-import { throwError as F } from "../../utils/error.js";
-import "lodash";
-import "../../utils/ns-cover.js";
-import { useNamespace as G } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { scrollbarContextKey as J } from "./constants.js";
-import { BAR_MAP as Q, renderThumbStyle as W } from "./util.js";
-const X = "Thumb", ue = /* @__PURE__ */ T({
-  __name: "thumb",
-  props: {
-    vertical: { type: Boolean },
-    size: null,
-    move: null,
-    ratio: null,
-    always: { type: Boolean }
-  },
-  setup(g) {
-    const u = g, o = D(J), c = G("scrollbar");
-    o || F(X, "can not inject scrollbar context");
-    const l = v(), a = v(), f = v({}), i = v(!1);
-    let m = !1, d = !1, p = q ? document.onselectstart : null;
-    const e = E(() => Q[u.vertical ? "vertical" : "horizontal"]), B = E(
-      () => W({
-        size: u.size,
-        move: u.move,
-        bar: e.value
-      })
-    ), w = E(
-      () => (
-        // offsetRatioX = original width of thumb / current width of thumb / ratioX
-        // offsetRatioY = original height of thumb / current height of thumb / ratioY
-        // instance height = wrap height - GAP
-        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / u.ratio / a.value[e.value.offset]
-      )
-    ), _ = (t) => {
-      var r;
-      if (t.stopPropagation(), t.ctrlKey || [1, 2].includes(t.button))
-        return;
-      (r = window.getSelection()) == null || r.removeAllRanges(), L(t);
-      const n = t.currentTarget;
-      n && (f.value[e.value.axis] = n[e.value.offset] - (t[e.value.client] - n.getBoundingClientRect()[e.value.direction]));
-    }, x = (t) => {
-      if (!a.value || !l.value || !o.wrapElement)
-        return;
-      const n = Math.abs(
-        t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
-      ), r = a.value[e.value.offset] / 2, h = (n - r) * 100 * w.value / l.value[e.value.offset];
-      o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
-    }, L = (t) => {
-      t.stopImmediatePropagation(), m = !0, document.addEventListener("mousemove", y), document.addEventListener("mouseup", b), p = document.onselectstart, document.onselectstart = () => !1;
-    }, y = (t) => {
-      if (!l.value || !a.value || m === !1)
-        return;
-      const n = f.value[e.value.axis];
-      if (!n)
-        return;
-      const r = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = a.value[e.value.offset] - n, R = (r - h) * 100 * w.value / l.value[e.value.offset];
-      o.wrapElement[e.value.scroll] = R * o.wrapElement[e.value.scrollSize] / 100;
-    }, b = () => {
-      m = !1, f.value[e.value.axis] = 0, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", b), S(), d && (i.value = !1);
-    }, M = () => {
-      d = !1, i.value = !!u.size;
-    }, H = () => {
-      d = !0, i.value = m;
-    };
-    N(() => {
-      S(), document.removeEventListener("mouseup", b);
-    });
-    const S = () => {
-      document.onselectstart !== p && (document.onselectstart = p);
-    };
-    return k(
-      z(o, "scrollbarElement"),
-      "mousemove",
-      M
-    ), k(
-      z(o, "scrollbarElement"),
-      "mouseleave",
-      H
-    ), (t, n) => (A(), O(j, {
-      name: s(c).b("fade")
-    }, {
-      default: K(() => [
-        U(C("div", {
-          ref_key: "instance",
-          ref: l,
-          class: P([s(c).e("bar"), s(c).is(s(e).key)]),
-          onMousedown: x
-        }, [
-          C("div", {
-            ref_key: "thumb",
-            ref: a,
-            class: P(s(c).e("thumb")),
-            style: I(s(B)),
-            onMousedown: _
-          }, null, 38)
-        ], 34), [
-          [V, g.always || i.value]
-        ])
-      ]),
-      _: 1
-    }, 8, ["name"]));
-  }
-});
-export {
-  ue as default
-};

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

@@ -1,205 +0,0 @@
-import { defineComponent as C, ref as s, computed as v, watch as N, resolveDirective as I, openBlock as a, 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 p, renderSlot as l, 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 "../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 "../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()
-}), lo = /* @__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 = s(), c = s(), m = s(), 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, n;
-      Array.from(e.target.classList).includes(d) || ((n = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || n.call(t), i("update:visible", !1));
-    }, B = () => {
-      i("update:visible", !1), M(() => {
-        var e;
-        return (e = m.value) == null ? void 0 : e.blur();
-      }, 100), i("clear");
-    };
-    return N(() => o.visible, (e) => {
-      e ? m.value.focus() : m.value.blur();
-    }), (e, t) => {
-      const n = I("click-outside");
-      return a(), h(E, null, [
-        F((a(), h("div", {
-          ref_key: "searchRef",
-          ref: c,
-          class: y([r(u).b()])
-        }, [
-          P(r(O), b({
-            ref_key: "inputRef",
-            ref: m
-          }, e.$props, {
-            inputStyle: r(V),
-            onInput: $,
-            onSuffixclick: g,
-            onFocus: w,
-            onClear: B
-          }), x({ _: 2 }, [
-            e.$slots.prefix ? {
-              name: "prefix",
-              fn: p(() => [
-                l(e.$slots, "prefix")
-              ]),
-              key: "0"
-            } : void 0,
-            e.$slots.suffix ? {
-              name: "suffix",
-              fn: p(() => [
-                l(e.$slots, "suffix")
-              ]),
-              key: "1"
-            } : void 0,
-            e.$slots.prepend ? {
-              name: "prepend",
-              fn: p(() => [
-                l(e.$slots, "prepend")
-              ]),
-              key: "2"
-            } : void 0,
-            e.$slots.append ? {
-              name: "append",
-              fn: p(() => [
-                l(e.$slots, "append")
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1040, ["inputStyle"])
-        ], 2)), [
-          [n, R]
-        ]),
-        o.hasPopover ? (a(), A(r(L), b({
-          key: 0,
-          ref_key: "popoverRef",
-          ref: f
-        }, r(S), {
-          "virtual-ref": c.value,
-          visible: o.visible,
-          "virtual-triggering": ""
-        }), {
-          default: p(() => [
-            T("div", {
-              class: y(r(d))
-            }, [
-              l(e.$slots, "default")
-            ], 2)
-          ]),
-          _: 3
-        }, 16, ["virtual-ref", "visible"])) : z("", !0)
-      ], 64);
-    };
-  }
-});
-export {
-  lo as default
-};

package/es/packages/components/select-v2/group-item.vue.js

@@ -1,23 +0,0 @@
-import r from "./group-item.vue2.js";
-import { openBlock as l, createElementBlock as o, normalizeClass as s, normalizeStyle as t, toDisplayString as i, createElementVNode as p } from "vue";
-import n from "../../../_virtual/_plugin-vue_export-helper.js";
-function a(e, m, u, y, d, f) {
-  return e.item.isTitle ? (l(), o("div", {
-    key: 0,
-    class: s(e.ns.be("group", "title")),
-    style: t([e.style, { lineHeight: `${e.height}px` }])
-  }, i(e.item.label), 7)) : (l(), o("div", {
-    key: 1,
-    class: s(e.ns.be("group", "split")),
-    style: t(e.style)
-  }, [
-    p("span", {
-      class: s(e.ns.be("group", "split-dash")),
-      style: t({ top: `${e.height / 2}px` })
-    }, null, 6)
-  ], 6));
-}
-const $ = /* @__PURE__ */ n(r, [["render", a]]);
-export {
-  $ as default
-};

package/es/packages/components/select-v2/group-item.vue2.js

@@ -1,26 +0,0 @@
-import { defineComponent as t } from "vue";
-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 "@vft/utils";
-import "../../utils/ns-cover.js";
-const a = t({
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    },
-    style: Object,
-    height: Number
-  },
-  setup() {
-    return {
-      ns: e("select")
-    };
-  }
-});
-export {
-  a as default
-};