@dt-frames/ui 2.0.11 → 2.0.13

package/es/components/iframe/index.d.ts

@@ -0,0 +1,2 @@
+import DtIframe from "./src/index";
+export { DtIframe };

package/es/components/iframe/index.js

@@ -0,0 +1,72 @@
+import { Spin } from "ant-design-vue/es";
+import "ant-design-vue/es/spin/style";
+import { defineComponent, ref, unref, watch, openBlock, createElementBlock, createVNode, withCtx, createElementVNode } from "vue";
+import { windowResizeFn, dispatchResize } from "@dt-frames/core";
+const _hoisted_1 = { class: "iframe-page" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    showLoading: {
+      type: Boolean,
+      default: true
+    },
+    src: {
+      type: String
+    },
+    exeReduce: {
+      type: Number,
+      default: 78
+    },
+    postMsg: null
+  },
+  setup(__props) {
+    const props = __props;
+    const loading = ref(true);
+    const frameRef = ref();
+    windowResizeFn(calcHeight, 150, { immediate: true });
+    function calcHeight() {
+      const iframe = unref(frameRef);
+      if (!iframe) {
+        return;
+      }
+      const clientHeight = document.documentElement.clientHeight - props.exeReduce;
+      iframe.style.height = `${clientHeight}px`;
+    }
+    watch(
+      () => props.exeReduce,
+      (v) => {
+        calcHeight();
+        dispatchResize();
+      }
+    );
+    function afterLoaded() {
+      loading.value = false;
+      calcHeight();
+      dispatchResize();
+    }
+    return (_ctx, _cache) => {
+      const _component_ASpin = Spin;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_ASpin, {
+          spinning: loading.value,
+          size: "large"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("iframe", {
+              src: __props.src,
+              class: "iframe-page__main",
+              ref_key: "frameRef",
+              ref: frameRef,
+              onLoad: _cache[0] || (_cache[0] = ($event) => afterLoaded())
+            }, null, 40, _hoisted_2)
+          ]),
+          _: 1
+        }, 8, ["spinning"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as DtIframe
+};

package/es/components/iframe/index.less

@@ -0,0 +1,29 @@
+.iframe-page{
+    height: 100%;
+    .ant-spin-nested-loading {
+        position: relative;
+        height: 100%;
+  
+        .ant-spin-container {
+            width: 100%;
+            height: 100%;
+        }
+    }
+  
+    &__mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+  
+    &__main {
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        background-color: #fff;
+        border: 0;
+        box-sizing: border-box;
+    }
+}

package/es/components/iframe/src/index.d.ts

@@ -0,0 +1,38 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    exeReduce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    postMsg: any;
+}, {
+    props: any;
+    loading: import("vue").Ref<boolean>;
+    frameRef: import("vue").Ref<any>;
+    calcHeight: () => void;
+    afterLoaded: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    exeReduce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    postMsg: any;
+}>>, {
+    showLoading: boolean;
+    exeReduce: number;
+    postMsg: any;
+}>;
+export default _sfc_main;

package/es/components/modal/index.js

@@ -1,4 +1,4 @@
-import { useApp, isFunction, isObject, error, useTimeoutFn, useSlots, useI18n, windowResizeFn, dispatchResize, isArray, deepMerge } from "@dt-frames/core";
+import { useApp, isFunction, isObject, error, useTimeoutFn, useSlots, getPopupContainer, useI18n, windowResizeFn, dispatchResize, isArray, deepMerge } from "@dt-frames/core";
 import { reactive, ref, getCurrentInstance, watchEffect, unref, nextTick, onUnmounted, toRaw, toRefs, useAttrs, createVNode, isVNode, defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, withCtx, createElementVNode, createCommentVNode, onMounted, watch, normalizeStyle, renderSlot, mergeProps, createSlots, createTextVNode, toDisplayString, renderList, normalizeProps, guardReactiveProps } from "vue";
 import { Tooltip, Spin } from "ant-design-vue/es";
 import "ant-design-vue/es/spin/style";
@@ -98,7 +98,7 @@ function useModal(props, setModalData) {
     if (!setModalData || !isFunction(setModalData))
       return;
     nextTick(() => {
-      setModalData(data);
+      setModalData(data ?? {});
       if (!data)
         return;
       if (props?.title && isFunction(props?.title)) {
@@ -311,7 +311,8 @@ const _sfc_main$4 = {
         ...unref(attrs),
         ...props,
         destroyOnClose: true,
-        onCancel
+        onCancel,
+        getContainer: getPopupContainer()
       };
       if (!propsData?.visible)
         return null;
@@ -566,13 +567,17 @@ function useFullScreen(wrapClassName) {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps,
-  emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
+  emits: ["visible-change", "height-change", "cancel", "save", "register", "toggle-fullscreen", "update:visible"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const visibleRef = ref(false);
     const propsRef = ref();
     const modalWrapperRef = ref(null);
     const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen(computed(() => unref(propsRef)?.wrapClassName));
+    function handleFullscreen(e) {
+      toggleFullScreen(e);
+      emits("toggle-fullscreen", unref(fullScreenRef));
+    }
     const getMergeProps = computed(() => {
       return {
         ...props,
@@ -698,8 +703,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               canFullscreen: unref(getBindValue).canFullscreen,
               fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
-              onFullscreen: unref(toggleFullScreen)
-            }, null, 8, ["canFullscreen", "fullScreen", "onFullscreen"])
+              onFullscreen: handleFullscreen
+            }, null, 8, ["canFullscreen", "fullScreen"])
           ]),
           key: "0"
         } : void 0,

package/es/components/modal/src/index.d.ts

@@ -100,7 +100,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     afterClose: FunctionConstructor;
 }, {
     props: any;
-    emits: (event: "visible-change" | "height-change" | "cancel" | "save" | "register" | "update:visible", ...args: any[]) => void;
+    emits: (event: "visible-change" | "height-change" | "cancel" | "save" | "register" | "toggle-fullscreen" | "update:visible", ...args: any[]) => void;
     visibleRef: import("vue").Ref<boolean>;
     propsRef: import("vue").Ref<Partial<ExtractPropTypes<{
         t: {
@@ -204,6 +204,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     getWrapClassName: import("vue").ComputedRef<string>;
     toggleFullScreen: (e: Event) => void;
     fullScreenRef: import("vue").Ref<boolean>;
+    handleFullscreen: (e: Event) => void;
     getMergeProps: import("vue").ComputedRef<any>;
     getBindValue: import("vue").ComputedRef<any>;
     getWrapperHeight: import("vue").ComputedRef<any>;
@@ -492,7 +493,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         showSave: boolean;
         showCancel: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("visible-change" | "height-change" | "cancel" | "save" | "register" | "update:visible")[], "visible-change" | "height-change" | "cancel" | "save" | "register" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("visible-change" | "height-change" | "cancel" | "save" | "register" | "toggle-fullscreen" | "update:visible")[], "visible-change" | "height-change" | "cancel" | "save" | "register" | "toggle-fullscreen" | "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     t: {
         type: StringConstructor;
     };
@@ -595,6 +596,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onCancel?: (...args: any[]) => any;
     onSave?: (...args: any[]) => any;
     onRegister?: (...args: any[]) => any;
+    "onToggle-fullscreen"?: (...args: any[]) => any;
     "onUpdate:visible"?: (...args: any[]) => any;
 }, {
     visible: boolean;

package/es/components/table/index.js

@@ -1,4 +1,4 @@
-import { useAppStore, useSlots, error, http, useApp, getDynamicProps, isBoolean, isFunction, getPopupContainer, useI18n, isNumber, isArray, isObject, isString, useMessage, isNullAndUnDef, windowResizeFn, getDictValueByCode, formatNumber, isVnode } from "@dt-frames/core";
+import { useAppStore, useSlots, error, http, useApp, getDynamicProps, isBoolean, isFunction, getPopupContainer, useI18n, isNumber, isArray, isObject, isString, useMessage, isNullAndUnDef, windowResizeFn, off, on, getDictValueByCode, formatNumber, isVnode } from "@dt-frames/core";
 import { useSlots as useSlots$1, unref, ref, watch, onUnmounted, defineComponent, useAttrs, resolveDirective, openBlock, createElementBlock, Fragment, renderList, withDirectives, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, createBlock, provide, inject, h as h$1, computed, mergeProps, nextTick, toRaw as toRaw$1, reactive, watchEffect, normalizeProps, renderSlot, onMounted, createSlots, guardReactiveProps } from "vue";
 import { useHeader } from "../../theme";
 import { Tooltip, MenuItem, Menu, Dropdown, Checkbox as Checkbox$1, Divider, Col, Row, Button, CheckboxGroup, Popover as Popover$1, Table } from "ant-design-vue/es";
@@ -7,7 +7,7 @@ import { omit, cloneDeep, isEqual } from "lodash-es";
 import "ant-design-vue/es/dropdown/style";
 import "ant-design-vue/es/menu/style";
 import "ant-design-vue/es/tooltip/style";
-import { useDebounceFn, useFullscreen, isFunction as isFunction$1 } from "@vueuse/core";
+import { useDebounceFn, useFullscreen, isFunction as isFunction$1, tryOnMounted } from "@vueuse/core";
 import { Input, InputNumber, Select, TreeSelect, Switch, Checkbox, DatePicker, TimePicker, Popover } from "ant-design-vue";
 import { DtFormButtons } from "../form";
 import { useModal, DtModal, useModalOut } from "../modal";
@@ -526,7 +526,7 @@ function handleChildren(children, ellipsis) {
 function handleIndexColumn(propsRef, getPaginationRef, columns) {
   const { getIsZH } = useHeader();
   const { t } = useI18n("UI");
-  const { showIndexColumn, indexColumnProps, isTreeTable } = unref(propsRef);
+  const { showIndexColumn, indexColumnProps, isTreeTable, virtual } = unref(propsRef);
   let pushIndexColumns = false;
   if (unref(isTreeTable)) {
     return;
@@ -547,7 +547,9 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
     width: unref(getIsZH) ? 50 : 70,
     title: t("NUMBER"),
     align: "center",
-    customRender: ({ index }) => {
+    customRender: ({ index, renderIndex, record }) => {
+      if (virtual && record?.index)
+        return record?.index;
       const getPagination = unref(getPaginationRef);
       const { appConf } = useAppStore();
       const { defaultPageSize } = appConf.ui.table;
@@ -1087,6 +1089,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const table = getTableInstance();
     const [registerDialog, { openModal }] = useModalOut();
     const { appConf } = useAppStore();
+    const getPopupContainer$1 = () => document.getElementById("dt-layout-content") || getPopupContainer();
     const { t } = useI18n("UI");
     const isInclude = (type) => {
       return isBoolean(props2.download) && props2.download && appConf?.ui?.table?.exportTable.includes(type) || isArray(props2.download) && props2.download.includes(type);
@@ -1119,7 +1122,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           createVNode(_component_ADropdown, {
             placement: "bottom",
             trigger: ["click"],
-            getPopupContainer: unref(getPopupContainer)
+            getPopupContainer: getPopupContainer$1
           }, {
             overlay: withCtx(() => [
               createVNode(_component_AMenu, { onClick: handleTitleClick }, {
@@ -1150,7 +1153,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               _hoisted_1$4
             ]),
             _: 1
-          }, 8, ["getPopupContainer"]),
+          }),
           createVNode(_sfc_main$6, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
         ]),
         _: 1
@@ -1338,7 +1341,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       state.checkedList = checkList;
     }
     function getPopupContainer$1() {
-      return isFunction$1(attrs.getPopupContainer) ? attrs.getPopupContainer() : getPopupContainer();
+      return isFunction$1(attrs.getPopupContainer) ? attrs.getPopupContainer() : document.getElementById("dt-layout-content") || getPopupContainer();
     }
     return (_ctx, _cache) => {
       const _component_ACheckbox = Checkbox$1;
@@ -1776,10 +1779,16 @@ function useRowSelection(propsRef, emit) {
     setSelectedRowKeys
   };
 }
+var TABLE_SIZE_HEIGHT = /* @__PURE__ */ ((TABLE_SIZE_HEIGHT2) => {
+  TABLE_SIZE_HEIGHT2[TABLE_SIZE_HEIGHT2["large"] = 56] = "large";
+  TABLE_SIZE_HEIGHT2[TABLE_SIZE_HEIGHT2["middle"] = 47] = "middle";
+  TABLE_SIZE_HEIGHT2[TABLE_SIZE_HEIGHT2["small"] = 32] = "small";
+  return TABLE_SIZE_HEIGHT2;
+})(TABLE_SIZE_HEIGHT || {});
 function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   const tableHeightRef = ref(0), filterSource = ref([]);
-  ref(null);
   let footerEl, bodyEl;
+  let oldPageNum = -1;
   const debounceRedoHeight = useDebounceFn(redoHeight, 100);
   windowResizeFn(calcTableHeight, 280);
   const getCanResize = computed(() => {
@@ -1835,7 +1844,9 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     if (!unref(getCanResize) || !unref(tableData))
       return;
     await nextTick();
-    let headerHeight = 0, paginationHeight = 2, footerHeight = 0, titleHeight = tableEl.querySelector(".ant-table-title")?.offsetHeight ?? 0, marginHeight = 15;
+    let headerHeight = 0, paginationHeight = 2, footerHeight = 0, titleHeight = tableEl.querySelector(".ant-table-title")?.offsetHeight ?? 0;
+    const { paddingBottom, paddingTop, marginTop, marginBottom } = getComputedStyle(tableEl, null);
+    const marginHeight = parseInt(paddingBottom) + parseInt(paddingTop) + parseInt(marginTop) + parseInt(marginBottom);
     const headEl = tableEl.querySelector(".ant-table-thead ");
     if (headEl) {
       headerHeight = headEl.offsetHeight;
@@ -1855,7 +1866,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
         footerHeight += offsetHeight || 0;
       }
     } else {
-      paginationHeight = -8;
+      paginationHeight = 0;
     }
     const tableHeight = table?.$el?.offsetHeight ?? 0;
     if (tableData.length === 0)
@@ -1866,7 +1877,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     bodyEl.style.height = `${height}px`;
     if (tableData.length === 0)
       return;
-    filterSource.value = unref(propsRef)?.dataSource;
+    virtual ? calcTableScroll() : filterSource.value = unref(propsRef)?.dataSource;
   }
   const getScrollX = computed(() => {
     let width = 0;
@@ -1896,10 +1907,60 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
       ...scroll
     };
   });
-  onMounted(() => {
-    calcTableHeight();
-    nextTick(() => debounceRedoHeight());
-  });
+  async function calcTableScroll() {
+    const tableEl = unref(tableElRef)?.$el;
+    bodyEl = tableEl.querySelector(".ant-table-body");
+    const { getUiSize } = useHeader();
+    const rowHeight = TABLE_SIZE_HEIGHT[unref(getUiSize)];
+    const itemSize = Math.ceil(tableHeightRef.value / rowHeight);
+    createScrollWrap(bodyEl, rowHeight * itemSize * 2);
+    calcScroll(bodyEl, rowHeight, itemSize);
+    const fn = () => calcScroll(bodyEl, rowHeight, itemSize);
+    tryOnMounted(() => off(bodyEl, "scroll", fn));
+    on(bodyEl, "scroll", fn);
+  }
+  function createScrollWrap(el, prefixH) {
+    let data = unref(propsRef)?.dataSource?.length;
+    const { getUiSize } = useHeader();
+    const rowHeight = TABLE_SIZE_HEIGHT[unref(getUiSize)];
+    let scrollWrap = el.querySelector(".tableScrollWrap");
+    let wrapHeight = data * rowHeight - prefixH + "px";
+    if (scrollWrap) {
+      scrollWrap.style.height = wrapHeight;
+    } else {
+      let div = document.createElement("div");
+      div.className = "tableScrollWrap";
+      div.style.height = wrapHeight;
+      el.insertBefore(div, el.querySelector("table")[0]);
+    }
+  }
+  function changeSize(bodyEl2, pageNum, itemH, itemSize) {
+    requestAnimationFrame(() => {
+      if (pageNum > 0) {
+        if (oldPageNum === pageNum)
+          return;
+        else
+          oldPageNum = pageNum;
+        let data = unref(propsRef)?.dataSource?.length;
+        let maxIndex = (pageNum + 2) * itemSize;
+        let minIndex = (pageNum - 1) * itemSize;
+        if (maxIndex > data) {
+          maxIndex = data;
+          minIndex = data - itemSize * 2;
+        }
+        bodyEl2.querySelector("table").style.transform = `translateY(${minIndex * itemH}px)`;
+        filterSource.value = unref(propsRef)?.dataSource.slice(minIndex, maxIndex);
+      } else {
+        bodyEl2.querySelector("table").style.transform = `translateY(0px)`;
+        filterSource.value = unref(propsRef)?.dataSource.slice(0, itemSize * 3);
+      }
+    });
+  }
+  async function calcScroll(el, itemH, itemSize) {
+    const scrollTop = el.scrollTop;
+    const currentPage = Math.floor(scrollTop / (itemH * itemSize));
+    changeSize(el, currentPage, itemH, itemSize);
+  }
   return {
     getScrollRef,
     filterSource
@@ -1966,10 +2027,10 @@ const _sfc_main$1 = {
           if (!apiStruc) {
             error(`${struc}\u672A\u5728structure\u4E2D\u914D\u7F6E`);
           } else {
-            renderText = getDictValueByCode(text, apiStruc);
+            renderText = computed(() => getDictValueByCode(text, apiStruc));
           }
         } else if (dict) {
-          renderText = getDictValueByCode(text, dict);
+          renderText = computed(() => getDictValueByCode(text, dict));
         } else if (date) {
           renderText.value = (text && dayjs(text).format(date || "YYYY-MM-DD")) ?? "";
         } else if (number) {
@@ -2026,7 +2087,7 @@ const TableProps = {
     }
   },
   rowKey: {
-    type: String,
+    type: [String, Number],
     default: "id"
   },
   columnCode: { type: String, default: "" },

package/es/components/table/src/enums/table.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum TABLE_SIZE_HEIGHT {
+    large = 56,
+    middle = 47,
+    small = 32
+}

package/es/components/table/src/index.d.ts

@@ -45,11 +45,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: any;
     };
     filterFn: {
-        type: import("vue").PropType<(data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any>;
-        default: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => Partial<import("@dt-frames/core").Recordable<string[]>>;
+        type: import("vue").PropType<(data: import("@dt-frames/core").Recordable<string[]>) => any>;
+        default: (data: import("@dt-frames/core").Recordable<string[]>) => import("@dt-frames/core").Recordable<string[]>;
     };
     rowKey: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | number>;
         default: string;
     };
     columnCode: {
@@ -192,7 +192,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         locale?: import("ant-design-vue/es/table/interface").TableLocale;
         prefixCls?: string;
         onChange?: (pagination: import("ant-design-vue/es/table").TablePaginationConfig, filters: Record<string, import("ant-design-vue/es/table/interface").FilterValue>, sorter: import("ant-design-vue/es/table/interface").SorterResult<any> | import("ant-design-vue/es/table/interface").SorterResult<any>[], extra: import("ant-design-vue/es/table/interface").TableCurrentDataSource<any>) => void;
-        rowKey: string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string);
+        rowKey: (string | import("ant-design-vue/es/vc-table/interface").GetRowKey<any>) & (string | number);
         dataSource: import("@dt-frames/core").Recordable<any>[];
         bordered: boolean;
         loading: (boolean | Partial<import("vue").ExtractPropTypes<{
@@ -302,7 +302,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         resizable: boolean;
         virtual: boolean;
         sortFn: Function;
-        filterFn: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any;
+        filterFn: (data: import("@dt-frames/core").Recordable<string[]>) => any;
         columnCode: string;
         columns: import("./types/table.type").BasicColumn[];
         slotsTemplate: {};
@@ -444,11 +444,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: any;
     };
     filterFn: {
-        type: import("vue").PropType<(data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any>;
-        default: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => Partial<import("@dt-frames/core").Recordable<string[]>>;
+        type: import("vue").PropType<(data: import("@dt-frames/core").Recordable<string[]>) => any>;
+        default: (data: import("@dt-frames/core").Recordable<string[]>) => import("@dt-frames/core").Recordable<string[]>;
     };
     rowKey: {
-        type: StringConstructor;
+        type: import("vue").PropType<string | number>;
         default: string;
     };
     columnCode: {
@@ -593,8 +593,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     virtual: boolean;
     sortFn: Function;
     defSort: any;
-    filterFn: (data: Partial<import("@dt-frames/core").Recordable<string[]>>) => any;
-    rowKey: string;
+    filterFn: (data: import("@dt-frames/core").Recordable<string[]>) => any;
+    rowKey: string | number;
     columnCode: string;
     columns: import("./types/table.type").BasicColumn[];
     slotsTemplate: {};

package/es/components/table/src/props.d.ts

@@ -49,11 +49,11 @@ export declare const TableProps: {
         default: any;
     };
     filterFn: {
-        type: PropType<(data: Partial<Recordable<string[]>>) => any>;
-        default: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
+        type: PropType<(data: Recordable<string[]>) => any>;
+        default: (data: Recordable<string[]>) => Recordable<string[]>;
     };
     rowKey: {
-        type: StringConstructor;
+        type: PropType<string | number>;
         default: string;
     };
     columnCode: {