sard 1.0.0 → 1.0.2

package/components/avatar/avatar-group.d.ts

@@ -0,0 +1,21 @@
+import { type AvatarGroupProps, type AvatarGroupSlots, type AvatarGroupExpose } from './common';
+type __VLS_Slots = AvatarGroupSlots;
+declare const __VLS_base: import("vue").DefineComponent<AvatarGroupProps, AvatarGroupExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "remain-click": (event: any) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{
+    "onRemain-click"?: ((event: any) => any) | undefined;
+}>, {
+    max: number;
+    total: number;
+    coverage: number;
+    showRemain: boolean;
+    remainText: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/avatar/avatar-group.js

@@ -0,0 +1,51 @@
+import { createBem } from "../../utils/bem.js";
+import { avatarGroupContextKey, defaultAvatarGroupProps } from "./common.js";
+import { createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, renderSlot, toRef, unref } from "vue";
+//#region packages/sard/components/avatar/avatar-group.vue
+var avatar_group_default = /*@__PURE__*/ defineComponent({
+	__name: "avatar-group",
+	props: /*@__PURE__*/ mergeDefaults({
+		max: {
+			type: Number,
+			required: true
+		},
+		total: {
+			type: Number,
+			required: true
+		},
+		coverage: {
+			type: Number,
+			required: false
+		},
+		showRemain: {
+			type: Boolean,
+			required: false
+		},
+		remainText: {
+			type: [String, Number],
+			required: false
+		}
+	}, defaultAvatarGroupProps),
+	emits: ["remain-click"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("avatar-group");
+		provide(avatarGroupContextKey, reactive({
+			total: toRef(() => props.total),
+			max: toRef(() => props.max),
+			showRemain: toRef(() => props.showRemain),
+			coverage: toRef(() => props.coverage),
+			remainText: toRef(() => props.remainText ?? `+${props.total - props.max}`),
+			onRemainClick: (event) => {
+				emit("remain-click", event);
+			}
+		}));
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { avatar_group_default as default };

package/components/avatar/avatar.d.ts

@@ -0,0 +1,23 @@
+import { type AvatarProps, type AvatarSlots } from './common';
+type __VLS_Slots = AvatarSlots;
+declare const __VLS_base: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    background: string;
+    size: string;
+    color: string;
+    shape: "circle" | "square";
+    iconSize: string;
+    src: string;
+    index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/avatar/avatar.js

@@ -0,0 +1,91 @@
+import { createBem, cssVar, cssVarName } from "../../utils/bem.js";
+import { avatarGroupContextKey, defaultAvatarProps } from "./common.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { Person } from "@sard/icons";
+//#region packages/sard/components/avatar/avatar.vue
+const _hoisted_1 = ["src"];
+var avatar_default = /*@__PURE__*/ defineComponent({
+	__name: "avatar",
+	props: /*@__PURE__*/ mergeDefaults({
+		shape: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		iconSize: {
+			type: String,
+			required: false
+		},
+		background: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		src: {
+			type: String,
+			required: false
+		},
+		index: {
+			type: Number,
+			required: false
+		}
+	}, defaultAvatarProps),
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("avatar");
+		const context = inject(avatarGroupContextKey, null);
+		const isLast = computed(() => context && context.max - 1 === props.index);
+		const onClick = (event) => {
+			emit("click", event);
+		};
+		const avatarClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m(props.shape),
+				bem.m("in-group", !!context)
+			];
+		});
+		const avatarStyle = computed(() => {
+			return {
+				[cssVarName("avatar-size")]: props.size,
+				color: props.color,
+				fontSize: props.iconSize,
+				background: props.background,
+				marginInlineStart: context && props.index !== 0 ? `calc(${cssVar("avatar-size")} * ${-context.coverage})` : ""
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(avatarClass.value),
+				style: normalizeStyle(avatarStyle.value),
+				onClick
+			}, [
+				renderSlot(_ctx.$slots, "default", {}, () => [__props.src ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: __props.src,
+					mode: "aspectFill",
+					class: normalizeClass([unref(bem).e("image"), unref(bem).m(__props.shape)])
+				}, null, 10, _hoisted_1)) : (openBlock(), createBlock(unref(Person), {
+					key: 1,
+					class: normalizeClass(unref(bem).e("icon"))
+				}, null, 8, ["class"]))]),
+				renderSlot(_ctx.$slots, "extra"),
+				unref(context) && unref(context).showRemain && unref(context).total > unref(context).max && isLast.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("remain")),
+					onClick: _cache[0] || (_cache[0] = (...args) => unref(context).onRemainClick && unref(context).onRemainClick(...args))
+				}, toDisplayString(unref(context).remainText), 3)) : createCommentVNode("v-if", true)
+			], 6);
+		};
+	}
+});
+//#endregion
+export { avatar_default as default };

package/components/avatar/common.d.ts

@@ -0,0 +1,44 @@
+import type { InjectionKey } from 'vue';
+import { type DefaultProps } from '../config';
+export interface AvatarProps {
+    shape?: 'circle' | 'square';
+    size?: string;
+    iconSize?: string;
+    background?: string;
+    color?: string;
+    src?: string;
+    index?: number;
+}
+export declare const defaultAvatarProps: DefaultProps<AvatarProps>;
+export interface AvatarSlots {
+    default?(props: Record<string, never>): any;
+    extra?(props: Record<string, never>): any;
+}
+export interface AvatarEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+export interface AvatarGroupProps {
+    max: number;
+    total: number;
+    coverage?: number;
+    showRemain?: boolean;
+    remainText?: string | number;
+}
+export declare const defaultAvatarGroupProps: DefaultProps<AvatarGroupProps>;
+export interface AvatarGroupSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface AvatarGroupEmits {
+    (e: 'remain-click', event: any): void;
+}
+export interface AvatarGroupExpose {
+}
+export interface AvatarGroupContext {
+    total: number;
+    max: number;
+    showRemain: boolean;
+    remainText?: string | number;
+    coverage: number;
+    onRemainClick: (event: MouseEvent) => void;
+}
+export declare const avatarGroupContextKey: InjectionKey<AvatarGroupContext>;

package/components/avatar/common.js

@@ -0,0 +1,9 @@
+//#region packages/sard/components/avatar/common.ts
+const defaultAvatarProps = { shape: "circle" };
+const defaultAvatarGroupProps = {
+	coverage: .5,
+	showRemain: true
+};
+const avatarGroupContextKey = Symbol("avatarGroupContext");
+//#endregion
+export { avatarGroupContextKey, defaultAvatarGroupProps, defaultAvatarProps };

package/components/avatar/index.css

@@ -0,0 +1 @@
+:root{--s-avatar-size:var(--s-size-6xl);--s-avatar-bg:var(--s-fill-color-secondary);--s-avatar-border-color:var(--s-border-color-lighter)}.s-avatar{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;width:var(--s-avatar-size);height:var(--s-avatar-size);font-size:var(--s-size-2xl);background:var(--s-avatar-bg);border:1px solid rgba(0,0,0,0)}.s-avatar__image{width:100%;height:100%}.s-avatar--circle{border-radius:var(--s-border-radius-full)}.s-avatar--square{border-radius:var(--s-border-radius)}.s-avatar--in-group{border-color:var(--s-avatar-border-color)}.s-avatar__remain{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-font-size);color:var(--s-white);background:var(--s-overlay);border-radius:inherit}.s-avatar-group{display:flex;align-items:center}

package/components/avatar/index.d.ts

@@ -0,0 +1,7 @@
+import { type EnhancedComponent } from '../../utils';
+import _Avatar from './avatar.vue';
+import _AvatarGroup from './avatar-group.vue';
+export declare const Avatar: EnhancedComponent<typeof _Avatar>;
+export declare const AvatarGroup: EnhancedComponent<typeof _AvatarGroup>;
+export default Avatar;
+export type { AvatarProps, AvatarSlots, AvatarGroupProps, AvatarGroupSlots, AvatarGroupEmits, AvatarGroupExpose, } from './common';

package/components/avatar/index.js

@@ -0,0 +1,8 @@
+import { enhanceComponent } from "../../utils/component.js";
+import avatar_default from "./avatar.js";
+import avatar_group_default from "./avatar-group.js";
+//#region packages/sard/components/avatar/index.ts
+const Avatar = enhanceComponent(avatar_default);
+const AvatarGroup = enhanceComponent(avatar_group_default);
+//#endregion
+export { Avatar, Avatar as default, AvatarGroup };

package/components/back-top/back-top.d.ts

@@ -0,0 +1,20 @@
+import { type BackTopProps, type BackTopSlots } from './common';
+type __VLS_Slots = BackTopSlots;
+declare const __VLS_base: import("vue").DefineComponent<BackTopProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<BackTopProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    right: string;
+    bottom: string;
+    scrollTop: number;
+    visibleHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/back-top/back-top.js

@@ -0,0 +1,56 @@
+import { createBem } from "../../utils/bem.js";
+import { defaultBackTopProps } from "./common.js";
+import { computed, createElementBlock, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+import { Backtop } from "@sard/icons";
+//#region packages/sard/components/back-top/back-top.vue
+var back_top_default = /*@__PURE__*/ defineComponent({
+	__name: "back-top",
+	props: /*@__PURE__*/ mergeDefaults({
+		scrollTop: {
+			type: Number,
+			required: false
+		},
+		visibleHeight: {
+			type: Number,
+			required: false
+		},
+		right: {
+			type: String,
+			required: false
+		},
+		bottom: {
+			type: String,
+			required: false
+		}
+	}, defaultBackTopProps),
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const bem = createBem("back-top");
+		const visible = computed(() => {
+			return props.scrollTop >= props.visibleHeight;
+		});
+		const onClick = (event) => {
+			emit("click", event);
+		};
+		const backTopClass = computed(() => {
+			return [bem.b(), bem.m("visible", visible.value)];
+		});
+		const backTopStyle = computed(() => {
+			return {
+				insetInlineEnd: props.right,
+				bottom: props.bottom
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(backTopClass.value),
+				style: normalizeStyle(backTopStyle.value),
+				onClick
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(Backtop))])], 6);
+		};
+	}
+});
+//#endregion
+export { back_top_default as default };

package/components/back-top/common.d.ts

@@ -0,0 +1,14 @@
+import { type DefaultProps } from '../config';
+export interface BackTopProps {
+    scrollTop?: number;
+    visibleHeight?: number;
+    right?: string;
+    bottom?: string;
+}
+export declare const defaultBackTopProps: DefaultProps<BackTopProps>;
+export interface BackTopSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface BackTopEmits {
+    (e: 'click', event: MouseEvent): void;
+}

package/components/back-top/common.js

@@ -0,0 +1,7 @@
+//#region packages/sard/components/back-top/common.ts
+const defaultBackTopProps = {
+	visibleHeight: 200,
+	scrollTop: 0
+};
+//#endregion
+export { defaultBackTopProps };

package/components/back-top/index.css

@@ -0,0 +1 @@
+.s-back-top{position:fixed;inset-inline-end:var(--s-size-xl);bottom:var(--s-size-4xl);z-index:var(--s-z-index-secondary);display:flex;justify-content:center;align-items:center;min-width:var(--s-size-4xl);height:var(--s-size-4xl);padding:0 var(--s-size-sm);border-radius:var(--s-border-radius-full);font-size:var(--s-font-size-xl);color:var(--s-white);background:var(--s-color-primary);box-shadow:var(--s-box-shadow-secondary);cursor:pointer;pointer-events:none;opacity:0;transition:opacity var(--s-duration)}.s-back-top:active{opacity:var(--s-opacity-active)}.s-back-top--visible{pointer-events:auto;opacity:1}

package/components/back-top/index.d.ts

@@ -0,0 +1,7 @@
+import { type EnhancedComponent } from '../../utils';
+import _BackTop from './back-top.vue';
+export declare const BackTop: EnhancedComponent<typeof _BackTop>;
+export default BackTop;
+export type { BackTopProps, BackTopSlots, BackTopEmits } from './common';
+export { usePageBackTop } from './usePageBackTop';
+export { useElementBackTop } from './useElementBackTop';

package/components/back-top/index.js

@@ -0,0 +1,8 @@
+import { enhanceComponent } from "../../utils/component.js";
+import back_top_default from "./back-top.js";
+import { usePageBackTop } from "./usePageBackTop.js";
+import { useElementBackTop } from "./useElementBackTop.js";
+//#region packages/sard/components/back-top/index.ts
+const BackTop = enhanceComponent(back_top_default);
+//#endregion
+export { BackTop, BackTop as default, useElementBackTop, usePageBackTop };

package/components/back-top/useElementBackTop.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+export declare function useElementBackTop(el: Ref<HTMLElement | null | undefined>): {
+    scrollTop: Ref<number, number>;
+    backTop: () => void;
+};

package/components/back-top/useElementBackTop.js

@@ -0,0 +1,18 @@
+import { useElementScroll } from "../../use/useElementScroll.js";
+import { ref } from "vue";
+//#region packages/sard/components/back-top/useElementBackTop.ts
+function useElementBackTop(el) {
+	const scrollTop = ref(0);
+	const backTop = () => {
+		if (el.value) el.value.scrollTop = 0;
+	};
+	useElementScroll(el, () => {
+		scrollTop.value = el.value.scrollTop;
+	});
+	return {
+		scrollTop,
+		backTop
+	};
+}
+//#endregion
+export { useElementBackTop };

package/components/back-top/usePageBackTop.d.ts

@@ -0,0 +1,4 @@
+export declare function usePageBackTop(behavior?: ScrollBehavior): {
+    scrollTop: import("vue").Ref<number, number>;
+    backTop: () => void;
+};

package/components/back-top/usePageBackTop.js

@@ -0,0 +1,21 @@
+import { usePageScroll } from "../../use/usePageScroll.js";
+import { ref } from "vue";
+//#region packages/sard/components/back-top/usePageBackTop.ts
+function usePageBackTop(behavior = "smooth") {
+	const scrollTop = ref(0);
+	usePageScroll(() => {
+		scrollTop.value = window.scrollY;
+	});
+	const backTop = () => {
+		window.scrollTo({
+			top: 0,
+			behavior
+		});
+	};
+	return {
+		scrollTop,
+		backTop
+	};
+}
+//#endregion
+export { usePageBackTop };

package/components/badge/badge.d.ts

@@ -0,0 +1,19 @@
+import { type BadgeProps, type BadgeSlots } from './common';
+type __VLS_Slots = BadgeSlots;
+declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    max: number;
+    value: number | string;
+    fixed: boolean;
+    color: string;
+    textColor: string;
+    showZero: boolean;
+    dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/badge/badge.js

@@ -0,0 +1,77 @@
+import { createBem } from "../../utils/bem.js";
+import { defaultBadgeProps } from "./common.js";
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+//#region packages/sard/components/badge/badge.vue
+var badge_default = /*@__PURE__*/ defineComponent({
+	__name: "badge",
+	props: /*@__PURE__*/ mergeDefaults({
+		value: {
+			type: [Number, String],
+			required: false
+		},
+		max: {
+			type: Number,
+			required: false
+		},
+		showZero: {
+			type: Boolean,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		textColor: {
+			type: String,
+			required: false
+		},
+		dot: {
+			type: Boolean,
+			required: false
+		},
+		fixed: {
+			type: Boolean,
+			required: false
+		}
+	}, defaultBadgeProps),
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const bem = createBem("badge");
+		const zeroHide = computed(() => {
+			return !props.dot && props.value === 0 && !props.showZero && !slots.value;
+		});
+		const innerValue = computed(() => {
+			return props.dot ? "" : typeof props.value === "number" && props.value > props.max ? `${props.max}+` : props.value === 0 && !props.showZero ? "" : props.value;
+		});
+		const badgeClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m("fixed", props.fixed || !!slots.default),
+				bem.m("zero-hide", zeroHide.value),
+				bem.m("dot", props.dot)
+			];
+		});
+		const badgeStyle = computed(() => {
+			return {
+				background: props.color,
+				color: props.textColor
+			};
+		});
+		return (_ctx, _cache) => {
+			return slots.default ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(bem).e("wrapper"))
+			}, [renderSlot(_ctx.$slots, "default"), createElementVNode("div", {
+				class: normalizeClass(badgeClass.value),
+				style: normalizeStyle(badgeStyle.value)
+			}, [renderSlot(_ctx.$slots, "value", {}, () => [createTextVNode(toDisplayString(innerValue.value), 1)])], 6)], 2)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(badgeClass.value),
+				style: normalizeStyle(badgeStyle.value)
+			}, [renderSlot(_ctx.$slots, "value", {}, () => [createTextVNode(toDisplayString(innerValue.value), 1)])], 6));
+		};
+	}
+});
+//#endregion
+export { badge_default as default };

package/components/badge/common.d.ts

@@ -0,0 +1,15 @@
+import { type DefaultProps } from '../config';
+export interface BadgeProps {
+    value?: number | string;
+    max?: number;
+    showZero?: boolean;
+    color?: string;
+    textColor?: string;
+    dot?: boolean;
+    fixed?: boolean;
+}
+export declare const defaultBadgeProps: DefaultProps<BadgeProps>;
+export interface BadgeSlots {
+    default?(props: Record<string, never>): any;
+    value?(props: Record<string, never>): any;
+}

package/components/badge/common.js

@@ -0,0 +1,7 @@
+//#region packages/sard/components/badge/common.ts
+const defaultBadgeProps = {
+	value: 0,
+	max: 99
+};
+//#endregion
+export { defaultBadgeProps };

package/components/badge/index.css

@@ -0,0 +1 @@
+:root{--s-badge-height:18px;--s-badge-font-size:var(--s-font-size-sm);--s-badge-bg:var(--s-color-danger);--s-badge-color:var(--s-white);--s-badge-border-color:var(--s-border-color-lighter);--s-badge-dot-size:10px}.s-badge{flex:none;display:inline-flex;justify-content:center;align-items:center;min-width:var(--s-badge-height);height:var(--s-badge-height);padding-inline-start:var(--s-size-2xs);padding-inline-end:var(--s-size-2xs);font-size:var(--s-badge-font-size);line-height:var(--s-line-height-none);text-align:center;border:1px solid var(--s-badge-border-color);border-radius:var(--s-border-radius-full);color:var(--s-badge-color);background:var(--s-badge-bg)}.s-badge--fixed{position:absolute;top:0;inset-inline-end:0;transform:translate(50%, -50%);z-index:10}:root[dir=rtl] .s-badge--fixed{transform:translate(-50%, -50%)}.s-badge--dot{width:var(--s-badge-dot-size);height:var(--s-badge-dot-size);min-width:var(--s-badge-dot-size);padding:0;border-radius:var(--s-border-radius-full)}.s-badge--zero-hide{display:none}.s-badge__wrapper{position:relative;display:inline-flex}

package/components/badge/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Badge from './badge.vue';
+export declare const Badge: EnhancedComponent<typeof _Badge>;
+export default Badge;
+export type { BadgeProps, BadgeSlots } from './common';

package/components/badge/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import badge_default from "./badge.js";
+//#region packages/sard/components/badge/index.ts
+const Badge = enhanceComponent(badge_default);
+//#endregion
+export { Badge, Badge as default };

package/components/barcode/barcode.d.ts

@@ -0,0 +1,24 @@
+import { type BarcodeProps } from './common';
+declare const __VLS_export: import("vue").DefineComponent<BarcodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BarcodeProps> & Readonly<{}>, {
+    fontStyle: import("../..").CanvasFontStyle;
+    fontWeight: import("../..").CanvasFontWeight;
+    fontSize: number;
+    fontFamily: string;
+    textAlign: import("../..").CanvasTextAlign;
+    format: import("../..").BarcodeFormat;
+    width: number;
+    height: number;
+    background: string;
+    displayValue: boolean;
+    textPosition: import("../..").BarcodeTextPosition;
+    textMargin: number;
+    margin: number;
+    marginTop: number;
+    marginBottom: number;
+    marginLeft: number;
+    marginRight: number;
+    value: string;
+    color: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;