@xn-lib/component 0.1.41 → 0.1.42

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

@@ -287,10 +287,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     readonly disabled: boolean;
     readonly filter: import("../types/cascader").Filter;
-    readonly showCheckbox: boolean;
     readonly modelValue: CascaderValue | null;
     readonly size: "small" | "default" | "large";
+    readonly showCheckbox: boolean;
     readonly onLoad: import("../types/cascader").OnLoad;
+    readonly placeholder: string;
     readonly getColumnStyle: (detail: {
         level: number;
     }) => string | Record<string, any>;
@@ -300,7 +301,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly labelField: string;
     readonly separator: string;
     readonly options: CascaderOption[];
-    readonly placeholder: string;
     readonly clearable: boolean;
     readonly filterable: boolean;
     readonly expandTrigger: import("../types/cascader").ExpandTrigger;

package/dist/types/editable-textarea/index.vue.d.ts

@@ -177,9 +177,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     readonly disabled: boolean;
     readonly modelValue: import("../types").EditableTextareaModelValue;
+    readonly placeholder: string;
     readonly maxHeight: number;
     readonly onEnter: import("../types").KeyboardEventHandler;
-    readonly placeholder: string;
     readonly maxlength: number;
     readonly readonly: boolean;
     readonly autoHeight: boolean;

package/dist/types/index.d.ts

@@ -14,7 +14,8 @@ import XnTable from './table/index';
 import XnModal from './modal/index';
 import XnSelectInput from './select-input/index';
 import XnListCard from './list-card/index';
-export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig, XnFormList, XnTable, XnModal, XnSelectInput, XnListCard };
+import XnSelectPanel from './select-panel/index';
+export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig, XnFormList, XnTable, XnModal, XnSelectInput, XnListCard, XnSelectPanel };
 export declare const components: Record<string, Component>;
 export type { CascaderProps } from './cascader/props';
 export type { TagProps } from './tag/props';
@@ -23,10 +24,12 @@ export type { EditableTextProps } from './editable-text/props';
 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 { WildcardOption } from './types/text-rule-config';
 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 type { ListCardProps } from './list-card/props';
+export type { SelectPanelProps } from './select-panel/props';
 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.vue.d.ts

@@ -51,8 +51,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onChange?: ((val: SelectInputValue) => any) | undefined;
 }>, {
     readonly modelValue: import("./props").SelectInputValue;
-    readonly options: any[];
     readonly placeholder: string;
+    readonly options: any[];
     readonly stripWhitespace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue';
+import SelectedPanelComponent from './index.vue';
+declare const SelectPanel: typeof SelectedPanelComponent & Plugin;
+export default SelectPanel;
+export type { SelectPanelProps } from './props.js';

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

@@ -0,0 +1,99 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly itemKey: {
+        readonly type: import("vue").PropType<string | ((item: any) => any)>;
+        readonly default: "id";
+    };
+    readonly itemLabel: {
+        readonly type: import("vue").PropType<string | ((item: any) => string)>;
+        readonly default: "label";
+    };
+    readonly showClear: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showRefresh: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "已选";
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
+    remove: (item: any, index: number) => any;
+    clear: () => any;
+    refresh: () => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly itemKey: {
+        readonly type: import("vue").PropType<string | ((item: any) => any)>;
+        readonly default: "id";
+    };
+    readonly itemLabel: {
+        readonly type: import("vue").PropType<string | ((item: any) => string)>;
+        readonly default: "label";
+    };
+    readonly showClear: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showRefresh: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "已选";
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
+    onRemove?: ((item: any, index: number) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onRefresh?: (() => any) | undefined;
+}>, {
+    readonly title: string;
+    readonly modelValue: any[];
+    readonly maxHeight: string | number;
+    readonly emptyText: string;
+    readonly itemKey: string | ((item: any) => any);
+    readonly max: number;
+    readonly itemLabel: string | ((item: any) => string);
+    readonly showClear: boolean;
+    readonly showRefresh: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,40 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const selectPanelProps: {
+    readonly modelValue: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly itemKey: {
+        readonly type: PropType<string | ((item: any) => any)>;
+        readonly default: "id";
+    };
+    readonly itemLabel: {
+        readonly type: PropType<string | ((item: any) => string)>;
+        readonly default: "label";
+    };
+    readonly showClear: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showRefresh: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "已选";
+    };
+    readonly maxHeight: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+};
+export type SelectPanelProps = ExtractPropTypes<typeof selectPanelProps>;

package/dist/types/text-rule-config/index.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: 3;
     };
     readonly wildcards: {
-        readonly type: import("vue").PropType<import("..").Option[]>;
+        readonly type: import("vue").PropType<import("..").WildcardOption[]>;
         readonly default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -30,7 +30,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: 3;
     };
     readonly wildcards: {
-        readonly type: import("vue").PropType<import("..").Option[]>;
+        readonly type: import("vue").PropType<import("..").WildcardOption[]>;
         readonly default: () => never[];
     };
 }>> & Readonly<{
@@ -39,7 +39,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     readonly placeholder: string;
     readonly rows: number;
-    readonly wildcards: import("..").Option[];
+    readonly wildcards: import("..").WildcardOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/text-rule-config/props.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
-import { Option } from '../types';
+import type { WildcardOption } from '../types';
 export declare const textRuleConfigProps: {
     readonly modelValue: {
         readonly type: StringConstructor;
@@ -13,7 +13,7 @@ export declare const textRuleConfigProps: {
         readonly default: 3;
     };
     readonly wildcards: {
-        readonly type: PropType<Option[]>;
+        readonly type: PropType<WildcardOption[]>;
         readonly default: () => never[];
     };
 };

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

@@ -3,6 +3,7 @@ export * from './tag';
 export * from './transfer';
 export * from './virtual-list';
 export * from './editable-textarea';
+export * from './text-rule-config';
 export * from './table';
 export type DefaultType = 'success' | 'info' | 'warning' | 'danger' | 'primary' | 'default';
 export type DefaultSize = 'small' | 'default' | 'large';

package/dist/types/types/text-rule-config.d.ts

@@ -0,0 +1,14 @@
+export interface WildcardOption {
+    /** 显示文案 */
+    label: string;
+    /** 插入值（无 onClick 时直接插入） */
+    value: string;
+    /** 提示信息 */
+    tip?: string;
+    /**
+     * 点击交互回调，不传则直接插入 value
+     * 传入后，点击通配符不会直接插入，而是调用此函数
+     * 调用方在回调内自行处理交互（弹窗、选择器等），完成后调用 done(最终插入值) 完成插入
+     */
+    onClick?: (done: (value: string) => void) => void;
+}

package/package.json

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