@xn-lib/component 0.1.40 → 0.1.42

package/dist/types/index.d.ts

@@ -13,7 +13,9 @@ import XnFormList from './form-list/index';
 import XnTable from './table/index';
 import XnModal from './modal/index';
 import XnSelectInput from './select-input/index';
-export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig, XnFormList, XnTable, XnModal, XnSelectInput };
+import XnListCard from './list-card/index';
+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';
@@ -22,9 +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.d.ts

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

package/dist/types/list-card/index.vue.d.ts

@@ -0,0 +1,245 @@
+import 'vue-virtual-scroller';
+declare function handleAddClick(): void;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_37: {
+    item: any;
+    index: any;
+    selected: boolean;
+}, __VLS_39: {
+    item: any;
+    index: any;
+}, __VLS_53: {
+    item: any;
+    index: number;
+    selected: boolean;
+}, __VLS_55: {
+    item: any;
+    index: number;
+}, __VLS_68: {}, __VLS_70: {
+    add: typeof handleAddClick;
+};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    search?: (props: typeof __VLS_3) => any;
+} & {
+    item?: (props: typeof __VLS_37) => any;
+} & {
+    'item-actions'?: (props: typeof __VLS_39) => any;
+} & {
+    item?: (props: typeof __VLS_53) => any;
+} & {
+    'item-actions'?: (props: typeof __VLS_55) => any;
+} & {
+    empty?: (props: typeof __VLS_68) => any;
+} & {
+    footer?: (props: typeof __VLS_70) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly data: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly remoteMethod: {
+        readonly type: import("vue").PropType<(params: Record<string, any>) => Promise<import("./props").RemoteMethodResult>>;
+        readonly default: undefined;
+    };
+    readonly remote: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly searchKey: {
+        readonly type: StringConstructor;
+        readonly default: "name";
+    };
+    readonly searchPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入搜索内容";
+    };
+    readonly paginationKey: {
+        readonly type: StringConstructor;
+        readonly default: "page";
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 20;
+    };
+    readonly pageSizeKey: {
+        readonly type: StringConstructor;
+        readonly default: "pageSize";
+    };
+    readonly virtual: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly idKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly nameKey: {
+        readonly type: StringConstructor;
+        readonly default: "name";
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+    readonly addText: {
+        readonly type: StringConstructor;
+        readonly default: "添加";
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showHeader: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {
+    refresh(): Promise<void>;
+    loadMore(): Promise<void>;
+    clearSearch(): void;
+    getSelectedValue(): any;
+}, {}, {}, {}, 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;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly data: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly remoteMethod: {
+        readonly type: import("vue").PropType<(params: Record<string, any>) => Promise<import("./props").RemoteMethodResult>>;
+        readonly default: undefined;
+    };
+    readonly remote: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly searchKey: {
+        readonly type: StringConstructor;
+        readonly default: "name";
+    };
+    readonly searchPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入搜索内容";
+    };
+    readonly paginationKey: {
+        readonly type: StringConstructor;
+        readonly default: "page";
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 20;
+    };
+    readonly pageSizeKey: {
+        readonly type: StringConstructor;
+        readonly default: "pageSize";
+    };
+    readonly virtual: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly idKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly nameKey: {
+        readonly type: StringConstructor;
+        readonly default: "name";
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+    readonly addText: {
+        readonly type: StringConstructor;
+        readonly default: "添加";
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showHeader: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onSearch?: ((keyword: string) => any) | undefined;
+    onSelect?: ((value: any, index: number, item: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onAdd?: (() => any) | undefined;
+    "onScroll-bottom"?: (() => any) | undefined;
+}>, {
+    readonly data: any[];
+    readonly title: string;
+    readonly modelValue: string | number;
+    readonly remote: boolean;
+    readonly remoteMethod: (params: Record<string, any>) => Promise<import("./props").RemoteMethodResult>;
+    readonly emptyText: string;
+    readonly showFooter: boolean;
+    readonly showHeader: boolean;
+    readonly virtual: boolean;
+    readonly itemHeight: number;
+    readonly immediate: boolean;
+    readonly pageSize: number;
+    readonly showSearch: boolean;
+    readonly searchKey: string;
+    readonly searchPlaceholder: string;
+    readonly paginationKey: string;
+    readonly pageSizeKey: string;
+    readonly idKey: string;
+    readonly nameKey: string;
+    readonly addText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,88 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export interface RemoteMethodResult {
+    list: any[];
+    total: number;
+}
+export declare const listCardProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly data: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly remoteMethod: {
+        readonly type: PropType<(params: Record<string, any>) => Promise<RemoteMethodResult>>;
+        readonly default: undefined;
+    };
+    readonly remote: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly immediate: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly searchKey: {
+        readonly type: StringConstructor;
+        readonly default: "name";
+    };
+    readonly searchPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入搜索内容";
+    };
+    readonly paginationKey: {
+        readonly type: StringConstructor;
+        readonly default: "page";
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 20;
+    };
+    readonly pageSizeKey: {
+        readonly type: StringConstructor;
+        readonly default: "pageSize";
+    };
+    readonly virtual: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly idKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly nameKey: {
+        readonly type: StringConstructor;
+        readonly default: "name";
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 40;
+    };
+    readonly addText: {
+        readonly type: StringConstructor;
+        readonly default: "添加";
+    };
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+    readonly modelValue: {
+        readonly type: PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showHeader: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type ListCardProps = ExtractPropTypes<typeof listCardProps>;

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