@bscjc/webui 1.5.0 → 1.6.1

package/README.md

@@ -6,17 +6,18 @@
 
 @bscjc/webui 是一个基于 Element Plus 的 Vue3 组件库，包含以下组件：
 
-| 组件名             | 说明                                           |
-| ------------------ | ---------------------------------------------- |
-| JcListLayout       | 列表布局组件，支持自定义顶部和底部内容         |
-| JcSelectQuery      | 下拉选择器组件，支持多选、单选、搜索和全选功能 |
-| JcDatePicker       | 日期选择器组件，支持日期范围和月份范围选择     |
-| JcInputSwitch      | 输入切换组件，支持多字段切换输入               |
-| JcInputComplex     | 复杂输入切换组件，支持单行和多行文本输入       |
-| JcTagQuery         | 标签查询组件，用于展示和管理查询标签           |
-| JcMoreQueryContain | 查询容器，用于包裹更多查询条件                 |
-| JcImportDialog     | 导入弹窗组件，支持导入操作和下载模版           |
-| JcImportButton     | 导入按钮组件，支持导入操作                     |
+| 组件名             | 说明                                             |
+| ------------------ | ------------------------------------------------ |
+| JcListLayout       | 列表布局组件，支持自定义顶部和底部内容           |
+| JcSelectQuery      | 下拉选择器组件，支持多选、单选、搜索和全选功能   |
+| JcDatePicker       | 日期选择器组件，支持日期范围和月份范围选择       |
+| JcInputSwitch      | 输入切换组件，支持多字段切换输入                 |
+| JcInputComplex     | 复杂输入切换组件，支持单行和多行文本输入         |
+| JcTagQuery         | 标签查询组件，用于展示和管理查询标签             |
+| JcMoreQueryContain | 查询容器，用于包裹更多查询条件                   |
+| JcImportDialog     | 导入弹窗组件，支持导入操作和下载模版             |
+| JcImportButton     | 导入按钮组件，支持导入操作                       |
+| JcInputTag         | 标签输入组件，支持多字段切换、数量限制和批量添加 |
 
 ## 安装使用说明
 

package/dist/components/JcInputTag/index.d.ts

@@ -0,0 +1,219 @@
+export declare const JcInputTag: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.vue").Props> & Readonly<{
+        onClear?: ((payload: {
+            key: string;
+        }) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Record<string, string[]>) => any) | undefined;
+        onChange?: ((payload: {
+            key: string;
+            tags: string[];
+        }) => any) | undefined;
+        onAdd?: ((payload: {
+            key: string;
+            tag: string;
+            source: "enter" | "paste" | "bulk";
+        }) => any) | undefined;
+        onRemove?: ((payload: {
+            key: string;
+            tag: string;
+        }) => any) | undefined;
+        onExceed?: ((payload: {
+            key: string;
+            max: number;
+            attempted: string[];
+        }) => any) | undefined;
+        "onTab-change"?: ((payload: {
+            from: string;
+            to: string;
+        }) => any) | undefined;
+    }>, {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        clear: () => void;
+        addTags: (tags: string[], source: "enter" | "paste" | "bulk") => void;
+        removeTag: (tag: string) => void;
+        activeKey: string;
+        setActiveKey: (key: string) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        clear: (payload: {
+            key: string;
+        }) => any;
+        "update:modelValue": (value: Record<string, string[]>) => any;
+        change: (payload: {
+            key: string;
+            tags: string[];
+        }) => any;
+        add: (payload: {
+            key: string;
+            tag: string;
+            source: "enter" | "paste" | "bulk";
+        }) => any;
+        remove: (payload: {
+            key: string;
+            tag: string;
+        }) => any;
+        exceed: (payload: {
+            key: string;
+            max: number;
+            attempted: string[];
+        }) => any;
+        "tab-change": (payload: {
+            from: string;
+            to: string;
+        }) => any;
+    }, import("vue").PublicProps, {
+        size: "small" | "default" | "large";
+        modelValue: Record<string, string[]>;
+        disabled: boolean;
+        clearable: boolean;
+        placeholder: string;
+        fields: import("./index.vue").InputTagFieldItem[];
+        maxTags: number;
+        bulkAdd: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./index.vue").Props> & Readonly<{
+        onClear?: ((payload: {
+            key: string;
+        }) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Record<string, string[]>) => any) | undefined;
+        onChange?: ((payload: {
+            key: string;
+            tags: string[];
+        }) => any) | undefined;
+        onAdd?: ((payload: {
+            key: string;
+            tag: string;
+            source: "enter" | "paste" | "bulk";
+        }) => any) | undefined;
+        onRemove?: ((payload: {
+            key: string;
+            tag: string;
+        }) => any) | undefined;
+        onExceed?: ((payload: {
+            key: string;
+            max: number;
+            attempted: string[];
+        }) => any) | undefined;
+        "onTab-change"?: ((payload: {
+            from: string;
+            to: string;
+        }) => any) | undefined;
+    }>, {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        clear: () => void;
+        addTags: (tags: string[], source: "enter" | "paste" | "bulk") => void;
+        removeTag: (tag: string) => void;
+        activeKey: string;
+        setActiveKey: (key: string) => void;
+    }, {}, {}, {}, {
+        size: "small" | "default" | "large";
+        modelValue: Record<string, string[]>;
+        disabled: boolean;
+        clearable: boolean;
+        placeholder: string;
+        fields: import("./index.vue").InputTagFieldItem[];
+        maxTags: number;
+        bulkAdd: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./index.vue").Props> & Readonly<{
+    onClear?: ((payload: {
+        key: string;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, string[]>) => any) | undefined;
+    onChange?: ((payload: {
+        key: string;
+        tags: string[];
+    }) => any) | undefined;
+    onAdd?: ((payload: {
+        key: string;
+        tag: string;
+        source: "enter" | "paste" | "bulk";
+    }) => any) | undefined;
+    onRemove?: ((payload: {
+        key: string;
+        tag: string;
+    }) => any) | undefined;
+    onExceed?: ((payload: {
+        key: string;
+        max: number;
+        attempted: string[];
+    }) => any) | undefined;
+    "onTab-change"?: ((payload: {
+        from: string;
+        to: string;
+    }) => any) | undefined;
+}>, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    clear: () => void;
+    addTags: (tags: string[], source: "enter" | "paste" | "bulk") => void;
+    removeTag: (tag: string) => void;
+    activeKey: string;
+    setActiveKey: (key: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (payload: {
+        key: string;
+    }) => any;
+    "update:modelValue": (value: Record<string, string[]>) => any;
+    change: (payload: {
+        key: string;
+        tags: string[];
+    }) => any;
+    add: (payload: {
+        key: string;
+        tag: string;
+        source: "enter" | "paste" | "bulk";
+    }) => any;
+    remove: (payload: {
+        key: string;
+        tag: string;
+    }) => any;
+    exceed: (payload: {
+        key: string;
+        max: number;
+        attempted: string[];
+    }) => any;
+    "tab-change": (payload: {
+        from: string;
+        to: string;
+    }) => any;
+}, string, {
+    size: "small" | "default" | "large";
+    modelValue: Record<string, string[]>;
+    disabled: boolean;
+    clearable: boolean;
+    placeholder: string;
+    fields: import("./index.vue").InputTagFieldItem[];
+    maxTags: number;
+    bulkAdd: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        suffix?: (props: {
+            fieldKey: string;
+            tags: string[];
+        }) => any;
+    } & {
+        tag?: (props: {
+            key: string;
+            tag: string;
+            index: number;
+            fieldKey: string;
+            remove: () => void;
+        }) => any;
+    } & {
+        empty?: (props: {
+            fieldKey: string;
+        }) => any;
+    };
+}) & import("vue").Plugin;
+export default JcInputTag;

package/dist/components/JcInputTag/index.vue.d.ts

@@ -0,0 +1,131 @@
+/** 字段配置项类型 */
+export interface InputTagFieldItem {
+    /** 字段唯一标识 */
+    key: string;
+    /** 字段显示名称 */
+    label: string;
+    /** 字段专属占位符 */
+    placeholder?: string;
+    /** 字段专属上限（覆盖全局） */
+    maxTags?: number;
+}
+/** 组件 Props 类型 */
+export interface Props {
+    /** v-model 绑定值 */
+    modelValue?: Record<string, string[]>;
+    /** 字段配置 */
+    fields?: InputTagFieldItem[];
+    /** 每字段最大标签数 */
+    maxTags?: number;
+    /** 输入框占位符 */
+    placeholder?: string;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 是否显示清空按钮 */
+    clearable?: boolean;
+    /** 是否启用批量添加 */
+    bulkAdd?: boolean;
+    /** 组件尺寸 */
+    size?: "small" | "default" | "large";
+}
+declare function addTags(tags: string[], source: "enter" | "paste" | "bulk"): void;
+declare function removeTag(tag: string): void;
+declare function clearTags(): void;
+declare var __VLS_1: {
+    fieldKey: string;
+    tags: string[];
+}, __VLS_11: {
+    key: string;
+    tag: string;
+    index: number;
+    fieldKey: string;
+    remove: () => void;
+}, __VLS_21: {
+    fieldKey: string;
+};
+type __VLS_Slots = {} & {
+    suffix?: (props: typeof __VLS_1) => any;
+} & {
+    tag?: (props: typeof __VLS_11) => any;
+} & {
+    empty?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    clear: typeof clearTags;
+    addTags: typeof addTags;
+    removeTag: typeof removeTag;
+    activeKey: string;
+    setActiveKey: (key: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (payload: {
+        key: string;
+    }) => any;
+    "update:modelValue": (value: Record<string, string[]>) => any;
+    change: (payload: {
+        key: string;
+        tags: string[];
+    }) => any;
+    add: (payload: {
+        key: string;
+        tag: string;
+        source: "enter" | "paste" | "bulk";
+    }) => any;
+    remove: (payload: {
+        key: string;
+        tag: string;
+    }) => any;
+    exceed: (payload: {
+        key: string;
+        max: number;
+        attempted: string[];
+    }) => any;
+    "tab-change": (payload: {
+        from: string;
+        to: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClear?: ((payload: {
+        key: string;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, string[]>) => any) | undefined;
+    onChange?: ((payload: {
+        key: string;
+        tags: string[];
+    }) => any) | undefined;
+    onAdd?: ((payload: {
+        key: string;
+        tag: string;
+        source: "enter" | "paste" | "bulk";
+    }) => any) | undefined;
+    onRemove?: ((payload: {
+        key: string;
+        tag: string;
+    }) => any) | undefined;
+    onExceed?: ((payload: {
+        key: string;
+        max: number;
+        attempted: string[];
+    }) => any) | undefined;
+    "onTab-change"?: ((payload: {
+        from: string;
+        to: string;
+    }) => any) | undefined;
+}>, {
+    size: "small" | "default" | "large";
+    modelValue: Record<string, string[]>;
+    disabled: boolean;
+    clearable: boolean;
+    placeholder: string;
+    fields: InputTagFieldItem[];
+    maxTags: number;
+    bulkAdd: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/index.d.ts

@@ -9,3 +9,4 @@ export * from "./JcListLayout/index";
 export * from "./JcImportDialog/index";
 export * from "./JcImportButton/index";
 export * from "./JcColumnConfig/index";
+export * from "./JcInputTag/index";