@tplc/wot 0.0.1 → 0.1.1

package/types/components/wd-sidebar/wd-sidebar.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number;
+    customStyle: string;
+    customClass: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-sidebar-item/types.d.ts

@@ -0,0 +1,44 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { BadgeProps } from '../wd-badge/types';
+export declare const sidebarItemProps: {
+    /** 当前选项标题 */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** 当前选项的值，唯一标识 */
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    /** 徽标显示值 */
+    badge: {
+        type: PropType<string | number | null>;
+        default: null;
+    };
+    /** 徽标属性，透传给 Badge 组件 */
+    badgeProps: PropType<Partial<BadgeProps>>;
+    /** 图标 */
+    icon: StringConstructor;
+    /** 是否点状徽标 */
+    isDot: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** 徽标最大值 */
+    max: NumberConstructor;
+    /** 是否禁用 */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>;

package/types/components/wd-sidebar-item/wd-sidebar-item.vue.d.ts

@@ -0,0 +1,80 @@
+import type { BadgeProps } from '../wd-badge/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    badge: {
+        type: import("vue").PropType<string | number | null>;
+        default: null;
+    };
+    badgeProps: import("vue").PropType<Partial<BadgeProps>>;
+    icon: StringConstructor;
+    isDot: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    max: NumberConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    badge: {
+        type: import("vue").PropType<string | number | null>;
+        default: null;
+    };
+    badgeProps: import("vue").PropType<Partial<BadgeProps>>;
+    icon: StringConstructor;
+    isDot: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    max: NumberConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    customStyle: string;
+    customClass: string;
+    isDot: boolean;
+    disabled: boolean;
+    badge: string | number | null;
+}, {}>, {
+    icon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-skeleton/types.d.ts

@@ -0,0 +1,72 @@
+import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
+type SkeletonTheme = 'text' | 'avatar' | 'paragraph' | 'image';
+type SkeletonAnimation = 'gradient' | 'flashed';
+export type SkeletonRowColObj = {
+    [key: string]: any;
+    type?: 'rect' | 'circle' | 'text';
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    margin?: string | number;
+    background?: string;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    borderRadius?: string | number;
+    backgroundColor?: string;
+};
+export type SkeletonRowCol = number | SkeletonRowColObj | Array<SkeletonRowColObj>;
+export type SkeletonThemeVars = {
+    notifyPadding?: string;
+    notifyFontSize?: string;
+    notifyTextColor?: string;
+    notifyLineHeight?: number | string;
+    notifyDangerBackground?: string;
+    notifyPrimaryBackground?: string;
+    notifySuccessBackground?: string;
+    notifyWarningBackground?: string;
+};
+export declare const skeletonProps: {
+    /**
+     * 骨架图风格，有基础、头像组合等两大类
+     */
+    theme: {
+        type: PropType<SkeletonTheme>;
+        default: SkeletonTheme;
+    };
+    /**
+     * 用于设置行列数量、宽度高度、间距等。
+     * @example
+     * 【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。
+     * 【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。
+     * 【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度和间距
+     */
+    rowCol: {
+        type: PropType<SkeletonRowCol[]>;
+        default: () => never[];
+    };
+    /**
+     * 是否为加载状态，如果是则显示骨架图，如果不是则显示加载完成的内容
+     * @default true
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 动画效果，有「渐变加载动画」和「闪烁加载动画」两种。值为空则表示没有动画
+     */
+    animation: {
+        type: PropType<SkeletonAnimation>;
+        default: string;
+    };
+    customClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    customStyle: {
+        type: PropType<CSSProperties>;
+        default(): {};
+    };
+};
+export type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
+export {};

package/types/components/wd-skeleton/wd-skeleton.vue.d.ts

@@ -0,0 +1,68 @@
+import type { CSSProperties } from 'vue';
+import type { SkeletonRowCol } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    theme: {
+        type: import("vue").PropType<"image" | "text" | "avatar" | "paragraph">;
+        default: "image" | "text" | "avatar" | "paragraph";
+    };
+    rowCol: {
+        type: import("vue").PropType<SkeletonRowCol[]>;
+        default: () => never[];
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: import("vue").PropType<"gradient" | "flashed">;
+        default: string;
+    };
+    customClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<CSSProperties>;
+        default(): {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<"image" | "text" | "avatar" | "paragraph">;
+        default: "image" | "text" | "avatar" | "paragraph";
+    };
+    rowCol: {
+        type: import("vue").PropType<SkeletonRowCol[]>;
+        default: () => never[];
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    animation: {
+        type: import("vue").PropType<"gradient" | "flashed">;
+        default: string;
+    };
+    customClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    customStyle: {
+        type: import("vue").PropType<CSSProperties>;
+        default(): {};
+    };
+}>>, {
+    customStyle: CSSProperties;
+    customClass: string | Record<string, any> | unknown[];
+    loading: boolean;
+    theme: "image" | "text" | "avatar" | "paragraph";
+    animation: "gradient" | "flashed";
+    rowCol: SkeletonRowCol[];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/wd-slider/types.d.ts

@@ -0,0 +1,117 @@
+import type { ComponentPublicInstance, PropType } from 'vue';
+export declare const sliderProps: {
+    /**
+     * 自定义最小值的样式类名
+     * 类型: string
+     * 默认值: ''
+     */
+    customMinClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 自定义最大值的样式类名
+     * 类型: string
+     * 默认值: ''
+     */
+    customMaxClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 是否隐藏左右的最大最小值
+     * 类型: boolean
+     * 默认值: false
+     */
+    hideMinMax: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否隐藏当前滑块值
+     * 类型: boolean
+     * 默认值: false
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用滑块
+     * 类型: boolean
+     * 默认值: false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 进度条未激活的背景颜色
+     * 类型: string
+     * 默认值: '#e5e5e5'
+     */
+    inactiveColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 进度条激活的背景颜色
+     * 类型: string
+     * 默认值: ''
+     */
+    activeColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * 滑块的最大值
+     * 类型: number
+     * 默认值: 100
+     */
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 滑块的最小值
+     * 类型: number
+     * 默认值: 0
+     */
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 滑块的步进值
+     * 类型: number
+     * 默认值: 1
+     */
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 滑块的值，如果为数组，则为双向滑块
+     * 类型: number | number[]
+     * 默认值: 0
+     */
+    modelValue: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
+    customStyle: {
+        type: PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export type SliderExpose = {
+    /**
+     * 初始化slider宽度
+     */
+    initSlider: () => void;
+};
+export type SliderInstance = ComponentPublicInstance<SliderExpose>;

package/types/components/wd-slider/wd-slider.vue.d.ts

@@ -0,0 +1,134 @@
+declare const _default: import("vue").DefineComponent<{
+    customMinClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customMaxClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideMinMax: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inactiveColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    activeColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<number | number[]>;
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    initSlider: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    dragstart: (...args: any[]) => void;
+    dragmove: (...args: any[]) => void;
+    dragend: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    customMinClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customMaxClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    hideMinMax: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inactiveColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    activeColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<number | number[]>;
+        default: number;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDragend?: ((...args: any[]) => any) | undefined;
+    onDragstart?: ((...args: any[]) => any) | undefined;
+    onDragmove?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number | number[];
+    customStyle: string;
+    customClass: string;
+    max: number;
+    disabled: boolean;
+    min: number;
+    step: number;
+    activeColor: string;
+    customMinClass: string;
+    customMaxClass: string;
+    hideMinMax: boolean;
+    hideLabel: boolean;
+    inactiveColor: string;
+}, {}>;
+export default _default;

package/types/components/wd-sort-button/types.d.ts

@@ -0,0 +1,58 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const sortButtonProps: {
+    /**
+     * 选中的箭头方向，1表示升序，0表示重置状态，-1表示降序。
+     * 类型: number
+     * 可选值: -1, 0, 1
+     * 默认值: 0或-1（根据具体实现可能有所不同）
+     */
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 排序按钮展示的文案。
+     * 类型: string
+     * 默认值: ''
+     */
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    /**
+     * 当展示双箭头时，是否允许手动重置按钮。
+     * 类型: boolean
+     * 默认值: false
+     */
+    allowReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否优先切换为降序，如果不开启则默认优先切换为升序。
+     * 类型: boolean
+     * 默认值: false
+     */
+    descFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否展示下划线，当只有一个排序按钮时，通常不展示下划线。
+     * 类型: boolean
+     * 默认值: true
+     */
+    line: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type SortButtonProps = ExtractPropTypes<typeof sortButtonProps>;

package/types/components/wd-sort-button/wd-sort-button.vue.d.ts

@@ -0,0 +1,74 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    descFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    line: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    descFirst: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    line: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number;
+    title: string;
+    customStyle: string;
+    customClass: string;
+    line: boolean;
+    allowReset: boolean;
+    descFirst: boolean;
+}, {}>;
+export default _default;