@aplus-frontend/ui 0.0.30 → 0.0.31

package/es/src/ap-form/search-form/index.vue.mjs

@@ -1,23 +1,24 @@
-import { isVNode as ee, defineComponent as te, useSlots as ae, ref as oe, unref as t, shallowRef as j, computed as C, watch as I, cloneVNode as le, createVNode as l, Fragment as S, openBlock as c, createBlock as h, mergeProps as ne, withCtx as R, resolveDynamicComponent as F, createElementBlock as re, renderList as se } from "vue";
-import { Col as B, Flex as D, Space as ue, Button as b, Row as pe } from "ant-design-vue";
+import { isVNode as te, defineComponent as ae, useSlots as oe, ref as le, unref as t, shallowRef as j, computed as g, watch as D, cloneVNode as ne, createVNode as l, Fragment as F, openBlock as c, createBlock as h, mergeProps as re, withCtx as R, resolveDynamicComponent as b, createElementBlock as se, renderList as ue } from "vue";
+import { Col as v, Flex as O, Space as ie, Button as B, Row as pe } from "ant-design-vue";
 import "../ap-form.vue.mjs";
 import "../ap-form-item.vue2.mjs";
 import "../../hooks/index.mjs";
-import { genRealChildren as O } from "../ap-form-item-group/helper.mjs";
-import { DoubleRightOutlined as ie } from "@ant-design/icons-vue";
+import { genRealChildren as $ } from "../ap-form-item-group/helper.mjs";
+import { DoubleRightOutlined as ce } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
 import "../style/search-form.css";
-import { isArray as ce, omit as de } from "lodash-unified";
-import { isDef as fe } from "../../utils/index.mjs";
-import { useControllableValue as me } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as xe } from "../../config-provider/hooks/use-locale.mjs";
+import { isArray as de, omit as fe } from "lodash-unified";
+import { isDef as me } from "../../utils/index.mjs";
+import { diffFormItem as he } from "./utils.mjs";
+import { useControllableValue as xe } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as Ce } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as ge } from "../../config-provider/hooks/use-locale.mjs";
 import L from "../ap-form-item.vue.mjs";
-import Ce from "../ap-form.vue2.mjs";
-function ge(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !ee(d);
+import ye from "../ap-form.vue2.mjs";
+function _e(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !te(d);
 }
-const p = 24, Ie = /* @__PURE__ */ te({
+const i = 24, $e = /* @__PURE__ */ ae({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -98,94 +99,96 @@ const p = 24, Ie = /* @__PURE__ */ te({
   emits: ["update:collapse"],
   setup(d, {
     expose: M,
-    emit: $
+    emit: q
   }) {
-    var N;
-    const r = ae(), a = d, q = $, {
+    var k;
+    const r = oe(), a = d, z = q, {
       value: f,
-      updateValue: z
-    } = me(a, q, {
+      updateValue: U
+    } = xe(a, z, {
       valuePropName: "collapse",
       defaultValuePropName: "defaultCollapse"
     }), {
-      b: U
-    } = he("ap-form-search-form"), {
-      t: v
-    } = xe(), x = oe();
-    function W() {
-      z(!t(f));
-    }
+      b: W
+    } = Ce("ap-form-search-form"), {
+      t: w
+    } = ge(), x = le();
     function G() {
+      U(!t(f));
+    }
+    function H() {
       var e, o;
       (o = (e = x.value) == null ? void 0 : e.validateFields()) == null || o.then(a.onSubmit);
     }
-    function H() {
+    function J() {
       var e, o, n;
       a.customReset || (o = (e = x.value) == null ? void 0 : e.resetFields) == null || o.call(e), (n = a.onReset) == null || n.call(a);
     }
-    const w = j(O(r.default())), m = j((N = r.extra) == null ? void 0 : N.call(r)), E = C(() => Math.floor(p / a.countPerRow));
-    I(() => r.default(), (e) => {
-      w.value = O(e);
-    }), I(() => {
+    let E = [];
+    const y = j($(r.default())), m = j((k = r.extra) == null ? void 0 : k.call(r)), N = g(() => Math.floor(i / a.countPerRow));
+    D(() => r.default(), (e) => {
+      E = y.value, y.value = $(e);
+    }), D(() => {
       var e;
       return (e = r.extra) == null ? void 0 : e.call(r);
     }, (e) => {
       m.value = e;
     });
-    const J = (e) => fe(e) ? (ce(e) ? e : [e]).join("") : Date.now(), g = C(() => {
-      const e = [...t(w)], o = [], n = [], s = t(E);
-      let y = 0;
+    const K = (e) => me(e) ? (de(e) ? e : [e]).join("") : Date.now(), _ = g(() => {
+      const e = he(E, y.value), o = [], n = [], s = t(N);
+      let S = 0;
       e.forEach((u) => {
-        const i = u.props;
-        i != null && i.hidden ? o.push(u) : (y += i.span || s, n.push(u));
+        const p = u.props;
+        p != null && p.hidden ? o.push(u) : (S += p.span || s, n.push(u));
       });
-      const k = p - (y + s) % p, Q = k < s ? p : k, A = p - s * (t(m) && !a.extraInAction ? 2 : 1), X = !a.forceExpand && y > A;
-      let P = 0, T = 0;
-      const Y = n.map((u, i) => {
-        const _ = u.props, V = _.span || s;
-        if (P += V, !a.forceExpand && t(f) && P > A) {
-          o.push(le(u, {
+      const A = i - (S + s) % i, X = A < s ? i : A, P = i - s * (t(m) && !a.extraInAction ? 2 : 1), Y = !a.forceExpand && S > P;
+      let T = 0, V = 0;
+      const Z = n.map((u, p) => {
+        const C = u.props, I = C.span || s;
+        if (T += I, !a.forceExpand && t(f) && T > P) {
+          o.push(ne(u, {
             hidden: !0
           }));
           return;
         }
-        return T += V, {
+        return V += I, {
           node: u,
-          span: _.span || s,
-          key: `ApFormSearchFormItem-${i}-${J(_.name)}`
+          span: C.span || s,
+          key: `ApFormSearchFormItem-${p}-${K(C.name)}-${C._signal}`
         };
-      }).filter(Boolean), Z = p - T - s;
+      }).filter(Boolean), ee = i - V - s;
       return {
-        hideNode: l(S, null, [o]),
-        nodes: Y,
-        defaultExtraSpan: Q,
-        actualExtraSpan: Z,
-        showCollapse: X
+        hideNode: l(F, null, [o]),
+        nodes: Z,
+        defaultExtraSpan: X,
+        actualExtraSpan: ee,
+        showCollapse: Y
       };
-    }), K = C(() => {
+    }), Q = g(() => {
       let e;
-      const o = t(g);
-      return l(S, null, [l(B, {
-        span: t(t(E))
+      const o = t(_);
+      return l(F, null, [l(v, {
+        span: t(t(N))
       }, {
         default: () => [l(L, null, {
-          default: () => [l(D, {
+          default: () => [l(O, {
             justify: "space-between"
           }, {
-            default: () => [l(ue, null, {
-              default: () => [l(b, {
+            default: () => [l(ie, null, {
+              default: () => [l(B, {
                 type: "primary",
-                onClick: G,
-                loading: a.submitLoading
+                onClick: H,
+                loading: a.submitLoading,
+                htmlType: "submit"
               }, {
-                default: () => [a.searchText || v("ap.apForm.search.search")]
-              }), l(b, {
-                onClick: H
+                default: () => [a.searchText || w("ap.apForm.search.search")]
+              }), l(B, {
+                onClick: J
               }, {
-                default: () => [a.resetText || v("ap.apForm.search.reset")]
-              }), o.showCollapse ? l(b, {
-                onClick: W,
-                icon: l(ie, {
+                default: () => [a.resetText || w("ap.apForm.search.reset")]
+              }), o.showCollapse ? l(B, {
+                onClick: G,
+                icon: l(ce, {
                   style: "color:#B8C3D1",
                   rotate: t(f) ? 90 : -90
                 }, null)
@@ -193,35 +196,35 @@ const p = 24, Ie = /* @__PURE__ */ te({
             }), a.extraInAction ? t(m) : null]
           })]
         })]
-      }), !a.extraInAction && t(m) ? l(B, {
+      }), !a.extraInAction && t(m) ? l(v, {
         span: t(f) ? o.actualExtraSpan : o.defaultExtraSpan
       }, {
         default: () => [l(L, null, {
-          default: () => [l(D, {
-            justify: !t(f) && o.defaultExtraSpan === p ? "start" : "end"
-          }, ge(e = t(m)) ? e : {
+          default: () => [l(O, {
+            justify: !t(f) && o.defaultExtraSpan === i ? "start" : "end"
+          }, _e(e = t(m)) ? e : {
             default: () => [e]
           })]
         })]
       }) : null]);
     });
     return M({
-      apForm: C(() => t(x))
-    }), (e, o) => (c(), h(Ce, ne({
-      class: t(U)(),
+      apForm: g(() => t(x))
+    }), (e, o) => (c(), h(ye, re({
+      class: t(W)(),
       ref_key: "apForm",
       ref: x
-    }, t(de)(a, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: R(() => [(c(), h(F(g.value.hideNode))), l(t(pe), {
+    }, t(fe)(a, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: R(() => [(c(), h(b(_.value.hideNode))), l(t(pe), {
         gutter: 16
       }, {
-        default: R(() => [(c(!0), re(S, null, se(g.value.nodes, (n) => (c(), h(t(B), {
+        default: R(() => [(c(!0), se(F, null, ue(_.value.nodes, (n) => (c(), h(t(v), {
           key: n.key,
           span: n.span
         }, {
-          default: R(() => [(c(), h(F(n.node)))]),
+          default: R(() => [(c(), h(b(n.node)))]),
           _: 2
-        }, 1032, ["span"]))), 128)), (c(), h(F(K.value)))]),
+        }, 1032, ["span"]))), 128)), (c(), h(b(Q.value)))]),
         _: 1
       })]),
       _: 1
@@ -229,5 +232,5 @@ const p = 24, Ie = /* @__PURE__ */ te({
   }
 });
 export {
-  Ie as default
+  $e as default
 };

package/es/src/ap-form/search-form/utils.d.ts

@@ -0,0 +1,5 @@
+import { VNode, RendererNode, RendererElement } from 'vue';
+
+export declare function diffFormItem(prevNodes: VNode[], current: VNode[]): VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>[];

package/es/src/ap-form/search-form/utils.mjs

@@ -0,0 +1,35 @@
+import { cloneVNode as g } from "vue";
+import { isArray as y } from "lodash-unified";
+function M(n, r) {
+  const t = p(n), e = p(r);
+  return r.map((o) => {
+    const i = u(o.props.name), c = e.get(i), s = t.get(i);
+    if (!t.get(i) || (c == null ? void 0 : c.index) !== (s == null ? void 0 : s.index))
+      return o;
+    const a = f(s.item), m = f(c.item);
+    return JSON.stringify(a) !== JSON.stringify(m) ? o : g(o, { _signal: s.item._signal });
+  });
+}
+function u(n) {
+  return n ? (y(n) ? n : [n]).map((t) => "" + t).join("") : "";
+}
+function p(n) {
+  const r = /* @__PURE__ */ new Map();
+  return n.forEach((t, e) => {
+    const o = t.props, i = u(o.name);
+    r.set(i, { item: o, index: e });
+  }), r;
+}
+function f(n) {
+  if (n === null || typeof n != "object")
+    return n;
+  const r = {};
+  for (const t in n) {
+    const e = n[t];
+    t === "_signal" || typeof e == "function" || (r[t] = f(e));
+  }
+  return r;
+}
+export {
+  M as diffFormItem
+};

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,22 +1,22 @@
-import { defineComponent as ae, useSlots as te, computed as s, createVNode as d, mergeProps as f, unref as l, watch as oe, openBlock as i, createElementBlock as m, normalizeClass as F, normalizeStyle as R, createSlots as k, withCtx as p, Fragment as re, renderList as L, createBlock as le, resolveDynamicComponent as ne, renderSlot as w, createCommentVNode as E, createElementVNode as O, toDisplayString as se, normalizeProps as de, guardReactiveProps as ue } from "vue";
-import { Typography as ie, Table as pe, Tooltip as ce } from "ant-design-vue";
-import { useToken as fe } from "ant-design-vue/es/theme/internal";
-import { ApForm as me } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as ge, noRenderAsFormItemValueList as V, apTableFormItemMap as ye } from "./constants.mjs";
+import { defineComponent as te, useSlots as oe, computed as s, createVNode as d, mergeProps as f, unref as l, watch as re, openBlock as i, createElementBlock as m, normalizeClass as F, normalizeStyle as R, createSlots as L, withCtx as p, Fragment as le, renderList as E, createBlock as ne, resolveDynamicComponent as se, renderSlot as w, createCommentVNode as O, createElementVNode as V, toDisplayString as de, normalizeProps as ue, guardReactiveProps as ie } from "vue";
+import { Typography as pe, Table as ce, Tooltip as fe } from "ant-design-vue";
+import { useToken as me } from "ant-design-vue/es/theme/internal";
+import { ApForm as ge } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as ye, noRenderAsFormItemValueList as z, apTableFormItemMap as be } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as be } from "./hooks/use-table-paging.mjs";
-import { omit as z, isUndefined as x, isBoolean as he } from "lodash-unified";
+import { useTablePaging as he } from "./hooks/use-table-paging.mjs";
+import { omit as N, isUndefined as x, isBoolean as Ce } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as Ce } from "@ant-design/icons-vue";
-import { apColumnToColumn as Se, getTableRenderType as Fe, getTableRenderProps as Re, getColumnOrder as N, updateFormProps as we, getFieldProps as xe, getPlaceholder as Te } from "./utils.mjs";
-import Be from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as Pe } from "../editable-table/utils.mjs";
-import { useLocale as ve } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Ie } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ke } from "../config-provider/hooks/use-global-config.mjs";
-const Le = {
+import { QuestionCircleOutlined as Se } from "@ant-design/icons-vue";
+import { apColumnToColumn as Fe, getTableRenderType as Re, getTableRenderProps as we, getColumnOrder as D, updateFormProps as xe, getFieldProps as Te, getPlaceholder as Be } from "./utils.mjs";
+import Pe from "./hooks/use-table-content-height.mjs";
+import { getRawDisplayValue as ve } from "../editable-table/utils.mjs";
+import { useLocale as Ie } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ke } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Le } from "../config-provider/hooks/use-global-config.mjs";
+const Ee = {
   key: 0
-}, Qe = /* @__PURE__ */ ae({
+}, Ue = /* @__PURE__ */ te({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -130,31 +130,33 @@ const Le = {
       default: !1
     }
   },
-  setup(D, {
-    expose: W
+  setup(W, {
+    expose: _
   }) {
-    const o = D, T = te(), [, j] = fe(), {
-      t: _
-    } = ve(), {
+    const o = W;
+    let T = 0;
+    const B = oe(), [, j] = me(), {
+      t: A
+    } = Ie(), {
       e: g,
       b: u
-    } = Ie("ap-table"), A = ke("uiMode", "aplus"), {
-      height: M,
-      contentRef: q
-    } = Be(), y = s(() => {
+    } = ke("ap-table"), M = Le("uiMode", "aplus"), {
+      height: q,
+      contentRef: H
+    } = Pe(), y = s(() => {
       var t;
       let e = ((t = o.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
-        ...z(Se(a), ["ellipsis"]),
+        ...N(Fe(a), ["ellipsis"]),
         customRender({
           value: r,
           ...n
         }) {
-          const C = Fe(a), I = ge[C], ee = Re(a, {
+          const C = Re(a), k = ye[C], ae = we(a, {
             value: r,
             ...n
           });
-          let S = X(a, r, d(I, f(ee, {
+          let S = Y(a, r, d(k, f(ae, {
             mode: "read"
           }), null));
           return a.customRender && (S = a.customRender({
@@ -165,13 +167,13 @@ const Le = {
           })), S;
         }
       })), e;
-    }), B = s(() => {
+    }), P = s(() => {
       var e, t, a;
-      return ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !V.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
-        let C = N(r.order);
-        return N(n.order) - C;
+      return T++, ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !z.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
+        let C = D(r.order);
+        return D(n.order) - C;
       })) == null ? void 0 : a.map((r) => {
-        const n = we(r, xe(r.fieldProps, {}));
+        const n = xe(r, Te(r.fieldProps, {}));
         return {
           ...r,
           fieldProps: {
@@ -179,18 +181,19 @@ const Le = {
             name: r.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: Te(_, r.valueType, n == null ? void 0 : n.placeholder)
+            placeholder: Be(A, r.valueType, n == null ? void 0 : n.placeholder),
+            _signal: T
           }
         };
       })) || [];
-    }), H = s(() => l(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), K = s(() => l(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
+    }), K = s(() => l(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), $ = s(() => l(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
       formRef: b,
-      submit: P,
-      reset: v,
+      submit: v,
+      reset: I,
       tableProps: c,
-      handleTableChange: $,
+      handleTableChange: G,
       data: h
-    } = be({
+    } = he({
       async request(e) {
         var a, r;
         const t = await ((a = o.request) == null ? void 0 : a.call(o, e));
@@ -199,29 +202,29 @@ const Le = {
           total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: l(K),
-      sortFields: l(H),
+      filterFields: l($),
+      sortFields: l(K),
       defaultParams: o.params,
       defaultData: o.defaultData,
       manual: o.manual,
       defaultCurrent: o.pagination ? o.pagination.defaultCurrent : void 0,
       defaultPageSize: o.pagination ? o.pagination.defaultPageSize : void 0,
       formatParams: o.beforeSearchSubmit
-    }), G = s(() => {
+    }), Q = s(() => {
       var e;
       return o.scroll ? o.scroll : o.adaptive && (h.value.total > 0 || (e = o.dataSource) != null && e.length) ? {
-        y: l(M),
+        y: l(q),
         x: "100%"
       } : {
         x: !0
       };
-    }), Q = s(() => {
+    }), U = s(() => {
       var e;
       if (o.tableLayout)
         return o.tableLayout;
       if ((e = o.columns) != null && e.some((t) => t.ellipsis))
         return "fixed";
-    }), U = s(() => {
+    }), J = s(() => {
       const e = l(c), t = x(o.dataSource) ? e : {
         ...e,
         dataSource: o.dataSource,
@@ -232,101 +235,101 @@ const Le = {
         ...t,
         loading: x(o.loading) ? l(c).loading : o.loading,
         pagination: o.pagination === !1 ? !1 : l(c).pagination,
-        scroll: l(G)
+        scroll: l(Q)
       };
-    }), J = s(() => [u(), o.card ? null : u("wrapper"), o.adaptive ? u("adaptive") : null].filter(Boolean));
-    function X(e, t, a) {
-      return V.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ie.Paragraph, {
+    }), X = s(() => [u(), o.card ? null : u("wrapper"), o.adaptive ? u("adaptive") : null].filter(Boolean));
+    function Y(e, t, a) {
+      return z.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(pe.Paragraph, {
         copyable: e.copyable ? {
           text: t,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? he(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Ce(e.ellipsis) ? {
           tooltip: t
         } : {
           ...e.ellipsis,
           tooltip: t
         } : !1,
-        content: e.ellipsis ? Pe(e, t) : a
+        content: e.ellipsis ? ve(e, t) : a
       }, null) : a;
     }
-    oe(() => l(h).loading, (e) => {
+    re(() => l(h).loading, (e) => {
       var t;
       (t = o.onLoadingChange) == null || t.call(o, e);
     });
-    function Y(e) {
+    function Z(e) {
       var t, a, r;
       (r = (a = (t = b.value) == null ? void 0 : t.apForm) == null ? void 0 : a.setFieldsValue) == null || r.call(a, e);
     }
-    function Z() {
+    function ee() {
       var e, t, a;
       return (a = (t = (e = b.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : a.call(t, !0);
     }
-    return W({
-      submit: () => P(),
-      reset: () => v(),
-      setSearchFormValues: Y,
-      getSearchFormValues: Z,
+    return _({
+      submit: () => v(),
+      reset: () => I(),
+      setSearchFormValues: Z,
+      getSearchFormValues: ee,
       dataSource: s(() => l(h).records)
     }), (e, t) => (i(), m("div", {
-      class: F(J.value)
-    }, [l(x)(e.dataSource) && e.searchForm !== !1 && B.value.length > 0 ? (i(), m("div", {
+      class: F(X.value)
+    }, [l(x)(e.dataSource) && e.searchForm !== !1 && P.value.length > 0 ? (i(), m("div", {
       key: 0,
       class: F(e.card ? l(g)("search-wrapper") : null),
       style: R(e.searchFormWrapperStyle)
-    }, [d(l(me).SearchForm, f(e.searchForm || {}, {
+    }, [d(l(ge).SearchForm, f(e.searchForm || {}, {
       ref_key: "formRef",
       ref: b,
       "custom-reset": "",
-      onSubmit: l(P),
-      onReset: l(v),
+      onSubmit: l(v),
+      onReset: l(I),
       "submit-loading": l(c).loading
-    }), k({
-      default: p(() => [(i(!0), m(re, null, L(B.value, (a) => (i(), le(ne(a.customRenderFormItem ? a.customRenderFormItem(a) : l(ye)[a.valueType || "text"]), f({
+    }), L({
+      default: p(() => [(i(!0), m(le, null, E(P.value, (a) => (i(), ne(se(a.customRenderFormItem ? a.customRenderFormItem(a) : l(be)[a.valueType || "text"]), f({
         key: a.dataIndex,
         ref_for: !0
       }, a.fieldProps || {}, {
         span: a.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
-    }, [T.searchFormExtra ? {
+    }, [B.searchFormExtra ? {
       name: "extra",
       fn: p(() => [w(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : E("", !0), O("div", {
+    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : O("", !0), V("div", {
       ref_key: "contentRef",
-      ref: q,
+      ref: H,
       class: F([l(g)("table-wrapper"), e.card ? l(g)("table-wrapper-card") : null]),
       style: R(e.tableWrapperStyle)
-    }, [w(e.$slots, "title"), d(l(pe), f({
-      class: l(A) === "admin" ? l(u)("table-admin") : l(u)("table")
-    }, U.value, {
-      "table-layout": Q.value,
-      onChange: l($),
+    }, [w(e.$slots, "title"), d(l(ce), f({
+      class: l(M) === "admin" ? l(u)("table-admin") : l(u)("table")
+    }, J.value, {
+      "table-layout": U.value,
+      onChange: l(G),
       columns: y.value
-    }), k({
+    }), L({
       headerCell: p(({
         column: a,
         title: r
-      }) => [a.tooltip ? (i(), m("span", Le, [O("span", null, se(r), 1), d(l(ce), {
+      }) => [a.tooltip ? (i(), m("span", Ee, [V("span", null, de(r), 1), d(l(fe), {
         title: a.tooltip,
         placement: "bottom"
       }, {
-        default: p(() => [d(l(Ce), {
+        default: p(() => [d(l(Se), {
           style: R({
             paddingLeft: "4px",
             color: l(j).colorPrimary
           })
         }, null, 8, ["style"])]),
         _: 2
-      }, 1032, ["title"])])) : E("", !0)]),
+      }, 1032, ["title"])])) : O("", !0)]),
       _: 2
-    }, [L(l(z)(T, ["title", "searchFormExtra"]), (a, r) => ({
+    }, [E(l(N)(B, ["title", "searchFormExtra"]), (a, r) => ({
       name: r,
-      fn: p((n) => [w(e.$slots, r, de(ue(n || {})))])
+      fn: p((n) => [w(e.$slots, r, ue(ie(n || {})))])
     }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  Qe as default
+  Ue as default
 };