vft 0.0.89 → 0.0.91

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

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

package/es/components/table/index.js

@@ -5,8 +5,10 @@ import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import o from "./table.vue2.js";
-const s = t(o);
+import { INDEX as c } from "./columns.js";
+const l = t(o);
 export {
-  s as VftTable,
-  s as default
+  c as INDEX,
+  l as VftTable,
+  l as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as V, useAttrs as Y, ref as c, computed as H, watch as y, createVNode as p, reactive as J, onMounted as K, resolveComponent as Q, openBlock as C, createElementBlock as U, normalizeClass as b, unref as n, createBlock as L, mergeProps as x, createCommentVNode as P, createSlots as Z, withCtx as R, withDirectives as _, createElementVNode as O, vShow as ee } from "vue";
+import { defineComponent as V, useAttrs as Y, ref as s, computed as H, watch as v, createVNode as y, reactive as J, onMounted as K, resolveComponent as Q, openBlock as C, createElementBlock as U, normalizeClass as b, unref as n, createBlock as L, mergeProps as S, createCommentVNode as P, createSlots as Z, withCtx as R, withDirectives as _, createElementVNode as O, vShow as ee } from "vue";
 import { VftEmpty as te } from "../empty/index.js";
 import { VftPagination as W } from "../pagination/index.js";
 import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
@@ -18,8 +18,8 @@ const r = (
 }), Ce = /* @__PURE__ */ V({
   ...re,
   props: {
-    maxHeight: null,
-    columns: null,
+    maxHeight: {},
+    columns: {},
     data: {
       default: []
     },
@@ -27,14 +27,14 @@ const r = (
       type: Boolean,
       default: !1
     },
-    height: null,
+    height: {},
     pageSize: {
       default: 50
     },
     pageNum: {
       default: 1
     },
-    total: null,
+    total: {},
     defaultSort: {
       default: {}
     },
@@ -47,54 +47,54 @@ const r = (
     pagePlacement: {
       default: "bottom-right"
     },
-    pageOptions: null
+    pageOptions: {}
   },
   emits: ["page-change", "sort-change", "update:pageNum"],
-  setup(e, {
+  setup(l, {
     expose: q,
     emit: d
   }) {
-    const T = Y(), $ = c(0), i = c(), A = le(() => D(), 120), S = H(() => e.pagePlacement.startsWith("bottom"));
-    y([() => e.loading, () => e.data, () => e.columns], () => {
+    const T = Y(), $ = s(0), i = s(), A = le(() => D(), 120), w = H(() => l.pagePlacement.startsWith("bottom"));
+    v([() => l.loading, () => l.data, () => l.columns], () => {
       A();
     }, {
       immediate: !0
     });
     function D() {
-      g.data = e.data, w(e.pageNum);
+      g.data = l.data, k(l.pageNum);
     }
     I.renderer.add("Encrypt", {
       // 加密模板
-      renderDefault(t, a) {
+      renderDefault(e, t) {
         const {
-          row: l,
-          column: f
-        } = a;
-        return p("span", {
+          row: a,
+          column: p
+        } = t;
+        return y("span", {
           class: "line-clamp",
-          innerHTML: l[f.field] || "-"
+          innerHTML: a[p.field] || "-"
         }, null);
       }
     }), I.formats.mixin({
       showEmpty({
-        cellValue: t
+        cellValue: e
       }) {
-        return t || "-";
+        return e || "-";
       }
     });
-    function G(t) {
-      d("page-change", t), d("update:pageNum", t);
+    function G(e) {
+      d("page-change", e), d("update:pageNum", e);
     }
     const M = () => ({
       maxHeight: "88px",
       height: "44px"
-    }), X = (t) => {
-      var l;
+    }), X = (e) => {
+      var a;
       const {
-        column: a
-      } = t;
+        column: t
+      } = e;
       return {
-        maxHeight: ((l = a == null ? void 0 : a.cellRender) == null ? void 0 : l.name) === "Clamp" ? "max-content" : "44px"
+        maxHeight: ((a = t == null ? void 0 : t.cellRender) == null ? void 0 : a.name) === "Clamp" ? "max-content" : "44px"
       };
     }, g = J({
       autoResize: !0,
@@ -104,7 +104,7 @@ const r = (
         defaultSort: {
           field: "",
           order: "desc",
-          ...e.defaultSort
+          ...l.defaultSort
         },
         orders: ["desc", "asc", null]
       },
@@ -130,74 +130,74 @@ const r = (
       scrollX: {
         enabled: !1
       },
-      ...e.tableConfig,
+      ...l.tableConfig,
       ...T
-    }), j = (t) => {
-      d("sort-change", t);
+    }), j = (e) => {
+      d("sort-change", e);
     };
-    y(() => e.pageNum, (t) => {
-      w(t);
+    v(() => l.pageNum, (e) => {
+      k(e);
     });
-    const w = (t) => {
-      g.seqConfig && (g.seqConfig.startIndex = (t - 1) * e.pageSize);
-    }, u = c(), k = c();
-    let h = c(!1), o = c(null), m = c(null);
-    const s = H(() => {
-      var t;
-      return ((t = e.sticky) == null ? void 0 : t.getContainer) || document.documentElement || document.body;
+    const k = (e) => {
+      g.seqConfig && (g.seqConfig.startIndex = (e - 1) * l.pageSize);
+    }, u = s(), N = s();
+    let f = s(!1), o = s(null), m = s(null);
+    const c = H(() => {
+      var e;
+      return ((e = l.sticky) == null ? void 0 : e.getContainer) || document.documentElement || document.body;
     });
-    y(() => [i, e.sticky], () => {
-      var t, a, l;
-      (t = i.value) != null && t.$el && e.sticky && ((a = s.value) == null || a.removeEventListener("scroll", v), (l = s.value) == null || l.addEventListener("scroll", v), setTimeout(() => {
-        N();
+    v(() => [i, l.sticky], () => {
+      var e, t, a;
+      (e = i.value) != null && e.$el && l.sticky && ((t = c.value) == null || t.removeEventListener("scroll", h), (a = c.value) == null || a.addEventListener("scroll", h), setTimeout(() => {
+        z();
       }, 50));
     }, {
       immediate: !0,
       deep: !0
     });
-    function N() {
-      if (!o.value || !m.value || (v(), !h.value))
+    function z() {
+      if (!o.value || !m.value || (h(), !f.value))
         return;
-      const t = o.value.clientWidth, a = m.value.offsetWidth;
-      u.value.style.width = t - 1 + "px", k.value.style.width = a + "px";
+      const e = o.value.clientWidth, t = m.value.offsetWidth;
+      u.value.style.width = e - 1 + "px", N.value.style.width = t + "px";
     }
-    function v() {
-      var z, E, B;
-      if (!((z = i.value) != null && z.$el) || !o.value || !s.value)
+    function h() {
+      var E, B, x;
+      if (!((E = i.value) != null && E.$el) || !o.value || !c.value)
         return;
-      const t = ((E = s.value) == null ? void 0 : E.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
-        top: a,
-        bottom: l
-      } = o.value.getBoundingClientRect(), f = ((B = s.value) == null ? void 0 : B.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
-      h.value = a < t && l > t && l - f > t, u.value.scrollLeft = o.value.scrollLeft;
+      const e = ((B = c.value) == null ? void 0 : B.clientHeight) || window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, {
+        top: t,
+        bottom: a
+      } = o.value.getBoundingClientRect(), p = ((x = c.value) == null ? void 0 : x.getBoundingClientRect().top) || document.body.getBoundingClientRect().top;
+      f.value = t < e && a > e && a - p > e, u.value.scrollLeft = o.value.scrollLeft;
     }
     const F = () => {
-      var a;
-      const t = (a = i.value) == null ? void 0 : a.$el;
-      t && (o.value = t.querySelector(".vxe-table--body-wrapper"), m.value = t.querySelector(".vxe-table--body"), !(!o.value && !m.value) && (o.value.addEventListener("scroll", function(l) {
-        u.value.scrollLeft = l.target.scrollLeft;
-      }), u.value.addEventListener("scroll", function(l) {
-        o.value.scrollLeft = l.target.scrollLeft;
+      var t;
+      const e = (t = i.value) == null ? void 0 : t.$el;
+      e && (o.value = e.querySelector(".vxe-table--body-wrapper"), m.value = e.querySelector(".vxe-table--body"), !(!o.value && !m.value) && (o.value.addEventListener("scroll", function(a) {
+        u.value.scrollLeft = a.target.scrollLeft;
+      }), u.value.addEventListener("scroll", function(a) {
+        o.value.scrollLeft = a.target.scrollLeft;
       })));
     };
     return K(() => {
-      e.sticky && (F(), ne(i, () => N()));
+      l.sticky && (F(), ne(i, () => z()));
     }), q({
       table: i
-    }), (t, a) => {
-      const l = Q("vxe-grid");
+    }), (e, t) => {
+      const a = Q("vxe-grid");
       return C(), U("div", {
         class: b(n(r).b())
-      }, [n(S) ? P("", !0) : (C(), L(n(W), x({
+      }, [w.value ? P("", !0) : (C(), L(n(W), S({
         key: 0,
         class: [n(r).e("pager"), n(r).m("pager-" + e.pagePlacement)],
         layout: "prev, pager, next"
       }, e.pageOptions, {
         total: e.total,
         "page-size": e.pageSize,
-        onCurrentChange: a[0] || (a[0] = (f) => d("page-change", e.pageNum)),
+        onCurrentChange: t[0] || (t[0] = (p) => d("page-change", e.pageNum)),
         "current-page": e.pageNum
-      }), null, 16, ["class", "total", "page-size", "current-page"])), p(l, x({
+      }), null, 16, ["class", "total", "page-size", "current-page"])), y(a, S({
         ref_key: "xGrid",
         ref: i
       }, g, {
@@ -210,7 +210,7 @@ const r = (
         resizable: "",
         onSortChange: j
       }), Z({
-        empty: R(() => [p(n(te), {
+        empty: R(() => [y(n(te), {
           type: n(oe).NO_DATA
         }, null, 8, ["type"])]),
         _: 2
@@ -222,11 +222,11 @@ const r = (
           class: b(n(r).e("sticky-scroll-warpper"))
         }, [O("div", {
           ref_key: "stickyScrollBar",
-          ref: k,
+          ref: N,
           class: b(n(r).e("sticky-scroll-bar"))
-        }, null, 2)], 2), [[ee, n(h)]])]),
+        }, null, 2)], 2), [[ee, n(f)]])]),
         key: "0"
-      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), n(S) ? (C(), L(n(W), x({
+      } : void 0]), 1040, ["height", "max-height", "columns", "data", "loading"]), w.value ? (C(), L(n(W), S({
         key: 1,
         class: [n(r).e("pager"), n(r).m("pager-" + e.pagePlacement)],
         layout: "prev, pager, next"