twcpt 0.0.2 → 0.0.4

package/dist/components/j-tw-tree-select/TreeNode.d.ts

@@ -0,0 +1,124 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { JTWTreeNode } from './types';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    node: {
+        type: PropType<JTWTreeNode>;
+        required: true;
+    };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandedKeys: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    innerValue: {
+        type: PropType<string | number | (string | number)[] | undefined>;
+        default: undefined;
+    };
+    innerValues: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isNodeChecked: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    isNodeIndeterminate: {
+        type: PropType<(node: JTWTreeNode) => boolean>;
+        required: true;
+    };
+    isNodeSelected: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    shouldShowCheckbox: {
+        type: PropType<(node: JTWTreeNode) => boolean>;
+        required: true;
+    };
+    toggleExpand: {
+        type: PropType<(key: string | number) => void>;
+        required: true;
+    };
+    handleNodeClick: {
+        type: PropType<(node: JTWTreeNode) => void>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    node: {
+        type: PropType<JTWTreeNode>;
+        required: true;
+    };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandedKeys: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    innerValue: {
+        type: PropType<string | number | (string | number)[] | undefined>;
+        default: undefined;
+    };
+    innerValues: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isNodeChecked: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    isNodeIndeterminate: {
+        type: PropType<(node: JTWTreeNode) => boolean>;
+        required: true;
+    };
+    isNodeSelected: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    shouldShowCheckbox: {
+        type: PropType<(node: JTWTreeNode) => boolean>;
+        required: true;
+    };
+    toggleExpand: {
+        type: PropType<(key: string | number) => void>;
+        required: true;
+    };
+    handleNodeClick: {
+        type: PropType<(node: JTWTreeNode) => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    multiple: boolean;
+    level: number;
+    isLast: boolean;
+    checkStrictly: boolean;
+    innerValue: string | number | (string | number)[] | undefined;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-tw-tree-select/index.d.ts

@@ -0,0 +1,292 @@
+import { PropType, DefineComponent, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { JTWTreeNode } from './types';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    data: {
+        type: PropType<JTWTreeNode[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<string | number | (string | number)[]>;
+        default: undefined;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    accordion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    externalSearchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultExpandFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    treeSelectRef: Ref<HTMLElement | null, HTMLElement | null>;
+    searchText: Ref<string, string>;
+    expandedKeys: Ref<Set<string | number> & Omit<Set<string | number>, keyof Set<any>>, Set<string | number> | (Set<string | number> & Omit<Set<string | number>, keyof Set<any>>)>;
+    innerValue: Ref<string | number | (string | number)[] | undefined, string | number | (string | number)[] | undefined>;
+    innerValues: Ref<Set<string | number> & Omit<Set<string | number>, keyof Set<any>>, Set<string | number> | (Set<string | number> & Omit<Set<string | number>, keyof Set<any>>)>;
+    filteredData: ComputedRef<JTWTreeNode[]>;
+    toggleExpand: (key: string | number) => void;
+    handleNodeClick: (node: JTWTreeNode) => void;
+    isNodeChecked: (nodeValue: string | number) => boolean;
+    isNodeIndeterminate: (node: JTWTreeNode) => boolean;
+    isNodeSelected: (nodeValue: string | number) => boolean;
+    shouldShowCheckbox: (node: JTWTreeNode) => boolean;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'update:modelValue': (_value: string | number | (string | number)[]) => true;
+    change: (_value: string | number | (string | number)[], _node: JTWTreeNode | JTWTreeNode[] | null) => true;
+    blur: (_event: FocusEvent) => true;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    data: {
+        type: PropType<JTWTreeNode[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<string | number | (string | number)[]>;
+        default: undefined;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    accordion: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    externalSearchText: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultExpandFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: string | number | (string | number)[]) => any) | undefined;
+    onBlur?: ((_event: FocusEvent) => any) | undefined;
+    onChange?: ((_value: string | number | (string | number)[], _node: JTWTreeNode | JTWTreeNode[] | null) => any) | undefined;
+}>, {
+    data: JTWTreeNode[];
+    modelValue: string | number | (string | number)[];
+    searchPlaceholder: string;
+    accordion: boolean;
+    multiple: boolean;
+    defaultExpandFirst: boolean;
+    maxHeight: number;
+    validateEvent: boolean;
+    bordered: boolean;
+    checkStrictly: boolean;
+    externalSearchText: string;
+    showSearch: boolean;
+}, {}, {
+    TreeNode: DefineComponent<ExtractPropTypes<{
+        node: {
+            type: PropType<JTWTreeNode>;
+            required: true;
+        };
+        level: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLast: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expandedKeys: {
+            type: PropType<Set<string | number>>;
+            required: true;
+        };
+        innerValue: {
+            type: PropType<string | number | (string | number)[] | undefined>;
+            default: undefined;
+        };
+        innerValues: {
+            type: PropType<Set<string | number>>;
+            required: true;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        checkStrictly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isNodeChecked: {
+            type: PropType<(nodeValue: string | number) => boolean>;
+            required: true;
+        };
+        isNodeIndeterminate: {
+            type: PropType<(node: JTWTreeNode) => boolean>;
+            required: true;
+        };
+        isNodeSelected: {
+            type: PropType<(nodeValue: string | number) => boolean>;
+            required: true;
+        };
+        shouldShowCheckbox: {
+            type: PropType<(node: JTWTreeNode) => boolean>;
+            required: true;
+        };
+        toggleExpand: {
+            type: PropType<(key: string | number) => void>;
+            required: true;
+        };
+        handleNodeClick: {
+            type: PropType<(node: JTWTreeNode) => void>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+        node: {
+            type: PropType<JTWTreeNode>;
+            required: true;
+        };
+        level: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLast: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        expandedKeys: {
+            type: PropType<Set<string | number>>;
+            required: true;
+        };
+        innerValue: {
+            type: PropType<string | number | (string | number)[] | undefined>;
+            default: undefined;
+        };
+        innerValues: {
+            type: PropType<Set<string | number>>;
+            required: true;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        checkStrictly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isNodeChecked: {
+            type: PropType<(nodeValue: string | number) => boolean>;
+            required: true;
+        };
+        isNodeIndeterminate: {
+            type: PropType<(node: JTWTreeNode) => boolean>;
+            required: true;
+        };
+        isNodeSelected: {
+            type: PropType<(nodeValue: string | number) => boolean>;
+            required: true;
+        };
+        shouldShowCheckbox: {
+            type: PropType<(node: JTWTreeNode) => boolean>;
+            required: true;
+        };
+        toggleExpand: {
+            type: PropType<(key: string | number) => void>;
+            required: true;
+        };
+        handleNodeClick: {
+            type: PropType<(node: JTWTreeNode) => void>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        multiple: boolean;
+        level: number;
+        isLast: boolean;
+        checkStrictly: boolean;
+        innerValue: string | number | (string | number)[] | undefined;
+    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    JTWStatusImg: DefineComponent<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>, {
+        imageSrc: ComputedRef<string>;
+        imageStyle: ComputedRef<Record<string, string>>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        width: string | number;
+        height: string | number;
+    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-tw-tree-select/types.d.ts

@@ -0,0 +1,110 @@
+import { DefineComponent } from 'vue';
+/** 树节点 */
+export interface JTWTreeNode {
+    /** 节点唯一标识 */
+    value: string | number;
+    /** 节点显示文本 */
+    label: string;
+    /** 子节点 */
+    children?: JTWTreeNode[];
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 统计信息（如 0/2） */
+    count?: string;
+}
+/**
+ * @description JTWTreeSelect 扁平树形选择器组件
+ */
+export interface JTWTreeSelectProps {
+    /**
+     * 树形数据
+     */
+    data?: JTWTreeNode[];
+    /**
+     * 当前选中的值（单选时为 string | number，多选时为 (string | number)[]）
+     */
+    modelValue?: string | number | (string | number)[];
+    /**
+     * 搜索框占位符
+     */
+    searchPlaceholder?: string;
+    /**
+     * 手风琴模式，打开一个节点时关闭其他节点
+     * @default false
+     */
+    accordion?: boolean;
+    /**
+     * 是否多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 是否严格模式（父子节点不关联）
+     * 为 true 时，父节点可以被选中
+     * 为 false 时，父节点仅作为展开/收起按钮
+     * @default false
+     */
+    checkStrictly?: boolean;
+    /**
+     * 最大高度
+     */
+    maxHeight?: number;
+    /**
+     * 外部搜索文本（用于外部搜索框控制）
+     */
+    externalSearchText?: string;
+    /**
+     * 是否显示边框
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * 是否显示内部搜索框
+     * @default true
+     */
+    showSearch?: boolean;
+    /**
+     * 是否触发表单验证
+     * @default true
+     */
+    validateEvent?: boolean;
+    /**
+     * 是否默认展开第一个节点
+     * @default false
+     */
+    defaultExpandFirst?: boolean;
+}
+/** JTWTreeSelect Emits 接口 */
+export interface JTWTreeSelectEmits {
+    (e: 'update:modelValue', value: string | number | (string | number)[]): void;
+    (e: 'change', value: string | number | (string | number)[], node: JTWTreeNode | JTWTreeNode[] | null): void;
+    (e: 'blur', event: FocusEvent): void;
+}
+/** JTWTreeSelect Slots 接口 */
+export interface JTWTreeSelectSlots {
+    /** 自定义节点内容 */
+    default?: (node: JTWTreeNode) => any;
+}
+/** JTWTreeSelect 暴露的方法 */
+export interface JTWTreeSelectExpose {
+    /** 根元素 */
+    $el: HTMLElement | undefined;
+}
+/** Emits 配置对象格式 */
+export type JTWTreeSelectEmitsOptions = {
+    'update:modelValue': (value: string | number | (string | number)[]) => true;
+    change: (value: string | number | (string | number)[], node: JTWTreeNode | JTWTreeNode[] | null) => true;
+    blur: (event: FocusEvent) => true;
+};
+/** JTWTreeSelect 组件类型定义 */
+export type JTWTreeSelectComponent = DefineComponent<JTWTreeSelectProps, JTWTreeSelectExpose, {}, {}, {}, {}, {}, JTWTreeSelectEmitsOptions>;
+/** JTWTreeSelect 实例类型 */
+export type JTWTreeSelectInstance = InstanceType<JTWTreeSelectComponent> & JTWTreeSelectExpose;
+/** JTWTreeSelect 模板 Props（用于全局类型声明） */
+export interface JTWTreeSelectTemplateProps extends JTWTreeSelectProps {
+    'onUpdate:modelValue'?: (value: string | number | (string | number)[]) => void;
+    onChange?: (value: string | number | (string | number)[], node: JTWTreeNode | JTWTreeNode[] | null) => void;
+    onBlur?: (event: FocusEvent) => void;
+    class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    style?: string | Record<string, string>;
+}

package/dist/components/j-tw-tree-select-btn/TreeNode.d.ts

@@ -0,0 +1,107 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { JTWTreeNode } from './types';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    node: {
+        type: PropType<JTWTreeNode>;
+        required: true;
+    };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandedKeys: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    tempSelectedValue: {
+        type: PropType<string | number | undefined>;
+        default: undefined;
+    };
+    tempSelectedValues: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isNodeChecked: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    isNodeIndeterminate: {
+        type: PropType<(node: JTWTreeNode) => boolean>;
+        required: true;
+    };
+    isNodeSelected: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    toggleExpand: {
+        type: PropType<(key: string | number) => void>;
+        required: true;
+    };
+    handleNodeClick: {
+        type: PropType<(node: JTWTreeNode) => void>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    node: {
+        type: PropType<JTWTreeNode>;
+        required: true;
+    };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandedKeys: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    tempSelectedValue: {
+        type: PropType<string | number | undefined>;
+        default: undefined;
+    };
+    tempSelectedValues: {
+        type: PropType<Set<string | number>>;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isNodeChecked: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    isNodeIndeterminate: {
+        type: PropType<(node: JTWTreeNode) => boolean>;
+        required: true;
+    };
+    isNodeSelected: {
+        type: PropType<(nodeValue: string | number) => boolean>;
+        required: true;
+    };
+    toggleExpand: {
+        type: PropType<(key: string | number) => void>;
+        required: true;
+    };
+    handleNodeClick: {
+        type: PropType<(node: JTWTreeNode) => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    multiple: boolean;
+    level: number;
+    isLast: boolean;
+    tempSelectedValue: string | number | undefined;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;