@xn-lib/component 0.1.41 → 0.1.43

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/list-card/index.vue.d.ts

@@ -1,22 +1,19 @@
 import 'vue-virtual-scroller';
-declare function handleAddClick(): void;
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_37: {
     item: any;
     index: any;
     selected: boolean;
-}, __VLS_39: {
+}, __VLS_47: {
     item: any;
     index: any;
-}, __VLS_53: {
+}, __VLS_69: {
     item: any;
     index: number;
     selected: boolean;
-}, __VLS_55: {
+}, __VLS_71: {
     item: any;
     index: number;
-}, __VLS_68: {}, __VLS_70: {
-    add: typeof handleAddClick;
-};
+}, __VLS_84: {}, __VLS_94: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_1) => any;
 } & {
@@ -24,15 +21,15 @@ type __VLS_Slots = {} & {
 } & {
     item?: (props: typeof __VLS_37) => any;
 } & {
-    'item-actions'?: (props: typeof __VLS_39) => any;
+    'item-actions'?: (props: typeof __VLS_47) => any;
 } & {
-    item?: (props: typeof __VLS_53) => any;
+    item?: (props: typeof __VLS_69) => any;
 } & {
-    'item-actions'?: (props: typeof __VLS_55) => any;
+    'item-actions'?: (props: typeof __VLS_71) => any;
 } & {
-    empty?: (props: typeof __VLS_68) => any;
+    empty?: (props: typeof __VLS_84) => any;
 } & {
-    footer?: (props: typeof __VLS_70) => any;
+    footer?: (props: typeof __VLS_94) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly title: {
@@ -103,6 +100,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly type: import("vue").PropType<string | number>;
         readonly default: undefined;
     };
+    readonly selectable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly getSelectable: {
+        readonly type: import("vue").PropType<(item: any) => boolean>;
+        readonly default: () => () => boolean;
+    };
     readonly showHeader: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -119,13 +124,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     refresh(): Promise<void>;
     loadMore(): Promise<void>;
     clearSearch(): void;
-    getSelectedValue(): any;
+    getSelectedValue(): string | number | undefined;
+    clearSelection(): void;
+    getSelections(): (string | number)[];
+    clearSelections(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (keyword: string) => any;
     select: (value: any, index: number, item: any) => any;
     "update:modelValue": (value: any) => any;
     add: () => any;
     "scroll-bottom": () => any;
+    "handle-selections-change": (selections: (string | number)[]) => any;
+    "handle-all-selections-change": (selections: (string | number)[], checked: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: {
         readonly type: StringConstructor;
@@ -195,6 +205,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly type: import("vue").PropType<string | number>;
         readonly default: undefined;
     };
+    readonly selectable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly getSelectable: {
+        readonly type: import("vue").PropType<(item: any) => boolean>;
+        readonly default: () => () => boolean;
+    };
     readonly showHeader: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -213,6 +231,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onAdd?: (() => any) | undefined;
     "onScroll-bottom"?: (() => any) | undefined;
+    "onHandle-selections-change"?: ((selections: (string | number)[]) => any) | undefined;
+    "onHandle-all-selections-change"?: ((selections: (string | number)[], checked: boolean) => any) | undefined;
 }>, {
     readonly data: any[];
     readonly title: string;
@@ -226,6 +246,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly itemHeight: number;
     readonly immediate: boolean;
     readonly pageSize: number;
+    readonly selectable: boolean;
     readonly showSearch: boolean;
     readonly searchKey: string;
     readonly searchPlaceholder: string;
@@ -234,6 +255,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly idKey: string;
     readonly nameKey: string;
     readonly addText: string;
+    readonly getSelectable: (item: any) => boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/list-card/props.d.ts

@@ -72,6 +72,14 @@ export declare const listCardProps: {
         readonly type: PropType<string | number>;
         readonly default: undefined;
     };
+    readonly selectable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly getSelectable: {
+        readonly type: PropType<(item: any) => boolean>;
+        readonly default: () => () => boolean;
+    };
     readonly showHeader: {
         readonly type: BooleanConstructor;
         readonly default: true;

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,108 @@
+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 showRemove: {
+        readonly type: import("vue").PropType<boolean | ((item: any, index: number) => boolean)>;
+        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 showRemove: {
+        readonly type: import("vue").PropType<boolean | ((item: any, index: number) => boolean)>;
+        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 showRemove: boolean | ((item: any, index: number) => 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,44 @@
+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 showRemove: {
+        readonly type: PropType<boolean | ((item: any, index: number) => boolean)>;
+        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.43",
   "description": "",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",