twcpt 0.0.12 → 0.0.14

package/dist/components/j-tw-toggle/index.d.ts

@@ -0,0 +1,278 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { SFCWithInstall } from 'element-plus/es/utils/index.mjs';
+import { SwitchProps } from 'element-plus';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<boolean | string | number>;
+        default: boolean;
+    };
+    trueValue: {
+        type: PropType<boolean | string | number>;
+        default: boolean;
+    };
+    falseValue: {
+        type: PropType<boolean | string | number>;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    leftLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    keepColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    checkedIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    uncheckedIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    iconColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    computedSize: ComputedRef<"" | "large" | "small" | "default">;
+    computedStyle: ComputedRef<Record<string, string>>;
+    computedClass: ComputedRef<string[]>;
+    handleUpdateModelValue: (value: boolean | string | number) => void;
+    handleChange: (value: boolean | string | number) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'update:modelValue': (_value: boolean | string | number) => true;
+    change: (_value: boolean | string | number) => true;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    modelValue: {
+        type: PropType<boolean | string | number>;
+        default: boolean;
+    };
+    trueValue: {
+        type: PropType<boolean | string | number>;
+        default: boolean;
+    };
+    falseValue: {
+        type: PropType<boolean | string | number>;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    leftLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    keepColor: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tabindex: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    checkedIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    uncheckedIcon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    iconColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
+    onChange?: ((_value: string | number | boolean) => any) | undefined;
+}>, {
+    size: string;
+    color: string;
+    label: string;
+    icon: string;
+    id: string;
+    name: string;
+    modelValue: string | number | boolean;
+    validateEvent: boolean;
+    tabindex: string | number;
+    disable: boolean;
+    readonly: boolean;
+    dense: boolean;
+    trueValue: string | number | boolean;
+    falseValue: string | number | boolean;
+    leftLabel: boolean;
+    keepColor: boolean;
+    checkedIcon: string;
+    uncheckedIcon: string;
+    iconColor: string;
+}, {}, {
+    ElSwitch: SFCWithInstall<{
+        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< SwitchProps> & Readonly<{
+            onChange?: ((val: string | number | boolean) => any) | undefined;
+            onInput?: ((val: string | number | boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+        }>, {
+            focus: () => void;
+            checked: ComputedRef<boolean>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "update:modelValue": (val: string | number | boolean) => void;
+            change: (val: string | number | boolean) => void;
+            input: (val: string | number | boolean) => void;
+        }, PublicProps, {
+            disabled: boolean;
+            validateEvent: boolean;
+            modelValue: boolean | string | number;
+            width: string | number;
+            name: string;
+            activeText: string;
+            inactiveText: string;
+            activeValue: boolean | string | number;
+            inactiveValue: boolean | string | number;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< SwitchProps> & Readonly<{
+            onChange?: ((val: string | number | boolean) => any) | undefined;
+            onInput?: ((val: string | number | boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+        }>, {
+            focus: () => void;
+            checked: ComputedRef<boolean>;
+        }, {}, {}, {}, {
+            disabled: boolean;
+            validateEvent: boolean;
+            modelValue: boolean | string | number;
+            width: string | number;
+            name: string;
+            activeText: string;
+            inactiveText: string;
+            activeValue: boolean | string | number;
+            inactiveValue: boolean | string | number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & ComponentOptionsBase<Readonly< SwitchProps> & Readonly<{
+        onChange?: ((val: string | number | boolean) => any) | undefined;
+        onInput?: ((val: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    }>, {
+        focus: () => void;
+        checked: ComputedRef<boolean>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (val: string | number | boolean) => void;
+        change: (val: string | number | boolean) => void;
+        input: (val: string | number | boolean) => void;
+    }, string, {
+        disabled: boolean;
+        validateEvent: boolean;
+        modelValue: boolean | string | number;
+        width: string | number;
+        name: string;
+        activeText: string;
+        inactiveText: string;
+        activeValue: boolean | string | number;
+        inactiveValue: boolean | string | number;
+    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+        $slots: {
+            inactive?: (props: {}) => any;
+        } & {
+            inactive?: (props: {}) => any;
+        } & {
+            active?: (props: {}) => any;
+        } & {
+            'active-action'?: (props: {}) => any;
+        } & {
+            'inactive-action'?: (props: {}) => any;
+        } & {
+            active?: (props: {}) => any;
+        };
+    })>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-tw-toggle/types.d.ts

@@ -0,0 +1,41 @@
+import { DefineComponent } from 'vue';
+export interface JTWToggleProps {
+    modelValue?: boolean | string | number;
+    trueValue?: boolean | string | number;
+    falseValue?: boolean | string | number;
+    label?: string;
+    leftLabel?: boolean;
+    color?: string;
+    keepColor?: boolean;
+    dense?: boolean;
+    disable?: boolean;
+    readonly?: boolean;
+    tabindex?: string | number;
+    icon?: string;
+    checkedIcon?: string;
+    uncheckedIcon?: string;
+    iconColor?: string;
+    size?: string;
+    name?: string;
+    id?: string;
+    validateEvent?: boolean;
+}
+export interface JTWToggleEmits {
+    (e: 'update:modelValue', value: boolean | string | number): void;
+    (e: 'change', value: boolean | string | number): void;
+}
+export interface JTWToggleSlots {
+    default?: () => any;
+}
+export type JTWToggleEmitsOptions = {
+    'update:modelValue': (value: boolean | string | number) => true;
+    change: (value: boolean | string | number) => true;
+};
+export type JTWToggleComponent = DefineComponent<JTWToggleProps, {}, {}, {}, {}, {}, {}, JTWToggleEmitsOptions>;
+export type JTWToggleInstance = InstanceType<JTWToggleComponent>;
+export interface JTWToggleTemplateProps extends JTWToggleProps {
+    'onUpdate:modelValue'?: (value: boolean | string | number) => void;
+    onChange?: (value: boolean | string | number) => void;
+    class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    style?: string | Record<string, string>;
+}

package/dist/components/j-tw-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import { default as JTWTooltip } from './index';
+export default JTWTooltip;
+export * from './types';

package/dist/components/j-tw-tooltip/types.d.ts

@@ -0,0 +1,126 @@
+import { DefineComponent } from 'vue';
+/** Tooltip 位置常量 */
+export declare const JTWTooltipPlacement: {
+    readonly TOP: "top";
+    readonly TOP_START: "top-start";
+    readonly TOP_END: "top-end";
+    readonly BOTTOM: "bottom";
+    readonly BOTTOM_START: "bottom-start";
+    readonly BOTTOM_END: "bottom-end";
+    readonly LEFT: "left";
+    readonly LEFT_START: "left-start";
+    readonly LEFT_END: "left-end";
+    readonly RIGHT: "right";
+    readonly RIGHT_START: "right-start";
+    readonly RIGHT_END: "right-end";
+};
+/** Tooltip 主题常量 */
+export declare const JTWTooltipEffect: {
+    readonly DARK: "dark";
+    readonly LIGHT: "light";
+};
+/** Tooltip 触发方式常量 */
+export declare const JTWTooltipTrigger: {
+    readonly HOVER: "hover";
+    readonly CLICK: "click";
+    readonly FOCUS: "focus";
+    readonly CONTEXTMENU: "contextmenu";
+};
+/** Tooltip 位置类型 */
+export type JTWTooltipPlacementType = (typeof JTWTooltipPlacement)[keyof typeof JTWTooltipPlacement];
+/** Tooltip 主题类型 */
+export type JTWTooltipEffectType = (typeof JTWTooltipEffect)[keyof typeof JTWTooltipEffect];
+/** Tooltip 触发方式类型 */
+export type JTWTooltipTriggerType = (typeof JTWTooltipTrigger)[keyof typeof JTWTooltipTrigger];
+/**
+ * @description JTWTooltip 提示框组件（基于 Element Plus）
+ */
+export interface JTWTooltipProps {
+    /**
+     * Tooltip 内容
+     * @default ''
+     */
+    content?: string | number;
+    /**
+     * 弹出位置
+     * @default 'top'
+     */
+    placement?: JTWTooltipPlacementType;
+    /**
+     * 主题
+     * @default 'dark'
+     */
+    effect?: JTWTooltipEffectType;
+    /**
+     * 触发方式
+     * @default 'hover'
+     */
+    trigger?: JTWTooltipTriggerType;
+    /**
+     * 是否显示箭头
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * 延迟显示（毫秒）
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * 延迟隐藏（毫秒）
+     * @default 200
+     */
+    closeDelay?: number;
+    /**
+     * 偏移量（像素）
+     * @default 5
+     */
+    offset?: number;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Tooltip 的自定义类名
+     */
+    popperClass?: string;
+    /**
+     * Tooltip 的自定义样式
+     */
+    popperStyle?: string | Record<string, string>;
+}
+/** JTWTooltip Emits 接口 */
+export interface JTWTooltipEmits {
+    (e: 'visible-change', visible: boolean): void;
+}
+/** JTWTooltip Slots 接口 */
+export interface JTWTooltipSlots {
+    /** 默认插槽，触发 Tooltip 的元素 */
+    default?: () => any;
+    /** Tooltip 内容插槽 */
+    content?: () => any;
+}
+/** JTWTooltip 暴露的方法 */
+export interface JTWTooltipExpose {
+    /** Tooltip 根元素 */
+    $el: HTMLElement | undefined;
+    /** 显示 Tooltip */
+    show: () => void;
+    /** 隐藏 Tooltip */
+    hide: () => void;
+}
+/** Emits 配置对象格式 */
+export type JTWTooltipEmitsOptions = {
+    'visible-change': (visible: boolean) => true;
+};
+/** JTWTooltip 组件类型定义 */
+export type JTWTooltipComponent = DefineComponent<JTWTooltipProps, JTWTooltipExpose, {}, {}, {}, {}, {}, JTWTooltipEmitsOptions>;
+/** JTWTooltip 实例类型 */
+export type JTWTooltipInstance = InstanceType<JTWTooltipComponent> & JTWTooltipExpose;
+/** JTWTooltip 模板 Props（用于全局类型声明） */
+export interface JTWTooltipTemplateProps extends JTWTooltipProps {
+    onVisibleChange?: (visible: boolean) => void;
+    class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    style?: string | Record<string, string>;
+}

package/dist/global.d.ts

@@ -8,11 +8,14 @@ import { JTWDropdownBtnTemplateProps, JTWDropdownBtnSlots, JTWDropdownBtnEmits }
 import { JTWFormProps, JTWFormSlots, JTWFormEmits } from './components/j-tw-form/types';
 import { JTWFormItemProps, JTWFormItemSlots } from './components/j-tw-form-item/types';
 import { JTWInputTemplateProps, JTWInputSlots, JTWInputEmits } from './components/j-tw-input/types';
+import { JTWPaginationTemplateProps, JTWPaginationEmits } from './components/j-tw-pagination/types';
 import { JTWRadioTemplateProps, JTWRadioSlots, JTWRadioEmits } from './components/j-tw-radio/types';
 import { JTWRadioGroupTemplateProps, JTWRadioGroupSlots, JTWRadioGroupEmits } from './components/j-tw-radio-group/types';
 import { JTWSelectTemplateProps, JTWSelectSlots, JTWSelectEmits } from './components/j-tw-select/types';
 import { JTWStatusImgProps } from './components/j-tw-status-img/types';
 import { JTWTableTemplateProps, JTWTableSlots, JTWTableEmits } from './components/j-tw-table/types';
+import { JTWToggleTemplateProps, JTWToggleSlots, JTWToggleEmits } from './components/j-tw-toggle/types';
+import { JTWTooltipTemplateProps, JTWTooltipSlots, JTWTooltipEmits } from './components/j-tw-tooltip/types';
 import { JTWTreeSelectTemplateProps, JTWTreeSelectSlots, JTWTreeSelectEmits } from './components/j-tw-tree-select/types';
 import { JTWTreeSelectBtnTemplateProps, JTWTreeSelectBtnSlots, JTWTreeSelectBtnEmits } from './components/j-tw-tree-select-btn/types';
 import { JTWTreeSelectInputTemplateProps, JTWTreeSelectInputSlots, JTWTreeSelectInputEmits } from './components/j-tw-tree-select-input/types';
@@ -108,6 +111,15 @@ declare module 'vue' {
       $emit: JTWInputEmits;
     };
 
+    /**
+     * JTWPagination - JTWPagination 组件
+     */
+    JTWPagination: new () => {
+      $props: JTWPaginationTemplateProps;
+      $slots: {};
+      $emit: JTWPaginationEmits;
+    };
+
     /**
      * JTWRadio - JTWRadio 组件
      */
@@ -153,6 +165,24 @@ declare module 'vue' {
       $emit: JTWTableEmits;
     };
 
+    /**
+     * JTWToggle - JTWToggle 组件
+     */
+    JTWToggle: new () => {
+      $props: JTWToggleTemplateProps;
+      $slots: JTWToggleSlots;
+      $emit: JTWToggleEmits;
+    };
+
+    /**
+     * JTWTooltip - JTWTooltip 提示框组件（基于 Element Plus）
+     */
+    JTWTooltip: new () => {
+      $props: JTWTooltipTemplateProps;
+      $slots: JTWTooltipSlots;
+      $emit: JTWTooltipEmits;
+    };
+
     /**
      * JTWTreeSelect - JTWTreeSelect 扁平树形选择器组件
      */