@routa/ui-vue 0.1.0

package/dist/autocomplete/types.d.ts

@@ -0,0 +1,58 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { Placement } from '../../../headless/src/index.ts';
+export declare const autoCompleteProps: {
+    /** 绑定值 | Binding value */
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 获取建议列表的回调 | Callback to fetch suggestions */
+    readonly fetchSuggestions: {
+        readonly type: PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        readonly required: true;
+    };
+    /** 占位文字 | Placeholder */
+    readonly placeholder: StringConstructor;
+    /** 禁用 | Disabled */
+    readonly disabled: BooleanConstructor;
+    /** 可清空 | Clearable */
+    readonly clearable: BooleanConstructor;
+    /** 尺寸 | Size */
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    /** 是否在聚焦时显示建议 | Whether to show suggestions on focus */
+    readonly triggerOnFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 防抖延迟 | Debounce delay */
+    readonly debounce: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    /** 弹出层位置 | Placement */
+    readonly placement: {
+        readonly type: PropType<Placement>;
+        readonly default: "bottom-start";
+    };
+    /** 弹出层类名 | Popper class */
+    readonly popperClass: StringConstructor;
+    /** 显示字段名 | Display label field */
+    readonly valueKey: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    /** 无数据时显示的文本 | Text to display when no data */
+    readonly noDataText: StringConstructor;
+};
+export type AutoCompleteProps = ExtractPropTypes<typeof autoCompleteProps>;
+export declare const autoCompleteEmits: {
+    'update:modelValue': (_val: string) => boolean;
+    select: (_item: any) => boolean;
+    change: (_val: string) => boolean;
+    focus: (_e: FocusEvent) => boolean;
+    blur: (_e: FocusEvent) => boolean;
+    clear: () => boolean;
+};

package/dist/avatar/Avatar.vue.d.ts

@@ -0,0 +1,36 @@
+import { AvatarProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+        canvasRef: HTMLCanvasElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (err: any) => any;
+    load: (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
+    onError?: ((err: any) => any) | undefined;
+    onLoad?: ((url: string) => any) | undefined;
+}>, {
+    size: import('./types').AvatarSize;
+    lazy: boolean;
+    shape: import('./types').AvatarShape;
+    priority: import('../../../headless/src/index.ts').ImagePriority;
+    fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/avatar/AvatarGroup.vue.d.ts

@@ -0,0 +1,7 @@
+import { AvatarGroupProps } from './types';
+declare const _default: import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+    size: import('./types').AvatarSize;
+    offset: number;
+    shape: import('./types').AvatarShape;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/avatar/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as Avatar } from './Avatar.vue';
+import { default as AvatarGroup } from './AvatarGroup.vue';
+export declare const LAvatar: typeof Avatar & Plugin;
+export declare const LAvatarGroup: typeof AvatarGroup & Plugin;
+export * from './types';
+export default LAvatar;

package/dist/avatar/index.js

@@ -0,0 +1,3 @@
+require('../style/avatar.css');
+require('../style/Icon.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("../chunks/useCanvasRenderer-D77k3JCQ.js"),C=require("../icon/index.js"),_=["aria-label"],$=["src","alt"],G={key:1,class:"l-avatar__text"},I={key:2,class:"l-avatar__icon"},R={key:3,class:"l-avatar__loading"},x=e.defineComponent({name:"Avatar",__name:"Avatar",props:{src:{},alt:{},size:{default:"md"},shape:{default:"circle"},fit:{default:"cover"},lazy:{type:Boolean,default:!0},priority:{default:"normal"},text:{},icon:{},backgroundColor:{},style:{},class:{}},emits:["error","load"],setup(a,{emit:o}){const t=a,c=e.inject("LAvatarGroupContext",null),m=e.computed(()=>(c==null?void 0:c.size)??t.size),d=e.computed(()=>(c==null?void 0:c.shape)??t.shape),f=o,l=e.ref(null),y=e.ref(null),{status:s,displayedSrc:u,currentBitmap:i,load:v,reset:p}=B.useImageLoader(t),{initResizeObserver:b}=B.useCanvasRenderer(y,{fit:e.computed(()=>t.fit),bitmap:i}),S=e.computed(()=>{const r=m.value;return typeof r=="number"?{width:`${r}px`,height:`${r}px`,fontSize:`${r/2}px`}:{}}),A=e.computed(()=>["l-avatar",`l-avatar--${d.value}`,typeof m.value=="string"?`l-avatar--${m.value}`:"",{"l-avatar--image":s.value==="loaded"&&(u.value||i.value),"l-avatar--text":s.value!=="loaded"&&t.text,"l-avatar--icon":s.value!=="loaded"&&!t.text},t.class]),L=e.computed(()=>({...S.value,backgroundColor:t.backgroundColor,...t.style})),E=e.computed(()=>t.alt?t.alt:t.text?t.text:"用户头像");let n=null;const g=async()=>{if(t.src)try{await v(),s.value==="loaded"&&f("load",t.src)}catch(r){f("error",r)}};return e.watch(()=>t.src,r=>{p(),r&&(t.lazy?n&&l.value&&(n.unobserve(l.value),n.observe(l.value)):g())}),e.onMounted(()=>{if(l.value&&b(l.value),!!t.src){if(!t.lazy){g();return}n=new IntersectionObserver(r=>{r[0].isIntersecting&&(g(),n&&l.value&&n.unobserve(l.value))},{rootMargin:"200px"}),l.value&&n.observe(l.value)}}),e.onUnmounted(()=>{n==null||n.disconnect(),n=null}),(r,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:l,class:e.normalizeClass(A.value),style:e.normalizeStyle(L.value),role:"img","aria-label":E.value},[t.src&&e.unref(s)==="loaded"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(i)?(e.openBlock(),e.createElementBlock("canvas",{key:0,ref_key:"canvasRef",ref:y,class:"l-avatar__canvas"},null,512)):e.unref(u)?(e.openBlock(),e.createElementBlock("img",{key:1,src:e.unref(u),alt:a.alt,style:e.normalizeStyle({objectFit:a.fit}),class:"l-avatar__img"},null,12,$)):e.createCommentVNode("",!0)],64)):a.text?(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(a.text.slice(0,2).toUpperCase()),1)):(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(r.$slots,"icon",{},()=>[a.icon?(e.openBlock(),e.createBlock(e.unref(C.LIcon),{key:0,name:typeof a.icon=="string"?a.icon:void 0,component:typeof a.icon!="string"?a.icon:void 0},null,8,["name","component"])):(e.openBlock(),e.createBlock(e.unref(C.LIcon),{key:1,name:"lucide:user"}))])])),e.unref(s)==="loading"?(e.openBlock(),e.createElementBlock("div",R,[...h[0]||(h[0]=[e.createElementVNode("div",{class:"l-avatar__shimmer"},null,-1)])])):e.createCommentVNode("",!0)],14,_))}}),N=e.defineComponent({name:"AvatarGroup",__name:"AvatarGroup",props:{size:{default:"md"},shape:{default:"circle"},maxCount:{},offset:{default:-12},backgroundColor:{},style:{},class:{}},setup(a){const o=a,t=e.useSlots(),c=e.reactive({size:e.computed(()=>o.size),shape:e.computed(()=>o.shape)});e.provide("LAvatarGroupContext",c);const m=u=>{const i=[];return u.forEach(v=>{v.type===e.Fragment&&Array.isArray(v.children)?i.push(...m(v.children)):i.push(v)}),i},d=e.computed(()=>{const u=t.default?t.default():[];return m(u)}),f=e.computed(()=>o.maxCount&&d.value.length>o.maxCount?d.value.slice(0,o.maxCount):d.value),l=e.computed(()=>o.maxCount&&d.value.length>o.maxCount?d.value.length-o.maxCount:0),y=e.computed(()=>["l-avatar-group",o.class]),s=e.computed(()=>({...o.style}));return(u,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(y.value),style:e.normalizeStyle(s.value),role:"group","aria-label":"头像组"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(v,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:"l-avatar-group__item",style:e.normalizeStyle({marginLeft:p===0?0:`${a.offset}px`,zIndex:f.value.length-p})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v)))],4))),128)),l.value>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"l-avatar-group__item",style:e.normalizeStyle({marginLeft:`${a.offset}px`,zIndex:0})},[e.createVNode(x,{size:a.size,shape:a.shape,text:`+${l.value}`,alt:`还有 ${l.value} 个头像`,backgroundColor:a.backgroundColor,class:"l-avatar-group__extra"},null,8,["size","shape","text","alt","backgroundColor"])],4)):e.createCommentVNode("",!0)],6))}}),k=x,z=N;k.install=a=>{a.component("LAvatar",k),a.component("LAvatarGroup",z)};exports.LAvatar=k;exports.LAvatarGroup=z;exports.default=k;

package/dist/avatar/index.mjs

@@ -0,0 +1,192 @@
+import '../style/avatar.css';
+import '../style/Icon.css';
+import { defineComponent as G, inject as j, computed as r, ref as S, watch as D, onMounted as F, onUnmounted as M, openBlock as l, createElementBlock as u, normalizeStyle as x, normalizeClass as I, unref as y, Fragment as z, createCommentVNode as b, toDisplayString as O, renderSlot as U, createBlock as A, createElementVNode as q, useSlots as H, reactive as J, provide as K, renderList as P, resolveDynamicComponent as Q, createVNode as T } from "vue";
+import { a as W, u as X } from "../chunks/useCanvasRenderer-BPTNzGy0.mjs";
+import { LIcon as _ } from "../icon/index.mjs";
+const Y = ["aria-label"], Z = ["src", "alt"], ee = {
+  key: 1,
+  class: "l-avatar__text"
+}, ae = {
+  key: 2,
+  class: "l-avatar__icon"
+}, te = {
+  key: 3,
+  class: "l-avatar__loading"
+}, R = /* @__PURE__ */ G({
+  name: "Avatar",
+  __name: "Avatar",
+  props: {
+    src: {},
+    alt: {},
+    size: { default: "md" },
+    shape: { default: "circle" },
+    fit: { default: "cover" },
+    lazy: { type: Boolean, default: !0 },
+    priority: { default: "normal" },
+    text: {},
+    icon: {},
+    backgroundColor: {},
+    style: {},
+    class: {}
+  },
+  emits: ["error", "load"],
+  setup(a, { emit: n }) {
+    const e = a, c = j("LAvatarGroupContext", null), p = r(() => (c == null ? void 0 : c.size) ?? e.size), m = r(() => (c == null ? void 0 : c.shape) ?? e.shape), g = n, t = S(null), C = S(null), { status: i, displayedSrc: v, currentBitmap: d, load: f, reset: h } = W(e), { initResizeObserver: B } = X(C, {
+      fit: r(() => e.fit),
+      bitmap: d
+    }), w = r(() => {
+      const s = p.value;
+      return typeof s == "number" ? {
+        width: `${s}px`,
+        height: `${s}px`,
+        fontSize: `${s / 2}px`
+      } : {};
+    }), N = r(() => [
+      "l-avatar",
+      `l-avatar--${m.value}`,
+      typeof p.value == "string" ? `l-avatar--${p.value}` : "",
+      {
+        "l-avatar--image": i.value === "loaded" && (v.value || d.value),
+        "l-avatar--text": i.value !== "loaded" && e.text,
+        "l-avatar--icon": i.value !== "loaded" && !e.text
+      },
+      e.class
+    ]), V = r(() => ({
+      ...w.value,
+      backgroundColor: e.backgroundColor,
+      ...e.style
+    })), E = r(() => e.alt ? e.alt : e.text ? e.text : "用户头像");
+    let o = null;
+    const k = async () => {
+      if (e.src)
+        try {
+          await f(), i.value === "loaded" && g("load", e.src);
+        } catch (s) {
+          g("error", s);
+        }
+    };
+    return D(() => e.src, (s) => {
+      h(), s && (e.lazy ? o && t.value && (o.unobserve(t.value), o.observe(t.value)) : k());
+    }), F(() => {
+      if (t.value && B(t.value), !!e.src) {
+        if (!e.lazy) {
+          k();
+          return;
+        }
+        o = new IntersectionObserver((s) => {
+          s[0].isIntersecting && (k(), o && t.value && o.unobserve(t.value));
+        }, { rootMargin: "200px" }), t.value && o.observe(t.value);
+      }
+    }), M(() => {
+      o == null || o.disconnect(), o = null;
+    }), (s, L) => (l(), u("div", {
+      ref_key: "containerRef",
+      ref: t,
+      class: I(N.value),
+      style: x(V.value),
+      role: "img",
+      "aria-label": E.value
+    }, [
+      e.src && y(i) === "loaded" ? (l(), u(z, { key: 0 }, [
+        y(d) ? (l(), u("canvas", {
+          key: 0,
+          ref_key: "canvasRef",
+          ref: C,
+          class: "l-avatar__canvas"
+        }, null, 512)) : y(v) ? (l(), u("img", {
+          key: 1,
+          src: y(v),
+          alt: a.alt,
+          style: x({ objectFit: a.fit }),
+          class: "l-avatar__img"
+        }, null, 12, Z)) : b("", !0)
+      ], 64)) : a.text ? (l(), u("span", ee, O(a.text.slice(0, 2).toUpperCase()), 1)) : (l(), u("div", ae, [
+        U(s.$slots, "icon", {}, () => [
+          a.icon ? (l(), A(y(_), {
+            key: 0,
+            name: typeof a.icon == "string" ? a.icon : void 0,
+            component: typeof a.icon != "string" ? a.icon : void 0
+          }, null, 8, ["name", "component"])) : (l(), A(y(_), {
+            key: 1,
+            name: "lucide:user"
+          }))
+        ])
+      ])),
+      y(i) === "loading" ? (l(), u("div", te, [...L[0] || (L[0] = [
+        q("div", { class: "l-avatar__shimmer" }, null, -1)
+      ])])) : b("", !0)
+    ], 14, Y));
+  }
+}), le = /* @__PURE__ */ G({
+  name: "AvatarGroup",
+  __name: "AvatarGroup",
+  props: {
+    size: { default: "md" },
+    shape: { default: "circle" },
+    maxCount: {},
+    offset: { default: -12 },
+    backgroundColor: {},
+    style: {},
+    class: {}
+  },
+  setup(a) {
+    const n = a, e = H(), c = J({
+      size: r(() => n.size),
+      shape: r(() => n.shape)
+    });
+    K("LAvatarGroupContext", c);
+    const p = (v) => {
+      const d = [];
+      return v.forEach((f) => {
+        f.type === z && Array.isArray(f.children) ? d.push(...p(f.children)) : d.push(f);
+      }), d;
+    }, m = r(() => {
+      const v = e.default ? e.default() : [];
+      return p(v);
+    }), g = r(() => n.maxCount && m.value.length > n.maxCount ? m.value.slice(0, n.maxCount) : m.value), t = r(() => n.maxCount && m.value.length > n.maxCount ? m.value.length - n.maxCount : 0), C = r(() => [
+      "l-avatar-group",
+      n.class
+    ]), i = r(() => ({
+      ...n.style
+    }));
+    return (v, d) => (l(), u("div", {
+      class: I(C.value),
+      style: x(i.value),
+      role: "group",
+      "aria-label": "头像组"
+    }, [
+      (l(!0), u(z, null, P(g.value, (f, h) => (l(), u("div", {
+        key: h,
+        class: "l-avatar-group__item",
+        style: x({
+          marginLeft: h === 0 ? 0 : `${a.offset}px`,
+          zIndex: g.value.length - h
+        })
+      }, [
+        (l(), A(Q(f)))
+      ], 4))), 128)),
+      t.value > 0 ? (l(), u("div", {
+        key: 0,
+        class: "l-avatar-group__item",
+        style: x({ marginLeft: `${a.offset}px`, zIndex: 0 })
+      }, [
+        T(R, {
+          size: a.size,
+          shape: a.shape,
+          text: `+${t.value}`,
+          alt: `还有 ${t.value} 个头像`,
+          backgroundColor: a.backgroundColor,
+          class: "l-avatar-group__extra"
+        }, null, 8, ["size", "shape", "text", "alt", "backgroundColor"])
+      ], 4)) : b("", !0)
+    ], 6));
+  }
+}), $ = R, re = le;
+$.install = (a) => {
+  a.component("LAvatar", $), a.component("LAvatarGroup", re);
+};
+export {
+  $ as LAvatar,
+  re as LAvatarGroup,
+  $ as default
+};

package/dist/avatar/types.d.ts

@@ -0,0 +1,111 @@
+import { Component, CSSProperties } from 'vue';
+import { ImagePriority } from '../../../headless/src/index.ts';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarSize = 'sm' | 'md' | 'lg' | number;
+export interface AvatarProps {
+    /**
+     * 头像图片地址
+     * Avatar image source
+     */
+    src?: string;
+    /**
+     * 图像无法显示时的替代文本
+     * Alternate text for image
+     */
+    alt?: string;
+    /**
+     * 头像尺寸
+     * Avatar size
+     * @default 'medium'
+     */
+    size?: AvatarSize;
+    /**
+     * 头像形状
+     * Avatar shape
+     * @default 'circle'
+     */
+    shape?: AvatarShape;
+    /**
+     * 图片填充模式
+     * Image object-fit mode
+     * @default 'cover'
+     */
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * 是否懒加载
+     * Whether to lazy load
+     * @default true
+     */
+    lazy?: boolean;
+    /**
+     * 加载优先级
+     * Loading priority
+     * @default 'normal'
+     */
+    priority?: ImagePriority;
+    /**
+     * 文本回退（显示缩写）
+     * Text fallback (show initials)
+     */
+    text?: string;
+    /**
+     * 图标回退
+     * Icon fallback
+     */
+    icon?: string | Component;
+    /**
+     * 自定义背景颜色
+     * Custom background color
+     */
+    backgroundColor?: string;
+    /**
+     * 自定义样式
+     * Custom styles
+     */
+    style?: CSSProperties;
+    /**
+     * 自定义类名
+     * Custom class names
+     */
+    class?: any;
+}
+export interface AvatarGroupProps {
+    /**
+     * 头像尺寸
+     * Avatar size
+     * @default 'medium'
+     */
+    size?: AvatarSize;
+    /**
+     * 头像形状
+     * Avatar shape
+     * @default 'circle'
+     */
+    shape?: AvatarShape;
+    /**
+     * 最大展示数量
+     * Maximum number of avatars to show
+     */
+    maxCount?: number;
+    /**
+     * 重叠间距 (px)
+     * Overlap offset in pixels
+     * @default -12
+     */
+    offset?: number;
+    /**
+     * 自定义背景颜色（用于 "+N" 标识）
+     * Custom background color for the "+N" indicator
+     */
+    backgroundColor?: string;
+    /**
+     * 自定义样式
+     * Custom styles
+     */
+    style?: CSSProperties;
+    /**
+     * 自定义类名
+     * Custom class names
+     */
+    class?: any;
+}

package/dist/badge/Badge.vue.d.ts

@@ -0,0 +1,25 @@
+import { BadgeProps, BadgeSlots } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<BadgeSlots> & BadgeSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    placement: import('./types').BadgePlacement;
+    type: import('./types').BadgeType;
+    hidden: boolean;
+    variant: import('./types').BadgeVariant;
+    dot: boolean;
+    max: number;
+    processing: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/badge/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as Badge } from './Badge.vue';
+export declare const LBadge: typeof Badge & Plugin;
+export * from './types';
+export default LBadge;

package/dist/badge/index.js

@@ -0,0 +1,2 @@
+require('../style/badge.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v={class:"l-badge"},g=["aria-label"],b=t.defineComponent({name:"Badge",__name:"Badge",props:{value:{},max:{default:99},dot:{type:Boolean,default:!1},type:{default:"primary"},variant:{default:"solid"},placement:{default:"top-right"},offset:{},processing:{type:Boolean,default:!1},hidden:{type:Boolean,default:!1},color:{},ariaLabel:{},size:{default:"md"}},setup(l){const e=l,u=t.useSlots(),o=t.computed(()=>e.dot?"":typeof e.value=="number"&&typeof e.max=="number"&&e.value>e.max?`${e.max}+`:e.value),d=t.computed(()=>typeof o.value=="number"&&o.value<10),f=t.computed(()=>{if(e.ariaLabel)return e.ariaLabel;if(e.dot)return"";if(e.value!==void 0)return typeof e.value=="number"?`${e.value} 条新消息`:String(e.value)}),m=t.computed(()=>["l-badge__content",`l-badge__content--${e.type}`,`l-badge__content--${e.variant}`,`l-badge__content--${e.size}`,`is-${e.placement}`,{"is-dot":e.dot,"is-processing":e.processing,"is-single-digit":d.value,"is-fixed":!!(e.value!==void 0||e.dot||u.value)}]),p=t.computed(()=>{const a={};if(e.color&&(a["--l-badge-bg"]=e.color),e.offset){const[n,i]=e.offset,s=typeof n=="number"?`${n}px`:n,r=typeof i=="number"?`${i}px`:i;e.placement==="top-right"?a.transform=`translate(calc(50% + ${s}), calc(-50% + ${r}))`:e.placement==="top-left"?a.transform=`translate(calc(-50% + ${s}), calc(-50% + ${r}))`:e.placement==="bottom-right"?a.transform=`translate(calc(50% + ${s}), calc(50% + ${r}))`:e.placement==="bottom-left"&&(a.transform=`translate(calc(-50% + ${s}), calc(50% + ${r}))`)}return a});return(a,n)=>(t.openBlock(),t.createElementBlock("div",v,[t.renderSlot(a.$slots,"default"),t.createVNode(t.Transition,{name:"l-zoom-in-center"},{default:t.withCtx(()=>[!l.hidden&&(o.value!==void 0||l.dot||a.$slots.value)?(t.openBlock(),t.createElementBlock("sup",{key:0,class:t.normalizeClass(m.value),style:t.normalizeStyle(p.value),"aria-label":f.value},[t.renderSlot(a.$slots,"value",{},()=>[t.createTextVNode(t.toDisplayString(o.value),1)])],14,g)):t.createCommentVNode("",!0)]),_:3})]))}}),c=b;c.install=l=>{l.component("LBadge",c)};exports.LBadge=c;exports.default=c;

package/dist/badge/index.mjs

@@ -0,0 +1,72 @@
+import '../style/badge.css';
+import { defineComponent as y, useSlots as $, computed as l, openBlock as c, createElementBlock as u, renderSlot as d, createVNode as _, Transition as x, withCtx as h, normalizeStyle as B, normalizeClass as S, createTextVNode as L, toDisplayString as V, createCommentVNode as z } from "vue";
+const C = { class: "l-badge" }, k = ["aria-label"], N = /* @__PURE__ */ y({
+  name: "Badge",
+  __name: "Badge",
+  props: {
+    value: {},
+    max: { default: 99 },
+    dot: { type: Boolean, default: !1 },
+    type: { default: "primary" },
+    variant: { default: "solid" },
+    placement: { default: "top-right" },
+    offset: {},
+    processing: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: {},
+    ariaLabel: {},
+    size: { default: "md" }
+  },
+  setup(a) {
+    const e = a, m = $(), o = l(() => e.dot ? "" : typeof e.value == "number" && typeof e.max == "number" && e.value > e.max ? `${e.max}+` : e.value), p = l(() => typeof o.value == "number" && o.value < 10), v = l(() => {
+      if (e.ariaLabel) return e.ariaLabel;
+      if (e.dot) return "";
+      if (e.value !== void 0)
+        return typeof e.value == "number" ? `${e.value} 条新消息` : String(e.value);
+    }), g = l(() => [
+      "l-badge__content",
+      `l-badge__content--${e.type}`,
+      `l-badge__content--${e.variant}`,
+      `l-badge__content--${e.size}`,
+      `is-${e.placement}`,
+      {
+        "is-dot": e.dot,
+        "is-processing": e.processing,
+        "is-single-digit": p.value,
+        "is-fixed": !!(e.value !== void 0 || e.dot || m.value)
+      }
+    ]), b = l(() => {
+      const t = {};
+      if (e.color && (t["--l-badge-bg"] = e.color), e.offset) {
+        const [n, i] = e.offset, s = typeof n == "number" ? `${n}px` : n, r = typeof i == "number" ? `${i}px` : i;
+        e.placement === "top-right" ? t.transform = `translate(calc(50% + ${s}), calc(-50% + ${r}))` : e.placement === "top-left" ? t.transform = `translate(calc(-50% + ${s}), calc(-50% + ${r}))` : e.placement === "bottom-right" ? t.transform = `translate(calc(50% + ${s}), calc(50% + ${r}))` : e.placement === "bottom-left" && (t.transform = `translate(calc(-50% + ${s}), calc(50% + ${r}))`);
+      }
+      return t;
+    });
+    return (t, n) => (c(), u("div", C, [
+      d(t.$slots, "default"),
+      _(x, { name: "l-zoom-in-center" }, {
+        default: h(() => [
+          !a.hidden && (o.value !== void 0 || a.dot || t.$slots.value) ? (c(), u("sup", {
+            key: 0,
+            class: S(g.value),
+            style: B(b.value),
+            "aria-label": v.value
+          }, [
+            d(t.$slots, "value", {}, () => [
+              L(V(o.value), 1)
+            ])
+          ], 14, k)) : z("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), f = N;
+f.install = (a) => {
+  a.component("LBadge", f);
+};
+export {
+  f as LBadge,
+  f as default
+};

package/dist/badge/types.d.ts

@@ -0,0 +1,86 @@
+import { VNodeChild } from 'vue';
+export type BadgeType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type BadgeVariant = 'solid' | 'subtle' | 'outline';
+export type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface BadgeProps {
+    /**
+     * 显示的数值或文本
+     * Display value or text
+     */
+    value?: string | number;
+    /**
+     * 最大显示值，超过则显示为 {max}+
+     * Maximum value, displays as {max}+ if exceeded
+     * @default 99
+     */
+    max?: number;
+    /**
+     * 是否显示为小圆点
+     * Whether to display as a dot
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * 语义类型
+     * Semantic type
+     * @default 'primary'
+     */
+    type?: BadgeType;
+    /**
+     * 视觉变体
+     * Visual variant
+     * @default 'solid'
+     */
+    variant?: BadgeVariant;
+    /**
+     * 位置
+     * Placement
+     * @default 'top-right'
+     */
+    placement?: BadgePlacement;
+    /**
+     * 自定义偏移量 [x, y]
+     * Custom offset [x, y]
+     */
+    offset?: [number | string, number | string];
+    /**
+     * 是否显示处理中动画（脉冲）
+     * Whether to show processing animation (pulse)
+     * @default false
+     */
+    processing?: boolean;
+    /**
+     * 是否隐藏
+     * Whether to hide
+     * @default false
+     */
+    hidden?: boolean;
+    /**
+     * 自定义颜色
+     * Custom color
+     */
+    color?: string;
+    /**
+     * 自定义无障碍标签
+     * Custom accessibility label
+     */
+    ariaLabel?: string;
+    /**
+     * 尺寸
+     * Size
+     * @default 'lg'
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface BadgeSlots {
+    /**
+     * 徽标包裹的元素
+     * Element to be badged
+     */
+    default?(): VNodeChild;
+    /**
+     * 自定义内容
+     * Custom content
+     */
+    value?(): VNodeChild;
+}

package/dist/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,38 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+}>> & Readonly<{}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};