@yh-ui/components 1.0.30 → 1.0.36

package/dist/typography/index.d.ts

@@ -2,618 +2,10 @@ import Title from './src/title.vue';
 import Text from './src/text.vue';
 import Paragraph from './src/paragraph.vue';
 import Link from './src/link.vue';
-export declare const YhTypographyTitle: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        code: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mark: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        bold: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-        };
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        italic: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        ellipsis: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        level: {
-            type: import("vue").PropType<import("./index.js").TypographyTitleLevel>;
-            default: number;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        code: boolean;
-        mark: boolean;
-        delete: boolean;
-        bold: boolean;
-        italic: boolean;
-        underline: boolean;
-        ellipsis: boolean;
-        level: import("./index.js").TypographyTitleLevel;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        code: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mark: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        bold: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-        };
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        italic: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        ellipsis: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        level: {
-            type: import("vue").PropType<import("./index.js").TypographyTitleLevel>;
-            default: number;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        code: boolean;
-        mark: boolean;
-        delete: boolean;
-        bold: boolean;
-        italic: boolean;
-        underline: boolean;
-        ellipsis: boolean;
-        level: import("./index.js").TypographyTitleLevel;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    code: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    mark: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    delete: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    bold: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    tag: {
-        type: import("vue").PropType<string>;
-    };
-    type: {
-        type: import("vue").PropType<import("./index.js").TypographyType>;
-    };
-    themeOverrides: {
-        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-    };
-    italic: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    underline: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    ellipsis: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    level: {
-        type: import("vue").PropType<import("./index.js").TypographyTitleLevel>;
-        default: number;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    code: boolean;
-    mark: boolean;
-    delete: boolean;
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-    ellipsis: boolean;
-    level: import("./index.js").TypographyTitleLevel;
-}, {}, 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;
-    } & {
-        default?: (props: {}) => any;
-    } & {
-        default?: (props: {}) => any;
-    };
-})> & Record<string, unknown>;
-export declare const YhTypographyText: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        code: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mark: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"large" | "default" | "small">;
-        };
-        bold: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        italic: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        ellipsis: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        keyboard: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        code: boolean;
-        mark: boolean;
-        delete: boolean;
-        bold: boolean;
-        tag: string;
-        italic: boolean;
-        underline: boolean;
-        ellipsis: boolean;
-        keyboard: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        code: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        mark: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"large" | "default" | "small">;
-        };
-        bold: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        italic: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        ellipsis: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        keyboard: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        code: boolean;
-        mark: boolean;
-        delete: boolean;
-        bold: boolean;
-        tag: string;
-        italic: boolean;
-        underline: boolean;
-        ellipsis: boolean;
-        keyboard: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    code: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    mark: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    delete: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    size: {
-        type: import("vue").PropType<"large" | "default" | "small">;
-    };
-    bold: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    tag: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    type: {
-        type: import("vue").PropType<import("./index.js").TypographyType>;
-    };
-    themeOverrides: {
-        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-    };
-    italic: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    underline: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    ellipsis: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    keyboard: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    code: boolean;
-    mark: boolean;
-    delete: boolean;
-    bold: boolean;
-    tag: string;
-    italic: boolean;
-    underline: boolean;
-    ellipsis: boolean;
-    keyboard: boolean;
-}, {}, 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;
-    } & {
-        default?: (props: {}) => any;
-    } & {
-        default?: (props: {}) => any;
-    } & {
-        default?: (props: {}) => any;
-    };
-})> & Record<string, unknown>;
-export declare const YhTypographyParagraph: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        mark: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        bold: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        italic: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        ellipsis: {
-            type: import("vue").PropType<number | boolean>;
-            default: boolean;
-        };
-        align: {
-            type: import("vue").PropType<"center" | "left" | "right" | "justify">;
-        };
-        spacing: {
-            type: import("vue").PropType<"default" | "compact" | "loose">;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mark: boolean;
-        delete: boolean;
-        bold: boolean;
-        italic: boolean;
-        ellipsis: boolean | number;
-        spacing: "compact" | "default" | "loose";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        mark: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        bold: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        italic: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        ellipsis: {
-            type: import("vue").PropType<number | boolean>;
-            default: boolean;
-        };
-        align: {
-            type: import("vue").PropType<"center" | "left" | "right" | "justify">;
-        };
-        spacing: {
-            type: import("vue").PropType<"default" | "compact" | "loose">;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        mark: boolean;
-        delete: boolean;
-        bold: boolean;
-        italic: boolean;
-        ellipsis: boolean | number;
-        spacing: "compact" | "default" | "loose";
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    mark: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    delete: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    bold: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    type: {
-        type: import("vue").PropType<import("./index.js").TypographyType>;
-    };
-    themeOverrides: {
-        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-    };
-    italic: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    ellipsis: {
-        type: import("vue").PropType<number | boolean>;
-        default: boolean;
-    };
-    align: {
-        type: import("vue").PropType<"center" | "left" | "right" | "justify">;
-    };
-    spacing: {
-        type: import("vue").PropType<"default" | "compact" | "loose">;
-        default: string;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mark: boolean;
-    delete: boolean;
-    bold: boolean;
-    italic: boolean;
-    ellipsis: boolean | number;
-    spacing: "compact" | "default" | "loose";
-}, {}, 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;
-    } & {
-        default?: (props: {}) => any;
-    };
-})> & Record<string, unknown>;
-export declare const YhTypographyLink: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        target: {
-            type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top">;
-            default: string;
-        };
-        href: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & Readonly<{
-        onClick?: ((event: MouseEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (event: MouseEvent) => void;
-    }, import("vue").PublicProps, {
-        disabled: boolean;
-        underline: boolean;
-        target: "_blank" | "_self" | "_parent" | "_top";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: import("vue").PropType<import("./index.js").TypographyType>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        themeOverrides: {
-            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        };
-        underline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        target: {
-            type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top">;
-            default: string;
-        };
-        href: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & Readonly<{
-        onClick?: ((event: MouseEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        disabled: boolean;
-        underline: boolean;
-        target: "_blank" | "_self" | "_parent" | "_top";
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<import("./index.js").TypographyType>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    themeOverrides: {
-        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-    };
-    underline: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    target: {
-        type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top">;
-        default: string;
-    };
-    href: {
-        type: import("vue").PropType<string>;
-    };
-}>> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
-}, string, {
-    disabled: boolean;
-    underline: boolean;
-    target: "_blank" | "_self" | "_parent" | "_top";
-}, {}, 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;
-    };
-})> & Record<string, unknown>;
+export declare const YhTypographyTitle: any;
+export declare const YhTypographyText: any;
+export declare const YhTypographyParagraph: any;
+export declare const YhTypographyLink: any;
 export default YhTypographyTitle;
 export * from './src/typography';
 export type TypographyTitleInstance = InstanceType<typeof Title>;

package/dist/typography/src/link.d.vue.ts

@@ -0,0 +1,21 @@
+import type { TypographyLinkProps } from './typography';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<TypographyLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<TypographyLinkProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    underline: boolean;
+    target: "_blank" | "_self" | "_parent" | "_top";
+}, {}, {}, {}, 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/typography/src/link.vue

@@ -13,7 +13,10 @@ const props = defineProps({
 });
 const emit = defineEmits(["click"]);
 const ns = useNamespace("typography");
-const { themeStyle } = useComponentTheme("typography", computed(() => props.themeOverrides));
+const { themeStyle } = useComponentTheme(
+  "typography",
+  computed(() => props.themeOverrides)
+);
 const linkClasses = computed(() => [
   ns.e("link"),
   props.type && ns.em("link", props.type),
@@ -30,8 +33,15 @@ const handleClick = (event) => {
 </script>
 
 <template>
-  <a :class="linkClasses" :style="themeStyle" :href="disabled ? undefined : href" :target="target"
-    :aria-disabled="disabled" :tabindex="disabled ? -1 : 0" @click="handleClick">
+  <a
+    :class="linkClasses"
+    :style="themeStyle"
+    :href="disabled ? undefined : href"
+    :target="target"
+    :aria-disabled="disabled"
+    :tabindex="disabled ? -1 : 0"
+    @click="handleClick"
+  >
     <slot />
   </a>
 </template>