vft 0.0.50 → 0.0.53

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

@@ -1,203 +0,0 @@
-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 { 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()
-}), ze = /* @__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 {
-  ze as default
-};

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

@@ -1,230 +0,0 @@
-import { defineComponent as q, useAttrs as M, ref as i, computed as p, watch as b, reactive as Y, onMounted as J, resolveComponent as K, openBlock as C, createElementBlock as Q, normalizeClass as x, unref as n, createBlock as L, mergeProps as S, createCommentVNode as N, createVNode as P, createSlots as Z, withCtx as W, withDirectives as _, createElementVNode as D, vShow as ee } from "vue";
-import { VftEmpty as te } from "../empty/index.js";
-import { VftPagination as O } from "../pagination/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { useDebounceFn as ae, useResizeObserver as ne } from "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import { VXETable as oe } from "vxe-table";
-import { EmptyEnum as re } from "../empty/constants.js";
-const s = (
-  /* hoist-static*/
-  le("table")
-), ie = q({
-  name: s.b()
-}), Ce = /* @__PURE__ */ q({
-  ...ie,
-  props: {
-    maxHeight: null,
-    columns: null,
-    tableData: {
-      default: []
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    height: null,
-    pageSize: {
-      default: 50
-    },
-    total: null,
-    defaultSort: {
-      default: {}
-    },
-    tableConfig: {
-      default: {}
-    },
-    sticky: {
-      type: [Boolean, Object]
-    },
-    pagePlacement: {
-      default: "bottom-right"
-    },
-    pageOptions: null
-  },
-  emits: ["page-change", "sort-change", "update:pageNum"],
-  setup(t, {
-    expose: I,
-    emit: v
-  }) {
-    const V = M(), r = i(1), $ = i(0), u = i(), A = ae(() => T(), 120), w = p(() => t.pagePlacement.startsWith("bottom"));
-    b([() => t.loading, () => t.tableData, () => t.columns], () => {
-      A();
-    }, {
-      immediate: !0
-    });
-    function T() {
-      m.data = t.tableData, k(r.value);
-    }
-    oe.formats.mixin({
-      showEmpty({
-        cellValue: e
-      }) {
-        return e || "-";
-      }
-    });
-    const G = p(() => t.columns.filter((e) => (e && e.type !== "seq" && !e.formatter && !e.slots && !e.cellRender && (e.cellRender = {
-      name: "Encrypt"
-    }), e))), U = () => ({
-      maxHeight: "88px",
-      height: "44px"
-    }), X = (e) => {
-      var a;
-      const {
-        column: l
-      } = e;
-      return {
-        maxHeight: ((a = l == null ? void 0 : l.cellRender) == null ? void 0 : a.name) === "Clamp" ? "max-content" : "44px"
-      };
-    }, m = Y({
-      autoResize: !0,
-      sortConfig: {
-        trigger: "cell",
-        remote: !0,
-        defaultSort: {
-          field: "",
-          order: "desc",
-          ...t.defaultSort
-        },
-        orders: ["desc", "asc", null]
-      },
-      seqConfig: {
-        startIndex: $.value
-      },
-      cellClassName: "cellClass",
-      rowClassName: "rowClass",
-      cellStyle: X,
-      rowStyle: U,
-      headerRowClassName: "headerRowClass",
-      headerAlign: "center",
-      columnConfig: {
-        resizable: !0
-        // 每一列是否启用列宽调整
-      },
-      rowConfig: {
-        isHover: !0
-      },
-      scrollY: {
-        mode: "wheel"
-      },
-      scrollX: {
-        enabled: !1
-      },
-      ...t.tableConfig,
-      ...V
-    }), j = (e) => {
-      v("sort-change", e);
-    };
-    b(() => r.value, (e) => {
-      k(e);
-    });
-    const k = (e) => {
-      m.seqConfig && (m.seqConfig.startIndex = (e - 1) * t.pageSize);
-    }, d = i(), z = i(), h = i(!1);
-    let o = i(), f = i();
-    const g = p(() => {
-      var e;
-      return ((e = t.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
-    });
-    b(() => [u, t.sticky], () => {
-      var e, l, a;
-      (e = u.value) != null && e.$el && t.sticky && ((l = g.value) == null || l.removeEventListener("scroll", y), (a = g.value) == null || a.addEventListener("scroll", y), setTimeout(() => {
-        E();
-      }, 50));
-    }, {
-      immediate: !0,
-      deep: !0
-    });
-    function E() {
-      if (!o.value || !f.value || (y(), !h.value))
-        return;
-      const e = o.value.clientWidth, l = f.value.offsetWidth;
-      d.value.style.width = e - 1 + "px", z.value.style.width = l + "px";
-    }
-    function y() {
-      var B, R, H;
-      if (!((B = u.value) != null && B.$el) || !o.value || !g.value)
-        return;
-      const e = ((R = g.value) == null ? void 0 : R.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
-        top: l,
-        bottom: a
-      } = o.value.getBoundingClientRect(), c = ((H = g.value) == null ? void 0 : H.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
-      h.value = l < e && a > e && a - c > e, d.value.scrollLeft = o.value.scrollLeft;
-    }
-    const F = () => {
-      var l;
-      const e = (l = u.value) == null ? void 0 : l.$el;
-      e && (o.value = e.querySelector(".vxe-table--body-wrapper"), f.value = e.querySelector(".vxe-table--body"), !(!o.value && !f.value) && (o.value.addEventListener("scroll", function(a) {
-        d.value.scrollLeft = a.target.scrollLeft;
-      }), d.value.addEventListener("scroll", function(a) {
-        o.value.scrollLeft = a.target.scrollLeft;
-      })));
-    };
-    return J(() => {
-      t.sticky && (F(), ne(u, () => E()));
-    }), I({
-      table: u
-    }), (e, l) => {
-      const a = K("vxe-grid");
-      return C(), Q("div", {
-        class: x(n(s).b())
-      }, [n(w) ? N("", !0) : (C(), L(n(O), S({
-        key: 0,
-        class: [n(s).e("pager"), n(s).m("pager-" + t.pagePlacement)],
-        layout: "prev, pager, next"
-      }, t.pageOptions, {
-        total: t.total,
-        "page-size": t.pageSize,
-        onCurrentChange: l[0] || (l[0] = (c) => v("page-change", r.value)),
-        "current-page": r.value,
-        "onUpdate:currentPage": l[1] || (l[1] = (c) => r.value = c)
-      }), null, 16, ["class", "total", "page-size", "current-page"])), P(a, S({
-        ref_key: "xGrid",
-        ref: u
-      }, m, {
-        height: t.height,
-        "max-height": t.maxHeight,
-        columns: n(G),
-        data: t.tableData,
-        "auto-resize": "",
-        loading: t.loading,
-        resizable: "",
-        onSortChange: j
-      }), Z({
-        empty: W(() => [P(n(te), {
-          type: n(re).NO_DATA
-        }, null, 8, ["type"])]),
-        _: 2
-      }, [t.sticky ? {
-        name: "bottom",
-        fn: W(() => [_(D("div", {
-          ref_key: "stickyScroll",
-          ref: d,
-          class: x(n(s).e("sticky-scroll-warpper"))
-        }, [D("div", {
-          ref_key: "stickyScrollBar",
-          ref: z,
-          class: x(n(s).e("sticky-scroll-bar"))
-        }, null, 2)], 2), [[ee, h.value]])]),
-        key: "0"
-      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), n(w) ? (C(), L(n(O), S({
-        key: 1,
-        class: [n(s).e("pager"), n(s).m("pager-" + t.pagePlacement)],
-        layout: "prev, pager, next"
-      }, t.pageOptions, {
-        total: t.total,
-        "page-size": t.pageSize,
-        onCurrentChange: l[2] || (l[2] = (c) => v("page-change", r.value)),
-        "current-page": r.value,
-        "onUpdate:currentPage": l[3] || (l[3] = (c) => r.value = c)
-      }), null, 16, ["class", "total", "page-size", "current-page"])) : N("", !0)], 2);
-    };
-  }
-});
-export {
-  Ce as default
-};

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

@@ -1,55 +0,0 @@
-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
-};