lew-ui 2.7.55 → 2.7.56

package/dist/components/form/tree-select-multiple/src/emits.d.ts

@@ -0,0 +1,4 @@
+export declare const treeSelectMultipleEmits: {
+    readonly change: (value?: string) => string | undefined;
+    readonly clear: () => void;
+};

package/dist/components/form/{select-multiple → tree-select-multiple}/src/props.d.ts

@@ -1,38 +1,25 @@
 import { Property } from 'csstype';
-import { LewSelectMultipleOption, LewSelectMultipleValueLayout, LewSelectSearchMultipleMethodParams, LewSize, LewTrigger } from '../../../..';
+import { LewSize, LewTreeDataSource, LewTrigger } from '../../../..';
 import { ExtractPublicPropTypes, PropType } from 'vue';
-export declare const selectMultipleModel: {
+export declare const treeSelectMultipleModel: {
     modelValue: {
-        type: PropType<string[]>;
-        default: () => never[];
+        type: StringConstructor;
+        default: undefined;
     };
 };
-export declare const selectMultipleProps: {
-    options: {
-        type: PropType<LewSelectMultipleOption[]>;
+export declare const treeSelectMultipleProps: {
+    dataSource: {
+        type: PropType<LewTreeDataSource[]>;
         typePopKeys: string[];
         validator: (value: any[] | undefined) => boolean;
     };
-    trigger: {
-        type: PropType<LewTrigger>;
-        default: string;
-        typeValues: LewTrigger[];
-        validator: (value: any) => boolean;
-    };
     width: {
         type: PropType<Property.Width>;
         default: string;
         validator: (value: string | number | undefined) => boolean;
     };
-    valueLayout: {
-        type: PropType<LewSelectMultipleValueLayout>;
-        default: string;
-        typeValues: LewSelectMultipleValueLayout[];
-        validator: (value: any) => boolean;
-    };
-    valueTextSplit: {
+    defaultValue: {
         type: StringConstructor;
-        default: string;
         validator: (value: any) => boolean;
     };
     placeholder: {
@@ -46,38 +33,44 @@ export declare const selectMultipleProps: {
         typeValues: LewSize[];
         validator: (value: any) => boolean;
     };
-    itemHeight: {
-        type: NumberConstructor;
-        default: number;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
         validator: (value: any) => boolean;
     };
-    searchable: {
+    clearable: {
         type: BooleanConstructor;
         default: boolean;
         validator: (value: any) => boolean;
     };
-    searchPlaceholder: {
-        type: StringConstructor;
-        default: string;
+    checkable: {
+        type: BooleanConstructor;
+        default: boolean;
         validator: (value: any) => boolean;
     };
-    searchMethod: {
-        type: PropType<(params: LewSelectSearchMultipleMethodParams) => LewSelectMultipleOption[]>;
-        default: undefined;
+    showAllLevels: {
+        type: BooleanConstructor;
+        default: boolean;
         validator: (value: any) => boolean;
     };
-    initMethod: {
-        type: PropType<() => LewSelectMultipleOption[] | Promise<LewSelectMultipleOption[]>>;
-        default: undefined;
+    showCheckIcon: {
+        type: BooleanConstructor;
+        default: boolean;
         validator: (value: any) => boolean;
     };
-    initMethodId: {
-        type: StringConstructor;
+    showLine: {
+        type: BooleanConstructor;
+        default: boolean;
         validator: (value: any) => boolean;
     };
-    searchMethodId: {
-        type: StringConstructor;
-        hidden: boolean;
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: any) => boolean;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: boolean;
         validator: (value: any) => boolean;
     };
     searchDelay: {
@@ -85,35 +78,50 @@ export declare const selectMultipleProps: {
         default: number;
         validator: (value: any) => boolean;
     };
-    clearable: {
+    readonly: {
         type: BooleanConstructor;
         default: boolean;
         validator: (value: any) => boolean;
     };
-    enableSearchCache: {
+    free: {
         type: BooleanConstructor;
         default: boolean;
         validator: (value: any) => boolean;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
+    trigger: {
+        type: PropType<LewTrigger>;
+        default: string;
+        typeValues: LewTrigger[];
         validator: (value: any) => boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    keyField: {
+        type: StringConstructor;
+        default: string;
         validator: (value: any) => boolean;
     };
-    showCheckIcon: {
-        type: BooleanConstructor;
-        default: boolean;
+    labelField: {
+        type: StringConstructor;
+        default: string;
         validator: (value: any) => boolean;
     };
-    defaultValue: {
-        type: PropType<(string | number)[]>;
-        default: () => never[];
-        validator: (value: any[] | undefined) => boolean;
+    disabledField: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: any) => boolean;
+    };
+    initMethod: {
+        type: PropType<() => void>;
+        default: undefined;
+        validator: (value: any) => boolean;
+    };
+    initMethodId: {
+        type: StringConstructor;
+        validator: (value: any) => boolean;
+    };
+    loadMethod: {
+        type: PropType<() => void>;
+        default: undefined;
+        validator: (value: any) => boolean;
     };
 };
-export type LewSelectMultipleProps = ExtractPublicPropTypes<typeof selectMultipleProps>;
+export type LewTreeSelectMultipleProps = ExtractPublicPropTypes<typeof treeSelectMultipleProps>;

package/dist/hooks/index.d.ts

@@ -1,2 +1,4 @@
-export declare function useEventListener(target: EventTarget, event: string, callback: EventListenerOrEventListenerObject): void;
-export declare function useDOMCreate(nodeId: string): void;
+import { useDOMCreate } from './useDOMCreate';
+import { useEventListener } from './useEventListener';
+import { useTreeSelection } from './useTreeSelection';
+export { useDOMCreate, useEventListener, useTreeSelection };

package/dist/hooks/useDOMCreate.d.ts

@@ -0,0 +1 @@
+export declare function useDOMCreate(nodeId: string): void;

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1 @@
+export declare function useEventListener(target: EventTarget, event: string, callback: EventListenerOrEventListenerObject): void;

package/dist/hooks/useTreeSelection.d.ts

@@ -0,0 +1,34 @@
+export interface TreeNode {
+    key: string;
+    children?: TreeNode[];
+    disabled?: boolean;
+}
+/**
+ * 树形选择 Hook - 参考 Ant Design 和 Element UI 的实现
+ *
+ * 核心规则：
+ * 1. 选中状态和半选状态互斥
+ * 2. 选中节点时，所有子节点自动选中
+ * 3. 取消选中节点时，所有子节点自动取消选中
+ * 4. 子节点状态变化时，自动更新所有祖先节点状态
+ */
+export declare function useTreeSelection(): {
+    selectedKeys: globalThis.Ref<string[], string[]>;
+    indeterminateKeys: globalThis.Ref<string[], string[]>;
+    init: ({ tree: _tree, keys }: {
+        tree?: TreeNode[];
+        keys: string[];
+    }) => void;
+    addKey: (key: string) => void;
+    removeKey: (key: string) => void;
+    toggleKey: (key: string) => void;
+    isSelected: globalThis.ComputedRef<(key: string) => boolean>;
+    isIndeterminate: globalThis.ComputedRef<(key: string) => boolean>;
+    isNodeDisabled: (key: string) => boolean;
+    getSelectedLeafKeys: () => string[];
+    findItemsByValues: (values: string[]) => Array<{
+        key: string;
+        disabled?: boolean;
+        isLeaf: boolean;
+    }>;
+};