@xn-lib/component 0.1.35 → 0.1.40

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

@@ -0,0 +1,7 @@
+import type { Ref } from 'vue';
+import type { TableProps } from '../props';
+export declare function useFilter(props: TableProps, isRequestMode: Ref<boolean>, searchParams: Ref<Record<string, any>>): {
+    filteredData: Ref<any[], any[]>;
+    handleFilter: () => void;
+    resetFilter: () => void;
+};

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

@@ -0,0 +1,25 @@
+export declare function useModal(): {
+    modalMap: import("vue").Ref<Map<string, {
+        visible: boolean;
+        data?: any;
+    }> & Omit<Map<string, {
+        visible: boolean;
+        data?: any;
+    }>, keyof Map<any, any>>, Map<string, {
+        visible: boolean;
+        data?: any;
+    }> | (Map<string, {
+        visible: boolean;
+        data?: any;
+    }> & Omit<Map<string, {
+        visible: boolean;
+        data?: any;
+    }>, keyof Map<any, any>>)>;
+    getModal: (key: string) => {
+        visible: boolean;
+        data?: any;
+    } | undefined;
+    openModal: (key: string, data?: any) => void;
+    closeModal: (key: string) => void;
+    closeAllModals: () => void;
+};

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

@@ -0,0 +1,5 @@
+export declare function useModalHandlers(openModal: (key: string, data?: any) => void, closeModal: (key: string) => void, modalRefs: Record<string, any>): {
+    getModalAttrs: (item: Record<string, any>) => Record<string, any>;
+    handleOpenModal: (key: string, data?: any) => void;
+    handleCloseModal: (key: string) => void;
+};

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

@@ -0,0 +1,11 @@
+import type { PaginationConfig } from '../../types';
+import type { TableProps } from '../props';
+export declare function usePagination(props: TableProps): {
+    currentPage: import("vue").Ref<number, number>;
+    pageSize: import("vue").Ref<number, number>;
+    paginationConfig: import("vue").ComputedRef<PaginationConfig>;
+    paginationEnabled: import("vue").ComputedRef<boolean>;
+    pageSizeOptions: import("vue").ComputedRef<number[]>;
+    setCurrentPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+};

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

@@ -0,0 +1,14 @@
+import type { Ref } from 'vue';
+import type { RequestConfig } from '../../types';
+import type { TableProps } from '../props';
+export declare function useRequest(props: TableProps, searchParams: Ref<Record<string, any>>, currentPage: Ref<number>, pageSize: Ref<number>): {
+    requestConfig: import("vue").ComputedRef<RequestConfig | undefined>;
+    autoLoad: import("vue").ComputedRef<boolean>;
+    autoRequest: import("vue").ComputedRef<boolean>;
+    isRequestMode: import("vue").ComputedRef<boolean>;
+    requestData: Ref<any[], any[]>;
+    requestTotal: Ref<number, number>;
+    requestLoading: Ref<boolean, boolean>;
+    loading: import("vue").ComputedRef<boolean>;
+    load: (emit?: (name: string, data: any) => void) => Promise<void>;
+};

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

@@ -0,0 +1,9 @@
+import type { TableProps } from '../props';
+export declare function useSearch(props: TableProps): {
+    searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
+    visibleSearchConfig: import("vue").ComputedRef<import("..").SearchConfig[]>;
+    updateSearchParam: (key: string, value: any) => void;
+    setSearchFields: (fields: Record<string, any>) => void;
+    resetSearch: () => void;
+    getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
+};

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

@@ -0,0 +1,22 @@
+import type { SelectionConfig } from '../../types';
+import type { TableProps } from '../props';
+export declare function useSelection(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;
+};

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

@@ -0,0 +1,4 @@
+import type { Ref } from 'vue';
+export declare function useSelectionSync(selectedKeys: Ref<Set<any>>, selectedRows: Ref<any[]>, selectionType: Ref<string>, selectionConfig: Ref<{
+    reserve?: boolean;
+}>, displayData: Ref<any[]>, getRowKey: (row: any) => any, setSelection: (keys: any[], rows?: any[]) => void, propsSelectedKeys: Ref<any[] | undefined>, propsSelectedRows: Ref<any[] | undefined>, emitUpdateKeys: (keys: any[]) => void, emitUpdateRows: (rows: any[]) => void, tableMainRef: Ref<any>): void;

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

@@ -110,7 +110,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly default: () => never[];
     };
 }>, TableInst, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    search: (params: Record<string, any>) => any;
+    search: (params: Record<string, any>, searchParams: Record<string, any>) => any;
     reset: () => any;
     "selection-change": (selection: any[]) => any;
     "page-change": (page: number) => any;
@@ -217,7 +217,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly default: () => never[];
     };
 }>> & Readonly<{
-    onSearch?: ((params: Record<string, any>) => any) | undefined;
+    onSearch?: ((params: Record<string, any>, searchParams: Record<string, any>) => any) | undefined;
     onReset?: (() => any) | undefined;
     "onSelection-change"?: ((selection: any[]) => any) | undefined;
     "onPage-change"?: ((page: number) => any) | undefined;

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

@@ -0,0 +1,7 @@
+export interface SelectInputValue {
+    input: string;
+    select: string;
+}
+export interface SelectInputInst {
+    focus: () => void;
+}

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

@@ -6,7 +6,7 @@ export type AlignType = typeof TableAlign.Left.value | typeof TableAlign.Center.
 export type FixedType = boolean | typeof TableFixed.Left.value | typeof TableFixed.Right.value;
 export type SizeType = typeof TableSize.Large.value | typeof TableSize.Default.value | typeof TableSize.Small.value;
 export type ButtonTypeValue = typeof ButtonType.Primary.value | typeof ButtonType.Success.value | typeof ButtonType.Warning.value | typeof ButtonType.Danger.value | typeof ButtonType.Info.value | typeof ButtonType.Text.value;
-export type SearchTypeValue = typeof SearchType.Input.value | typeof SearchType.Select.value | typeof SearchType.Date.value | typeof SearchType.DateRange.value | typeof SearchType.DateTimeRange.value | typeof SearchType.Cascader.value | typeof SearchType.Custom.value;
+export type SearchTypeValue = typeof SearchType.Input.value | typeof SearchType.Select.value | typeof SearchType.Date.value | typeof SearchType.DateRange.value | typeof SearchType.DateTimeRange.value | typeof SearchType.Cascader.value | typeof SearchType.Custom.value | typeof SearchType.SelectInput.value;
 export type SelectionTypeValue = typeof SelectionType.Single.value | typeof SelectionType.Multiple.value;
 export interface ConfirmConfig {
     /** 确认消息 */
@@ -188,10 +188,21 @@ export interface SearchConfig {
     attrs?: Record<string, any>;
     /** 日期格式（date/daterange/datetimerange 时有效） */
     format?: string;
+    stripWhitespace?: boolean;
     /** 值变化事件 */
     onChange?: (value: any) => void;
     /** 自定义渲染（type=custom 时） */
     render?: (config: SearchConfig, model: Record<string, any>, setModel: (key: string, value: any) => void) => VNode;
+    /**
+     * 日期范围字段映射（daterange/datetimerange 时有效）
+     * 传入如 ['start', 'end']，则返回 { start: 开始时间, end: 结束时间 }
+     */
+    rangeKeys?: [string, string];
+    /**
+     * select-input 类型时，是否格式化为 "select值: input值" 格式
+     * 默认为 false，即返回 { input: string, select: string } 对象
+     */
+    combineValue?: boolean;
 }
 export interface DropdownItem {
     /** 唯一标识 */

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@xn-lib/component",
-  "version": "0.1.35",
+  "version": "0.1.40",
   "description": "",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",