@xn-lib/component 0.1.6 → 0.1.8

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

@@ -0,0 +1,206 @@
+import type { TransferOption, TransferExpose, TransferFields, TransferValue } from '../types/transfer';
+declare function handleRemoveItem(value: string | number): void;
+declare function clearTarget(): void;
+declare var __VLS_12: {
+    clear: typeof clearTarget;
+}, __VLS_40: {
+    items: TransferOption[];
+    remove: typeof handleRemoveItem;
+    valueKey: string;
+    labelKey: string;
+};
+type __VLS_Slots = {} & {
+    'target-header'?: (props: typeof __VLS_12) => any;
+} & {
+    target?: (props: typeof __VLS_40) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<TransferValue>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    readonly selectedOptions: {
+        readonly type: import("vue").PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly sourceTitle: {
+        readonly type: StringConstructor;
+        readonly default: "源列表";
+    };
+    readonly targetTitle: {
+        readonly type: StringConstructor;
+        readonly default: "目标列表";
+    };
+    readonly tree: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly virtual: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly scrollLoad: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly onLoad: {
+        readonly type: import("vue").PropType<() => Promise<void>>;
+        readonly default: undefined;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteMethod: {
+        readonly type: import("vue").PropType<(query: Record<string, any>) => Promise<TransferOption[]>>;
+        readonly default: undefined;
+    };
+    readonly customFields: {
+        readonly type: import("vue").PropType<TransferFields>;
+        readonly default: () => {
+            label: string;
+            value: string;
+            children: string;
+        };
+    };
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+}>, TransferExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: TransferValue) => any;
+    "scroll-bottom": (keyword: string) => any;
+    "update:value": (value: TransferValue) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: {
+        readonly type: import("vue").PropType<TransferValue>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    readonly selectedOptions: {
+        readonly type: import("vue").PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly sourceTitle: {
+        readonly type: StringConstructor;
+        readonly default: "源列表";
+    };
+    readonly targetTitle: {
+        readonly type: StringConstructor;
+        readonly default: "目标列表";
+    };
+    readonly tree: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly virtual: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly scrollLoad: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly onLoad: {
+        readonly type: import("vue").PropType<() => Promise<void>>;
+        readonly default: undefined;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteMethod: {
+        readonly type: import("vue").PropType<(query: Record<string, any>) => Promise<TransferOption[]>>;
+        readonly default: undefined;
+    };
+    readonly customFields: {
+        readonly type: import("vue").PropType<TransferFields>;
+        readonly default: () => {
+            label: string;
+            value: string;
+            children: string;
+        };
+    };
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+}>> & Readonly<{
+    onChange?: ((value: TransferValue) => any) | undefined;
+    "onScroll-bottom"?: ((keyword: string) => any) | undefined;
+    "onUpdate:value"?: ((value: TransferValue) => any) | undefined;
+}>, {
+    readonly value: TransferValue;
+    readonly disabled: boolean;
+    readonly onLoad: () => Promise<void>;
+    readonly options: TransferOption[];
+    readonly filterable: boolean;
+    readonly loading: boolean;
+    readonly remoteMethod: (query: Record<string, any>) => Promise<TransferOption[]>;
+    readonly selectedOptions: TransferOption[];
+    readonly filterPlaceholder: string;
+    readonly sourceTitle: string;
+    readonly targetTitle: string;
+    readonly tree: boolean;
+    readonly virtual: boolean;
+    readonly itemHeight: number;
+    readonly scrollLoad: boolean;
+    readonly remoteSearch: boolean;
+    readonly customFields: TransferFields;
+    readonly maxCount: number;
+}, {}, {}, {}, 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/transfer/props.d.ts

@@ -0,0 +1,143 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { TransferOption, TransferFields, TransferValue } from '../types/transfer';
+export declare const transferProps: {
+    readonly value: {
+        readonly type: PropType<TransferValue>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    /**
+     * 额外提供的已选项数据（用于远程回显）
+     */
+    readonly selectedOptions: {
+        readonly type: PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly sourceTitle: {
+        readonly type: StringConstructor;
+        readonly default: "源列表";
+    };
+    readonly targetTitle: {
+        readonly type: StringConstructor;
+        readonly default: "目标列表";
+    };
+    readonly tree: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly virtual: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly scrollLoad: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly onLoad: {
+        readonly type: PropType<() => Promise<void>>;
+        readonly default: undefined;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteMethod: {
+        readonly type: PropType<(query: Record<string, any>) => Promise<TransferOption[]>>;
+        readonly default: undefined;
+    };
+    readonly customFields: {
+        readonly type: PropType<TransferFields>;
+        readonly default: () => {
+            label: string;
+            value: string;
+            children: string;
+        };
+    };
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+};
+export type TransferProps = ExtractPropTypes<typeof transferProps>;
+export declare const transferSourcePanelProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "源列表";
+    };
+    readonly checkedValues: {
+        readonly type: PropType<TransferValue>;
+        readonly default: () => never[];
+    };
+    readonly options: {
+        readonly type: PropType<TransferOption[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly filterPlaceholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly tree: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly itemHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteSearch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly remoteMethod: {
+        readonly type: PropType<(query: Record<string, any>) => Promise<TransferOption[]>>;
+        readonly default: undefined;
+    };
+    readonly customFields: {
+        readonly type: PropType<TransferFields>;
+        readonly default: () => {
+            label: string;
+            value: string;
+            children: string;
+        };
+    };
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+};
+export type TransferSourcePanelProps = ExtractPropTypes<typeof transferSourcePanelProps>;

package/dist/types/{cascader/types.d.ts → types/cascader.d.ts}

@@ -10,6 +10,7 @@ export interface CascaderOption {
 }
 export type ExpandTrigger = 'hover' | 'click';
 export type CheckStrategy = 'all' | 'parent' | 'child';
+export type ShowCheckedStrategy = 'parent' | 'child';
 export type Filter = (pattern: string, option: CascaderOption, path: CascaderOption[]) => boolean;
 export type OnLoad = (option: CascaderOption) => Promise<void>;
 export type OnUpdateValue = (value: CascaderValue | null, option: CascaderOption | null | Array<CascaderOption | null>, path: Array<CascaderOption[] | null> | CascaderOption[] | null) => void;
@@ -34,10 +35,16 @@ export interface CascaderInst {
         keys: Key[];
         options: Array<CascaderOption | null>;
     };
+    getTopCheckedKeys: () => Key[];
+    getTopCheckedData: () => {
+        keys: Key[];
+        options: Array<CascaderOption | null>;
+    };
     getIndeterminateData: () => {
         keys: Key[];
         options: Array<CascaderOption | null>;
     };
+    removeTag: (key: Key) => void;
 }
 export interface CascaderContext {
     mergedValue: CascaderValue | null;
@@ -49,6 +56,7 @@ export interface CascaderContext {
     loadingKeySet: Set<Key>;
     multiple: boolean;
     cascade: boolean;
+    checkStrictly?: boolean;
     checkStrategy: CheckStrategy;
     expandTrigger: ExpandTrigger;
     remote: boolean;
@@ -57,6 +65,9 @@ export interface CascaderContext {
     valueField: string;
     childrenField: string;
     disabledField: string;
+    maxChecked?: number;
+    isMaxLimitReached?: boolean;
+    isOptionDisabledByMax?: (key: Key) => boolean;
     onLoad?: OnLoad;
     updateHoverKey: (key: Key | null) => void;
     updateKeyboardKey: (key: Key | null) => void;

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

@@ -1,2 +1,6 @@
+export * from './cascader';
+export * from './tag';
+export * from './transfer';
+export * from './virtual-list';
 export type DefaultType = 'success' | 'info' | 'warning' | 'danger' | 'primary' | 'default';
 export type DefaultSize = 'small' | 'default' | 'large';

package/dist/types/types/transfer.d.ts

@@ -0,0 +1,84 @@
+/**
+ * 穿梭框选项
+ */
+export interface TransferOption {
+    /**
+     * 选项的唯一标识
+     */
+    value: string | number;
+    /**
+     * 选项显示的文本
+     */
+    label: string;
+    /**
+     * 是否禁用该选项
+     */
+    disabled?: boolean;
+    /**
+     * 子节点（用于树形结构）
+     */
+    children?: TransferOption[];
+    [key: string]: any;
+}
+/**
+ * 穿梭框组件 Emits
+ */
+export interface TransferEmits {
+    /**
+     * 值变化时触发
+     */
+    change: [value: TransferValue];
+    /**
+     * v-model 更新事件
+     */
+    'update:value': [value: TransferValue];
+    /**
+     * 滚动到底部时触发
+     */
+    'scroll-bottom': [keyword: string];
+}
+/**
+ * 穿梭框组件暴露的方法
+ */
+export interface TransferExpose {
+    /**
+     * 清空目标列表
+     */
+    clearTarget: () => void;
+    /**
+     * 全选源列表
+     */
+    selectAll: () => void;
+    /**
+     * 追加缓存的选项数据（用于远程回显）
+     */
+    appendOptions?: (items: TransferOption[]) => void;
+}
+/**
+ * 映射字段配置
+ */
+export interface TransferFields {
+    label?: string;
+    value?: string;
+    children?: string;
+}
+/**
+ * 选中值类型
+ */
+export type TransferValue = Array<string | number>;
+/**
+ * 源面板 emits
+ */
+export interface TransferSourcePanelEmits {
+    change: [value: TransferValue];
+    'update:checked': [value: TransferValue];
+    'scroll-bottom': [keyword: string];
+}
+/**
+ * 源面板暴露的方法
+ */
+export interface TransferSourceExpose {
+    setCheckedKeys: (keys: TransferValue) => void;
+    getAllEnabledValues: () => TransferValue;
+    filterTree: (keyword: string) => void;
+}

package/dist/types/types/virtual-list.d.ts

@@ -0,0 +1,40 @@
+export type { VirtualListProps, virtualListProps } from '../virtual-list/props';
+export interface VirtualListItem {
+    [key: string]: any;
+}
+export interface VirtualListEmits {
+    /**
+     * 滚动到顶部事件
+     */
+    'update:scroll-top': [];
+    /**
+     * 滚动到底部事件
+     */
+    'update:scroll-bottom': [];
+    /**
+     * 滚动位置变化
+     */
+    'update:scroll-position': [position: number];
+    /**
+     * 滚动事件
+     */
+    scroll: [position: number, event: Event];
+}
+export interface VirtualListInstance {
+    /**
+     * 滚动到指定位置
+     */
+    scrollToPosition: (position: {
+        top?: number;
+        left?: number;
+    } | number) => void;
+    /**
+     * 滚动到指定项
+     */
+    scrollToItem: (index: number) => void;
+    /**
+     * 获取当前滚动位置
+     */
+    getScrollPosition: () => number;
+}
+export type VirtualListMode = 'fixed' | 'dynamic';

package/dist/types/virtual-list/index.d.ts

@@ -0,0 +1,5 @@
+export type { VirtualListProps, VirtualListEmits, VirtualListInstance } from '../types/virtual-list';
+import type { Plugin } from 'vue';
+import VirtualListComponent from './index.vue';
+declare const VirtualList: typeof VirtualListComponent & Plugin;
+export default VirtualList;

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

@@ -0,0 +1,131 @@
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+declare var __VLS_12: {}, __VLS_15: {
+    item: any;
+    index: any;
+}, __VLS_28: {}, __VLS_37: {
+    item: any;
+    index: any;
+};
+type __VLS_Slots = {} & {
+    after?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    after?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly items: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly required: true;
+    };
+    readonly mode: {
+        readonly type: import("vue").PropType<import("..").VirtualListMode>;
+        readonly default: "fixed";
+    };
+    readonly itemSize: {
+        readonly type: import("vue").PropType<number | ((item: any) => number)>;
+        readonly default: 32;
+    };
+    readonly minItemSize: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly itemKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly pageMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly buffer: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly prerender: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly threshold: {
+        readonly type: NumberConstructor;
+        readonly default: 50;
+    };
+    readonly sizeDependencies: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+}>, {
+    scrollToPosition: (position: {
+        top?: number;
+        left?: number;
+    } | number) => void;
+    scrollToItem: (index: number) => void;
+    getScrollPosition: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "reach-top": (event: Event) => any;
+    "reach-bottom": (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly items: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly required: true;
+    };
+    readonly mode: {
+        readonly type: import("vue").PropType<import("..").VirtualListMode>;
+        readonly default: "fixed";
+    };
+    readonly itemSize: {
+        readonly type: import("vue").PropType<number | ((item: any) => number)>;
+        readonly default: 32;
+    };
+    readonly minItemSize: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly itemKey: {
+        readonly type: StringConstructor;
+        readonly default: "id";
+    };
+    readonly pageMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly buffer: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly prerender: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly threshold: {
+        readonly type: NumberConstructor;
+        readonly default: 50;
+    };
+    readonly sizeDependencies: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+}>> & Readonly<{
+    "onReach-top"?: ((event: Event) => any) | undefined;
+    "onReach-bottom"?: ((event: Event) => any) | undefined;
+}>, {
+    readonly itemSize: number | ((item: any) => number);
+    readonly mode: import("..").VirtualListMode;
+    readonly minItemSize: number;
+    readonly itemKey: string;
+    readonly pageMode: boolean;
+    readonly buffer: number;
+    readonly prerender: number;
+    readonly threshold: number;
+    readonly sizeDependencies: any[];
+}, {}, {}, {}, 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;
+    };
+};