vft 0.0.524 → 0.0.525

package/es/components/cascader/cascader.vue2.js

@@ -1,506 +0,0 @@
-import { defineComponent as Se, useAttrs as Ye, ref as c, computed as i, unref as s, watch as x, nextTick as N, onMounted as Ze, createBlock as E, openBlock as r, withCtx as v, createElementBlock as m, createCommentVNode as P, withDirectives as q, withModifiers as F, normalizeClass as d, renderSlot as V, createVNode as te, vShow as Te, Fragment as le, renderList as se, createElementVNode as z, toDisplayString as U, normalizeStyle as _e, createSlots as et, withKeys as tt, vModelText as lt } from "vue";
-import { cloneDeep as st, debounce as ot } from "lodash-es";
-import { useResizeObserver as at, useCssVar as nt } from "@vueuse/core";
-import { focusNode as rt, getSibling as it } from "../../utils/dom/aria.js";
-import { isPromise as ut, isClient as ct } from "@vft/utils";
-import { debugWarn as pt } from "../../utils/error.js";
-import "../config-provider/hooks/use-global-config.js";
-import { EVENT_CODE as h } from "../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as dt, CHANGE_EVENT as ft } from "../../constants/event.js";
-import "../form/index.js";
-import { VftCascaderPanel as vt } from "../cascader-panel/index.js";
-import { VftInput as mt } from "../input/index.js";
-import { VftTooltip as Ee } from "../tooltip/index.js";
-import { VftScrollbar as we } from "../scrollbar/index.js";
-import { VftTag as $e } from "../tag/index.js";
-import { VftIcon as oe } from "../icon/index.js";
-import { ClickOutside as gt } from "@vft/directives";
-import { useNamespace as Ve } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { useComposition as ht } from "../../hooks/use-composition/index.js";
-import { useEmptyValues as kt } from "../../hooks/use-empty-values/index.js";
-import { cascaderEmits as Ct, cascaderProps as yt } from "./cascader.js";
-import { useFormItem as bt } from "../form/hooks/use-form-item.js";
-import { useFormSize as Tt } from "../form/hooks/use-form-common-props.js";
-const Et = { key: 0 }, wt = ["placeholder"], $t = ["onClick"], Vt = "VftCascader", St = Se({
-  name: Vt
-}), el = /* @__PURE__ */ Se({
-  ...St,
-  props: yt,
-  emits: Ct,
-  setup(Ne, { expose: Pe, emit: De }) {
-    const a = Ne, C = De, Ie = {
-      modifiers: [
-        {
-          name: "arrowPosition",
-          enabled: !0,
-          phase: "main",
-          fn: ({ state: e }) => {
-            const { modifiersData: t, placement: l } = e;
-            ["right", "left", "bottom", "top"].includes(l) || t.arrow && (t.arrow.x = 35);
-          },
-          requires: ["arrow"]
-        }
-      ]
-    }, ae = Ye();
-    let D = 0, G = 0;
-    const n = Ve("cascader"), j = Ve("input"), { form: xe, formItem: ne } = bt(), { valueOnClear: Fe } = kt(a), { isComposing: re, handleComposition: k } = ht({
-      afterComposition(e) {
-        const t = e.target?.value;
-        ee(t);
-      }
-    }), A = c(null), S = c(null), ie = c(null), f = c(null), K = c(null), g = c(!1), ue = c(!1), y = c(!1), J = c(!1), B = c(""), w = c(""), $ = c([]), H = c([]), Q = c([]), ze = i(() => ae.style), b = i(() => a.disabled || xe?.disabled), ce = i(() => a.placeholder ?? "请选择"), Ae = i(
-      () => w.value || $.value.length > 0 || re.value ? "" : ce.value
-    ), M = Tt(), pe = i(
-      () => M.value === "small" ? "small" : "default"
-    ), T = i(() => !!a.props.multiple), de = i(() => !a.filterable || T.value), fe = i(
-      () => T.value ? w.value : B.value
-    ), ve = [], O = i(() => {
-      const e = f.value;
-      if (!e)
-        return ve;
-      const t = e.checkedNodes, l = s(t);
-      return Array.isArray(l) && l.length ? l : ve;
-    }), Ke = i(() => !a.clearable || b.value || y.value ? !1 : !!O.value.length), L = i(() => {
-      const { showAllLevels: e, separator: t } = a, l = O.value;
-      return l.length ? T.value ? "" : l[0].calcText(e, t) : "";
-    }), Be = i(() => ne?.validateState || ""), me = i({
-      get() {
-        return st(a.modelValue);
-      },
-      set(e) {
-        const t = e ?? Fe.value;
-        C(dt, t), C(ft, t), a.validateEvent && ne?.validate("change").catch((l) => pt(l));
-      }
-    }), He = i(() => [
-      n.b(),
-      n.m(M.value),
-      n.is("disabled", b.value),
-      ae.class
-    ]), Me = i(() => [j.e("icon"), n.is("reverse", g.value)]), Oe = i(() => n.is("focus", g.value || J.value)), ge = i(() => A.value?.popperRef?.contentRef), p = (e) => {
-      b.value || (e = e ?? !g.value, e !== g.value && (g.value = e, S.value?.input?.setAttribute("aria-expanded", `${e}`), e ? (I(), N(f.value?.scrollToExpandingNode)) : a.filterable && _(), C("visibleChange", e)));
-    }, I = () => {
-      N(() => {
-        A.value?.updatePopper();
-      });
-    }, X = () => {
-      y.value = !1;
-    }, Y = (e) => {
-      const { showAllLevels: t, separator: l } = a;
-      return {
-        node: e,
-        key: e.uid,
-        text: e.calcText(t, l),
-        hitState: !1,
-        closable: !b.value && !e.isDisabled,
-        isCollapseTag: !1
-      };
-    }, R = (e) => {
-      const t = e.node;
-      t.doCheck(!1), f.value?.calculateCheckedValue(), C("removeTag", t.valueByOption);
-    }, Le = () => {
-      switch (a.showCheckedStrategy) {
-        case "child":
-          return O.value;
-        case "parent": {
-          const e = ke(!1), t = e.map((o) => o.value);
-          return e.filter(
-            (o) => !o.parent || !t.includes(o.parent.value)
-          );
-        }
-        default:
-          return [];
-      }
-    }, Re = () => {
-      if (!T.value) return;
-      const e = Le(), t = [], l = [];
-      if (e.forEach((o) => l.push(Y(o))), H.value = l, e.length) {
-        e.slice(0, a.maxCollapseTags).forEach((W) => t.push(Y(W)));
-        const o = e.slice(a.maxCollapseTags), u = o.length;
-        u && (a.collapseTags ? t.push({
-          key: -1,
-          text: `+ ${u}`,
-          closable: !1,
-          isCollapseTag: !0
-        }) : o.forEach((W) => t.push(Y(W))));
-      }
-      $.value = t;
-    }, he = () => {
-      const { filterMethod: e, showAllLevels: t, separator: l } = a, o = f.value?.getFlattedNodes(!a.props.checkStrictly)?.filter((u) => u.isDisabled ? !1 : (u.calcText(t, l), e(u, fe.value)));
-      T.value && ($.value.forEach((u) => {
-        u.hitState = !1;
-      }), H.value.forEach((u) => {
-        u.hitState = !1;
-      })), y.value = !0, Q.value = o, I();
-    }, We = () => {
-      let e;
-      y.value && K.value ? e = K.value.$el.querySelector(
-        `.${n.e("suggestion-item")}`
-      ) : e = f.value?.$el.querySelector(
-        `.${n.b("node")}[tabindex="-1"]`
-      ), e && (e.focus(), !y.value && e.click());
-    }, Z = () => {
-      const e = S.value?.input, t = ie.value, l = K.value?.$el;
-      if (!(!ct || !e)) {
-        if (l) {
-          const o = l.querySelector(
-            `.${n.e("suggestion-list")}`
-          );
-          o.style.minWidth = `${e.offsetWidth}px`;
-        }
-        if (t) {
-          const { offsetHeight: o } = t, u = $.value.length > 0 ? `${Math.max(o, D) - 2}px` : `${D}px`;
-          e.style.height = u, I();
-        }
-      }
-    }, ke = (e) => f.value?.getCheckedNodes(e), qe = (e) => {
-      I(), C("expandChange", e);
-    }, Ue = (e) => {
-      if (!re.value)
-        switch (e.code) {
-          case h.enter:
-          case h.numpadEnter:
-            p();
-            break;
-          case h.down:
-            p(!0), N(We), e.preventDefault();
-            break;
-          case h.esc:
-            g.value === !0 && (e.preventDefault(), e.stopPropagation(), p(!1));
-            break;
-          case h.tab:
-            p(!1);
-            break;
-        }
-    }, Ge = () => {
-      f.value?.clearCheckedNodes(), !g.value && a.filterable && _(), p(!1), C("clear");
-    }, _ = () => {
-      const { value: e } = L;
-      B.value = e, w.value = e;
-    }, je = (e) => {
-      const { checked: t } = e;
-      T.value ? f.value?.handleCheckChange(e, !t, !1) : (!t && f.value?.handleCheckChange(e, !0, !1), p(!1));
-    }, Je = (e) => {
-      const t = e.target, { code: l } = e;
-      switch (l) {
-        case h.up:
-        case h.down: {
-          e.preventDefault();
-          const o = l === h.up ? -1 : 1;
-          rt(
-            it(
-              t,
-              o,
-              `.${n.e("suggestion-item")}[tabindex="-1"]`
-            )
-          );
-          break;
-        }
-        case h.enter:
-        case h.numpadEnter:
-          t.click();
-          break;
-      }
-    }, Qe = () => {
-      const e = $.value, t = e[e.length - 1];
-      G = w.value ? 0 : G + 1, !(!t || !G || a.collapseTags && e.length > 1) && (t.hitState ? R(t) : t.hitState = !0);
-    }, Ce = (e) => {
-      J.value = !0, C("focus", e);
-    }, ye = (e) => {
-      N(() => {
-        const t = S.value?.$el, l = document.activeElement;
-        t?.contains(l) || A.value?.isFocusInsideContent?.(e) || (J.value = !1);
-      }), C("blur", e);
-    }, Xe = ot(() => {
-      const { value: e } = fe;
-      if (!e) return;
-      const t = a.beforeFilter(e);
-      ut(t) ? t.then(he).catch(() => {
-      }) : t !== !1 ? he() : X();
-    }, a.debounce), ee = (e, t) => {
-      !g.value && p(!0), !t?.isComposing && (e ? Xe() : X());
-    }, be = (e) => Number.parseFloat(
-      nt(j.cssVarName("input-height"), e).value
-    ) - 2;
-    return x(y, I), x(
-      [O, b, () => a.collapseTags],
-      Re
-    ), x($, () => {
-      N(() => Z());
-    }), x(M, async () => {
-      await N();
-      const e = S.value.input;
-      D = be(e) || D, Z();
-    }), x(L, _, { immediate: !0 }), Ze(() => {
-      const e = S.value.input, t = be(e);
-      D = e.offsetHeight || t, at(e, Z);
-    }), Pe({
-      /**
-       * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
-       */
-      getCheckedNodes: ke,
-      /**
-       * @description cascader panel ref
-       */
-      cascaderPanelRef: f,
-      /**
-       * @description toggle the visible of popper
-       */
-      togglePopperVisible: p,
-      /**
-       * @description cascader content ref
-       */
-      contentRef: ge,
-      /**
-       * @description selected content text
-       */
-      presentText: L
-    }), (e, t) => (r(), E(s(Ee), {
-      ref_key: "tooltipRef",
-      ref: A,
-      visible: g.value,
-      teleported: e.teleported,
-      "popper-class": [s(n).e("dropdown"), e.popperClass],
-      "popper-options": Ie,
-      "fallback-placements": e.fallbackPlacements,
-      "stop-popper-mouse-event": !1,
-      "gpu-acceleration": !1,
-      placement: e.placement,
-      transition: `${s(n).namespace.value}-zoom-in-top`,
-      effect: e.effect,
-      pure: "",
-      persistent: e.persistent,
-      onHide: X
-    }, {
-      default: v(() => [
-        q((r(), m("div", {
-          class: d(He.value),
-          style: _e(ze.value),
-          onClick: t[8] || (t[8] = () => p(de.value ? void 0 : !0)),
-          onKeydown: Ue,
-          onMouseenter: t[9] || (t[9] = (l) => ue.value = !0),
-          onMouseleave: t[10] || (t[10] = (l) => ue.value = !1)
-        }, [
-          te(s(mt), {
-            ref_key: "input",
-            ref: S,
-            modelValue: B.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (l) => B.value = l),
-            placeholder: Ae.value,
-            readonly: de.value,
-            disabled: b.value,
-            "validate-event": !1,
-            size: s(M),
-            class: d(Oe.value),
-            tabindex: T.value && e.filterable && !b.value ? -1 : void 0,
-            onCompositionstart: s(k),
-            onCompositionupdate: s(k),
-            onCompositionend: s(k),
-            onFocus: Ce,
-            onBlur: ye,
-            onInput: ee
-          }, et({
-            suffix: v(() => [
-              Ke.value ? (r(), E(s(oe), {
-                key: "clear",
-                icon: "icon-circle-close",
-                class: d(["icon-circle-close", [s(j).e("icon")]]),
-                onClick: F(Ge, ["stop"])
-              }, null, 8, ["class"])) : (r(), E(s(oe), {
-                icon: "icon-arrow-down",
-                key: "arrow-down",
-                class: d(Me.value),
-                onClick: t[0] || (t[0] = F((l) => p(), ["stop"]))
-              }, null, 8, ["class"]))
-            ]),
-            _: 2
-          }, [
-            e.$slots.prefix ? {
-              name: "prefix",
-              fn: v(() => [
-                V(e.$slots, "prefix")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
-          T.value ? (r(), m("div", {
-            key: 0,
-            ref_key: "tagWrapper",
-            ref: ie,
-            class: d([
-              s(n).e("tags"),
-              s(n).is("validate", !!Be.value)
-            ])
-          }, [
-            V(e.$slots, "tag", {
-              data: H.value,
-              deleteTag: R
-            }, () => [
-              (r(!0), m(le, null, se($.value, (l) => (r(), E(s($e), {
-                key: l.key,
-                type: e.tagType,
-                size: pe.value,
-                effect: e.tagEffect,
-                hit: l.hitState,
-                closable: l.closable,
-                "disable-transitions": "",
-                onClose: (o) => R(l)
-              }, {
-                default: v(() => [
-                  l.isCollapseTag === !1 ? (r(), m("span", Et, U(l.text), 1)) : (r(), E(s(Ee), {
-                    key: 1,
-                    disabled: g.value || !e.collapseTagsTooltip,
-                    "fallback-placements": ["bottom", "top", "right", "left"],
-                    placement: "bottom",
-                    effect: e.effect
-                  }, {
-                    default: v(() => [
-                      z("span", null, U(l.text), 1)
-                    ]),
-                    content: v(() => [
-                      te(s(we), { "max-height": e.maxCollapseTagsTooltipHeight }, {
-                        default: v(() => [
-                          z("div", {
-                            class: d(s(n).e("collapse-tags"))
-                          }, [
-                            (r(!0), m(le, null, se(H.value.slice(
-                              e.maxCollapseTags
-                            ), (o, u) => (r(), m("div", {
-                              key: u,
-                              class: d(s(n).e("collapse-tag"))
-                            }, [
-                              (r(), E(s($e), {
-                                key: o.key,
-                                class: "in-tooltip",
-                                type: e.tagType,
-                                size: pe.value,
-                                effect: e.tagEffect,
-                                hit: o.hitState,
-                                closable: o.closable,
-                                "disable-transitions": "",
-                                onClose: (W) => R(o)
-                              }, {
-                                default: v(() => [
-                                  z("span", null, U(o.text), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
-                            ], 2))), 128))
-                          ], 2)
-                        ]),
-                        _: 1
-                      }, 8, ["max-height"])
-                    ]),
-                    _: 2
-                  }, 1032, ["disabled", "effect"]))
-                ]),
-                _: 2
-              }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))), 128))
-            ]),
-            e.filterable && !b.value ? q((r(), m("input", {
-              key: 0,
-              "onUpdate:modelValue": t[2] || (t[2] = (l) => w.value = l),
-              type: "text",
-              class: d(s(n).e("search-input")),
-              placeholder: L.value ? "" : ce.value,
-              onInput: t[3] || (t[3] = (l) => ee(w.value, l)),
-              onClick: t[4] || (t[4] = F((l) => p(!0), ["stop"])),
-              onKeydown: tt(Qe, ["delete"]),
-              onCompositionstart: t[5] || (t[5] = //@ts-ignore
-              (...l) => s(k) && s(k)(...l)),
-              onCompositionupdate: t[6] || (t[6] = //@ts-ignore
-              (...l) => s(k) && s(k)(...l)),
-              onCompositionend: t[7] || (t[7] = //@ts-ignore
-              (...l) => s(k) && s(k)(...l)),
-              onFocus: Ce,
-              onBlur: ye
-            }, null, 42, wt)), [
-              [lt, w.value]
-            ]) : P("", !0)
-          ], 2)) : P("", !0)
-        ], 38)), [
-          [s(gt), () => p(!1), ge.value]
-        ])
-      ]),
-      content: v(() => [
-        e.$slots.header ? (r(), m("div", {
-          key: 0,
-          class: d(s(n).e("header")),
-          onClick: t[11] || (t[11] = F(() => {
-          }, ["stop"]))
-        }, [
-          V(e.$slots, "header")
-        ], 2)) : P("", !0),
-        q(te(s(vt), {
-          ref_key: "cascaderPanelRef",
-          ref: f,
-          modelValue: me.value,
-          "onUpdate:modelValue": t[12] || (t[12] = (l) => me.value = l),
-          options: e.options,
-          props: a.props,
-          border: !1,
-          "render-label": e.$slots.default,
-          onExpandChange: qe,
-          onClose: t[13] || (t[13] = (l) => e.$nextTick(() => p(!1)))
-        }, {
-          empty: v(() => [
-            V(e.$slots, "empty")
-          ]),
-          _: 3
-        }, 8, ["modelValue", "options", "props", "render-label"]), [
-          [Te, !y.value]
-        ]),
-        e.filterable ? q((r(), E(s(we), {
-          key: 1,
-          ref_key: "suggestionPanel",
-          ref: K,
-          tag: "ul",
-          class: d(s(n).e("suggestion-panel")),
-          "view-class": s(n).e("suggestion-list"),
-          onKeydown: Je
-        }, {
-          default: v(() => [
-            Q.value.length ? (r(!0), m(le, { key: 0 }, se(Q.value, (l) => (r(), m("li", {
-              key: l.uid,
-              class: d([
-                s(n).e("suggestion-item"),
-                s(n).is("checked", l.checked)
-              ]),
-              tabindex: -1,
-              onClick: (o) => je(l)
-            }, [
-              V(e.$slots, "suggestion-item", { item: l }, () => [
-                z("span", null, U(l.text), 1),
-                l.checked ? (r(), E(s(oe), {
-                  key: 0,
-                  icon: "icon-check"
-                })) : P("", !0)
-              ])
-            ], 10, $t))), 128)) : V(e.$slots, "empty", { key: 1 }, () => [
-              z("li", {
-                class: d(s(n).e("empty-text"))
-              }, "无匹配数据", 2)
-            ])
-          ]),
-          _: 3
-        }, 8, ["class", "view-class"])), [
-          [Te, y.value]
-        ]) : P("", !0),
-        e.$slots.footer ? (r(), m("div", {
-          key: 2,
-          class: d(s(n).e("footer")),
-          onClick: t[14] || (t[14] = F(() => {
-          }, ["stop"]))
-        }, [
-          V(e.$slots, "footer")
-        ], 2)) : P("", !0)
-      ]),
-      _: 3
-    }, 8, ["visible", "teleported", "popper-class", "fallback-placements", "placement", "transition", "effect", "persistent"]));
-  }
-});
-export {
-  el as default
-};

package/es/components/cascader-panel/index.vue.js

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