vft 0.0.369 → 0.0.371

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

@@ -1,42 +1,40 @@
-import { defineComponent, useAttrs, ref, getCurrentInstance, computed, unref, watch, nextTick, toRaw, createElementBlock, openBlock, normalizeClass, createVNode, createBlock, createCommentVNode, mergeProps, withCtx, withDirectives, createElementVNode, renderSlot } from "vue";
-import { VftEmpty } from "../empty/index.js";
-import { vLoading } from "../loading/directive.js";
-import { deepMerge, omit, isFunction } from "@vft/utils";
+import { defineComponent as T, useAttrs as ee, ref as d, getCurrentInstance as ae, computed as u, unref as e, watch as te, nextTick as oe, toRaw as le, createElementBlock as re, openBlock as f, normalizeClass as ne, createVNode as z, createBlock as R, createCommentVNode as P, mergeProps as D, withCtx as m, withDirectives as ce, createElementVNode as ie, renderSlot as H } from "vue";
+import { VftEmpty as se } from "../empty/index.js";
+import { vLoading as ge } from "../loading/directive.js";
+import { deepMerge as _, omit as de, isFunction as ue } from "@vft/utils";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.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 } from "../pagination/index.js";
-import { VftSuperForm } from "../super-form/index.js";
-import { VxeGrid } from "vxe-table";
-import XEUtils from "xe-utils";
-import { PAGE_SIZE } from "./constants.js";
-import { useColumns } from "./use/use-columns.js";
-import { useDataSource } from "./use/use-data-source.js";
-import { useLoading } from "./use/use-loading.js";
-import { usePagination } from "./use/use-pagination.js";
-import { FormCompEnum } from "../super-form/component-map.js";
-import { useForm } from "../super-form/use/use-form.js";
-import { EmptyEnum } from "../empty/constants.js";
-const _hoisted_1 = {
+import { VftPagination as me } from "../pagination/index.js";
+import { VftSuperForm as pe } from "../super-form/index.js";
+import { VxeGrid as he } from "vxe-table";
+import be from "xe-utils";
+import { PAGE_SIZE as Ce } from "./constants.js";
+import { useColumns as ye } from "./use/use-columns.js";
+import { useDataSource as we } from "./use/use-data-source.js";
+import { useLoading as ve } from "./use/use-loading.js";
+import { usePagination as xe } from "./use/use-pagination.js";
+import { FormCompEnum as ke } from "../super-form/component-map.js";
+import { useForm as Se } from "../super-form/use/use-form.js";
+import { EmptyEnum as Be } from "../empty/constants.js";
+const ze = {
   "vft-loading-text": "加载中..."
-};
-const __default__ = defineComponent({
+}, Re = T({
   name: "vft-table"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), Qe = /* @__PURE__ */ T({
+  ...Re,
   props: {
     sticky: {
       type: [Boolean, Object]
     },
     api: {},
     pageSize: {
-      default: PAGE_SIZE
+      default: Ce
     },
     total: {},
     rowkey: {
@@ -44,22 +42,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     immediate: {
       type: Boolean,
-      default: true
+      default: !0
     },
     fetchSetting: {},
     watchApiFetch: {
       type: Boolean,
-      default: false
+      default: !1
     },
     beforeFetch: {},
     delEmptyParams: {
       type: [Boolean, String],
-      default: true
+      default: !0
     },
     afterFetch: {},
     transformParams: {
       type: Boolean,
-      default: true
+      default: !0
     },
     extraParams: {},
     extraSysHeight: {
@@ -70,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     showPager: {
       type: Boolean,
-      default: true
+      default: !0
     },
     pagination: {},
     formOptions: {},
@@ -80,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     proxyConfig: {},
     toolbarConfig: {
       default: {
-        enabled: false,
+        enabled: !1,
         slots: {
           buttons: "toolbarButtons"
         }
@@ -98,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxHeight: {},
     stripe: {
       type: Boolean,
-      default: true
+      default: !0
     },
     padding: {
       type: Boolean
@@ -112,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     loading: {
       type: Boolean,
-      default: false
+      default: !1
     },
     align: {
       default: "center"
@@ -123,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     footerAlign: {},
     showHeader: {
       type: Boolean,
-      default: true
+      default: !0
     },
     showFooter: {
       type: Boolean
@@ -161,23 +159,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     autoResize: {
       type: Boolean,
-      default: false
+      default: !1
     },
     syncResize: {
       type: [Boolean, String, Number]
     },
     columnConfig: {
       default: {
-        drag: false,
-        resizable: true,
+        drag: !1,
+        resizable: !0,
         minWidth: "15%"
       }
     },
     rowConfig: {
       default: {
-        isHover: true,
-        isCurrent: true,
-        useKey: true
+        isHover: !0,
+        isCurrent: !0,
+        useKey: !0
       }
     },
     cellConfig: {},
@@ -220,12 +218,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     scrollY: {},
     virtualXConfig: {
       default: {
-        enabled: false
+        enabled: !1
       }
     },
     virtualYConfig: {
       default: {
-        enabled: false
+        enabled: !1
       }
     },
     scrollbarConfig: {},
@@ -257,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     rowId: {},
     fit: {
       type: Boolean,
-      default: true
+      default: !0
     },
     animat: {
       type: Boolean
@@ -385,86 +383,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "toolbar-tool-click",
     "zoom"
   ],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
+  setup(Pe, {
+    expose: F,
+    emit: A
   }) {
-    const ns = useNamespace("table");
-    const emit = __emit;
-    const attrs = useAttrs();
-    const xGrid = ref();
-    const tableData = ref([]);
-    const innerPropsRef = ref();
-    const instance = getCurrentInstance();
-    const getProps = computed(() => {
-      return deepMerge(instance.props, unref(innerPropsRef));
-    });
-    const {
-      getLoading,
-      setLoading
-    } = useLoading(getProps);
-    const {
-      getPaginationInfo,
-      setPagination,
-      getShowPagination,
-      getCurrentPage
-    } = usePagination(getProps);
-    const {
-      getViewColumns,
-      setColumns
-    } = useColumns(getProps);
-    watch(() => getCurrentPage(), (val) => {
-      nextTick(() => {
-        setProps({
+    const i = fe("table"), l = A, E = ee(), p = d(), N = d([]), s = d(), O = ae(), t = u(() => _(O.props, e(s))), {
+      getLoading: V,
+      setLoading: I
+    } = ve(t), {
+      getPaginationInfo: c,
+      setPagination: g,
+      getShowPagination: h,
+      getCurrentPage: q
+    } = xe(t), {
+      getViewColumns: G,
+      setColumns: K
+    } = ye(t);
+    te(() => q(), (a) => {
+      oe(() => {
+        b({
           seqConfig: {
-            startIndex: (val - 1) * (getPaginationInfo.value?.pageSize || unref(getProps).pageSize)
+            startIndex: (a - 1) * (c.value?.pageSize || e(t).pageSize)
           }
         });
       });
     }, {
-      immediate: true
+      immediate: !0
     });
-    function setProps(props) {
-      innerPropsRef.value = {
-        ...unref(innerPropsRef),
-        ...props
+    function b(a) {
+      s.value = {
+        ...e(s),
+        ...a
       };
     }
     const {
-      getDataSourceRef,
-      handleTableChange: onTableChange,
-      reload,
-      deleteTableDataRecord,
-      insertTableDataRecord,
-      updateTableData,
-      updateTableDataRecord,
-      setTableData,
-      getDataSource,
-      getRawDataSource,
-      tableSearch
-    } = useDataSource(getProps, {
-      tableData,
-      setLoading,
-      getPaginationInfo,
-      setPagination
-    }, emit);
-    function handleTableChange(...args) {
-      if (args?.[0]?.pageSize) {
-        setPagination({
-          currentPage: 1
-        });
-      }
-      onTableChange.call(void 0, ...args);
-      emit("change", ...args);
+      getDataSourceRef: C,
+      handleTableChange: L,
+      reload: M,
+      deleteTableDataRecord: X,
+      insertTableDataRecord: Y,
+      updateTableData: $,
+      updateTableDataRecord: j,
+      setTableData: y,
+      getDataSource: W,
+      getRawDataSource: w,
+      tableSearch: v
+    } = we(t, {
+      tableData: N,
+      setLoading: I,
+      getPaginationInfo: c,
+      setPagination: g
+    }, l);
+    function x(...a) {
+      a?.[0]?.pageSize && g({
+        currentPage: 1
+      }), L.call(void 0, ...a), l("change", ...a);
       const {
-        onChange
-      } = unref(getProps);
-      onChange && isFunction(onChange) && onChange.call(void 0, ...args);
+        onChange: o
+      } = e(t);
+      o && ue(o) && o.call(void 0, ...a);
     }
-    const _maxHeight = computed(() => {
-      return window.innerHeight - unref(getProps)?.extraSysHeight - (getProps.value?.showPager ? getProps.value?.pageHeight : 0) + "px";
-    });
-    const emitEvents = {};
+    const U = u(() => window.innerHeight - e(t)?.extraSysHeight - (t.value?.showPager ? t.value?.pageHeight : 0) + "px"), k = {};
     [
       "update:data",
       "keydown-start",
@@ -585,120 +564,107 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "toolbar-button-click",
       "toolbar-tool-click",
       "zoom"
-    ].forEach((name) => {
-      const type = XEUtils.camelCase(`on-${name}`);
-      emitEvents[type] = (...args) => emit(name, ...args);
+    ].forEach((a) => {
+      const o = be.camelCase(`on-${a}`);
+      k[o] = (...n) => l(a, ...n);
     });
-    const getBindValues = computed(() => {
-      const dataSource = unref(getDataSourceRef);
+    const r = u(() => {
+      const a = e(C);
       return {
-        ...attrs,
-        ...unref(getProps),
-        maxHeight: unref(getProps)?.maxHeight ? unref(getProps)?.maxHeight : _maxHeight.value,
-        columns: toRaw(unref(getViewColumns)),
-        loading: unref(getLoading),
-        data: dataSource,
-        ...emitEvents
+        ...E,
+        ...e(t),
+        maxHeight: e(t)?.maxHeight ? e(t)?.maxHeight : U.value,
+        columns: le(e(G)),
+        loading: e(V),
+        data: a,
+        ...k
       };
-    });
-    const tableAction = {
-      setPagination,
-      emit,
-      setProps,
-      reload,
-      getShowPagination,
-      deleteTableDataRecord,
-      insertTableDataRecord,
-      updateTableDataRecord,
-      updateTableData,
-      setTableData,
-      getDataSource,
-      getDataSourceRef,
-      setColumns,
-      getRawDataSource,
-      tableSearch
+    }), S = {
+      setPagination: g,
+      emit: l,
+      setProps: b,
+      reload: M,
+      getShowPagination: h,
+      deleteTableDataRecord: X,
+      insertTableDataRecord: Y,
+      updateTableDataRecord: j,
+      updateTableData: $,
+      setTableData: y,
+      getDataSource: W,
+      getDataSourceRef: C,
+      setColumns: K,
+      getRawDataSource: w,
+      tableSearch: v
     };
-    emit("register", tableAction);
-    const searchAllSchema = {
+    l("register", S);
+    const Z = {
       field: "_filterTableData",
       label: "",
-      type: FormCompEnum.SEARCH,
-      componentProps: ({}) => {
-        return {
-          onChange: (e) => {
-            handleFormSubmit({
-              "_filterTableData": e
-            });
-          }
-        };
-      }
-    };
-    const [registerForm] = useForm(deepMerge({
-      schemas: [getBindValues.value?.formOptions?.addSearchAllSchema ? searchAllSchema : {}],
+      type: ke.SEARCH,
+      componentProps: ({}) => ({
+        onChange: (a) => {
+          B({
+            _filterTableData: a
+          });
+        }
+      })
+    }, [J] = Se(_({
+      schemas: [r.value?.formOptions?.addSearchAllSchema ? Z : {}],
       rowProps: {
         justify: "start"
       },
       labelPosition: "left",
       quickColSpan: 5,
-      watchDataIsChange: true,
-      showResetButton: true,
-      showSubmitButton: true,
+      watchDataIsChange: !0,
+      showResetButton: !0,
+      showSubmitButton: !0,
       size: "small",
       submitButtonOptions: {
         btnText: "搜索"
       },
-      actionInline: true
-    }, omit(
-      getBindValues.value?.formOptions,
+      actionInline: !0
+    }, de(
+      r.value?.formOptions,
       ["showActionForm", "addSearchAllSchema"]
       // 'union' | 'intersection' | 'concat' | 'replace' = 'union'
-    ), "replace"));
-    const handleFormSubmit = (values) => {
-      if (Reflect.has(values, "_filterTableData")) {
-        tableSearch(values._filterTableData);
-      }
-      emit("form-submit", values);
-    };
-    const handleFormReset = () => {
-      setTableData(getRawDataSource());
-      emit("form-reset");
-    };
-    __expose({
-      table: xGrid,
-      ...tableAction
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [createVNode(unref(VxeGrid), mergeProps({
-        ref_key: "xGrid",
-        ref: xGrid
-      }, getBindValues.value), {
-        toolbarButtons: withCtx(() => [renderSlot(_ctx.$slots, "toolbar-left"), getBindValues.value?.formOptions?.showActionForm ? (openBlock(), createBlock(unref(VftSuperForm), {
-          key: 0,
-          onRegister: unref(registerForm),
-          onSubmit: handleFormSubmit,
-          onReset: handleFormReset
-        }, null, 8, ["onRegister"])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "toolbar-right")]),
-        empty: withCtx(() => [createVNode(unref(VftEmpty), {
-          type: unref(EmptyEnum).NO_DATA
-        }, null, 8, ["type"])]),
-        loading: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1, null, 512), [[unref(vLoading), getBindValues.value.loading]])]),
-        _: 3
-      }, 16), getBindValues.value.showPager && unref(getShowPagination) ? (openBlock(), createBlock(unref(VftPagination), mergeProps({
-        key: 0
-      }, unref(getPaginationInfo), {
-        class: [unref(ns).e("pager"), unref(ns).m("pager-" + unref(getPaginationInfo).pagePlacement)],
-        onCurrentChange: _cache[0] || (_cache[0] = (data) => handleTableChange({
-          currentPage: data
-        })),
-        onSizeChange: _cache[1] || (_cache[1] = (data) => handleTableChange({
-          pageSize: data
-        }))
-      }), null, 16, ["class"])) : createCommentVNode("", true)], 2);
+    ), "replace")), B = (a) => {
+      Reflect.has(a, "_filterTableData") && v(a._filterTableData), l("form-submit", a);
+    }, Q = () => {
+      y(w()), l("form-reset");
     };
+    return F({
+      table: p,
+      ...S
+    }), (a, o) => (f(), re("div", {
+      class: ne(e(i).b())
+    }, [z(e(he), D({
+      ref_key: "xGrid",
+      ref: p
+    }, r.value), {
+      toolbarButtons: m(() => [H(a.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (f(), R(e(pe), {
+        key: 0,
+        onRegister: e(J),
+        onSubmit: B,
+        onReset: Q
+      }, null, 8, ["onRegister"])) : P("", !0), H(a.$slots, "toolbar-right")]),
+      empty: m(() => [z(e(se), {
+        type: e(Be).NO_DATA
+      }, null, 8, ["type"])]),
+      loading: m(() => [ce(ie("div", ze, null, 512), [[e(ge), r.value.loading]])]),
+      _: 3
+    }, 16), r.value.showPager && e(h) ? (f(), R(e(me), D({
+      key: 0
+    }, e(c), {
+      class: [e(i).e("pager"), e(i).m("pager-" + e(c).pagePlacement)],
+      onCurrentChange: o[0] || (o[0] = (n) => x({
+        currentPage: n
+      })),
+      onSizeChange: o[1] || (o[1] = (n) => x({
+        pageSize: n
+      }))
+    }), null, 16, ["class"])) : P("", !0)], 2));
   }
 });
 export {
-  _sfc_main as default
+  Qe as default
 };

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

@@ -1,54 +1,40 @@
-import { isNullOrUndefined, isArray } from "@vft/utils";
-import { cloneDeep } from "lodash-es";
-import { ref, unref, computed, watch, toRaw } from "vue";
-function useColumns(propsRef) {
-  const columnsRef = ref(unref(propsRef).columns);
-  const cacheColumns = unref(propsRef).columns;
-  const getColumnsRef = computed(() => {
-    const columns = cloneDeep(unref(columnsRef));
-    if (!columns) {
-      return [];
-    }
-    return columns.map((item) => {
-      if (!item.formatter && !item.slots && !item.cellRender) {
-        item.formatter = ({
-          cellValue
-        }) => {
-          return isNullOrUndefined(cellValue) || cellValue === "" ? "-" : cellValue;
-        };
+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
+    }) => 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;
       }
-      return item;
-    });
-  });
-  const getViewColumns = computed(() => {
-    return unref(getColumnsRef);
-  });
-  function setColumns(columnList) {
-    const columns = cloneDeep(columnList);
-    if (!isArray(columns)) return;
-    if (columns.length <= 0) {
-      columnsRef.value = [];
-      return;
+      t.value = n;
     }
-    columnsRef.value = columns;
   }
-  watch(() => unref(propsRef).columns, (columns) => {
-    columnsRef.value = columns || columnsRef.value;
+  v(() => o(u).columns, (r) => {
+    t.value = r || t.value;
   }, {});
-  function getColumns() {
-    return toRaw(unref(getColumnsRef));
+  function a() {
+    return p(o(e));
   }
-  function getCacheColumns() {
-    return cacheColumns;
+  function C() {
+    return l;
   }
   return {
-    getColumnsRef,
-    getCacheColumns,
-    getViewColumns,
-    getColumns,
-    setColumns
+    getColumnsRef: e,
+    getCacheColumns: C,
+    getViewColumns: f,
+    getColumns: a,
+    setColumns: i
   };
 }
 export {
-  useColumns
+  y as useColumns
 };