@sdata/web-vue 3.30.0 → 4.0.0

package/es/avatar/avatar-group.js

@@ -1,97 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { getAllElements } from "../_utils/vue-utils.js";
-import Popover from "../popover/index.js";
-import { avatarGroupInjectionKey } from "./context.js";
-import avatar_default from "./avatar.js";
-import { computed, createTextVNode, createVNode, defineComponent, inject, provide, reactive, ref, toRefs } from "vue";
-//#region components/avatar/avatar-group.tsx
-var AvatarGroup = /* @__PURE__ */ defineComponent({
-	name: "AvatarGroup",
-	props: {
-		/**
-		* @zh 头像的形状，有圆形(circle)和正方形(square)两种
-		* @en The shape of the avatar in the group, there are two kinds of circle (circle) and square (square)
-		* @values 'circle', 'square'
-		*/
-		shape: {
-			type: String,
-			default: "circle"
-		},
-		/**
-		* @zh 头像的尺寸大小，单位是 `px`
-		* @en The size of the avatar in the group, the unit is `px`
-		*/
-		size: Number,
-		/**
-		* @zh 是否自动根据头像尺寸调整字体大小
-		* @en Whether to automatically adjust the font size according to the size of the avatar.
-		*/
-		autoFixFontSize: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 头像组最多显示的头像数量，多余头像将以 `+x` 的形式展示。
-		* @en The maximum number of avatars displayed in the avatar group. The excess avatars will be displayed in the form of `+x`.
-		*/
-		maxCount: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 头像组内的头像 `z-index` 递增，默认是递减。
-		* @en The avatar `z-index` in the avatar group increases, and the default is decreasing.
-		*/
-		zIndexAscend: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 多余头像样式。
-		* @en Style for +x.
-		* @version 2.7.0
-		*/
-		maxStyle: { type: Object },
-		/**
-		* @zh 多余头像气泡的 `TriggerProps`
-		* @en TriggerProps for popover around +x.
-		* @version 2.7.0
-		*/
-		maxPopoverTriggerProps: { type: Object }
-	},
-	setup(props, { slots }) {
-		const { shape, size, autoFixFontSize, zIndexAscend } = toRefs(props);
-		const prefixCls = getPrefixCls("avatar-group");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const rtl = computed(() => {
-			var _configCtx$rtl;
-			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
-		});
-		const total = ref(0);
-		provide(avatarGroupInjectionKey, reactive({
-			shape,
-			size,
-			autoFixFontSize,
-			zIndexAscend,
-			total,
-			rtl
-		}));
-		return () => {
-			var _slots$default, _slots$default2;
-			const children = getAllElements((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
-			const avatarsToRender = props.maxCount > 0 ? children.slice(0, props.maxCount) : children;
-			const avatarsInPopover = props.maxCount > 0 ? children.slice(props.maxCount) : [];
-			if (total.value !== children.length) total.value = children.length;
-			return createVNode("div", { "class": `${prefixCls} ${rtl.value ? `${prefixCls}-rtl` : ""}` }, [avatarsToRender, avatarsInPopover.length > 0 && createVNode(Popover, props.maxPopoverTriggerProps, {
-				default: () => [createVNode(avatar_default, {
-					"class": `${prefixCls}-max-count-avatar`,
-					"style": props.maxStyle
-				}, { default: () => [createTextVNode("+"), avatarsInPopover.length] })],
-				content: () => createVNode("div", null, [avatarsInPopover])
-			})]);
-		};
-	}
-});
+import avatar_group_vue_vue_type_script_setup_true_lang_default from "./avatar-group.vue_vue_type_script_setup_true_lang.js";
+//#region components/avatar/avatar-group.vue
+var avatar_group_default = avatar_group_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { AvatarGroup as default };
+export { avatar_group_default as default };

package/es/avatar/avatar-group.vue.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties, VNode } from 'vue';
+import type { TriggerProps } from '../trigger';
+import type { AvatarShape } from './interface';
+type __VLS_Props = {
+    shape?: AvatarShape;
+    size?: number;
+    autoFixFontSize?: boolean;
+    maxCount?: number;
+    zIndexAscend?: boolean;
+    maxStyle?: CSSProperties;
+    maxPopoverTriggerProps?: TriggerProps;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    shape: AvatarShape;
+    autoFixFontSize: boolean;
+    maxCount: number;
+    zIndexAscend: 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/es/avatar/avatar-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { getAllElements } from "../_utils/vue-utils.js";
+import Popover from "../popover/index.js";
+import { avatarGroupInjectionKey } from "./context.js";
+import avatar_default from "./avatar.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, provide, reactive, ref, toDisplayString, toRef, unref, useSlots, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/avatar/avatar-group.vue?vue&type=script&setup=true&lang.ts
+var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "AvatarGroup" }), {}, {
+	__name: "avatar-group",
+	props: {
+		shape: { default: "circle" },
+		size: {},
+		autoFixFontSize: {
+			type: Boolean,
+			default: true
+		},
+		maxCount: { default: 0 },
+		zIndexAscend: {
+			type: Boolean,
+			default: false
+		},
+		maxStyle: {},
+		maxPopoverTriggerProps: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const [DefineAvatarContent, ReuseAvatarContent] = createReusableTemplate();
+		const RenderVNodes = defineComponent({
+			name: "AvatarGroupRenderVNodes",
+			props: { content: {
+				type: Array,
+				required: true
+			} },
+			setup(renderProps) {
+				return () => renderProps.content;
+			}
+		});
+		const prefixCls = getPrefixCls("avatar-group");
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const rtl = computed(() => {
+			var _configCtx$rtl;
+			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
+		});
+		const total = ref(0);
+		const getChildren = () => {
+			var _slots$default, _slots$default2;
+			const children = getAllElements((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
+			total.value = children.length;
+			return children;
+		};
+		const getVisibleAvatars = (children) => props.maxCount > 0 ? children.slice(0, props.maxCount) : children;
+		const getOverflowAvatars = (children) => props.maxCount > 0 ? children.slice(props.maxCount) : [];
+		provide(avatarGroupInjectionKey, reactive({
+			shape: toRef(props, "shape"),
+			size: toRef(props, "size"),
+			autoFixFontSize: toRef(props, "autoFixFontSize"),
+			zIndexAscend: toRef(props, "zIndexAscend"),
+			total,
+			rtl
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), { [`${unref(prefixCls)}-rtl`]: rtl.value }]) }, [createVNode(unref(DefineAvatarContent), null, {
+				default: withCtx(({ children }) => [createVNode(unref(RenderVNodes), { content: getVisibleAvatars(children) }, null, 8, ["content"]), getOverflowAvatars(children).length > 0 ? (openBlock(), createBlock(unref(Popover), normalizeProps(mergeProps({ key: 0 }, __props.maxPopoverTriggerProps)), {
+					content: withCtx(() => [createElementVNode("div", null, [createVNode(unref(RenderVNodes), { content: getOverflowAvatars(children) }, null, 8, ["content"])])]),
+					default: withCtx(() => [createVNode(avatar_default, {
+						class: normalizeClass(`${unref(prefixCls)}-max-count-avatar`),
+						style: normalizeStyle(__props.maxStyle)
+					}, {
+						default: withCtx(() => [createTextVNode(" +" + toDisplayString(getOverflowAvatars(children).length), 1)]),
+						_: 2
+					}, 1032, ["class", "style"])]),
+					_: 2
+				}, 1040)) : createCommentVNode("", true)]),
+				_: 1
+			}), createVNode(unref(ReuseAvatarContent), { children: getChildren() }, null, 8, ["children"])], 2);
+		};
+	}
+}));
+//#endregion
+export { avatar_group_vue_vue_type_script_setup_true_lang_default as default };

package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";

package/es/avatar/index.d.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _AvatarGroup from './avatar-group';
+import _AvatarGroup from './avatar-group.vue';
 import _Avatar from './avatar.vue';
 declare const Avatar: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -120,60 +120,62 @@ declare const Avatar: {
         'trigger-icon'?: (props: {}) => any;
     };
 }) & {
-    Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        shape: {
-            type: import("vue").PropType<import("./interface.ts").AvatarShape>;
-            default: string;
-        };
-        size: NumberConstructor;
-        autoFixFontSize: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxCount: {
-            type: NumberConstructor;
-            default: number;
-        };
-        zIndexAscend: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        maxPopoverTriggerProps: {
-            type: import("vue").PropType<import("../index.ts").TriggerProps>;
-        };
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        shape: {
-            type: import("vue").PropType<import("./interface.ts").AvatarShape>;
-            default: string;
-        };
-        size: NumberConstructor;
-        autoFixFontSize: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxCount: {
-            type: NumberConstructor;
-            default: number;
-        };
-        zIndexAscend: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        maxPopoverTriggerProps: {
-            type: import("vue").PropType<import("../index.ts").TriggerProps>;
-        };
-    }>> & Readonly<{}>, {
+    Group: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            shape?: import("./interface.ts").AvatarShape;
+            size?: number;
+            autoFixFontSize?: boolean;
+            maxCount?: number;
+            zIndexAscend?: boolean;
+            maxStyle?: import("vue").CSSProperties;
+            maxPopoverTriggerProps?: import("../index.ts").TriggerProps;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            shape: import("./interface.ts").AvatarShape;
+            autoFixFontSize: boolean;
+            maxCount: number;
+            zIndexAscend: boolean;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            shape?: import("./interface.ts").AvatarShape;
+            size?: number;
+            autoFixFontSize?: boolean;
+            maxCount?: number;
+            zIndexAscend?: boolean;
+            maxStyle?: import("vue").CSSProperties;
+            maxPopoverTriggerProps?: import("../index.ts").TriggerProps;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            shape: import("./interface.ts").AvatarShape;
+            autoFixFontSize: boolean;
+            maxCount: number;
+            zIndexAscend: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        shape?: import("./interface.ts").AvatarShape;
+        size?: number;
+        autoFixFontSize?: boolean;
+        maxCount?: number;
+        zIndexAscend?: boolean;
+        maxStyle?: import("vue").CSSProperties;
+        maxPopoverTriggerProps?: import("../index.ts").TriggerProps;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         shape: import("./interface.ts").AvatarShape;
         autoFixFontSize: boolean;
         maxCount: number;
         zIndexAscend: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: () => import("vue").VNode[];
+        };
+    });
     install: (app: App, options?: SDOptions) => void;
 };
 export type AvatarInstance = InstanceType<typeof _Avatar>;

package/es/avatar/index.js

@@ -1,15 +1,15 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
 import avatar_default from "./avatar.js";
-import AvatarGroup from "./avatar-group.js";
+import avatar_group_default from "./avatar-group.js";
 //#region components/avatar/index.ts
 var Avatar = Object.assign(avatar_default, {
-	Group: AvatarGroup,
+	Group: avatar_group_default,
 	install: (app, options) => {
 		setGlobalConfig(app, options);
 		const componentPrefix = getComponentPrefix(options);
 		app.component(componentPrefix + avatar_default.name, avatar_default);
-		app.component(componentPrefix + AvatarGroup.name, AvatarGroup);
+		app.component(componentPrefix + avatar_group_default.name, avatar_group_default);
 	}
 });
 //#endregion
-export { AvatarGroup, Avatar as default };
+export { avatar_group_default as AvatarGroup, Avatar as default };

package/es/back-top/back-top.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";

package/es/badge/badge.js

@@ -1,150 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { computed, createVNode, defineComponent, inject, toRefs } from "vue";
-//#region components/badge/badge.tsx
-var COLORS = [
-	"red",
-	"orangered",
-	"orange",
-	"gold",
-	"lime",
-	"green",
-	"cyan",
-	"sdblue",
-	"purple",
-	"pinkpurple",
-	"magenta",
-	"gray"
-];
-var BADGE_STATUSES = [
-	"normal",
-	"processing",
-	"success",
-	"warning",
-	"danger"
-];
-var badge_default = /* @__PURE__ */ defineComponent({
-	name: "Badge",
-	props: {
-		/**
-		* @zh 自定义提示内容
-		* @en Set the display text of the status dot
-		*/
-		text: { type: String },
-		/**
-		* @zh 显示为小红点
-		* @en Whether to display a red dot instead of `count`
-		*/
-		dot: { type: Boolean },
-		/**
-		* @zh 徽标的样式
-		* @en Customize badge dot style
-		*/
-		dotStyle: { type: Object },
-		/**
-		* @zh 徽标最大显示数值，如果count超过这个数值会显示为maxCount
-		* @en Max count to show. If count is larger than this value, it will be displayed as `${maxCount}+`
-		*/
-		maxCount: {
-			type: Number,
-			default: 99
-		},
-		/**
-		* @zh 设置徽标位置的偏移
-		* @en Set offset of the badge dot
-		*/
-		offset: {
-			type: Array,
-			default: () => []
-		},
-		/**
-		* @zh 内置的一些颜色
-		* @en Customize dot color
-		*/
-		color: { type: String },
-		/**
-		* @zh 徽标的状态类型
-		* @en Badge status
-		* @values 'normal', 'processing', 'success', 'warning', 'danger'
-		*/
-		status: {
-			type: String,
-			validator: (value) => {
-				return BADGE_STATUSES.includes(value);
-			}
-		},
-		/**
-		* @zh 徽标显示的数字
-		* @en Number to show in badge
-		*/
-		count: { type: Number }
-	},
-	setup(props, { slots }) {
-		const { status, color, dotStyle, offset, text, dot, maxCount, count } = toRefs(props);
-		const prefixCls = getPrefixCls("badge");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const rtl = computed(() => {
-			var _configCtx$rtl;
-			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
-		});
-		const wrapperClassName = computed(() => [prefixCls, {
-			[`${prefixCls}-status`]: status === null || status === void 0 ? void 0 : status.value,
-			[`${prefixCls}-no-children`]: !(slots === null || slots === void 0 ? void 0 : slots.default),
-			[`${prefixCls}-rtl`]: rtl.value
-		}]);
-		const computedStyleRef = computed(() => {
-			const computedDotStyle = _objectSpread2({}, dotStyle === null || dotStyle === void 0 ? void 0 : dotStyle.value);
-			const [leftOffset, topOffset] = (offset === null || offset === void 0 ? void 0 : offset.value) || [];
-			if (leftOffset) computedDotStyle.marginRight = `${-leftOffset}px`;
-			if (topOffset) computedDotStyle.marginTop = `${topOffset}px`;
-			const computedColorStyle = !(color === null || color === void 0 ? void 0 : color.value) || COLORS.includes(color === null || color === void 0 ? void 0 : color.value) ? {} : { backgroundColor: color.value };
-			return {
-				mergedStyle: _objectSpread2(_objectSpread2({}, computedColorStyle), computedDotStyle),
-				computedDotStyle,
-				computedColorStyle
-			};
-		});
-		const getDot = () => {
-			const textValue = text === null || text === void 0 ? void 0 : text.value;
-			const colorValue = color === null || color === void 0 ? void 0 : color.value;
-			const statusValue = status === null || status === void 0 ? void 0 : status.value;
-			const dotValue = dot === null || dot === void 0 ? void 0 : dot.value;
-			const countValue = Number(count === null || count === void 0 ? void 0 : count.value);
-			const hasCount = (count === null || count === void 0 ? void 0 : count.value) != null;
-			const { computedDotStyle, mergedStyle } = computedStyleRef.value;
-			if (slots.content) return createVNode("span", {
-				"class": `${prefixCls}-custom-dot`,
-				"style": computedDotStyle
-			}, [slots.content()]);
-			if (textValue && !colorValue && !statusValue) return createVNode("span", {
-				"class": `${prefixCls}-text`,
-				"style": computedDotStyle
-			}, [textValue]);
-			if (statusValue || colorValue && !hasCount) return createVNode("span", { "class": `${prefixCls}-status-wrapper` }, [createVNode("span", {
-				"class": [`${prefixCls}-status-dot`, {
-					[`${prefixCls}-status-${statusValue}`]: statusValue,
-					[`${prefixCls}-color-${colorValue}`]: colorValue
-				}],
-				"style": mergedStyle,
-				"aria-hidden": "true"
-			}, null), textValue && createVNode("span", { "class": `${prefixCls}-status-text` }, [textValue])]);
-			if ((dotValue || colorValue) && countValue > 0) return createVNode("span", {
-				"role": "status",
-				"aria-label": String(countValue),
-				"class": [`${prefixCls}-dot`, { [`${prefixCls}-color-${colorValue}`]: colorValue }],
-				"style": mergedStyle
-			}, null);
-			if (countValue === 0) return null;
-			return createVNode("span", {
-				"class": `${prefixCls}-number`,
-				"style": mergedStyle
-			}, [createVNode("span", null, [maxCount.value && countValue > maxCount.value ? `${maxCount.value}+` : countValue])]);
-		};
-		return () => {
-			return createVNode("span", { "class": wrapperClassName.value }, [slots.default && slots.default(), getDot()]);
-		};
-	}
-});
+import badge_vue_vue_type_script_setup_true_lang_default, { COLORS } from "./badge.vue_vue_type_script_setup_true_lang.js";
+//#region components/badge/badge.vue
+var badge_default = badge_vue_vue_type_script_setup_true_lang_default;
 //#endregion
-export { BADGE_STATUSES, COLORS, badge_default as default };
+export { COLORS, badge_default as default };

package/es/badge/badge.vue.d.ts

@@ -0,0 +1,34 @@
+import type { CSSProperties } from 'vue';
+export declare const COLORS: readonly ["red", "orangered", "orange", "gold", "lime", "green", "cyan", "sdblue", "purple", "pinkpurple", "magenta", "gray"];
+export type ColorType = (typeof COLORS)[number];
+export declare const BADGE_STATUSES: readonly ["normal", "processing", "success", "warning", "danger"];
+export type BadgeStatus = (typeof BADGE_STATUSES)[number];
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    text?: string;
+    dot?: boolean;
+    dotStyle?: CSSProperties;
+    maxCount?: number;
+    offset?: number[];
+    color?: ColorType | string;
+    status?: BadgeStatus;
+    count?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    text?: string;
+    dot?: boolean;
+    dotStyle?: CSSProperties;
+    maxCount?: number;
+    offset?: number[];
+    color?: ColorType | string;
+    status?: BadgeStatus;
+    count?: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: () => unknown;
+    content?: () => unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/badge/badge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,97 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+//#region components/badge/badge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var COLORS = [
+	"red",
+	"orangered",
+	"orange",
+	"gold",
+	"lime",
+	"green",
+	"cyan",
+	"sdblue",
+	"purple",
+	"pinkpurple",
+	"magenta",
+	"gray"
+];
+var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Badge" }), {}, {
+	__name: "badge",
+	props: {
+		text: {},
+		dot: {
+			type: Boolean,
+			default: false
+		},
+		dotStyle: {},
+		maxCount: { default: 99 },
+		offset: { default: () => [] },
+		color: {},
+		status: {},
+		count: {}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("badge");
+		const configCtx = inject(configProviderInjectionKey, void 0);
+		const rtl = computed(() => {
+			var _configCtx$rtl;
+			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
+		});
+		const hasCount = computed(() => __props.count != null);
+		const countValue = computed(() => Number(__props.count));
+		const wrapperClassName = computed(() => [prefixCls, {
+			[`${prefixCls}-status`]: __props.status,
+			[`${prefixCls}-no-children`]: !slots.default,
+			[`${prefixCls}-rtl`]: rtl.value
+		}]);
+		const computedDotStyle = computed(() => {
+			const style = _objectSpread2({}, __props.dotStyle);
+			const [leftOffset, topOffset] = __props.offset;
+			if (leftOffset) style.marginRight = `${-leftOffset}px`;
+			if (topOffset) style.marginTop = `${topOffset}px`;
+			return style;
+		});
+		const mergedStyle = computed(() => _objectSpread2(_objectSpread2({}, !__props.color || COLORS.includes(__props.color) ? {} : { backgroundColor: __props.color }), computedDotStyle.value));
+		const displayCount = computed(() => __props.maxCount && countValue.value > __props.maxCount ? `${__props.maxCount}+` : countValue.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName.value) }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-custom-dot`),
+				style: normalizeStyle(computedDotStyle.value)
+			}, [renderSlot(_ctx.$slots, "content")], 6)) : __props.text && !__props.color && !__props.status ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(`${unref(prefixCls)}-text`),
+				style: normalizeStyle(computedDotStyle.value)
+			}, toDisplayString(__props.text), 7)) : __props.status || __props.color && !hasCount.value ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(`${unref(prefixCls)}-status-wrapper`)
+			}, [createElementVNode("span", {
+				class: normalizeClass([`${unref(prefixCls)}-status-dot`, {
+					[`${unref(prefixCls)}-status-${__props.status}`]: __props.status,
+					[`${unref(prefixCls)}-color-${__props.color}`]: __props.color
+				}]),
+				style: normalizeStyle(mergedStyle.value),
+				"aria-hidden": "true"
+			}, null, 6), __props.text ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-status-text`)
+			}, toDisplayString(__props.text), 3)) : createCommentVNode("", true)], 2)) : (__props.dot || __props.color) && countValue.value > 0 ? (openBlock(), createElementBlock("span", {
+				key: 3,
+				role: "status",
+				"aria-label": String(countValue.value),
+				class: normalizeClass([`${unref(prefixCls)}-dot`, { [`${unref(prefixCls)}-color-${__props.color}`]: __props.color }]),
+				style: normalizeStyle(mergedStyle.value)
+			}, null, 14, _hoisted_1)) : countValue.value !== 0 ? (openBlock(), createElementBlock("span", {
+				key: 4,
+				class: normalizeClass(`${unref(prefixCls)}-number`),
+				style: normalizeStyle(mergedStyle.value)
+			}, [createElementVNode("span", null, toDisplayString(displayCount.value), 1)], 6)) : createCommentVNode("", true)], 2);
+		};
+	}
+}));
+//#endregion
+export { COLORS, badge_vue_vue_type_script_setup_true_lang_default as default };