@vaebe/ccui 2.0.1-beta.1 → 2.0.1-beta.3

package/avatar-group/src/avatar-group-types.d.ts

@@ -0,0 +1,56 @@
+import type { CSSProperties, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+export type AvatarGroupSize = 'large' | 'default' | 'small' | number;
+export type AvatarGroupShape = 'circle' | 'square';
+export type AvatarGroupTrigger = 'hover' | 'click' | 'focus';
+export type AvatarGroupPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export declare const avatarGroupProps: {
+    /**
+     * 子 avatar 最多展示数量，超出部分合并为 `+N`。不传则全部展示。
+     */
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * `+N` 头像自定义 style（背景 / 文字色等）。
+     */
+    readonly maxStyle: {
+        readonly type: PropType<CSSProperties>;
+        readonly default: undefined;
+    };
+    /**
+     * `+N` 头像悬浮 popover 的弹出方向。默认 `top`。
+     */
+    readonly maxPopoverPlacement: {
+        readonly type: PropType<AvatarGroupPlacement>;
+        readonly default: "top";
+    };
+    /**
+     * `+N` 头像 popover 触发方式。默认 `hover`。
+     */
+    readonly maxPopoverTrigger: {
+        readonly type: PropType<AvatarGroupTrigger>;
+        readonly default: "hover";
+    };
+    /**
+     * 头像尺寸：数字（px）或语义化字面值。透传到子 avatar。
+     */
+    readonly size: {
+        readonly type: PropType<AvatarGroupSize>;
+        readonly default: "default";
+    };
+    /**
+     * 头像形状。透传到子 avatar（影响 `is-round`）。
+     */
+    readonly shape: {
+        readonly type: PropType<AvatarGroupShape>;
+        readonly default: "circle";
+    };
+};
+export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;
+export interface AvatarGroupContext {
+    size: Ref<AvatarGroupSize>;
+    shape: Ref<AvatarGroupShape>;
+}
+export declare const avatarGroupInjectionKey: InjectionKey<AvatarGroupContext>;
+export declare function resolveAvatarSize(size: AvatarGroupSize): number;

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

@@ -0,0 +1,27 @@
+import { type VNode } from 'vue';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./avatar-group-types").AvatarGroupSize;
+    readonly maxPopoverPlacement: import("./avatar-group-types").AvatarGroupPlacement;
+    readonly maxPopoverTrigger: import("./avatar-group-types").AvatarGroupTrigger;
+    readonly shape: import("./avatar-group-types").AvatarGroupShape;
+    readonly maxCount?: number | undefined;
+    readonly maxStyle?: import("vue").CSSProperties | undefined;
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly size: import("./avatar-group-types").AvatarGroupSize;
+    readonly maxPopoverPlacement: import("./avatar-group-types").AvatarGroupPlacement;
+    readonly maxPopoverTrigger: import("./avatar-group-types").AvatarGroupTrigger;
+    readonly shape: import("./avatar-group-types").AvatarGroupShape;
+    readonly maxCount?: number | undefined;
+    readonly maxStyle?: import("vue").CSSProperties | undefined;
+}> & Readonly<{}>, {
+    readonly size: import("./avatar-group-types").AvatarGroupSize;
+    readonly maxCount: number;
+    readonly maxStyle: import("vue").CSSProperties;
+    readonly maxPopoverPlacement: import("./avatar-group-types").AvatarGroupPlacement;
+    readonly maxPopoverTrigger: import("./avatar-group-types").AvatarGroupTrigger;
+    readonly shape: import("./avatar-group-types").AvatarGroupShape;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/avatar-group/style.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-avatar-group{align-items:center;display:inline-flex}.ccui-avatar-group>*{border:2px solid var(--ccui-color-bg-container,#fff);box-sizing:content-box}.ccui-avatar-group>:not(:first-child){margin-inline-start:-8px}.ccui-avatar-group__overflow-wrap{display:inline-block}.ccui-avatar-group__overflow{background-color:var(--ccui-color-fill,#00000026);color:var(--ccui-color-text-secondary,#000000a6);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ccui-motion-duration-mid,.2s), color var(--ccui-motion-duration-mid,.2s);justify-content:center;align-items:center;line-height:1;display:inline-flex}.ccui-avatar-group__overflow:hover{background-color:var(--ccui-color-fill-secondary,#0000000f);color:var(--ccui-color-text,#000000e0)}.ccui-avatar-group__popover{z-index:1050;background-color:var(--ccui-color-bg-elevated,#fff);border-radius:var(--ccui-border-radius,6px);white-space:nowrap;gap:6px;padding:8px 10px;display:inline-flex;position:absolute;box-shadow:0 6px 16px #0000001f}.ccui-avatar-group__popover--top,.ccui-avatar-group__popover--top-start,.ccui-avatar-group__popover--top-end{bottom:calc(100% + 8px)}.ccui-avatar-group__popover--top{left:50%;transform:translate(-50%)}.ccui-avatar-group__popover--top-start{left:0}.ccui-avatar-group__popover--top-end{right:0}.ccui-avatar-group__popover--bottom,.ccui-avatar-group__popover--bottom-start,.ccui-avatar-group__popover--bottom-end{top:calc(100% + 8px)}.ccui-avatar-group__popover--bottom{left:50%;transform:translate(-50%)}.ccui-avatar-group__popover--bottom-start{left:0}.ccui-avatar-group__popover--bottom-end{right:0}.ccui-avatar-group__popover--left,.ccui-avatar-group__popover--left-start,.ccui-avatar-group__popover--left-end{right:calc(100% + 8px)}.ccui-avatar-group__popover--left{top:50%;transform:translateY(-50%)}.ccui-avatar-group__popover--left-start{top:0}.ccui-avatar-group__popover--left-end{bottom:0}.ccui-avatar-group__popover--right,.ccui-avatar-group__popover--right-start,.ccui-avatar-group__popover--right-end{left:calc(100% + 8px)}.ccui-avatar-group__popover--right{top:50%;transform:translateY(-50%)}.ccui-avatar-group__popover--right-start{top:0}.ccui-avatar-group__popover--right-end{bottom:0}
+/*$vite$:1*/

package/badge/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import Badge from './src/badge';
+export { Badge };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/badge/src/badge-types.d.ts

@@ -0,0 +1,52 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+export type BadgeStatus = 'success' | 'processing' | 'default' | 'error' | 'warning';
+export declare const badgeProps: {
+    readonly count: {
+        readonly type: PropType<number | string>;
+        readonly default: undefined;
+    };
+    readonly showZero: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly overflowCount: {
+        readonly type: NumberConstructor;
+        readonly default: 99;
+    };
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly status: {
+        readonly type: PropType<BadgeStatus>;
+        readonly default: undefined;
+    };
+    readonly text: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly offset: {
+        readonly type: PropType<[number, number]>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `dot` / `count`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type BadgeProps = ExtractPropTypes<typeof badgeProps>;

package/badge/src/badge.d.ts

@@ -0,0 +1,36 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly text: string;
+    readonly color: string;
+    readonly dot: boolean;
+    readonly showZero: boolean;
+    readonly overflowCount: number;
+    readonly offset?: [number, number] | undefined;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly status?: import("./badge-types").BadgeStatus | undefined;
+    readonly count?: string | number | undefined;
+}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly text: string;
+    readonly color: string;
+    readonly dot: boolean;
+    readonly showZero: boolean;
+    readonly overflowCount: number;
+    readonly offset?: [number, number] | undefined;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly status?: import("./badge-types").BadgeStatus | undefined;
+    readonly count?: string | number | undefined;
+}> & Readonly<{}>, {
+    readonly text: string;
+    readonly color: string;
+    readonly offset: [number, number];
+    readonly dot: boolean;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly status: import("./badge-types").BadgeStatus;
+    readonly count: string | number;
+    readonly showZero: boolean;
+    readonly overflowCount: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/badge-ribbon/index.d.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue';
+import BadgeRibbon from './src/badge-ribbon';
+export { BadgeRibbon };
+export type { BadgeRibbonPlacement, BadgeRibbonProps } from './src/badge-ribbon-types';
+export { isRibbonPresetColor } from './src/badge-ribbon-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/badge-ribbon/index.es.js

@@ -0,0 +1,84 @@
+import { computed as e, defineComponent as t, h as n } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function r(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function i(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => r(n),
+		e: (e) => e ? r(n, e) : "",
+		m: (e) => e ? r(n, "", e) : "",
+		em: (e, t) => e && t ? r(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/badge-ribbon/src/badge-ribbon-types.ts
+var a = new Set([
+	"pink",
+	"magenta",
+	"red",
+	"volcano",
+	"orange",
+	"yellow",
+	"gold",
+	"cyan",
+	"lime",
+	"green",
+	"blue",
+	"geekblue",
+	"purple"
+]);
+function o(e) {
+	return a.has(e);
+}
+//#endregion
+//#region ../ccui/ui/badge-ribbon/src/badge-ribbon.tsx
+var s = /* @__PURE__ */ t({
+	name: "CBadgeRibbon",
+	props: {
+		text: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: ""
+		},
+		placement: {
+			type: String,
+			default: "end"
+		}
+	},
+	setup(t, { slots: r }) {
+		let a = i("badge-ribbon"), s = e(() => !!t.color && o(t.color)), c = e(() => t.color && !s.value ? t.color : ""), l = e(() => ({
+			[a.b()]: !0,
+			[a.m(t.placement)]: !0,
+			[a.m(`color-${t.color}`)]: s.value
+		}));
+		return () => n("div", { class: a.e("wrapper") }, [r.default?.(), n("div", {
+			class: l.value,
+			style: c.value ? { backgroundColor: c.value } : void 0
+		}, [n("span", { class: a.e("text") }, r.text ? r.text() : t.text), n("div", {
+			class: a.e("corner"),
+			style: c.value ? { color: c.value } : void 0
+		})])]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/badge-ribbon/index.ts
+s.install = function(e) {
+	e.component(s.name, s);
+};
+var c = {
+	title: "BadgeRibbon 缎带徽标",
+	category: "数据展示",
+	status: "90%",
+	install(e) {
+		e.component(s.name, s);
+	}
+};
+//#endregion
+export { s as BadgeRibbon, c as default, o as isRibbonPresetColor };

package/badge-ribbon/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i=new Set([`pink`,`magenta`,`red`,`volcano`,`orange`,`yellow`,`gold`,`cyan`,`lime`,`green`,`blue`,`geekblue`,`purple`]);function a(e){return i.has(e)}var o={text:{type:String,default:``},color:{type:String,default:``},placement:{type:String,default:`end`}},s=(0,t.defineComponent)({name:`CBadgeRibbon`,props:o,setup(e,{slots:n}){let i=r(`badge-ribbon`),o=(0,t.computed)(()=>!!e.color&&a(e.color)),s=(0,t.computed)(()=>e.color&&!o.value?e.color:``),c=(0,t.computed)(()=>({[i.b()]:!0,[i.m(e.placement)]:!0,[i.m(`color-${e.color}`)]:o.value}));return()=>(0,t.h)(`div`,{class:i.e(`wrapper`)},[n.default?.(),(0,t.h)(`div`,{class:c.value,style:s.value?{backgroundColor:s.value}:void 0},[(0,t.h)(`span`,{class:i.e(`text`)},n.text?n.text():e.text),(0,t.h)(`div`,{class:i.e(`corner`),style:s.value?{color:s.value}:void 0})])])}});s.install=function(e){e.component(s.name,s)},e.BadgeRibbon=s,e.default={title:`BadgeRibbon 缎带徽标`,category:`数据展示`,status:`90%`,install(e){e.component(s.name,s)}},e.isRibbonPresetColor=a});

package/badge-ribbon/src/badge-ribbon-types.d.ts

@@ -0,0 +1,30 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type BadgeRibbonPlacement = 'start' | 'end';
+export declare function isRibbonPresetColor(color: string): boolean;
+export declare const badgeRibbonProps: {
+    /**
+     * 缎带文字。slot 同名 `text` 优先级更高。
+     */
+    readonly text: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 缎带颜色：
+     *
+     * - 预设色名（`'pink' | 'red' | ...`）：走 SCSS preset class
+     * - CSS 字符串（`'#1677ff'` / `'rgb(...)'`）：走 inline background
+     */
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 缎带位置。`'end'`（默认）右上；`'start'` 左上。
+     */
+    readonly placement: {
+        readonly type: PropType<BadgeRibbonPlacement>;
+        readonly default: "end";
+    };
+};
+export type BadgeRibbonProps = ExtractPropTypes<typeof badgeRibbonProps>;

package/badge-ribbon/src/badge-ribbon.d.ts

@@ -0,0 +1,17 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly text: string;
+    readonly color: string;
+    readonly placement: import("./badge-ribbon-types").BadgeRibbonPlacement;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly text: string;
+    readonly color: string;
+    readonly placement: import("./badge-ribbon-types").BadgeRibbonPlacement;
+}> & Readonly<{}>, {
+    readonly text: string;
+    readonly color: string;
+    readonly placement: import("./badge-ribbon-types").BadgeRibbonPlacement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/badge-ribbon/style.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-badge-ribbon{color:#fff;height:22px;line-height:22px;font-size:var(--ccui-font-size-sm,12px);white-space:nowrap;background-color:var(--ccui-color-primary,#1677ff);border-radius:var(--ccui-border-radius-sm,4px);-webkit-user-select:none;user-select:none;z-index:1;padding:0 8px;position:absolute;top:8px}.ccui-badge-ribbon__wrapper{display:inline-block;position:relative}.ccui-badge-ribbon__text{color:inherit}.ccui-badge-ribbon__corner{width:8px;height:8px;color:var(--ccui-color-primary,#1677ff);transform-origin:top;border:4px solid;position:absolute;top:100%;transform:scaleY(.75)}.ccui-badge-ribbon--end{border-bottom-right-radius:0;right:-8px}.ccui-badge-ribbon--end .ccui-badge-ribbon__corner{border-color:currentColor #0000 #0000 currentColor;right:0}.ccui-badge-ribbon--start{border-bottom-left-radius:0;left:-8px}.ccui-badge-ribbon--start .ccui-badge-ribbon__corner{border-color:currentColor currentColor #0000 #0000;left:0}.ccui-badge-ribbon--color-pink{background-color:var(--ccui-pink-6,#eb2f96)}.ccui-badge-ribbon--color-pink .ccui-badge-ribbon__corner{color:var(--ccui-pink-6,#eb2f96)}.ccui-badge-ribbon--color-magenta{background-color:var(--ccui-magenta-6,#eb2f96)}.ccui-badge-ribbon--color-magenta .ccui-badge-ribbon__corner{color:var(--ccui-magenta-6,#eb2f96)}.ccui-badge-ribbon--color-red{background-color:var(--ccui-red-6,#f5222d)}.ccui-badge-ribbon--color-red .ccui-badge-ribbon__corner{color:var(--ccui-red-6,#f5222d)}.ccui-badge-ribbon--color-volcano{background-color:var(--ccui-volcano-6,#fa541c)}.ccui-badge-ribbon--color-volcano .ccui-badge-ribbon__corner{color:var(--ccui-volcano-6,#fa541c)}.ccui-badge-ribbon--color-orange{background-color:var(--ccui-orange-6,#fa8c16)}.ccui-badge-ribbon--color-orange .ccui-badge-ribbon__corner{color:var(--ccui-orange-6,#fa8c16)}.ccui-badge-ribbon--color-yellow{background-color:var(--ccui-yellow-6,#fadb14)}.ccui-badge-ribbon--color-yellow .ccui-badge-ribbon__corner{color:var(--ccui-yellow-6,#fadb14)}.ccui-badge-ribbon--color-gold{background-color:var(--ccui-gold-6,#faad14)}.ccui-badge-ribbon--color-gold .ccui-badge-ribbon__corner{color:var(--ccui-gold-6,#faad14)}.ccui-badge-ribbon--color-cyan{background-color:var(--ccui-cyan-6,#13c2c2)}.ccui-badge-ribbon--color-cyan .ccui-badge-ribbon__corner{color:var(--ccui-cyan-6,#13c2c2)}.ccui-badge-ribbon--color-lime{background-color:var(--ccui-lime-6,#a0d911)}.ccui-badge-ribbon--color-lime .ccui-badge-ribbon__corner{color:var(--ccui-lime-6,#a0d911)}.ccui-badge-ribbon--color-green{background-color:var(--ccui-green-6,#52c41a)}.ccui-badge-ribbon--color-green .ccui-badge-ribbon__corner{color:var(--ccui-green-6,#52c41a)}.ccui-badge-ribbon--color-blue{background-color:var(--ccui-blue-6,#1677ff)}.ccui-badge-ribbon--color-blue .ccui-badge-ribbon__corner{color:var(--ccui-blue-6,#1677ff)}.ccui-badge-ribbon--color-geekblue{background-color:var(--ccui-geekblue-6,#2f54eb)}.ccui-badge-ribbon--color-geekblue .ccui-badge-ribbon__corner{color:var(--ccui-geekblue-6,#2f54eb)}.ccui-badge-ribbon--color-purple{background-color:var(--ccui-purple-6,#722ed1)}.ccui-badge-ribbon--color-purple .ccui-badge-ribbon__corner{color:var(--ccui-purple-6,#722ed1)}
+/*$vite$:1*/

package/breadcrumb/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import { Breadcrumb, BreadcrumbItem } from './src/breadcrumb';
+export { Breadcrumb, BreadcrumbItem };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/breadcrumb/src/breadcrumb-types.d.ts

@@ -0,0 +1,29 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export interface BreadcrumbRoute {
+    path?: string;
+    href?: string;
+    title?: string;
+    breadcrumbName?: string;
+}
+export declare const breadcrumbProps: {
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+    readonly routes: {
+        readonly type: PropType<BreadcrumbRoute[]>;
+        readonly default: () => never[];
+    };
+};
+export declare const breadcrumbItemProps: {
+    readonly href: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;
+export type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>;

package/breadcrumb/src/breadcrumb.d.ts

@@ -0,0 +1,21 @@
+
+export declare const Breadcrumb: import("vue").DefineComponent<{
+    readonly separator: string;
+    readonly routes: import("./breadcrumb-types").BreadcrumbRoute[];
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly separator: string;
+    readonly routes: import("./breadcrumb-types").BreadcrumbRoute[];
+}> & Readonly<{}>, {
+    readonly separator: string;
+    readonly routes: import("./breadcrumb-types").BreadcrumbRoute[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const BreadcrumbItem: import("vue").DefineComponent<{
+    readonly separator: string;
+    readonly href: string;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly separator: string;
+    readonly href: string;
+}> & Readonly<{}>, {
+    readonly separator: string;
+    readonly href: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/button/index.d.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue';
+import Button from './src/button';
+import ButtonGroup from './src/button-group';
+export { Button, ButtonGroup };
+export type { ButtonColor, ButtonGroupProps, ButtonIconPosition, ButtonLoading, ButtonLoadingObject, ButtonNativeType, ButtonProps, ButtonShape, ButtonSizeType, ButtonType, ButtonVariant, } from './src/button-types';
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/button/src/button-group.d.ts

@@ -0,0 +1,12 @@
+
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./button-types").ButtonSizeType;
+    readonly disabled: boolean;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly size: import("./button-types").ButtonSizeType;
+    readonly disabled: boolean;
+}> & Readonly<{}>, {
+    readonly size: import("./button-types").ButtonSizeType;
+    readonly disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;