vft 0.0.507 → 0.0.509

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

@@ -1,40 +1,41 @@
-import { defineComponent as K, createVNode as i, useAttrs as ue, ref as d, getCurrentInstance as me, computed as _, unref as o, watch as pe, nextTick as G, toRaw as he, createElementBlock as Ce, openBlock as k, normalizeClass as be, withCtx as n, createBlock as M, createCommentVNode as S, mergeProps as q, withDirectives as ye, createElementVNode as we, vShow as ve, renderSlot as s, normalizeProps as p, guardReactiveProps as h, createSlots as xe, createTextVNode as ke } from "vue";
-import { VftClientOnly as Se } from "../client-only/index.js";
-import { VftEmpty as Be } from "../empty/index.js";
-import { vLoading as Re } from "../loading/directive.js";
-import { deepMerge as L, isClient as ze, omit as Pe, isFunction as B } from "@vft/utils";
-import { FormCompEnum as C } from "../../utils/form-register.js";
+import { defineComponent as X, computed as p, createVNode as i, useAttrs as Ce, ref as g, getCurrentInstance as be, unref as o, watch as ye, nextTick as G, toRaw as we, createElementBlock as ve, openBlock as S, normalizeClass as ke, withCtx as n, createBlock as M, createCommentVNode as B, mergeProps as q, withDirectives as xe, createElementVNode as Se, vShow as Be, renderSlot as s, normalizeProps as h, guardReactiveProps as C, createSlots as Re } from "vue";
+import { VftClientOnly as ze } from "../client-only/index.js";
+import { VftEmpty as Pe } from "../empty/index.js";
+import { vLoading as He } from "../loading/directive.js";
+import { deepMerge as I, isClient as De, omit as Oe, isFunction as R } from "@vft/utils";
+import { FormCompEnum as b } from "../../utils/form-register.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useForm as De } from "../super-form/use/use-form.js";
-import { useNamespace as He } from "../../hooks/use-namespace/index.js";
+import { useForm as Te } from "../super-form/use/use-form.js";
+import { useNamespace as Fe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../icon/index.js";
-import { VftPagination as Oe } from "../pagination/index.js";
-import { VftSkeleton as Te } from "../skeleton/index.js";
-import { VftSuperForm as Fe } from "../super-form/index.js";
-import { VxeGrid as Ae } from "vxe-table";
-import Ee from "xe-utils";
-import { PageSize as I } from "./constants.js";
-import { useColumns as Ne } from "./use/use-columns.js";
-import { useDataSource as Ve } from "./use/use-data-source.js";
-import { useLoading as $e } from "./use/use-loading.js";
-import { usePagination as _e } from "./use/use-pagination.js";
-import { EmptyEnum as Ge } from "../empty/constants.js";
-const Me = K({
+import { VftPagination as Ae } from "../pagination/index.js";
+import { VftSkeleton as Ee } from "../skeleton/index.js";
+import { VftSuperForm as Ne } from "../super-form/index.js";
+import { useLocale as $e } from "../../locale/use-locale.js";
+import { VxeGrid as Ve } from "vxe-table";
+import Le from "xe-utils";
+import { PageSize as K } from "./constants.js";
+import { useColumns as _e } from "./use/use-columns.js";
+import { useDataSource as Ge } from "./use/use-data-source.js";
+import { useLoading as Me } from "./use/use-loading.js";
+import { usePagination as qe } from "./use/use-pagination.js";
+import { EmptyEnum as Ie } from "../empty/constants.js";
+const Ke = X({
   name: "vft-table"
-}), ho = /* @__PURE__ */ K({
-  ...Me,
+}), wo = /* @__PURE__ */ X({
+  ...Ke,
   props: {
     sticky: {
       type: [Boolean, Object]
     },
     api: {},
     pageSize: {
-      default: I
+      default: K
     },
     total: {},
     rowkey: {
@@ -79,17 +80,10 @@ const Me = K({
     onChange: {},
     emptyCfg: {
       default: () => ({
-        type: Ge.NoData
-      })
-    },
-    loadingCfg: {
-      default: () => ({
-        customClass: "vft-card-loading",
-        text: i("div", null, [i("span", null, [ke("加载中")]), i("span", {
-          class: "dot"
-        }, null)])
+        type: Ie.NoData
       })
     },
+    loadingCfg: {},
     layouts: {},
     columns: {},
     pagerConfig: {},
@@ -399,68 +393,75 @@ const Me = K({
     "toolbar-tool-click",
     "zoom"
   ],
-  setup(qe, {
-    expose: X,
-    emit: j
+  setup(j, {
+    expose: Y,
+    emit: W
   }) {
-    const c = j, g = He("table"), Y = ue(), f = d(), R = d(), W = d([]), b = d(), y = d(), U = me(), a = _(() => L(U.props, o(b))), {
-      getLoading: J,
-      setLoading: Q
-    } = $e(a), {
+    const U = p(() => ({
+      customClass: "vft-card-loading",
+      text: i("div", null, [i("span", null, [z("vft.loading")]), i("span", {
+        class: "dot"
+      }, null)])
+    })), J = p(() => j.loadingCfg || U.value), c = W, d = Fe("table"), {
+      t: z
+    } = $e(), Q = Ce(), f = g(), P = g(), Z = g([]), y = g(), w = g(), ee = be(), a = p(() => I(ee.props, o(y))), {
+      getLoading: oe,
+      setLoading: ae
+    } = Me(a), {
       getPaginationInfo: u,
-      setPagination: w,
-      getCurrentPage: Z
-    } = _e(a), {
-      getViewColumns: ee,
-      setColumns: oe
-    } = Ne(a);
-    pe(() => Z(), (e) => {
+      setPagination: v,
+      getCurrentPage: te
+    } = qe(a), {
+      getViewColumns: le,
+      setColumns: re
+    } = _e(a);
+    ye(() => te(), (e) => {
       G(() => {
-        z({
+        H({
           seqConfig: {
-            startIndex: (e - 1) * (u.value?.pageSize || o(a).pageSize || I)
+            startIndex: (e - 1) * (u.value?.pageSize || o(a).pageSize || K)
           }
         });
       });
     }, {
       immediate: !0
     });
-    function z(e) {
-      b.value = {
-        ...o(b),
+    function H(e) {
+      y.value = {
+        ...o(y),
         ...e
       };
     }
     const {
-      getDataSourceRef: P,
-      handleTableChange: ae,
-      reload: v,
-      deleteTableDataRecord: te,
-      insertTableDataRecord: le,
-      updateTableData: re,
-      updateTableDataRecord: ne,
-      setTableData: D,
-      getDataSource: ce,
-      getRawDataSource: H,
-      tableSearch: O,
-      expandTreeLevel: ie
-    } = Ve(a, {
-      tableData: W,
-      setLoading: Q,
+      getDataSourceRef: D,
+      handleTableChange: ne,
+      reload: k,
+      deleteTableDataRecord: ce,
+      insertTableDataRecord: ie,
+      updateTableData: se,
+      updateTableDataRecord: ge,
+      setTableData: O,
+      getDataSource: de,
+      getRawDataSource: T,
+      tableSearch: F,
+      expandTreeLevel: fe
+    } = Ge(a, {
+      tableData: Z,
+      setLoading: ae,
       getPaginationInfo: u,
-      setPagination: w,
+      setPagination: v,
       getGridRef: () => f.value
     }, c);
-    function T(e) {
-      e?.pageSize && w({
+    function A(e) {
+      e?.pageSize && v({
         currentPage: 1
-      }), ae(e), c("change", e);
+      }), ne(e), c("change", e);
       const {
         onChange: t
       } = o(a);
-      t && B(t) && t(e);
+      t && R(t) && t(e);
     }
-    const F = {};
+    const E = {};
     [
       "update:data",
       "keydown-start",
@@ -582,19 +583,20 @@ const Me = K({
       "toolbar-tool-click",
       "zoom"
     ].forEach((e) => {
-      const t = Ee.camelCase(`on-${e}`);
-      F[t] = (...l) => c(e, ...l);
+      const t = Le.camelCase(`on-${e}`);
+      E[t] = (...l) => c(e, ...l);
     });
-    const r = _(() => {
-      const e = o(P), t = {
-        ...Y,
+    const r = p(() => {
+      const e = o(D), t = {
+        ...Q,
         ...o(a),
-        columns: he(o(ee)),
-        loading: o(J),
+        columns: we(o(le)),
+        loading: o(oe),
         data: e,
-        ...F
+        loadingCfg: o(J),
+        ...E
       };
-      if (ze) {
+      if (De) {
         (o(a)?.addMaxHeight || o(a)?.maxHeight) && (t.maxHeight = o(a)?.maxHeight ? o(a)?.maxHeight : `${window.innerHeight - o(a)?.extraSysHeight - (a.value?.showPager ? a.value?.pageHeight || 40 : 0)}px`);
         const l = o(a)?.minHeight;
         t.minHeight = l || (l !== 0 && o(a)?.toolbarConfig?.custom ? 300 : void 0);
@@ -606,43 +608,43 @@ const Me = K({
         },
         autoLoad: !1,
         ajax: {
-          query: async () => await v()
+          query: async () => await k()
         }
       }), t;
-    }), A = {
-      setPagination: w,
+    }), N = {
+      setPagination: v,
       emit: c,
-      setProps: z,
-      reload: v,
-      deleteTableDataRecord: te,
-      insertTableDataRecord: le,
-      updateTableDataRecord: ne,
-      updateTableData: re,
-      setTableData: D,
-      getDataSource: ce,
-      getDataSourceRef: P,
-      setColumns: oe,
-      getRawDataSource: H,
-      tableSearch: O,
-      expandTreeLevel: ie
+      setProps: H,
+      reload: k,
+      deleteTableDataRecord: ce,
+      insertTableDataRecord: ie,
+      updateTableDataRecord: ge,
+      updateTableData: se,
+      setTableData: O,
+      getDataSource: de,
+      getDataSourceRef: D,
+      setColumns: re,
+      getRawDataSource: T,
+      tableSearch: F,
+      expandTreeLevel: fe
     };
-    c("register", A);
-    const se = {
+    c("register", N);
+    const ue = {
       field: "_filterTableData",
       label: "",
-      type: C.Search,
+      type: b.Search,
       itemProps: {
         class: "search-all-form-item"
       },
       componentProps: () => ({
         onChange: (e) => {
-          V({
+          L({
             _filterTableData: e
           });
         }
       })
-    }, E = L({
-      schemas: [r.value?.formOptions?.addSearchAllSchema ? se : {}],
+    }, $ = I({
+      schemas: [r.value?.formOptions?.addSearchAllSchema ? ue : {}],
       rowProps: {
         justify: "start"
       },
@@ -653,30 +655,30 @@ const Me = K({
       showSubmitButton: !0,
       size: "small",
       submitButtonOptions: {
-        btnText: "搜索"
+        btnText: z("vft.table.search")
       },
       actionInline: !0
-    }, Pe(r.value?.formOptions, ["showActionForm", "addSearchAllSchema"]), "replace"), N = (e) => (...t) => {
-      e && B(e) && e(...t), G(() => {
-        v();
+    }, Oe(r.value?.formOptions, ["showActionForm", "addSearchAllSchema"]), "replace"), V = (e) => (...t) => {
+      e && R(e) && e(...t), G(() => {
+        k();
       });
-    }, [de] = De({
-      ...E,
-      schemas: (o(E)?.schemas || []).map((e) => {
+    }, [me] = Te({
+      ...$,
+      schemas: (o($)?.schemas || []).map((e) => {
         if (!o(r)?.formOptions?.autoReloadOnClear)
           return e;
-        if (!e.type || e.type === C.Input || e.type === C.Search || e.type === C.Textarea) {
+        if (!e.type || e.type === b.Input || e.type === b.Search || e.type === b.Textarea) {
           const {
             componentProps: m
           } = e;
-          if (B(m))
+          if (R(m))
             return {
               ...e,
               componentProps: async (x) => {
-                const $ = await m(x), fe = $?.onClear;
+                const _ = await m(x), he = _?.onClear;
                 return {
-                  ...$,
-                  onClear: N(fe)
+                  ..._,
+                  onClear: V(he)
                 };
               }
             };
@@ -686,79 +688,79 @@ const Me = K({
               ...e,
               componentProps: {
                 ...m,
-                onClear: N(x)
+                onClear: V(x)
               }
             };
           }
         }
         return e;
       })
-    }), V = (e) => {
-      Reflect.has(e, "_filterTableData") && O(e._filterTableData), c("form-submit", e);
-    }, ge = () => {
-      D(H()), c("form-reset");
+    }), L = (e) => {
+      Reflect.has(e, "_filterTableData") && F(e._filterTableData), c("form-submit", e);
+    }, pe = () => {
+      O(T()), c("form-reset");
     };
     return setTimeout(() => {
       console.log(f.value, "xGridxGrid");
-    }, 1500), X({
+    }, 1500), Y({
       table: f,
-      formRef: y,
-      pageRef: R,
-      ...A
-    }), (e, t) => (k(), Ce("div", {
-      class: be([o(g).b(), {
-        [o(g).is("form-exceed-one-rows")]: y.value?.willExceedOneRow
+      formRef: w,
+      pageRef: P,
+      ...N
+    }), (e, t) => (S(), ve("div", {
+      class: ke([o(d).b(), {
+        [o(d).is("form-exceed-one-rows")]: w.value?.willExceedOneRow
       }])
-    }, [i(o(Se), null, {
-      fallback: n(() => [i(o(Te))]),
-      default: n(() => [i(o(Ae), q({
+    }, [i(o(ze), null, {
+      fallback: n(() => [i(o(Ee))]),
+      default: n(() => [i(o(Ve), q({
         ref_key: "xGrid",
         ref: f
       }, r.value), {
-        toolbarButtons: n(() => [s(e.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (k(), M(o(Fe), {
+        toolbarButtons: n(() => [s(e.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (S(), M(o(Ne), {
           key: 0,
           ref_key: "formRef",
-          ref: y,
-          onRegister: o(de),
-          onSubmit: V,
-          onReset: ge
-        }, xe({
+          ref: w,
+          onRegister: o(me),
+          onSubmit: L,
+          onReset: pe
+        }, Re({
           _: 2
         }, [e.$slots.resetBefore ? {
           name: "resetBefore",
-          fn: n((l) => [s(e.$slots, "resetBefore", p(h(l)))]),
+          fn: n((l) => [s(e.$slots, "resetBefore", h(C(l)))]),
           key: "0"
         } : void 0, e.$slots.submitBefore ? {
           name: "submitBefore",
-          fn: n((l) => [s(e.$slots, "submitBefore", p(h(l)))]),
+          fn: n((l) => [s(e.$slots, "submitBefore", h(C(l)))]),
           key: "1"
         } : void 0, e.$slots.submitAfter ? {
           name: "submitAfter",
-          fn: n((l) => [s(e.$slots, "submitAfter", p(h(l)))]),
+          fn: n((l) => [s(e.$slots, "submitAfter", h(C(l)))]),
           key: "2"
-        } : void 0]), 1032, ["onRegister"])) : S("", !0), s(e.$slots, "toolbar-right")]),
-        empty: n(() => [r.value.loading ? S("", !0) : s(e.$slots, "empty", {
+        } : void 0]), 1032, ["onRegister"])) : B("", !0), s(e.$slots, "toolbar-right")]),
+        empty: n(() => [r.value.loading ? B("", !0) : s(e.$slots, "empty", {
           key: 0
-        }, () => [i(o(Be), p(h(r.value.emptyCfg)), null, 16)])]),
-        loading: n(() => [ye(we("div", null, null, 512), [[ve, r.value.loading], [o(Re), r.value.loadingCfg]])]),
+        }, () => [i(o(Pe), h(C(r.value.emptyCfg)), null, 16)])]),
+        loading: n(() => [xe(Se("div", null, null, 512), [[Be, r.value.loading], [o(He), r.value.loadingCfg]])]),
         _: 3
-      }, 16), r.value.showPager ? (k(), M(o(Oe), q({
+      }, 16), r.value.showPager ? (S(), M(o(Ae), q({
         key: 0,
         ref_key: "pageRef",
-        ref: R
+        ref: P
       }, o(u), {
-        class: [o(g).e("pager"), o(g).m(`pager-${o(u)?.pagePlacement}`)],
-        onCurrentChange: t[0] || (t[0] = (l) => T({
+        class: [o(d).e("pager"), o(d).m(`pager-${o(u)?.pagePlacement}`)],
+        onCurrentChange: t[0] || (t[0] = (l) => A({
           currentPage: l
         })),
-        onSizeChange: t[1] || (t[1] = (l) => T({
+        onSizeChange: t[1] || (t[1] = (l) => A({
           pageSize: l
         }))
-      }), null, 16, ["class"])) : S("", !0)]),
+      }), null, 16, ["class"])) : B("", !0)]),
       _: 3
     })], 2));
   }
 });
 export {
-  ho as default
+  wo as default
 };

package/es/components/table/use/use-columns.js

@@ -1,40 +1,43 @@
-import { isNullOrUndefined as g, isArray as d } from "@vft/utils";
-import { cloneDeep as c } from "lodash-es";
-import { ref as h, unref as o, computed as m, watch as v, toRaw as p } from "vue";
-function y(u) {
-  const t = h(o(u).columns), l = o(u).columns, e = m(() => {
-    const r = c(o(t));
-    return r ? r.map((n) => (!n.formatter && !n.slots && !n.cellRender && (n.formatter = ({
+import { isNullOrUndefined as h, isArray as p } from "@vft/utils";
+import { cloneDeep as l } from "lodash-es";
+import { ref as v, unref as o, computed as c, watch as d, toRaw as w } from "vue";
+import { useLocale as y } from "../../../locale/use-locale.js";
+function L(u) {
+  const {
+    t: f
+  } = y(), r = v(o(u).columns), m = o(u).columns, e = c(() => {
+    const n = l(o(r));
+    return n ? n.map((t) => (!t.formatter && !t.slots && !t.cellRender && (t.formatter = ({
       cellValue: s
-    }) => g(s) || s === "" ? "-" : s), n)) : [];
-  }), f = m(() => o(e));
-  function i(r) {
-    const n = c(r);
-    if (d(n)) {
-      if (n.length <= 0) {
-        t.value = [];
+    }) => h(s) || s === "" ? "-" : s), t.title && typeof t.title == "string" && t.title.startsWith("vft.") && (t.title = f(t.title)), t)) : [];
+  }), i = c(() => o(e));
+  function a(n) {
+    const t = l(n);
+    if (p(t)) {
+      if (t.length <= 0) {
+        r.value = [];
         return;
       }
-      t.value = n;
+      r.value = t;
     }
   }
-  v(() => o(u).columns, (r) => {
-    t.value = r || t.value;
+  d(() => o(u).columns, (n) => {
+    r.value = n || r.value;
   }, {});
-  function a() {
-    return p(o(e));
-  }
   function C() {
-    return l;
+    return w(o(e));
+  }
+  function g() {
+    return m;
   }
   return {
     getColumnsRef: e,
-    getCacheColumns: C,
-    getViewColumns: f,
-    getColumns: a,
-    setColumns: i
+    getCacheColumns: g,
+    getViewColumns: i,
+    getColumns: C,
+    setColumns: a
   };
 }
 export {
-  y as useColumns
+  L as useColumns
 };