@teamix-evo/ui 0.3.0 → 0.4.0

package/src/components/button/demo/loading.tsx

@@ -1,19 +0,0 @@
-import { Button } from '@/components/ui/button';
-
-/**
- * Loading 状态：自动 disabled，spinner 替换 icon 占位，按钮宽度保持。
- * 写 `loading` 即可，不要额外加 `disabled`。
- */
-export default function Demo() {
-  return (
-    <div className="flex flex-wrap items-center gap-3">
-      <Button loading>提交中</Button>
-      <Button variant="secondary" loading>
-        加载
-      </Button>
-      <Button variant="destructive" loading>
-        删除中
-      </Button>
-    </div>
-  );
-}

package/src/components/button/demo/shapes.tsx

@@ -1,18 +0,0 @@
-import { X } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-
-/**
- * 三种形状：default / round / circle。
- * circle 必须配 `size="icon"`，否则视觉会扁圆变形。
- */
-export default function Demo() {
-  return (
-    <div className="flex flex-wrap items-center gap-3">
-      <Button>Default</Button>
-      <Button shape="round">Round</Button>
-      <Button shape="circle" size="icon" variant="ghost" aria-label="关闭">
-        <X />
-      </Button>
-    </div>
-  );
-}

package/src/components/button/demo/sizes.tsx

@@ -1,19 +0,0 @@
-import { Plus } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-
-/**
- * 四种尺寸：sm / default / lg / icon。
- * icon 为正方形纯图标按钮，配合 `size="icon"` 使用。
- */
-export default function Demo() {
-  return (
-    <div className="flex flex-wrap items-center gap-3">
-      <Button size="sm">Small</Button>
-      <Button size="default">Default</Button>
-      <Button size="lg">Large</Button>
-      <Button size="icon" aria-label="Add">
-        <Plus />
-      </Button>
-    </div>
-  );
-}

package/src/components/button/demo/variants.tsx

@@ -1,19 +0,0 @@
-import { Button } from '@/components/ui/button';
-
-/**
- * 七种 variant：default / secondary / destructive / outline / dashed / ghost / link。
- * 视觉差异由 OpenTrek semantic tokens 决定，无任何 mock 值。
- */
-export default function Demo() {
-  return (
-    <div className="flex flex-wrap items-center gap-3">
-      <Button>Default</Button>
-      <Button variant="secondary">Secondary</Button>
-      <Button variant="destructive">Destructive</Button>
-      <Button variant="outline">Outline</Button>
-      <Button variant="dashed">Dashed</Button>
-      <Button variant="ghost">Ghost</Button>
-      <Button variant="link">Link</Button>
-    </div>
-  );
-}

package/src/components/button/demo/with-icon.tsx

@@ -1,20 +0,0 @@
-import { ChevronRight, Download } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-
-/**
- * 带图标按钮：通过 `icon` prop 传入 lucide-react 节点；
- * 用 `iconPosition` 切换图标位置（默认 start）。
- */
-export default function Demo() {
-  return (
-    <div className="flex flex-wrap items-center gap-3">
-      <Button icon={<Download />}>下载</Button>
-      <Button icon={<ChevronRight />} iconPosition="end">
-        下一步
-      </Button>
-      <Button variant="outline" icon={<Download />}>
-        Outline + Icon
-      </Button>
-    </div>
-  );
-}

package/src/components/input/demo/basic.tsx

@@ -1,12 +0,0 @@
-import { Input } from '@/components/ui/input';
-
-/**
- * 最简用法：原生 input 的并集语义，直接当受控/非受控输入框使用。
- */
-export default function Demo() {
-  return (
-    <div className="w-80">
-      <Input placeholder="请输入用户名" />
-    </div>
-  );
-}

package/src/components/input/demo/clearable.tsx

@@ -1,21 +0,0 @@
-import { useState } from 'react';
-import { Input } from '@/components/ui/input';
-
-/**
- * 一键清空：受控时点 X 会触发 onChange("")，非受控时直接清掉 DOM 值并派发 input 事件。
- * 适合搜索框、过滤器场景。
- */
-export default function Demo() {
-  const [value, setValue] = useState('Teamix Evo');
-  return (
-    <div className="flex w-80 flex-col gap-3">
-      <Input
-        clearable
-        value={value}
-        onChange={(e) => setValue(e.target.value)}
-        placeholder="受控 + clearable"
-      />
-      <Input clearable defaultValue="非受控示例" />
-    </div>
-  );
-}

package/src/components/input/demo/show-count.tsx

@@ -1,18 +0,0 @@
-import { Input } from '@/components/ui/input';
-
-/**
- * 字符计数：必须配合 `maxLength` 一起使用。
- * 适合给社交平台发文、签名等限长场景。
- */
-export default function Demo() {
-  return (
-    <div className="w-80">
-      <Input
-        showCount
-        maxLength={20}
-        defaultValue="hello teamix"
-        placeholder="最多 20 字"
-      />
-    </div>
-  );
-}

package/src/components/input/demo/sizes.tsx

@@ -1,15 +0,0 @@
-import { Input } from '@/components/ui/input';
-
-/**
- * 三种尺寸：sm / md / lg，与 Button 同档。
- * 高度通过 internal class 控制，不要再外部覆盖 `h-*`。
- */
-export default function Demo() {
-  return (
-    <div className="flex w-80 flex-col gap-3">
-      <Input size="sm" placeholder="Small" />
-      <Input size="md" placeholder="Medium" />
-      <Input size="lg" placeholder="Large" />
-    </div>
-  );
-}