sykj 1.0.0 → 1.0.2

package/packages/dialog/index.d.ts

@@ -0,0 +1,48 @@
+export declare const SyDialog: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/index.vue").Props> & Readonly<{
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        open: (...args: any[]) => void;
+        close: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        closeOnClickMask: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./src/index.vue").Props> & Readonly<{
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        closeOnClickMask: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("./src/index.vue").Props> & Readonly<{
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, {
+    closeOnClickMask: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & ((new () => {
+    $slots: {
+        header?: ((props: {}) => any) | undefined;
+    } & {
+        default?: ((props: {}) => any) | undefined;
+    } & {
+        footer?: ((props: {}) => any) | undefined;
+    };
+}) & import("vue").Plugin)));
+export default SyDialog;

package/packages/dialog/src/index.vue.d.ts

@@ -0,0 +1,31 @@
+export interface Props {
+    modelValue: boolean;
+    title?: string;
+    closeOnClickMask?: boolean;
+    titleAlign?: 'left' | 'center' | 'right';
+}
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    footer?: (props: typeof __VLS_13) => any;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    closeOnClickMask: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/directives/index.d.ts

@@ -0,0 +1,2 @@
+import type { App } from 'vue';
+export declare function registerDirectives(app: App): void;

package/packages/form/index.d.ts

@@ -0,0 +1,264 @@
+export declare const SyForm: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        model: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        FormRules: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        FormProp: {
+            type: import("vue").PropType<{
+                label: string;
+                prop: string;
+                type: "select" | "time" | "text" | "date" | "password" | "datetime" | "custom";
+                placeholder: string;
+                maxlength: string | number;
+                options: any[];
+                customHtml: any;
+                customOptionHtml: any;
+                valueKey: string;
+                labelKey: string;
+                handleClose: () => void;
+                handleClick: () => void;
+                loadingOption: boolean;
+                show: boolean;
+                rules: any;
+                multiple: boolean;
+                filterable: boolean;
+                selectHeight: number;
+            }[]>;
+            default: () => never[];
+        };
+        labelPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        submitText: {
+            type: StringConstructor;
+            default: string;
+        };
+        submitType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        resetFields: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        submit: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        loading: boolean;
+        model: any;
+        FormRules: any;
+        FormProp: {
+            label: string;
+            prop: string;
+            type: "select" | "time" | "text" | "date" | "password" | "datetime" | "custom";
+            placeholder: string;
+            maxlength: string | number;
+            options: any[];
+            customHtml: any;
+            customOptionHtml: any;
+            valueKey: string;
+            labelKey: string;
+            handleClose: () => void;
+            handleClick: () => void;
+            loadingOption: boolean;
+            show: boolean;
+            rules: any;
+            multiple: boolean;
+            filterable: boolean;
+            selectHeight: number;
+        }[];
+        labelPosition: string;
+        submitText: string;
+        submitType: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        model: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        FormRules: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        FormProp: {
+            type: import("vue").PropType<{
+                label: string;
+                prop: string;
+                type: "select" | "time" | "text" | "date" | "password" | "datetime" | "custom";
+                placeholder: string;
+                maxlength: string | number;
+                options: any[];
+                customHtml: any;
+                customOptionHtml: any;
+                valueKey: string;
+                labelKey: string;
+                handleClose: () => void;
+                handleClick: () => void;
+                loadingOption: boolean;
+                show: boolean;
+                rules: any;
+                multiple: boolean;
+                filterable: boolean;
+                selectHeight: number;
+            }[]>;
+            default: () => never[];
+        };
+        labelPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        submitText: {
+            type: StringConstructor;
+            default: string;
+        };
+        submitType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        resetFields: () => void;
+    }, {}, {}, {}, {
+        loading: boolean;
+        model: any;
+        FormRules: any;
+        FormProp: {
+            label: string;
+            prop: string;
+            type: "select" | "time" | "text" | "date" | "password" | "datetime" | "custom";
+            placeholder: string;
+            maxlength: string | number;
+            options: any[];
+            customHtml: any;
+            customOptionHtml: any;
+            valueKey: string;
+            labelKey: string;
+            handleClose: () => void;
+            handleClick: () => void;
+            loadingOption: boolean;
+            show: boolean;
+            rules: any;
+            multiple: boolean;
+            filterable: boolean;
+            selectHeight: number;
+        }[];
+        labelPosition: string;
+        submitText: string;
+        submitType: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    model: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    FormRules: {
+        type: import("vue").PropType<any>;
+        default: () => {};
+    };
+    FormProp: {
+        type: import("vue").PropType<{
+            label: string;
+            prop: string;
+            type: "select" | "time" | "text" | "date" | "password" | "datetime" | "custom";
+            placeholder: string;
+            maxlength: string | number;
+            options: any[];
+            customHtml: any;
+            customOptionHtml: any;
+            valueKey: string;
+            labelKey: string;
+            handleClose: () => void;
+            handleClick: () => void;
+            loadingOption: boolean;
+            show: boolean;
+            rules: any;
+            multiple: boolean;
+            filterable: boolean;
+            selectHeight: number;
+        }[]>;
+        default: () => never[];
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitText: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    resetFields: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, {
+    loading: boolean;
+    model: any;
+    FormRules: any;
+    FormProp: {
+        label: string;
+        prop: string;
+        type: "select" | "time" | "text" | "date" | "password" | "datetime" | "custom";
+        placeholder: string;
+        maxlength: string | number;
+        options: any[];
+        customHtml: any;
+        customOptionHtml: any;
+        valueKey: string;
+        labelKey: string;
+        handleClose: () => void;
+        handleClick: () => void;
+        loadingOption: boolean;
+        show: boolean;
+        rules: any;
+        multiple: boolean;
+        filterable: boolean;
+        selectHeight: number;
+    }[];
+    labelPosition: string;
+    submitText: string;
+    submitType: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & ((new () => {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+    };
+}) & import("vue").Plugin)));
+export default SyForm;

package/packages/form/src/index.vue.d.ts

@@ -0,0 +1,104 @@
+import { type PropType } from 'vue';
+type FormProp = {
+    label: string;
+    prop: string;
+    type: 'text' | 'password' | 'select' | 'date' | 'time' | 'datetime' | 'custom';
+    placeholder: string;
+    maxlength: string | number;
+    options: any[];
+    customHtml: any;
+    customOptionHtml: any;
+    valueKey: string;
+    labelKey: string;
+    handleClose: () => void;
+    handleClick: () => void;
+    loadingOption: boolean;
+    show: boolean;
+    rules: any;
+    multiple: boolean;
+    filterable: boolean;
+    selectHeight: number;
+};
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    model: {
+        type: PropType<any>;
+        default: null;
+    };
+    FormRules: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    FormProp: {
+        type: PropType<FormProp[]>;
+        default: () => never[];
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitText: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    resetFields: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    model: {
+        type: PropType<any>;
+        default: null;
+    };
+    FormRules: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    FormProp: {
+        type: PropType<FormProp[]>;
+        default: () => never[];
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitText: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    loading: boolean;
+    model: any;
+    FormRules: any;
+    FormProp: FormProp[];
+    labelPosition: string;
+    submitText: string;
+    submitType: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useTheme';
+export * from './useFakeProgress';
+export * from './useKeyCombo';

package/packages/hooks/useFakeProgress.d.ts

@@ -0,0 +1,72 @@
+interface FakeProgressOptions {
+    /**
+     * 🐇 起步阶段【最大增长速度】
+     * - 单次最大增加百分比
+     * - 数值越大：前期跑得越猛
+     * - 建议范围：6 ~ 12
+     * @default 8
+     */
+    fastMax?: number;
+    /**
+     * 🐢 起步阶段【最小增长速度】
+     * - 单次最小增加百分比
+     * - 控制“最慢能有多慢”
+     * - 建议范围：2 ~ 5
+     * @default 3
+     */
+    fastMin?: number;
+    /**
+     * 🍃 缓慢阶段最大增长速度
+     * - 进入 80% 之后的“龟速爬行”
+     * - 数值越小：越像真实加载
+     * @default 2
+     */
+    slowMax?: number;
+    /**
+     * 🚀 快速阶段结束的百分比位置
+     * - 到这里之前都是“假装很快”
+     * - 之后开始明显变慢
+     * @default 80
+     */
+    fastEnd?: number;
+    /**
+     * ⛰️ 缓慢阶段结束的百分比位置
+     * - 95% 是最常见的“卡住心理点”
+     * - 再往后就交给 finish 冲刺
+     * @default 95
+     */
+    slowEnd?: number;
+    /**
+     * ⏱️ 主循环刷新间隔（毫秒）
+     * - 控制进度“跳动频率”
+     * - 越小越丝滑，越大越一格一格跳
+     * - 建议：100 ~ 300
+     * @default 200
+     */
+    stepInterval?: number;
+    /**
+     * 🏁 完成阶段每一跳增加的百分比
+     * - finish() 之后的冲刺速度
+     * - 数值越大：收尾越“嗖”一下
+     * @default 5
+     */
+    finishStep?: number;
+    /**
+     * ⚡ 完成阶段刷新间隔（毫秒）
+     * - 冲刺阶段的跳动频率
+     * - 通常比 stepInterval 更小
+     * @default 50
+     */
+    finishInterval?: number;
+}
+export declare function useFakeProgress(options?: FakeProgressOptions): {
+    progress: import("vue").Ref<number, number>;
+    start: () => void;
+    finish: () => Promise<void>;
+    pause: () => void;
+    resume: () => void;
+    reset: () => void;
+    onChange: (fn: (p: number) => void) => void;
+    bindPromise: (task: Promise<any>) => Promise<void>;
+};
+export {};

package/packages/hooks/useKeyCombo.d.ts

@@ -0,0 +1,4 @@
+import { type Ref } from 'vue';
+export type Key = string;
+export type KeyCombo = readonly Key[];
+export declare function useKeyCombo(targetRef: Ref<HTMLElement | null> | null, combo: KeyCombo, onMatch: () => void): void;

package/packages/hooks/useTheme.d.ts

@@ -0,0 +1,6 @@
+export declare function useTheme(): {
+    theme: import("vue").Ref<"light" | "dark", "light" | "dark">;
+    isDark: import("vue").ComputedRef<boolean>;
+    toggleTheme: () => void;
+    setTheme: (t: 'light' | 'dark') => void;
+};

package/packages/icon/index.d.ts

@@ -0,0 +1,32 @@
+export declare const SyIcon: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        name: string;
+        size?: string | number | undefined;
+        color?: string | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        size: string | number;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        name: string;
+        size?: string | number | undefined;
+        color?: string | undefined;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+        size: string | number;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    name: string;
+    size?: string | number | undefined;
+    color?: string | undefined;
+}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    size: string | number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin));
+export default SyIcon;

package/packages/icon/src/index.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    name: string;
+    size?: number | string;
+    color?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/packages/input/index.d.ts

@@ -0,0 +1,64 @@
+export declare const SyInput: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/index.vue").Props> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        blur: (evt: FocusEvent) => any;
+        focus: (evt: FocusEvent) => any;
+        "update:modelValue": (value: string) => any;
+    }, import("vue").PublicProps, {
+        type: string;
+        size: "small" | "medium" | "large";
+        disabled: boolean;
+        placeholder: string;
+        clearable: boolean;
+        align: "left" | "center" | "right";
+        maxlength: string | number;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./src/index.vue").Props> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: string;
+        size: "small" | "medium" | "large";
+        disabled: boolean;
+        placeholder: string;
+        clearable: boolean;
+        align: "left" | "center" | "right";
+        maxlength: string | number;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("./src/index.vue").Props> & Readonly<{
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (evt: FocusEvent) => any;
+    focus: (evt: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {
+    type: string;
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    placeholder: string;
+    clearable: boolean;
+    align: "left" | "center" | "right";
+    maxlength: string | number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & ((new () => {
+    $slots: {
+        prefix?: ((props: {}) => any) | undefined;
+    } & {
+        suffix?: ((props: {}) => any) | undefined;
+    };
+}) & import("vue").Plugin)));
+export default SyInput;