vft 0.0.524 → 0.0.525

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

@@ -1,766 +0,0 @@
-import { defineComponent as X, computed as m, createVNode as i, createTextVNode as ye, defineAsyncComponent as we, useAttrs as ve, ref as g, getCurrentInstance as xe, unref as a, watch as ke, nextTick as q, toRaw as Se, createElementBlock as Be, openBlock as S, normalizeClass as Re, withCtx as n, createBlock as G, createCommentVNode as B, mergeProps as I, withDirectives as ze, createElementVNode as Pe, vShow as De, renderSlot as s, normalizeProps as p, guardReactiveProps as h, createSlots as He } from "vue";
-import { VftClientOnly as Oe } from "../client-only/index.js";
-import { VftEmpty as Ae } from "../empty/index.js";
-import { vLoading as Fe } from "../loading/directive.js";
-import { deepMerge as K, isClient as Te, omit as Ve, 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 Ne } from "../super-form/use/use-form.js";
-import { useNamespace as Ee } 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 $e } from "../pagination/index.js";
-import { VftSkeleton as _e } from "../skeleton/index.js";
-import { VftSuperForm as Le } from "../super-form/index.js";
-import { PageSize as j } from "./constants.js";
-import { useColumns as Me } from "./use/use-columns.js";
-import { useDataSource as qe } from "./use/use-data-source.js";
-import { useLoading as Ge } from "./use/use-loading.js";
-import { usePagination as Ie } from "./use/use-pagination.js";
-import { EmptyEnum as Ke } from "../empty/constants.js";
-const je = X({
-  name: "vft-table"
-}), Ca = /* @__PURE__ */ X({
-  ...je,
-  props: {
-    sticky: {
-      type: [Boolean, Object]
-    },
-    api: {},
-    pageSize: {
-      default: j
-    },
-    total: {},
-    rowkey: {
-      default: "_X_ROW_KEY"
-    },
-    immediate: {
-      type: Boolean,
-      default: !0
-    },
-    fetchSetting: {},
-    watchApiFetch: {
-      type: Boolean,
-      default: !1
-    },
-    beforeFetch: {},
-    delEmptyParams: {
-      type: [Boolean, String],
-      default: "strict"
-    },
-    afterFetch: {},
-    transformParams: {
-      type: Boolean,
-      default: !0
-    },
-    extraParams: {},
-    extraSysHeight: {
-      default: 200
-    },
-    pageHeight: {
-      default: 40
-    },
-    showPager: {
-      type: Boolean,
-      default: !0
-    },
-    addMaxHeight: {
-      type: Boolean,
-      default: !0
-    },
-    pagination: {},
-    formOptions: {},
-    onChange: {},
-    emptyCfg: {
-      default: () => ({
-        type: Ke.NoData
-      })
-    },
-    loadingCfg: {},
-    layouts: {},
-    columns: {},
-    pagerConfig: {},
-    proxyConfig: {},
-    toolbarConfig: {
-      default: () => ({
-        enabled: !1,
-        slots: {
-          buttons: "toolbarButtons"
-        }
-      })
-    },
-    formConfig: {},
-    zoomConfig: {},
-    size: {},
-    id: {},
-    data: {},
-    height: {},
-    minHeight: {},
-    maxHeight: {},
-    stripe: {
-      type: Boolean,
-      default: !0
-    },
-    padding: {
-      type: Boolean
-    },
-    round: {
-      type: Boolean
-    },
-    border: {
-      type: [Boolean, String],
-      default: "full"
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    align: {
-      default: "center"
-    },
-    headerAlign: {
-      default: "center"
-    },
-    footerAlign: {},
-    showHeader: {
-      type: Boolean,
-      default: !0
-    },
-    showFooter: {
-      type: Boolean
-    },
-    footerData: {},
-    footerMethod: {},
-    rowClassName: {},
-    cellClassName: {},
-    headerRowClassName: {},
-    headerCellClassName: {},
-    footerRowClassName: {},
-    footerCellClassName: {},
-    cellStyle: {},
-    rowStyle: {},
-    headerCellStyle: {},
-    headerRowStyle: {},
-    footerRowStyle: {},
-    footerCellStyle: {},
-    mergeCells: {},
-    mergeFooterItems: {},
-    spanMethod: {},
-    footerSpanMethod: {},
-    showOverflow: {
-      type: [Boolean, String, null],
-      default: "tooltip"
-    },
-    showHeaderOverflow: {
-      type: [Boolean, String, null]
-    },
-    showFooterOverflow: {
-      type: [Boolean, String, null]
-    },
-    keepSource: {
-      type: Boolean
-    },
-    autoResize: {
-      type: Boolean,
-      default: !1
-    },
-    syncResize: {
-      type: [Boolean, String, Number]
-    },
-    columnConfig: {
-      default: () => ({
-        drag: !1,
-        resizable: !0,
-        minWidth: "15%"
-      })
-    },
-    rowConfig: {
-      default: () => ({
-        isHover: !0,
-        isCurrent: !0,
-        useKey: !0
-      })
-    },
-    cellConfig: {},
-    headerCellConfig: {},
-    footerCellConfig: {},
-    aggregateConfig: {},
-    rowGroupConfig: {},
-    currentRowConfig: {},
-    currentColumnConfig: {},
-    dragConfig: {},
-    rowDragConfig: {},
-    columnDragConfig: {},
-    customConfig: {},
-    resizeConfig: {},
-    resizableConfig: {},
-    seqConfig: {},
-    sortConfig: {},
-    filterConfig: {},
-    radioConfig: {},
-    checkboxConfig: {},
-    tooltipConfig: {},
-    exportConfig: {},
-    importConfig: {},
-    printConfig: {},
-    expandConfig: {},
-    treeConfig: {},
-    menuConfig: {},
-    mouseConfig: {},
-    areaConfig: {},
-    fnrConfig: {},
-    keyboardConfig: {},
-    clipConfig: {},
-    editConfig: {},
-    validConfig: {},
-    editRules: {},
-    emptyText: {},
-    emptyRender: {},
-    loadingConfig: {},
-    scrollX: {},
-    scrollY: {},
-    virtualXConfig: {
-      default: () => ({
-        enabled: !1
-      })
-    },
-    virtualYConfig: {
-      default: () => ({
-        enabled: !1
-      })
-    },
-    scrollbarConfig: {},
-    params: {},
-    resizable: {
-      type: Boolean
-    },
-    highlightCurrentRow: {
-      type: Boolean
-    },
-    highlightHoverRow: {
-      type: Boolean
-    },
-    highlightCurrentColumn: {
-      type: Boolean
-    },
-    highlightHoverColumn: {
-      type: Boolean
-    },
-    highlightCell: {
-      type: Boolean
-    },
-    columnKey: {
-      type: Boolean
-    },
-    rowKey: {
-      type: Boolean
-    },
-    rowId: {},
-    fit: {
-      type: Boolean,
-      default: !0
-    },
-    animat: {
-      type: Boolean
-    },
-    delayHover: {}
-  },
-  emits: [
-    "update:data",
-    "keydown-start",
-    "keydown",
-    "keydown-end",
-    "paste",
-    "copy",
-    "cut",
-    "current-change",
-    // 已废弃
-    "current-row-change",
-    "current-row-disabled",
-    "current-column-change",
-    "current-column-disabled",
-    "radio-change",
-    "checkbox-change",
-    "checkbox-all",
-    "checkbox-range-start",
-    "checkbox-range-change",
-    "checkbox-range-end",
-    "checkbox-range-select",
-    "cell-click",
-    "cell-dblclick",
-    "cell-menu",
-    "cell-mouseenter",
-    "cell-mouseleave",
-    "cell-selected",
-    "cell-delete-value",
-    "cell-backspace-value",
-    "header-cell-click",
-    "header-cell-dblclick",
-    "header-cell-menu",
-    "footer-cell-click",
-    "footer-cell-dblclick",
-    "footer-cell-menu",
-    "clear-merge",
-    "sort-change",
-    "clear-sort",
-    "clear-all-sort",
-    "filter-change",
-    "filter-visible",
-    "clear-filter",
-    "clear-all-filter",
-    "resizable-change",
-    // 已废弃
-    "column-resizable-change",
-    "row-resizable-change",
-    "toggle-row-group-expand",
-    "toggle-row-expand",
-    "toggle-tree-expand",
-    "menu-click",
-    "edit-closed",
-    "row-dragstart",
-    "row-dragover",
-    "row-dragend",
-    "column-dragstart",
-    "column-dragover",
-    "column-dragend",
-    "enter-append-row",
-    "edit-actived",
-    // 已废弃
-    "edit-activated",
-    "edit-disabled",
-    "valid-error",
-    "scroll",
-    "scroll-boundary",
-    "custom",
-    "custom-visible-change",
-    "custom-visible-all",
-    "custom-fixed-change",
-    "change-fnr",
-    // 废弃
-    "open-fnr",
-    "show-fnr",
-    "hide-fnr",
-    "fnr-change",
-    "fnr-find",
-    "fnr-find-all",
-    "fnr-replace",
-    "fnr-replace-all",
-    "cell-area-copy",
-    "cell-area-cut",
-    "cell-area-paste",
-    "cell-area-merge",
-    "clear-cell-area-selection",
-    "clear-cell-area-merge",
-    "header-cell-area-selection",
-    "cell-area-selection-invalid",
-    "cell-area-selection-start",
-    "cell-area-selection-drag",
-    "cell-area-selection-end",
-    "cell-area-extension-start",
-    "cell-area-extension-drag",
-    "cell-area-extension-end",
-    "cell-area-selection-all-start",
-    "cell-area-selection-all-end",
-    "cell-area-arrows-start",
-    "cell-area-arrows-end",
-    "active-cell-change-start",
-    "active-cell-change-end",
-    "change",
-    "sort-change",
-    "fetch-success",
-    "form-submit",
-    "form-reset",
-    "update:page-num",
-    "update:page-size",
-    "register",
-    "page-change",
-    "form-submit",
-    "form-submit-invalid",
-    "form-reset",
-    "form-collapse",
-    "form-toggle-collapse",
-    "proxy-query",
-    "proxy-delete",
-    "proxy-save",
-    "toolbar-button-click",
-    "toolbar-tool-click",
-    "zoom"
-  ],
-  setup(Y, {
-    expose: W,
-    emit: U
-  }) {
-    const J = m(() => ({
-      customClass: "vft-card-loading",
-      text: i("div", null, [i("span", null, [ye("加载中")]), i("span", {
-        class: "dot"
-      }, null)])
-    })), Q = m(() => Y.loadingCfg || J.value), c = U;
-    let z;
-    const Z = we(async () => {
-      const e = await import("./vxe-runtime.js");
-      return e.setupVxe(z), e.VxeGrid;
-    }), ee = (e) => e.replace(/-(\w)/g, (t, l) => l.toUpperCase()), d = Ee("table"), ae = ve(), b = g(), P = g(), oe = g([]), y = g(), w = g(), D = xe();
-    z = D.appContext.app;
-    const o = m(() => K(D.props, a(y))), {
-      getLoading: te,
-      setLoading: le
-    } = Ge(o), {
-      getPaginationInfo: f,
-      setPagination: v,
-      getCurrentPage: re
-    } = Ie(o), {
-      getViewColumns: ne,
-      setColumns: ce
-    } = Me(o);
-    ke(() => re(), (e) => {
-      q(() => {
-        H({
-          seqConfig: {
-            startIndex: (e - 1) * (f.value?.pageSize || a(o).pageSize || j)
-          }
-        });
-      });
-    }, {
-      immediate: !0
-    });
-    function H(e) {
-      y.value = {
-        ...a(y),
-        ...e
-      };
-    }
-    const {
-      getDataSourceRef: O,
-      handleTableChange: ie,
-      reload: x,
-      deleteTableDataRecord: se,
-      insertTableDataRecord: ge,
-      updateTableData: de,
-      updateTableDataRecord: fe,
-      setTableData: A,
-      getDataSource: ue,
-      getRawDataSource: F,
-      tableSearch: T,
-      expandTreeLevel: me
-    } = qe(o, {
-      tableData: oe,
-      setLoading: le,
-      getPaginationInfo: f,
-      setPagination: v,
-      getGridRef: () => b.value
-    }, c);
-    function V(e) {
-      e?.pageSize && v({
-        currentPage: 1
-      }), ie(e), c("change", e);
-      const {
-        onChange: t
-      } = a(o);
-      t && R(t) && t(e);
-    }
-    const N = {};
-    [
-      "update:data",
-      "keydown-start",
-      "keydown",
-      "keydown-end",
-      "paste",
-      "copy",
-      "cut",
-      "current-change",
-      // 已废弃
-      "current-row-change",
-      "current-row-disabled",
-      "current-column-change",
-      "current-column-disabled",
-      "radio-change",
-      "checkbox-change",
-      "checkbox-all",
-      "checkbox-range-start",
-      "checkbox-range-change",
-      "checkbox-range-end",
-      "checkbox-range-select",
-      "cell-click",
-      "cell-dblclick",
-      "cell-menu",
-      "cell-mouseenter",
-      "cell-mouseleave",
-      "cell-selected",
-      "cell-delete-value",
-      "cell-backspace-value",
-      "header-cell-click",
-      "header-cell-dblclick",
-      "header-cell-menu",
-      "footer-cell-click",
-      "footer-cell-dblclick",
-      "footer-cell-menu",
-      "clear-merge",
-      "sort-change",
-      "clear-sort",
-      "clear-all-sort",
-      "filter-change",
-      "filter-visible",
-      "clear-filter",
-      "clear-all-filter",
-      "resizable-change",
-      // 已废弃
-      "column-resizable-change",
-      "row-resizable-change",
-      "toggle-row-group-expand",
-      "toggle-row-expand",
-      "toggle-tree-expand",
-      "menu-click",
-      "edit-closed",
-      "row-dragstart",
-      "row-dragover",
-      "row-dragend",
-      "column-dragstart",
-      "column-dragover",
-      "column-dragend",
-      "enter-append-row",
-      "edit-actived",
-      // 已废弃
-      "edit-activated",
-      "edit-disabled",
-      "valid-error",
-      "scroll",
-      "scroll-boundary",
-      "custom",
-      "custom-visible-change",
-      "custom-visible-all",
-      "custom-fixed-change",
-      "change-fnr",
-      // 废弃
-      "open-fnr",
-      "show-fnr",
-      "hide-fnr",
-      "fnr-change",
-      "fnr-find",
-      "fnr-find-all",
-      "fnr-replace",
-      "fnr-replace-all",
-      "cell-area-copy",
-      "cell-area-cut",
-      "cell-area-paste",
-      "cell-area-merge",
-      "clear-cell-area-selection",
-      "clear-cell-area-merge",
-      "header-cell-area-selection",
-      "cell-area-selection-invalid",
-      "cell-area-selection-start",
-      "cell-area-selection-drag",
-      "cell-area-selection-end",
-      "cell-area-extension-start",
-      "cell-area-extension-drag",
-      "cell-area-extension-end",
-      "cell-area-selection-all-start",
-      "cell-area-selection-all-end",
-      "cell-area-arrows-start",
-      "cell-area-arrows-end",
-      "active-cell-change-start",
-      "active-cell-change-end",
-      "change",
-      "sort-change",
-      "fetch-success",
-      "form-submit",
-      "form-reset",
-      "update:page-num",
-      "update:page-size",
-      "register",
-      "page-change",
-      "form-submit",
-      "form-submit-invalid",
-      "form-reset",
-      "form-collapse",
-      "form-toggle-collapse",
-      "proxy-query",
-      "proxy-delete",
-      "proxy-save",
-      "toolbar-button-click",
-      "toolbar-tool-click",
-      "zoom"
-    ].forEach((e) => {
-      const t = ee(`on-${e}`);
-      N[t] = (...l) => c(e, ...l);
-    });
-    const r = m(() => {
-      const e = a(O), t = {
-        ...ae,
-        ...a(o),
-        columns: Se(a(ne)),
-        loading: a(te),
-        data: e,
-        loadingCfg: a(Q),
-        ...N
-      };
-      if (Te) {
-        (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 a(o)?.toolbarConfig?.refresh && (t.proxyConfig = a(o)?.proxyConfig || {
-        response: {
-          result: a(o)?.fetchSetting?.listField,
-          total: a(o)?.fetchSetting?.totalField
-        },
-        autoLoad: !1,
-        ajax: {
-          query: async () => await x()
-        }
-      }), t;
-    }), E = {
-      setPagination: v,
-      emit: c,
-      setProps: H,
-      reload: x,
-      deleteTableDataRecord: se,
-      insertTableDataRecord: ge,
-      updateTableDataRecord: fe,
-      updateTableData: de,
-      setTableData: A,
-      getDataSource: ue,
-      getDataSourceRef: O,
-      setColumns: ce,
-      getRawDataSource: F,
-      tableSearch: T,
-      expandTreeLevel: me
-    };
-    c("register", E);
-    const pe = {
-      field: "_filterTableData",
-      label: "",
-      type: C.Search,
-      itemProps: {
-        class: "search-all-form-item"
-      },
-      componentProps: () => ({
-        onChange: (e) => {
-          L({
-            _filterTableData: e
-          });
-        }
-      })
-    }, $ = K({
-      schemas: [r.value?.formOptions?.addSearchAllSchema ? pe : {}],
-      rowProps: {
-        justify: "start"
-      },
-      labelPosition: "left",
-      quickColSpan: 5,
-      watchDataIsChange: !0,
-      showResetButton: !0,
-      showSubmitButton: !0,
-      size: "small",
-      submitButtonOptions: {
-        btnText: "搜索"
-      },
-      actionInline: !0
-    }, Ve(r.value?.formOptions, ["showActionForm", "addSearchAllSchema"]), "replace"), _ = (e) => (...t) => {
-      e && R(e) && e(...t), q(() => {
-        x();
-      });
-    }, [he] = Ne({
-      ...$,
-      schemas: (a($)?.schemas || []).map((e) => {
-        if (!a(r)?.formOptions?.autoReloadOnClear)
-          return e;
-        if (!e.type || e.type === C.Input || e.type === C.Search || e.type === C.Textarea) {
-          const {
-            componentProps: u
-          } = e;
-          if (R(u))
-            return {
-              ...e,
-              componentProps: async (k) => {
-                const M = await u(k), be = M?.onClear;
-                return {
-                  ...M,
-                  onClear: _(be)
-                };
-              }
-            };
-          {
-            const k = u?.onClear;
-            return {
-              ...e,
-              componentProps: {
-                ...u,
-                onClear: _(k)
-              }
-            };
-          }
-        }
-        return e;
-      })
-    }), L = (e) => {
-      Reflect.has(e, "_filterTableData") && T(e._filterTableData), c("form-submit", e);
-    }, Ce = () => {
-      A(F()), c("form-reset");
-    };
-    return W({
-      table: b,
-      formRef: w,
-      pageRef: P,
-      ...E
-    }), (e, t) => (S(), Be("div", {
-      class: Re([a(d).b(), {
-        [a(d).is("form-exceed-one-rows")]: w.value?.willExceedOneRow
-      }])
-    }, [i(a(Oe), null, {
-      fallback: n(() => [i(a(_e))]),
-      default: n(() => [i(a(Z), I({
-        ref_key: "xGrid",
-        ref: b
-      }, r.value), {
-        toolbarButtons: n(() => [s(e.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (S(), G(a(Le), {
-          key: 0,
-          ref_key: "formRef",
-          ref: w,
-          onRegister: a(he),
-          onSubmit: L,
-          onReset: Ce
-        }, He({
-          _: 2
-        }, [e.$slots.resetBefore ? {
-          name: "resetBefore",
-          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", p(h(l)))]),
-          key: "1"
-        } : void 0, e.$slots.submitAfter ? {
-          name: "submitAfter",
-          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(a(Ae), p(h(r.value.emptyCfg)), null, 16)])]),
-        loading: n(() => [ze(Pe("div", null, null, 512), [[De, r.value.loading], [a(Fe), r.value.loadingCfg]])]),
-        _: 3
-      }, 16), r.value.showPager ? (S(), G(a($e), I({
-        key: 0,
-        ref_key: "pageRef",
-        ref: P
-      }, a(f), {
-        class: [a(d).e("pager"), a(d).m(`pager-${a(f)?.pagePlacement}`)],
-        onCurrentChange: t[0] || (t[0] = (l) => V({
-          currentPage: l
-        })),
-        onSizeChange: t[1] || (t[1] = (l) => V({
-          pageSize: l
-        }))
-      }), null, 16, ["class"])) : B("", !0)]),
-      _: 3
-    })], 2));
-  }
-});
-export {
-  Ca as default
-};