vft 0.0.428 → 0.0.430

package/es/components/row/row.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as a, provide as n, computed as o, createBlock as s, openBlock as u, resolveDynamicComponent as m, normalizeStyle as f, normalizeClass as c, withCtx as g, renderSlot as d } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { rowContextKey as p } from "./constants.js";
+const v = a({
+  name: "vft-row"
+}), D = /* @__PURE__ */ a({
+  ...v,
+  props: {
+    tag: { default: "div" },
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "top" }
+  },
+  setup(t) {
+    const r = y("row");
+    n(p, {
+      gutter: o(() => t.gutter)
+    });
+    const i = o(() => {
+      const e = {};
+      return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
+    }), l = o(() => [
+      r.b(),
+      r.is(`justify-${t.justify}`, t.justify !== "start"),
+      r.is(`align-${t.align}`, t.align !== "top")
+    ]);
+    return (e, w) => (u(), s(m(t.tag), {
+      class: c(l.value),
+      style: f(i.value)
+    }, {
+      default: g(() => [
+        d(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  D as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,215 @@
+import { defineComponent as g, ref as a, computed as u, createElementBlock as V, openBlock as h, Fragment as T, withDirectives as X, createBlock as Y, createCommentVNode as Z, normalizeStyle as _, normalizeClass as w, unref as l, createVNode as ee, mergeProps as B, createSlots as oe, withCtx as i, renderSlot as r, createElementVNode as te } from "vue";
+import { VftInput as ne } from "../input/index.js";
+import { VftPopover as ae } from "../popover/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { addUnit as d } from "../../utils/helper.js";
+import { generateCssVars as b } from "../../utils/ns-cover.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { ClickOutside as ie } from "@vft/directives";
+const re = g({
+  name: "vft-search"
+}), Be = /* @__PURE__ */ g({
+  ...re,
+  props: {
+    width: { default: 200 },
+    activeWidth: {},
+    usePopover: { type: Boolean, default: !1 },
+    popoverCfg: {},
+    id: {},
+    size: {},
+    disabled: { type: Boolean },
+    modelValue: { default: "" },
+    type: {},
+    resize: {},
+    autosize: { type: [Object, Boolean] },
+    autocomplete: {},
+    formatter: {},
+    parser: {},
+    placeholder: { default: "请输入你要搜索的内容" },
+    form: {},
+    readonly: { type: Boolean },
+    clearable: { type: Boolean, default: !0 },
+    showPassword: { type: Boolean },
+    showWordLimit: { type: Boolean },
+    suffixIcon: { default: () => ({ icon: "icon-search", color: "#8B8C8C", pointer: !0 }) },
+    prefixIcon: {},
+    clearIcon: {},
+    containerRole: {},
+    label: {},
+    tabindex: {},
+    validateEvent: { type: Boolean },
+    inputStyle: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input", "compositionstart", "compositionupdate", "compositionend"],
+  setup(o, { expose: x, emit: P }) {
+    const f = le("search"), t = P, y = a(), C = a(), c = a(), p = a(!1), m = a(!1), n = a(!1), R = u(
+      () => b(
+        {
+          width: o.activeWidth && (n.value || o.modelValue) ? d(o.activeWidth) : d(o.width)
+        },
+        "input"
+      )
+    ), S = u(
+      () => b(
+        {
+          "active-width": o.activeWidth ? d(o.activeWidth) : d(o.width)
+        },
+        "search"
+      )
+    ), $ = u(() => ({
+      "show-arrow": !1,
+      transition: "vft-zoom-in-top",
+      placement: "bottom-start",
+      offset: 3,
+      width: 500,
+      ...o.popoverCfg
+    })), E = (e) => {
+      t("update:modelValue", e), t("input", e);
+    }, W = () => {
+      v();
+    };
+    function z() {
+      n.value = !0;
+    }
+    function v() {
+      n.value = !1;
+    }
+    const I = () => {
+      t("clear"), s(!1);
+    };
+    function M() {
+      m.value = !0, t("mouseenter", o.modelValue);
+    }
+    function U() {
+      m.value = !1, t("mouseleave", o.modelValue);
+    }
+    const F = () => {
+      n.value = !0, p.value = !0, t("focus");
+    };
+    function N() {
+      p.value = !1, t("blur");
+    }
+    function O() {
+      s(), t("prefixClick", o.modelValue);
+    }
+    function j() {
+      s(), t("suffixClick", o.modelValue);
+    }
+    function A() {
+      s(), t("enter", o.modelValue);
+    }
+    function s(e = !0) {
+      o.usePopover && v(), e && c.value.blur();
+    }
+    const D = (e) => {
+      t("keydown", e);
+    }, K = u(() => y.value?.popperRef?.contentRef), L = (e) => {
+      t("update:modelValue", e);
+    }, H = (e) => {
+      t("change", e);
+    }, q = (e) => {
+      t("compositionstart", e);
+    }, G = (e) => {
+      t("compositionupdate", e);
+    }, J = (e) => {
+      t("compositionend", e);
+    };
+    return x({
+      isFocus: p,
+      isHover: m,
+      visible: n,
+      hidePopover: v,
+      showPopover: z,
+      inputRef: c
+    }), (e, k) => (h(), V(T, null, [
+      X((h(), V("div", {
+        ref_key: "searchRef",
+        ref: C,
+        class: w([l(f).b(), l(f).is("active", !!n.value || !!o.modelValue)]),
+        style: _(S.value)
+      }, [
+        ee(l(ne), B({
+          ref_key: "inputRef",
+          ref: c
+        }, e.$props, {
+          "input-style": R.value,
+          onInput: E,
+          onFocus: F,
+          onEnter: A,
+          onBlur: N,
+          onMouseenter: M,
+          "onUpdate:modelValue": L,
+          onMouseleave: U,
+          onPrefixClick: O,
+          onSuffixClick: j,
+          onChange: H,
+          onKeydown: D,
+          onClear: I,
+          onCompositionstart: q,
+          onCompositionupdate: G,
+          onCompositionend: J
+        }), oe({ _: 2 }, [
+          e.$slots.prefix ? {
+            name: "prefix",
+            fn: i(() => [
+              r(e.$slots, "prefix")
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.suffix ? {
+            name: "suffix",
+            fn: i(() => [
+              r(e.$slots, "suffix")
+            ]),
+            key: "1"
+          } : void 0,
+          e.$slots.prepend ? {
+            name: "prepend",
+            fn: i(() => [
+              r(e.$slots, "prepend")
+            ]),
+            key: "2"
+          } : void 0,
+          e.$slots.append ? {
+            name: "append",
+            fn: i(() => [
+              r(e.$slots, "append")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1040, ["input-style"])
+      ], 6)), [
+        [l(ie), W, K.value]
+      ]),
+      o.usePopover ? (h(), Y(l(ae), B({
+        key: 0,
+        style: { "--vft-transition-duration": "3s" },
+        ref_key: "popoverRef",
+        ref: y
+      }, $.value, {
+        "virtual-ref": C.value,
+        visible: n.value,
+        "onUpdate:visible": k[0] || (k[0] = (Q) => n.value = Q),
+        "virtual-triggering": ""
+      }), {
+        default: i(() => [
+          te("div", {
+            class: w(l(f).e("content"))
+          }, [
+            r(e.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["virtual-ref", "visible"])) : Z("", !0)
+    ], 64));
+  }
+});
+export {
+  Be as default
+};

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

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

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

@@ -2780,6 +2780,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {
-    ClickOutside: import("vue").ObjectDirective<any, any, string, string>;
+    ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
 }, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export * from './token';

package/es/components/select/option-item.vue.js

@@ -0,0 +1,31 @@
+import o from "./option-item.vue2.js";
+import { createElementBlock as l, openBlock as n, withModifiers as r, normalizeClass as d, normalizeStyle as t, renderSlot as a, createElementVNode as m, toDisplayString as p } from "vue";
+import f from "../../_virtual/_plugin-vue_export-helper.js";
+const u = ["aria-selected"];
+function b(e, s, k, v, $, g) {
+  return n(), l("li", {
+    "aria-selected": e.selected,
+    style: t(e.style),
+    class: d([
+      e.ns.be("dropdown", "item"),
+      e.ns.is("selected", e.selected),
+      e.ns.is("disabled", e.disabled),
+      e.ns.is("created", e.created),
+      e.ns.is("hovering", e.hovering)
+    ]),
+    onMousemove: s[0] || (s[0] = (...i) => e.hoverItem && e.hoverItem(...i)),
+    onClick: s[1] || (s[1] = r((...i) => e.selectOptionClick && e.selectOptionClick(...i), ["stop"]))
+  }, [
+    a(e.$slots, "default", {
+      item: e.item,
+      index: e.index,
+      disabled: e.disabled
+    }, () => [
+      m("span", null, p(e.getLabel(e.item)), 1)
+    ])
+  ], 46, u);
+}
+const I = /* @__PURE__ */ f(o, [["render", b]]);
+export {
+  I as default
+};

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

@@ -2776,6 +2776,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {
-    ClickOutside: import("vue").ObjectDirective<any, any, string, string>;
+    ClickOutside: import("vue").ObjectDirective<any, any, string, any>;
 }, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;