@xn-lib/component 0.1.35 → 0.1.36

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/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.36",
   "description": "",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",