@xn-lib/component 0.1.35 → 0.1.40

package/dist/types/index.d.ts

@@ -12,7 +12,8 @@ import XnTextRuleConfig from './text-rule-config';
 import XnFormList from './form-list/index';
 import XnTable from './table/index';
 import XnModal from './modal/index';
-export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig, XnFormList, XnTable, XnModal };
+import XnSelectInput from './select-input/index';
+export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig, XnFormList, XnTable, XnModal, XnSelectInput };
 export declare const components: Record<string, Component>;
 export type { CascaderProps } from './cascader/props';
 export type { TagProps } from './tag/props';
@@ -22,6 +23,8 @@ export type { EditableTextareaProps } from './editable-textarea/props';
 export type { TimeRangePickerProps, TimeRangeValue, TimeRange } from './time-range-picker/props';
 export type { TextRuleConfigProps } from './text-rule-config/props';
 export type { FormListProps, FormListRow, FormListDefaultRow } from './form-list/props';
+export type { SelectInputProps } from './select-input/props';
+export type { SelectInputValue, SelectInputInst } from './types/select-input';
 export { useFormList, useFormListActions, useFormListLayout, useFormListRowForms, useFormListUidSync, generateUid, cssLength, getFormListRowKey, ensureRowUids, stripUidRow } from './form-list/index';
 export type { FormListExpose, FormListSubmitRow, RowKeyOptions, UseFormListOptions, UseFormListReturn } from './form-list/index';
 export * from './types';

package/dist/types/select-input/index.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from 'vue';
+import SelectInputComponent from './index.vue';
+declare const SelectInput: typeof SelectInputComponent & Plugin;
+export default SelectInput;

package/dist/types/select-input/index.vue.d.ts

@@ -0,0 +1,59 @@
+import type { SelectInputValue } from '../types/select-input';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("./props").SelectInputValue>;
+        readonly default: () => {
+            input: string;
+            select: string;
+        };
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly stripWhitespace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (val: SelectInputValue) => any;
+    search: (val: SelectInputValue) => any;
+    "update:modelValue": (val: SelectInputValue) => any;
+    change: (val: SelectInputValue) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("./props").SelectInputValue>;
+        readonly default: () => {
+            input: string;
+            select: string;
+        };
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly stripWhitespace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    onInput?: ((val: SelectInputValue) => any) | undefined;
+    onSearch?: ((val: SelectInputValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: SelectInputValue) => any) | undefined;
+    onChange?: ((val: SelectInputValue) => any) | undefined;
+}>, {
+    readonly modelValue: import("./props").SelectInputValue;
+    readonly placeholder: string;
+    readonly options: any[];
+    readonly stripWhitespace: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/select-input/props.d.ts

@@ -0,0 +1,31 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+export interface SelectInputValue {
+    input: string;
+    select: string;
+}
+export declare const selectInputProps: {
+    /** 绑定值 */
+    readonly modelValue: {
+        readonly type: PropType<SelectInputValue>;
+        readonly default: () => {
+            input: string;
+            select: string;
+        };
+    };
+    /** 选择框选项 */
+    readonly options: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    /** 是否移除输入框值中的空格，默认 false */
+    readonly stripWhitespace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 输入框占位符 */
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+};
+export type SelectInputProps = Readonly<ExtractPropTypes<typeof selectInputProps>>;

package/dist/types/select-input/useCalcSelect.d.ts

@@ -0,0 +1,10 @@
+import { Option } from "../types";
+/**
+ * 计算选择框宽度
+ * @param options 选择框选项
+ * @param paddingWidth 选项 padding 宽度
+ * @returns 选择框宽度
+ * */
+export declare function useCalcSelectWidth(options: Option[], paddingWidth?: number): {
+    maxWidth: import("vue").Ref<number, number>;
+};

package/dist/types/table/composables/index.d.ts

@@ -1,2 +1,12 @@
 export { useTableProvider, useTableStore } from './store';
 export type { TableStore } from './store';
+export { useSelection } from './useSelection';
+export { usePagination } from './usePagination';
+export { useSearch } from './useSearch';
+export { useColumns } from './useColumns';
+export { useRequest } from './useRequest';
+export { useFilter } from './useFilter';
+export { useModal } from './useModal';
+export { useAutoHeight } from './useAutoHeight';
+export { useSelectionSync } from './useSelectionSync';
+export { useModalHandlers } from './useModalHandlers';

package/dist/types/table/composables/store.d.ts

@@ -1,19 +1,54 @@
-import type { TableColumn, SelectionConfig, PaginationConfig } from '../../types';
+import type { SelectionConfig } from '../../types';
 import type { TableProps } from '../props';
-import { CheckboxValueType } from 'element-plus';
 declare const tableStore: {
     provider: (props: TableProps) => {
         selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
         selectedRows: import("vue").ShallowRef<any[], any[]>;
+        hasSelection: import("vue").ComputedRef<boolean>;
+        selectionConfig: import("vue").ComputedRef<SelectionConfig>;
+        selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
+        selectionType: import("vue").ComputedRef<any>;
+        singleSelectedKey: import("vue").ComputedRef<any>;
+        getKeyValue: (row: any) => any;
+        getRowKey: (row: any) => any;
+        toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
+        setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
+        clearSelection: () => void;
+        handleSelectionChange: (selection: any[]) => void;
+        handleSelectAll: (selection: any[]) => void;
+        getSelectedKeys: () => any[];
+        getSelectedRows: () => any[];
+        isSingleSelected: (row: any) => boolean;
+        handleSingleSelect: (row: any, selected: any) => void;
         currentPage: import("vue").Ref<number, number>;
         pageSize: import("vue").Ref<number, number>;
+        paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
+        paginationEnabled: import("vue").ComputedRef<boolean>;
+        pageSizeOptions: import("vue").ComputedRef<number[]>;
+        setCurrentPage: (page: number) => void;
+        setPageSize: (size: number) => void;
         searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
+        visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
+        updateSearchParam: (key: string, value: any) => void;
+        setSearchFields: (fields: Record<string, any>) => void;
+        resetSearch: () => void;
+        getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
         visibleColumns: import("vue").Ref<string[], string[]>;
-        rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
-        filteredData: import("vue").Ref<any[], any[]>;
+        rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
+        visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
+        setVisibleColumns: (columns: string[]) => void;
+        toggleColumn: (key: string) => void;
+        isRequestMode: import("vue").ComputedRef<boolean>;
+        autoLoad: import("vue").ComputedRef<boolean>;
+        autoRequest: import("vue").ComputedRef<boolean>;
         requestData: import("vue").Ref<any[], any[]>;
         requestTotal: import("vue").Ref<number, number>;
         requestLoading: import("vue").Ref<boolean, boolean>;
+        loading: import("vue").ComputedRef<boolean>;
+        load: (emit?: (name: string, data: any) => void) => Promise<void>;
+        filteredData: import("vue").Ref<any[], any[]>;
+        handleFilter: () => void;
+        resetFilter: () => void;
         modalMap: import("vue").Ref<Map<string, {
             visible: boolean;
             data?: any;
@@ -30,20 +65,13 @@ declare const tableStore: {
             visible: boolean;
             data?: any;
         }>, keyof Map<any, any>>)>;
-        hasSelection: import("vue").ComputedRef<boolean>;
-        selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
-        selectionType: import("vue").ComputedRef<any>;
-        selectionConfig: import("vue").ComputedRef<SelectionConfig>;
-        singleSelectedKey: import("vue").ComputedRef<any>;
-        paginationEnabled: import("vue").ComputedRef<boolean>;
-        paginationConfig: import("vue").ComputedRef<PaginationConfig>;
-        pageSizeOptions: import("vue").ComputedRef<number[]>;
-        visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
-        visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
-        isRequestMode: import("vue").ComputedRef<boolean>;
-        autoLoad: import("vue").ComputedRef<boolean>;
-        autoRequest: import("vue").ComputedRef<boolean>;
-        loading: import("vue").ComputedRef<boolean>;
+        getModal: (key: string) => {
+            visible: boolean;
+            data?: any;
+        } | undefined;
+        openModal: (key: string, data?: any) => void;
+        closeModal: (key: string) => void;
+        closeAllModals: () => void;
         autoTotal: import("vue").ComputedRef<number>;
         displayData: import("vue").ComputedRef<any[]>;
         tableConfig: import("vue").ComputedRef<{
@@ -66,52 +94,59 @@ declare const tableStore: {
             left: import("../../types").ToolbarButton[];
             right: import("../../types").ToolbarButton[];
         }>;
-        toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
-        setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
-        clearSelection: () => void;
-        setCurrentPage: (page: number) => void;
-        setPageSize: (size: number) => void;
-        updateSearchParam: (key: string, value: any) => void;
-        setSearchFields: (fields: Record<string, any>) => void;
-        resetSearch: () => void;
-        getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
-        setVisibleColumns: (columns: string[]) => void;
-        toggleColumn: (key: string) => void;
         init: (config: {
-            columns: TableColumn[];
+            columns: any[];
             selectionConfig?: boolean | SelectionConfig;
         }) => void;
-        getRowKey: (row: any) => any;
+    };
+    useStore: () => {
+        selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
+        selectedRows: import("vue").ShallowRef<any[], any[]>;
+        hasSelection: import("vue").ComputedRef<boolean>;
+        selectionConfig: import("vue").ComputedRef<SelectionConfig>;
+        selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
+        selectionType: import("vue").ComputedRef<any>;
+        singleSelectedKey: import("vue").ComputedRef<any>;
         getKeyValue: (row: any) => any;
+        getRowKey: (row: any) => any;
+        toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
+        setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
+        clearSelection: () => void;
         handleSelectionChange: (selection: any[]) => void;
         handleSelectAll: (selection: any[]) => void;
         getSelectedKeys: () => any[];
         getSelectedRows: () => any[];
         isSingleSelected: (row: any) => boolean;
-        handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
-        handleFilter: () => void;
-        resetFilter: () => void;
-        load: (emit?: (name: string, data: any) => void) => Promise<void>;
-        openModal: (key: string, data?: any) => void;
-        closeModal: (key: string) => void;
-        closeAllModals: () => void;
-        getModal: (key: string) => {
-            visible: boolean;
-            data?: any;
-        } | undefined;
-    };
-    useStore: () => {
-        selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
-        selectedRows: import("vue").ShallowRef<any[], any[]>;
+        handleSingleSelect: (row: any, selected: any) => void;
         currentPage: import("vue").Ref<number, number>;
         pageSize: import("vue").Ref<number, number>;
+        paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
+        paginationEnabled: import("vue").ComputedRef<boolean>;
+        pageSizeOptions: import("vue").ComputedRef<number[]>;
+        setCurrentPage: (page: number) => void;
+        setPageSize: (size: number) => void;
         searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
+        visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
+        updateSearchParam: (key: string, value: any) => void;
+        setSearchFields: (fields: Record<string, any>) => void;
+        resetSearch: () => void;
+        getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
         visibleColumns: import("vue").Ref<string[], string[]>;
-        rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
-        filteredData: import("vue").Ref<any[], any[]>;
+        rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
+        visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
+        setVisibleColumns: (columns: string[]) => void;
+        toggleColumn: (key: string) => void;
+        isRequestMode: import("vue").ComputedRef<boolean>;
+        autoLoad: import("vue").ComputedRef<boolean>;
+        autoRequest: import("vue").ComputedRef<boolean>;
         requestData: import("vue").Ref<any[], any[]>;
         requestTotal: import("vue").Ref<number, number>;
         requestLoading: import("vue").Ref<boolean, boolean>;
+        loading: import("vue").ComputedRef<boolean>;
+        load: (emit?: (name: string, data: any) => void) => Promise<void>;
+        filteredData: import("vue").Ref<any[], any[]>;
+        handleFilter: () => void;
+        resetFilter: () => void;
         modalMap: import("vue").Ref<Map<string, {
             visible: boolean;
             data?: any;
@@ -128,20 +163,13 @@ declare const tableStore: {
             visible: boolean;
             data?: any;
         }>, keyof Map<any, any>>)>;
-        hasSelection: import("vue").ComputedRef<boolean>;
-        selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
-        selectionType: import("vue").ComputedRef<any>;
-        selectionConfig: import("vue").ComputedRef<SelectionConfig>;
-        singleSelectedKey: import("vue").ComputedRef<any>;
-        paginationEnabled: import("vue").ComputedRef<boolean>;
-        paginationConfig: import("vue").ComputedRef<PaginationConfig>;
-        pageSizeOptions: import("vue").ComputedRef<number[]>;
-        visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
-        visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
-        isRequestMode: import("vue").ComputedRef<boolean>;
-        autoLoad: import("vue").ComputedRef<boolean>;
-        autoRequest: import("vue").ComputedRef<boolean>;
-        loading: import("vue").ComputedRef<boolean>;
+        getModal: (key: string) => {
+            visible: boolean;
+            data?: any;
+        } | undefined;
+        openModal: (key: string, data?: any) => void;
+        closeModal: (key: string) => void;
+        closeAllModals: () => void;
         autoTotal: import("vue").ComputedRef<number>;
         displayData: import("vue").ComputedRef<any[]>;
         tableConfig: import("vue").ComputedRef<{
@@ -164,53 +192,60 @@ declare const tableStore: {
             left: import("../../types").ToolbarButton[];
             right: import("../../types").ToolbarButton[];
         }>;
-        toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
-        setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
-        clearSelection: () => void;
-        setCurrentPage: (page: number) => void;
-        setPageSize: (size: number) => void;
-        updateSearchParam: (key: string, value: any) => void;
-        setSearchFields: (fields: Record<string, any>) => void;
-        resetSearch: () => void;
-        getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
-        setVisibleColumns: (columns: string[]) => void;
-        toggleColumn: (key: string) => void;
         init: (config: {
-            columns: TableColumn[];
+            columns: any[];
             selectionConfig?: boolean | SelectionConfig;
         }) => void;
-        getRowKey: (row: any) => any;
-        getKeyValue: (row: any) => any;
-        handleSelectionChange: (selection: any[]) => void;
-        handleSelectAll: (selection: any[]) => void;
-        getSelectedKeys: () => any[];
-        getSelectedRows: () => any[];
-        isSingleSelected: (row: any) => boolean;
-        handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
-        handleFilter: () => void;
-        resetFilter: () => void;
-        load: (emit?: (name: string, data: any) => void) => Promise<void>;
-        openModal: (key: string, data?: any) => void;
-        closeModal: (key: string) => void;
-        closeAllModals: () => void;
-        getModal: (key: string) => {
-            visible: boolean;
-            data?: any;
-        } | undefined;
     };
 };
 export declare const useTableProvider: (props: TableProps) => {
     selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
     selectedRows: import("vue").ShallowRef<any[], any[]>;
+    hasSelection: import("vue").ComputedRef<boolean>;
+    selectionConfig: import("vue").ComputedRef<SelectionConfig>;
+    selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
+    selectionType: import("vue").ComputedRef<any>;
+    singleSelectedKey: import("vue").ComputedRef<any>;
+    getKeyValue: (row: any) => any;
+    getRowKey: (row: any) => any;
+    toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
+    setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
+    clearSelection: () => void;
+    handleSelectionChange: (selection: any[]) => void;
+    handleSelectAll: (selection: any[]) => void;
+    getSelectedKeys: () => any[];
+    getSelectedRows: () => any[];
+    isSingleSelected: (row: any) => boolean;
+    handleSingleSelect: (row: any, selected: any) => void;
     currentPage: import("vue").Ref<number, number>;
     pageSize: import("vue").Ref<number, number>;
+    paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
+    paginationEnabled: import("vue").ComputedRef<boolean>;
+    pageSizeOptions: import("vue").ComputedRef<number[]>;
+    setCurrentPage: (page: number) => void;
+    setPageSize: (size: number) => void;
     searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
+    visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
+    updateSearchParam: (key: string, value: any) => void;
+    setSearchFields: (fields: Record<string, any>) => void;
+    resetSearch: () => void;
+    getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
     visibleColumns: import("vue").Ref<string[], string[]>;
-    rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
-    filteredData: import("vue").Ref<any[], any[]>;
+    rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
+    visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
+    setVisibleColumns: (columns: string[]) => void;
+    toggleColumn: (key: string) => void;
+    isRequestMode: import("vue").ComputedRef<boolean>;
+    autoLoad: import("vue").ComputedRef<boolean>;
+    autoRequest: import("vue").ComputedRef<boolean>;
     requestData: import("vue").Ref<any[], any[]>;
     requestTotal: import("vue").Ref<number, number>;
     requestLoading: import("vue").Ref<boolean, boolean>;
+    loading: import("vue").ComputedRef<boolean>;
+    load: (emit?: (name: string, data: any) => void) => Promise<void>;
+    filteredData: import("vue").Ref<any[], any[]>;
+    handleFilter: () => void;
+    resetFilter: () => void;
     modalMap: import("vue").Ref<Map<string, {
         visible: boolean;
         data?: any;
@@ -227,20 +262,13 @@ export declare const useTableProvider: (props: TableProps) => {
         visible: boolean;
         data?: any;
     }>, keyof Map<any, any>>)>;
-    hasSelection: import("vue").ComputedRef<boolean>;
-    selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
-    selectionType: import("vue").ComputedRef<any>;
-    selectionConfig: import("vue").ComputedRef<SelectionConfig>;
-    singleSelectedKey: import("vue").ComputedRef<any>;
-    paginationEnabled: import("vue").ComputedRef<boolean>;
-    paginationConfig: import("vue").ComputedRef<PaginationConfig>;
-    pageSizeOptions: import("vue").ComputedRef<number[]>;
-    visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
-    visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
-    isRequestMode: import("vue").ComputedRef<boolean>;
-    autoLoad: import("vue").ComputedRef<boolean>;
-    autoRequest: import("vue").ComputedRef<boolean>;
-    loading: import("vue").ComputedRef<boolean>;
+    getModal: (key: string) => {
+        visible: boolean;
+        data?: any;
+    } | undefined;
+    openModal: (key: string, data?: any) => void;
+    closeModal: (key: string) => void;
+    closeAllModals: () => void;
     autoTotal: import("vue").ComputedRef<number>;
     displayData: import("vue").ComputedRef<any[]>;
     tableConfig: import("vue").ComputedRef<{
@@ -263,52 +291,59 @@ export declare const useTableProvider: (props: TableProps) => {
         left: import("../../types").ToolbarButton[];
         right: import("../../types").ToolbarButton[];
     }>;
-    toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
-    setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
-    clearSelection: () => void;
-    setCurrentPage: (page: number) => void;
-    setPageSize: (size: number) => void;
-    updateSearchParam: (key: string, value: any) => void;
-    setSearchFields: (fields: Record<string, any>) => void;
-    resetSearch: () => void;
-    getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
-    setVisibleColumns: (columns: string[]) => void;
-    toggleColumn: (key: string) => void;
     init: (config: {
-        columns: TableColumn[];
+        columns: any[];
         selectionConfig?: boolean | SelectionConfig;
     }) => void;
-    getRowKey: (row: any) => any;
+};
+export declare const useTableStore: () => {
+    selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
+    selectedRows: import("vue").ShallowRef<any[], any[]>;
+    hasSelection: import("vue").ComputedRef<boolean>;
+    selectionConfig: import("vue").ComputedRef<SelectionConfig>;
+    selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
+    selectionType: import("vue").ComputedRef<any>;
+    singleSelectedKey: import("vue").ComputedRef<any>;
     getKeyValue: (row: any) => any;
+    getRowKey: (row: any) => any;
+    toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
+    setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
+    clearSelection: () => void;
     handleSelectionChange: (selection: any[]) => void;
     handleSelectAll: (selection: any[]) => void;
     getSelectedKeys: () => any[];
     getSelectedRows: () => any[];
     isSingleSelected: (row: any) => boolean;
-    handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
-    handleFilter: () => void;
-    resetFilter: () => void;
-    load: (emit?: (name: string, data: any) => void) => Promise<void>;
-    openModal: (key: string, data?: any) => void;
-    closeModal: (key: string) => void;
-    closeAllModals: () => void;
-    getModal: (key: string) => {
-        visible: boolean;
-        data?: any;
-    } | undefined;
-};
-export declare const useTableStore: () => {
-    selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
-    selectedRows: import("vue").ShallowRef<any[], any[]>;
+    handleSingleSelect: (row: any, selected: any) => void;
     currentPage: import("vue").Ref<number, number>;
     pageSize: import("vue").Ref<number, number>;
+    paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
+    paginationEnabled: import("vue").ComputedRef<boolean>;
+    pageSizeOptions: import("vue").ComputedRef<number[]>;
+    setCurrentPage: (page: number) => void;
+    setPageSize: (size: number) => void;
     searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
+    visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
+    updateSearchParam: (key: string, value: any) => void;
+    setSearchFields: (fields: Record<string, any>) => void;
+    resetSearch: () => void;
+    getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
     visibleColumns: import("vue").Ref<string[], string[]>;
-    rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
-    filteredData: import("vue").Ref<any[], any[]>;
+    rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
+    visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
+    setVisibleColumns: (columns: string[]) => void;
+    toggleColumn: (key: string) => void;
+    isRequestMode: import("vue").ComputedRef<boolean>;
+    autoLoad: import("vue").ComputedRef<boolean>;
+    autoRequest: import("vue").ComputedRef<boolean>;
     requestData: import("vue").Ref<any[], any[]>;
     requestTotal: import("vue").Ref<number, number>;
     requestLoading: import("vue").Ref<boolean, boolean>;
+    loading: import("vue").ComputedRef<boolean>;
+    load: (emit?: (name: string, data: any) => void) => Promise<void>;
+    filteredData: import("vue").Ref<any[], any[]>;
+    handleFilter: () => void;
+    resetFilter: () => void;
     modalMap: import("vue").Ref<Map<string, {
         visible: boolean;
         data?: any;
@@ -325,20 +360,13 @@ export declare const useTableStore: () => {
         visible: boolean;
         data?: any;
     }>, keyof Map<any, any>>)>;
-    hasSelection: import("vue").ComputedRef<boolean>;
-    selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
-    selectionType: import("vue").ComputedRef<any>;
-    selectionConfig: import("vue").ComputedRef<SelectionConfig>;
-    singleSelectedKey: import("vue").ComputedRef<any>;
-    paginationEnabled: import("vue").ComputedRef<boolean>;
-    paginationConfig: import("vue").ComputedRef<PaginationConfig>;
-    pageSizeOptions: import("vue").ComputedRef<number[]>;
-    visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
-    visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
-    isRequestMode: import("vue").ComputedRef<boolean>;
-    autoLoad: import("vue").ComputedRef<boolean>;
-    autoRequest: import("vue").ComputedRef<boolean>;
-    loading: import("vue").ComputedRef<boolean>;
+    getModal: (key: string) => {
+        visible: boolean;
+        data?: any;
+    } | undefined;
+    openModal: (key: string, data?: any) => void;
+    closeModal: (key: string) => void;
+    closeAllModals: () => void;
     autoTotal: import("vue").ComputedRef<number>;
     displayData: import("vue").ComputedRef<any[]>;
     tableConfig: import("vue").ComputedRef<{
@@ -361,39 +389,10 @@ export declare const useTableStore: () => {
         left: import("../../types").ToolbarButton[];
         right: import("../../types").ToolbarButton[];
     }>;
-    toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
-    setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
-    clearSelection: () => void;
-    setCurrentPage: (page: number) => void;
-    setPageSize: (size: number) => void;
-    updateSearchParam: (key: string, value: any) => void;
-    setSearchFields: (fields: Record<string, any>) => void;
-    resetSearch: () => void;
-    getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
-    setVisibleColumns: (columns: string[]) => void;
-    toggleColumn: (key: string) => void;
     init: (config: {
-        columns: TableColumn[];
+        columns: any[];
         selectionConfig?: boolean | SelectionConfig;
     }) => void;
-    getRowKey: (row: any) => any;
-    getKeyValue: (row: any) => any;
-    handleSelectionChange: (selection: any[]) => void;
-    handleSelectAll: (selection: any[]) => void;
-    getSelectedKeys: () => any[];
-    getSelectedRows: () => any[];
-    isSingleSelected: (row: any) => boolean;
-    handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
-    handleFilter: () => void;
-    resetFilter: () => void;
-    load: (emit?: (name: string, data: any) => void) => Promise<void>;
-    openModal: (key: string, data?: any) => void;
-    closeModal: (key: string) => void;
-    closeAllModals: () => void;
-    getModal: (key: string) => {
-        visible: boolean;
-        data?: any;
-    } | undefined;
 };
 export type TableStore = ReturnType<typeof tableStore.useStore>;
 export {};

package/dist/types/table/composables/useAutoHeight.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+export declare function useAutoHeight(containerRef: Ref<HTMLElement | undefined>, height: Ref<number | string | undefined>): {
+    isAutoHeight: import("vue").ComputedRef<boolean>;
+    computedTableHeight: Ref<number | undefined, number | undefined>;
+    resolvedHeight: import("vue").ComputedRef<string | number | undefined>;
+};

package/dist/types/table/composables/useColumns.d.ts

@@ -0,0 +1,11 @@
+import type { TableColumn } from '../../types';
+export declare function useColumns(props: {
+    columns: TableColumn[];
+}): {
+    visibleColumns: import("vue").Ref<string[], string[]>;
+    rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
+    visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
+    columnsRef: import("vue").ComputedRef<TableColumn[]>;
+    setVisibleColumns: (columns: string[]) => void;
+    toggleColumn: (key: string) => void;
+};