vft 0.0.509 → 0.0.511

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

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

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

@@ -1,43 +1,40 @@
-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 = ({
+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 = ({
       cellValue: s
-    }) => 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 = [];
+    }) => 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 = [];
         return;
       }
-      r.value = t;
+      t.value = n;
     }
   }
-  d(() => o(u).columns, (n) => {
-    r.value = n || r.value;
+  v(() => o(u).columns, (r) => {
+    t.value = r || t.value;
   }, {});
-  function C() {
-    return w(o(e));
+  function a() {
+    return p(o(e));
   }
-  function g() {
-    return m;
+  function C() {
+    return l;
   }
   return {
     getColumnsRef: e,
-    getCacheColumns: g,
-    getViewColumns: i,
-    getColumns: C,
-    setColumns: a
+    getCacheColumns: C,
+    getViewColumns: f,
+    getColumns: a,
+    setColumns: i
   };
 }
 export {
-  L as useColumns
+  y as useColumns
 };