@dazhicheng/ui 1.5.111 → 1.5.112

package/dist/components/tt-panel-select/src/components/PanelMiddle.vue.d.ts

@@ -11,9 +11,11 @@ type __VLS_Props = {
     selectedValues: PanelSelectValue[];
     isAllChecked: boolean;
     isIndeterminate: boolean;
-    scrollToGroupValue?: PanelSelectValue;
     groupCheckedMap: Record<string, boolean>;
     groupIndeterminateMap: Record<string, boolean>;
+    scrollToGroupValue?: PanelSelectValue;
+    pasteSearch: boolean;
+    separator: string;
 };
 declare function scrollToGroup(groupValue: PanelSelectValue): Promise<void>;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
@@ -23,12 +25,205 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     "update:keyword": (value: string) => any;
     groupCheck: (groupValue: PanelSelectValue, checked: boolean) => any;
     optionCheck: (value: PanelSelectValue, checked: boolean) => any;
+    optionsCheck: (values: PanelSelectValue[], checked: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCheckAll?: ((checked: boolean) => any) | undefined;
     "onUpdate:keyword"?: ((value: string) => any) | undefined;
     onGroupCheck?: ((groupValue: PanelSelectValue, checked: boolean) => any) | undefined;
     onOptionCheck?: ((value: PanelSelectValue, checked: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    onOptionsCheck?: ((values: PanelSelectValue[], checked: boolean) => any) | undefined;
+}>, {
+    separator: string;
+    pasteSearch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    searchInputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly size?: import('element-plus').ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
+            readonly modelModifiers?: import('element-plus').InputModelModifiers | undefined;
+            readonly maxlength?: string | number | undefined;
+            readonly minlength?: string | number | undefined;
+            readonly type?: import('element-plus').InputType | undefined;
+            readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+            readonly autosize?: import('element-plus').InputAutoSize | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly formatter?: ((value: string) => string) | undefined;
+            readonly parser?: ((value: string) => string) | undefined;
+            readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly clearIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly showPassword?: boolean | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly wordLimitPosition?: "inside" | "outside" | undefined;
+            readonly suffixIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly prefixIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly containerRole?: string | undefined;
+            readonly tabindex?: string | number | undefined;
+            readonly validateEvent?: boolean | undefined;
+            readonly inputStyle?: import('vue').StyleValue;
+            readonly autofocus?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly inputmode?: "search" | "none" | "url" | "text" | "tel" | "email" | "numeric" | "decimal" | undefined;
+            readonly name?: string | undefined;
+            readonly countGraphemes?: ((value: string) => number) | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined | undefined;
+            readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onInput?: ((value: string) => any) | undefined | undefined;
+            readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
+            readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+            readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').InputProps> & Readonly<{
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        }>, {
+            input: import('vue').ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: import('vue').ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: import('vue').ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: import('vue').ComputedRef<import('vue').StyleValue>;
+            autosize: import('vue').Ref<import('element-plus').InputAutoSize | undefined, import('element-plus').InputAutoSize | undefined>;
+            isComposing: import('vue').Ref<boolean, boolean>;
+            passwordVisible: import('vue').Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            blur: (evt: FocusEvent) => void;
+            change: (value: string, evt?: Event | undefined) => void;
+            compositionend: (evt: CompositionEvent) => void;
+            compositionstart: (evt: CompositionEvent) => void;
+            compositionupdate: (evt: CompositionEvent) => void;
+            focus: (evt: FocusEvent) => void;
+            input: (value: string) => void;
+            keydown: (evt: Event | KeyboardEvent) => void;
+            mouseenter: (evt: MouseEvent) => void;
+            mouseleave: (evt: MouseEvent) => void;
+            "update:modelValue": (value: string) => void;
+            clear: (evt: MouseEvent | undefined) => void;
+        }, string, {
+            type: import('element-plus').InputType;
+            disabled: boolean;
+            modelValue: string | number | null;
+            modelModifiers: import('element-plus').InputModelModifiers;
+            autocomplete: string;
+            clearIcon: import('element-plus/es/utils/index.mjs').IconPropType;
+            wordLimitPosition: "inside" | "outside";
+            tabindex: string | number;
+            validateEvent: boolean;
+            inputStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            rows: number;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        type: import('element-plus').InputType;
+        disabled: boolean;
+        modelValue: string | number | null;
+        modelModifiers: import('element-plus').InputModelModifiers;
+        autocomplete: string;
+        clearIcon: import('element-plus/es/utils/index.mjs').IconPropType;
+        wordLimitPosition: "inside" | "outside";
+        tabindex: string | number;
+        validateEvent: boolean;
+        inputStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+        rows: number;
+    }> & Omit<Readonly<import('element-plus').InputProps> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+    }>, "type" | "input" | "select" | "textarea" | "blur" | "focus" | "disabled" | "clear" | "ref" | "tabindex" | "modelValue" | "validateEvent" | "autocomplete" | "clearIcon" | "inputStyle" | "modelModifiers" | "autosize" | "wordLimitPosition" | "rows" | "textareaStyle" | "isComposing" | "passwordVisible" | "resizeTextarea"> & import('vue').ShallowUnwrapRef<{
+        input: import('vue').ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: import('vue').ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+        ref: import('vue').ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        textareaStyle: import('vue').ComputedRef<import('vue').StyleValue>;
+        autosize: import('vue').Ref<import('element-plus').InputAutoSize | undefined, import('element-plus').InputAutoSize | undefined>;
+        isComposing: import('vue').Ref<boolean, boolean>;
+        passwordVisible: import('vue').Ref<boolean, boolean>;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    }) | null;
     scrollbarRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};

package/dist/components/tt-panel-select/src/hooks/usePanelSelectData.d.ts

@@ -1,4 +1,7 @@
 import { PanelContainerProps, PanelSelectOption, PanelSelectValue } from '../props';
+/**
+ * 面板内部统一使用的树节点结构。
+ */
 export type PanelTreeNode = PanelSelectOption & {
     label: string;
     value: PanelSelectValue;
@@ -9,11 +12,18 @@ export type PanelTreeNode = PanelSelectOption & {
     path: PanelTreeNode[];
     raw: PanelSelectOption;
 };
+/**
+ * 中间列表按组展示时的分组结构。
+ */
 export type OptionGroup = {
     value: PanelSelectValue;
     label: string;
     options: PanelTreeNode[];
 };
+/**
+ * 面板数据层：负责拉取数据、树结构归一化、扁平化与分组。
+ * @param props 组件 props
+ */
 export declare function usePanelSelectData(props: PanelContainerProps): {
     loading: import('vue').Ref<boolean, boolean>;
     fetchApi: () => Promise<void>;

package/dist/components/tt-panel-select/src/hooks/usePanelSelectSelection.d.ts

@@ -7,6 +7,10 @@ type UsePanelSelectSelectionParams = {
     selectedValues: WritableComputedRef<PanelSelectValue[]>;
     leafNodes: Readonly<Ref<PanelTreeNode[]>>;
 };
+/**
+ * 管理面板选中状态与右侧已选列表。
+ * @param params 选择逻辑所需的响应式参数
+ */
 export declare function usePanelSelectSelection(params: UsePanelSelectSelectionParams): {
     selectedOptions: import('vue').ComputedRef<PanelTreeNode[]>;
     isAllChecked: import('vue').ComputedRef<boolean>;
@@ -15,6 +19,7 @@ export declare function usePanelSelectSelection(params: UsePanelSelectSelectionP
     isGroupIndeterminate: (group: OptionGroup) => boolean;
     handleGroupCheck: (group: OptionGroup, checked: boolean) => void;
     handleOptionCheck: (value: PanelSelectValue, checked: boolean) => void;
+    handleOptionsCheck: (values: PanelSelectValue[], checked: boolean) => void;
     handleCheckAll: (checked: boolean) => void;
     removeSelected: (value: PanelSelectValue) => void;
 };

package/dist/components/tt-panel-select/src/props.d.ts

@@ -7,35 +7,45 @@ export interface PanelSelectOption extends Recordable {
     disabled?: boolean;
     children?: PanelSelectOption[];
 }
+export interface PanelSelectTreeConfig {
+    /** 是否将平铺数据自动转换为树结构 */
+    transform?: boolean;
+    /** 显示字段名 */
+    labelField?: string;
+    /** 值字段名 */
+    valueField?: string;
+    /** 禁用字段名 */
+    disabledField?: string;
+    /** 子节点字段名 */
+    childrenField?: string;
+    /** 父节点字段名（平铺结构使用） */
+    parentField?: string;
+    /** 根节点父值（平铺结构使用） */
+    rootParentValue?: PanelSelectValue | null;
+}
 export interface PanelContainerProps {
-    /** 是否展示左侧导航栏 */
+    /** 是否显示左侧导航树 */
     showNav?: boolean;
     /** 是否多选 */
     multiple?: boolean;
-    /** 远程加载数据 */
+    /** 远程加载函数 */
     api?: (arg?: any) => Promise<PanelSelectOption[] | Recordable>;
-    /** 传递给 api 的参数 */
+    /** 传给 api 的参数 */
     params?: Recordable;
-    /** 从 api 返回结果中提取数组的字段名 */
+    /** 当 api 返回对象时，用于提取列表的字段路径 */
     resultField?: string;
-    /** 直接传入的数据，支持树结构或平铺结构 */
+    /** 本地数据源，支持树形或平铺结构 */
     options?: PanelSelectOption[];
-    /** label 字段名 */
-    labelField?: string;
-    /** value 字段名 */
-    valueField?: string;
-    /** disabled 字段名 */
-    disabledField?: string;
-    /** children 字段名，传树结构时使用 */
-    childrenField?: string;
-    /** parent 字段名，传平铺结构时用于转树 */
-    parentField?: string;
-    /** 根节点 parent 值 */
-    rootParentValue?: PanelSelectValue | null;
-    /** 是否立即请求远程数据 */
+    /** 树转换与字段映射配置 */
+    treeConfig?: PanelSelectTreeConfig;
+    /** 是否在组件初始化时立即请求 */
     immediate?: boolean;
-    /** 请求前处理参数 */
+    /** 请求前钩子 */
     beforeFetch?: AnyPromiseFunction<any, any>;
-    /** 请求后处理返回值 */
+    /** 请求后钩子 */
     afterFetch?: AnyPromiseFunction<any, any>;
+    /** 粘贴拆分分隔符 */
+    separator?: string;
+    /** 粘贴后是否触发搜索 */
+    pasteSearch?: boolean;
 }

package/dist/components/tt-text/index.vue.d.ts

@@ -3,9 +3,9 @@ type __VLS_Props = {
     modelValue?: string;
     /** 是否开启toolTip */
     toolTip?: boolean;
-    /** 几行省略 */
-    placement?: string;
     /** toolTip 的位置 */
+    placement?: string;
+    /** 几行省略 */
     toolTipLine?: number;
     /** toolTip 的最大宽度 */
     toolTipMaxWidth?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;