@chenzy-design/svelte 0.3.0 → 0.4.1

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

@@ -1,24 +1,33 @@
 import type { Snippet } from 'svelte';
-type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
-type BadgeTheme = 'solid' | 'light';
-type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-type BadgeSize = 'small' | 'default';
-type BadgeStatus = 'default' | 'success' | 'processing' | 'error' | 'warning';
+type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success';
+type BadgeTheme = 'solid' | 'light' | 'inverted';
+type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 interface Props {
-    count?: number | string;
+    /** 徽标内容；数字/字符串按 overflowCount 处理，Snippet 时直接渲染（custom）。 */
+    count?: number | string | Snippet;
+    /** 不展示数字，显示小圆点（优先于 count）。 */
     dot?: boolean;
-    overflowCount?: number;
-    showZero?: boolean;
+    /** 徽标类型（语义色）。 */
     type?: BadgeType;
+    /** 徽标主题。 */
     theme?: BadgeTheme;
+    /** 徽标位置（相对宿主四角）。 */
     position?: BadgePosition;
-    offset?: [number, number];
-    size?: BadgeSize;
-    status?: BadgeStatus;
-    /** count 变化时播放滚动数字动画，默认 true。 */
-    scrollNumberMotion?: boolean;
+    /** 数字溢出阈值，超过显示 `${overflowCount}+`。 */
+    overflowCount?: number;
+    /** 徽标内容区域自定义样式（等价 Semi countStyle；style 优先）。 */
+    countStyle?: string;
+    /** 徽标内容区域自定义类名（等价 Semi countClassName）。 */
+    countClass?: string;
+    /** 徽标内容区域内联样式（等价 Semi style，优先于 countStyle）。 */
+    style?: string;
+    /** 根节点自定义类名。 */
+    class?: string;
+    onClick?: (e: MouseEvent) => void;
+    onMouseEnter?: (e: MouseEvent) => void;
+    onMouseLeave?: (e: MouseEvent) => void;
+    /** 宿主子元素。 */
     children?: Snippet;
-    countContent?: Snippet;
 }
 declare const Badge: import("svelte").Component<Props, {}, "">;
 type Badge = ReturnType<typeof Badge>;

package/dist/badge/Badge.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../src/badge/Badge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,SAAS,GACV,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AACb,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AACpC,KAAK,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAC/E,KAAK,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AACrC,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9E,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAqIH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../src/badge/Badge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AACzF,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AACjD,KAAK,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;AAE3E,UAAU,KAAK;IACb,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,8BAA8B;IAC9B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6EH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/badge/meta.d.ts

@@ -1,93 +1,101 @@
 /**
  * Machine-readable component metadata for AI/docs consumption.
- * Badge — see specs/components/show/Badge.spec.md
+ * Badge — 对齐 Semi Design Badge。
  */
 export declare const meta: {
     readonly name: "Badge";
     readonly category: "show";
-    readonly description: "徽标：包裹模式在子元素角落显示 count/dot 角标(支持 overflowCount、showZero、position、offset)；独立 status 点模式显示状态点 + 可选文字。";
+    readonly description: "徽标：在宿主元素角落展示 count 数字/dot 小圆点/自定义节点；无 children 时可独立使用。支持 type/theme/position/overflowCount。";
     readonly exports: readonly ["Badge"];
     readonly props: readonly [{
         readonly name: "count";
-        readonly type: "number|string";
+        readonly type: "number|string|Snippet";
         readonly default: "undefined";
-        readonly desc: "角标内容";
+        readonly desc: "徽标内容；数字/字符串按 overflowCount 处理，Snippet 时直接渲染";
     }, {
         readonly name: "dot";
         readonly type: "boolean";
         readonly default: "false";
-        readonly desc: "小圆点模式，忽略 count";
-    }, {
-        readonly name: "overflowCount";
-        readonly type: "number";
-        readonly default: "99";
-        readonly desc: "超出显示 {n}+";
-    }, {
-        readonly name: "showZero";
-        readonly type: "boolean";
-        readonly default: "false";
-        readonly desc: "count=0 时是否显示";
+        readonly desc: "显示小圆点，优先于 count";
     }, {
         readonly name: "type";
-        readonly type: "'primary'|'secondary'|'tertiary'|'success'|'warning'|'danger'";
-        readonly default: "'danger'";
+        readonly type: "'primary'|'secondary'|'tertiary'|'danger'|'warning'|'success'";
+        readonly default: "'primary'";
     }, {
         readonly name: "theme";
-        readonly type: "'solid'|'light'";
+        readonly type: "'solid'|'light'|'inverted'";
         readonly default: "'solid'";
     }, {
         readonly name: "position";
-        readonly type: "'top-right'|'top-left'|'bottom-right'|'bottom-left'";
-        readonly default: "'top-right'";
+        readonly type: "'leftTop'|'leftBottom'|'rightTop'|'rightBottom'";
+        readonly default: "'rightTop'";
+    }, {
+        readonly name: "overflowCount";
+        readonly type: "number";
+        readonly default: "undefined";
+        readonly desc: "超出显示 {n}+";
     }, {
-        readonly name: "offset";
-        readonly type: "[number, number]";
-        readonly default: "[0, 0]";
-        readonly desc: "[x, y] 偏移(px)";
+        readonly name: "countStyle";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "徽标内容区域样式";
     }, {
-        readonly name: "size";
-        readonly type: "'small'|'default'";
-        readonly default: "'default'";
+        readonly name: "countClass";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "徽标内容区域类名";
     }, {
-        readonly name: "status";
-        readonly type: "'default'|'success'|'processing'|'error'|'warning'";
+        readonly name: "style";
+        readonly type: "string";
         readonly default: "undefined";
-        readonly desc: "设置且无 children 时进入独立状态点模式";
+        readonly desc: "徽标内容区域内联样式（优先于 countStyle）";
     }, {
-        readonly name: "children";
-        readonly type: "Snippet";
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根节点类名";
+    }, {
+        readonly name: "onClick";
+        readonly type: "(e: MouseEvent) => void";
         readonly default: "undefined";
-        readonly desc: "被包裹元素";
     }, {
-        readonly name: "countContent";
+        readonly name: "onMouseEnter";
+        readonly type: "(e: MouseEvent) => void";
+        readonly default: "undefined";
+    }, {
+        readonly name: "onMouseLeave";
+        readonly type: "(e: MouseEvent) => void";
+        readonly default: "undefined";
+    }, {
+        readonly name: "children";
         readonly type: "Snippet";
         readonly default: "undefined";
-        readonly desc: "自定义角标内容";
+        readonly desc: "宿主子元素；省略时独立使用";
     }];
     readonly events: readonly [];
     readonly slots: readonly [{
         readonly name: "children";
-        readonly desc: "被角标包裹的元素";
+        readonly desc: "被徽标包裹的宿主元素";
     }, {
-        readonly name: "countContent";
-        readonly desc: "自定义角标内容";
+        readonly name: "count";
+        readonly desc: "自定义徽标内容（count 为 Snippet 时）";
     }];
     readonly a11y: {
         readonly hasRole: false;
         readonly focusable: false;
-        readonly note: "角标 sup 带 aria-label(count 值)；dot 模式与状态点 aria-hidden。";
+        readonly note: "Badge 为纯展示元素；不进入 Tab 序，语义由宿主文案承载。";
     };
-    readonly tokens: readonly ["--cd-badge-size", "--cd-badge-size-small", "--cd-badge-dot-size", "--cd-badge-bg", "--cd-badge-color", "--cd-badge-font-size"];
+    readonly tokens: readonly ["--cd-color-badge-default-bg-default", "--cd-color-badge-default-text-default", "--cd-color-badge-primary-solid-bg-default", "--cd-color-badge-danger-solid-bg-default", "--cd-width-badge-dot", "--cd-height-badge-count"];
     readonly responsive: false;
     readonly examples: readonly [{
         readonly title: "计数";
-        readonly code: "<Badge count={5}><Avatar alt=\"A\" /></Badge>";
+        readonly code: "<Badge count={5}><Avatar>A</Avatar></Badge>";
     }, {
         readonly title: "溢出";
-        readonly code: "<Badge count={120} overflowCount={99}>...</Badge>";
+        readonly code: "<Badge count={100} overflowCount={99}>...</Badge>";
     }, {
-        readonly title: "状态点";
-        readonly code: "<Badge status=\"success\" count=\"已完成\" />";
+        readonly title: "独立使用";
+        readonly code: "<Badge dot type=\"success\" /> 成功";
     }];
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/badge/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/badge/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/badge/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DP,CAAC"}

package/dist/badge/meta.js

@@ -1,61 +1,63 @@
 /**
  * Machine-readable component metadata for AI/docs consumption.
- * Badge — see specs/components/show/Badge.spec.md
+ * Badge — 对齐 Semi Design Badge。
  */
 export const meta = {
     name: 'Badge',
     category: 'show',
-    description: '徽标：包裹模式在子元素角落显示 count/dot 角标(支持 overflowCount、showZero、position、offset)；独立 status 点模式显示状态点 + 可选文字。',
+    description: '徽标：在宿主元素角落展示 count 数字/dot 小圆点/自定义节点；无 children 时可独立使用。支持 type/theme/position/overflowCount。',
     exports: ['Badge'],
     props: [
-        { name: 'count', type: 'number|string', default: 'undefined', desc: '角标内容' },
-        { name: 'dot', type: 'boolean', default: 'false', desc: '小圆点模式，忽略 count' },
-        { name: 'overflowCount', type: 'number', default: '99', desc: '超出显示 {n}+' },
-        { name: 'showZero', type: 'boolean', default: 'false', desc: 'count=0 时是否显示' },
         {
-            name: 'type',
-            type: "'primary'|'secondary'|'tertiary'|'success'|'warning'|'danger'",
-            default: "'danger'",
+            name: 'count',
+            type: 'number|string|Snippet',
+            default: 'undefined',
+            desc: '徽标内容；数字/字符串按 overflowCount 处理，Snippet 时直接渲染',
         },
-        { name: 'theme', type: "'solid'|'light'", default: "'solid'" },
+        { name: 'dot', type: 'boolean', default: 'false', desc: '显示小圆点，优先于 count' },
         {
-            name: 'position',
-            type: "'top-right'|'top-left'|'bottom-right'|'bottom-left'",
-            default: "'top-right'",
+            name: 'type',
+            type: "'primary'|'secondary'|'tertiary'|'danger'|'warning'|'success'",
+            default: "'primary'",
         },
-        { name: 'offset', type: '[number, number]', default: '[0, 0]', desc: '[x, y] 偏移(px)' },
-        { name: 'size', type: "'small'|'default'", default: "'default'" },
+        { name: 'theme', type: "'solid'|'light'|'inverted'", default: "'solid'" },
         {
-            name: 'status',
-            type: "'default'|'success'|'processing'|'error'|'warning'",
-            default: 'undefined',
-            desc: '设置且无 children 时进入独立状态点模式',
+            name: 'position',
+            type: "'leftTop'|'leftBottom'|'rightTop'|'rightBottom'",
+            default: "'rightTop'",
         },
-        { name: 'children', type: 'Snippet', default: 'undefined', desc: '被包裹元素' },
-        { name: 'countContent', type: 'Snippet', default: 'undefined', desc: '自定义角标内容' },
+        { name: 'overflowCount', type: 'number', default: 'undefined', desc: '超出显示 {n}+' },
+        { name: 'countStyle', type: 'string', default: 'undefined', desc: '徽标内容区域样式' },
+        { name: 'countClass', type: 'string', default: 'undefined', desc: '徽标内容区域类名' },
+        { name: 'style', type: 'string', default: 'undefined', desc: '徽标内容区域内联样式（优先于 countStyle）' },
+        { name: 'class', type: 'string', default: 'undefined', desc: '根节点类名' },
+        { name: 'onClick', type: '(e: MouseEvent) => void', default: 'undefined' },
+        { name: 'onMouseEnter', type: '(e: MouseEvent) => void', default: 'undefined' },
+        { name: 'onMouseLeave', type: '(e: MouseEvent) => void', default: 'undefined' },
+        { name: 'children', type: 'Snippet', default: 'undefined', desc: '宿主子元素；省略时独立使用' },
     ],
     events: [],
     slots: [
-        { name: 'children', desc: '被角标包裹的元素' },
-        { name: 'countContent', desc: '自定义角标内容' },
+        { name: 'children', desc: '被徽标包裹的宿主元素' },
+        { name: 'count', desc: '自定义徽标内容（count 为 Snippet 时）' },
     ],
     a11y: {
         hasRole: false,
         focusable: false,
-        note: '角标 sup 带 aria-label(count 值)；dot 模式与状态点 aria-hidden。',
+        note: 'Badge 为纯展示元素；不进入 Tab 序，语义由宿主文案承载。',
     },
     tokens: [
-        '--cd-badge-size',
-        '--cd-badge-size-small',
-        '--cd-badge-dot-size',
-        '--cd-badge-bg',
-        '--cd-badge-color',
-        '--cd-badge-font-size',
+        '--cd-color-badge-default-bg-default',
+        '--cd-color-badge-default-text-default',
+        '--cd-color-badge-primary-solid-bg-default',
+        '--cd-color-badge-danger-solid-bg-default',
+        '--cd-width-badge-dot',
+        '--cd-height-badge-count',
     ],
     responsive: false,
     examples: [
-        { title: '计数', code: '<Badge count={5}><Avatar alt="A" /></Badge>' },
-        { title: '溢出', code: '<Badge count={120} overflowCount={99}>...</Badge>' },
-        { title: '状态点', code: '<Badge status="success" count="已完成" />' },
+        { title: '计数', code: '<Badge count={5}><Avatar>A</Avatar></Badge>' },
+        { title: '溢出', code: '<Badge count={100} overflowCount={99}>...</Badge>' },
+        { title: '独立使用', code: '<Badge dot type="success" /> 成功' },
     ],
 };