@pactor-app/ui 1.7.0 → 1.9.0

package/dist/components/index.d.cts

@@ -2,8 +2,8 @@ import { ComponentRegistry } from '@pactor-app/runtime';
 import * as React from 'react';
 import { CSSProperties, ReactNode, ReactElement } from 'react';
 import { DslNode, DslChildren } from '@pactor-app/core';
+import { i as CardRounded, t as toggleVariants, h as typographyVariants } from '../typography-BYDh5oku.cjs';
 import { LucideIcon } from 'lucide-react';
-import { t as toggleVariants, b as typographyVariants } from '../typography-DsGdDBc2.cjs';
 import { VariantProps } from 'class-variance-authority';
 import 'class-variance-authority/types';
 import '@base-ui/react/toggle';
@@ -41,13 +41,20 @@ interface AlertProps {
     description?: string;
     /** 变体，默认 info */
     variant?: AlertVariant;
+    /** 是否显示图标；true 时按 variant 显示对应默认图标 */
+    showIcon?: boolean;
+    /** 自定义图标名（Icon 白名单，kebab-case / PascalCase 均可）；提供时隐含 showIcon */
+    icon?: string;
     /** 通用：根节点 class（与内置样式合并） */
     className?: string;
     /** 通用：根节点内联样式 */
     style?: CSSProperties;
 }
-/** Alert 适配器（shadcn kit）：message → AlertTitle，description → AlertDescription */
-declare function Alert({ message, description, variant, className, style }: AlertProps): React.JSX.Element;
+/**
+ * Alert 适配器（shadcn kit）：message → AlertTitle，description → AlertDescription；
+ * `showIcon` / `icon` 渲染前缀图标（vendored Alert 的 has-[>svg] 栅格自动让出图标列）
+ */
+declare function Alert({ message, description, variant, showIcon, icon, className, style, }: AlertProps): React.JSX.Element;
 
 interface AlertDialogProps {
     /** 标题 */
@@ -202,6 +209,9 @@ interface InputProps {
     type?: 'text' | 'password';
     placeholder?: string;
     disabled?: boolean;
+    /** 值为非空时显示清除按钮，点击清空当前值；开启后独立渲染的
+     *  className/style 挂控件包裹节点（含清除按钮），未开启时保持挂控件本身 */
+    allowClear?: boolean;
     /** 输入事件，传出 string 值（非原生 event，设计决策 D2） */
     onChange?: (value: string) => void;
     /** 通用：根节点 class（Form 内为 form-item 容器，独立渲染时为控件本身） */
@@ -216,7 +226,7 @@ interface InputProps {
  * 表单项为去原语化结构（design D3）：`<div data-slot="form-item">` +
  * `<label htmlFor>` 与控件 `useId` 关联。
  */
-declare function Input({ name, label, rules, value, type, placeholder, disabled, onChange, className, style, }: InputProps): React.JSX.Element;
+declare function Input({ name, label, rules, value, type, placeholder, disabled, allowClear, onChange, className, style, }: InputProps): React.JSX.Element;
 
 interface CalendarProps {
     /** 字段名；在 Form 内声明 name 即自动成为表单项 */
@@ -249,14 +259,16 @@ interface CardProps {
     title?: string;
     /** 是否有边框，默认 true（false 去边框与阴影） */
     bordered?: boolean;
+    /** 圆角档位，默认 'lg'（即 --radius 基准值） */
+    rounded?: CardRounded;
     /** 通用：根节点 class（与内置样式合并） */
     className?: string;
     /** 通用：根节点内联样式（布局逃逸口，如 `{ flex: 1 }`） */
     style?: CSSProperties;
     children?: ReactNode;
 }
-/** Card 适配器（shadcn kit）：可选标题 + 边框开关（bordered=false 去边框与阴影） */
-declare function Card({ title, bordered, className, style, children }: CardProps): React.JSX.Element;
+/** Card 适配器（shadcn kit）：可选标题 + 边框开关（bordered=false 去边框与阴影）+ 圆角档位 */
+declare function Card({ title, bordered, rounded, className, style, children }: CardProps): React.JSX.Element;
 
 /** 轮播图片项 */
 interface CarouselImage {
@@ -1665,6 +1677,8 @@ interface TabsProps {
     items?: TabItem[];
     /** 当前激活页签 key（可绑表达式） */
     activeKey?: string;
+    /** 页签栏样式：default 胶囊（缺省）/ line 下划线 */
+    variant?: 'default' | 'line';
     /** 页签切换事件，传出新激活的 key */
     onChange?: (key: string) => void;
     /** 通用：根节点 class（与内置样式合并） */
@@ -1677,7 +1691,7 @@ interface TabsProps {
  * 基于 vendored shadcn Tabs（@base-ui/react），每个 pane 的内容经
  * renderChildren 渲染；未传 activeKey 时缺省激活第一个页签。
  */
-declare function Tabs({ items, activeKey, onChange, className, style }: TabsProps): React.JSX.Element;
+declare function Tabs({ items, activeKey, variant, onChange, className, style }: TabsProps): React.JSX.Element;
 
 /** DSL Text 语义类型 */
 type TextType = 'default' | 'secondary' | 'success' | 'warning' | 'danger';

package/dist/components/index.d.ts

@@ -2,8 +2,8 @@ import { ComponentRegistry } from '@pactor-app/runtime';
 import * as React from 'react';
 import { CSSProperties, ReactNode, ReactElement } from 'react';
 import { DslNode, DslChildren } from '@pactor-app/core';
+import { i as CardRounded, t as toggleVariants, h as typographyVariants } from '../typography-BYDh5oku.js';
 import { LucideIcon } from 'lucide-react';
-import { t as toggleVariants, b as typographyVariants } from '../typography-DsGdDBc2.js';
 import { VariantProps } from 'class-variance-authority';
 import 'class-variance-authority/types';
 import '@base-ui/react/toggle';
@@ -41,13 +41,20 @@ interface AlertProps {
     description?: string;
     /** 变体，默认 info */
     variant?: AlertVariant;
+    /** 是否显示图标；true 时按 variant 显示对应默认图标 */
+    showIcon?: boolean;
+    /** 自定义图标名（Icon 白名单，kebab-case / PascalCase 均可）；提供时隐含 showIcon */
+    icon?: string;
     /** 通用：根节点 class（与内置样式合并） */
     className?: string;
     /** 通用：根节点内联样式 */
     style?: CSSProperties;
 }
-/** Alert 适配器（shadcn kit）：message → AlertTitle，description → AlertDescription */
-declare function Alert({ message, description, variant, className, style }: AlertProps): React.JSX.Element;
+/**
+ * Alert 适配器（shadcn kit）：message → AlertTitle，description → AlertDescription；
+ * `showIcon` / `icon` 渲染前缀图标（vendored Alert 的 has-[>svg] 栅格自动让出图标列）
+ */
+declare function Alert({ message, description, variant, showIcon, icon, className, style, }: AlertProps): React.JSX.Element;
 
 interface AlertDialogProps {
     /** 标题 */
@@ -202,6 +209,9 @@ interface InputProps {
     type?: 'text' | 'password';
     placeholder?: string;
     disabled?: boolean;
+    /** 值为非空时显示清除按钮，点击清空当前值；开启后独立渲染的
+     *  className/style 挂控件包裹节点（含清除按钮），未开启时保持挂控件本身 */
+    allowClear?: boolean;
     /** 输入事件，传出 string 值（非原生 event，设计决策 D2） */
     onChange?: (value: string) => void;
     /** 通用：根节点 class（Form 内为 form-item 容器，独立渲染时为控件本身） */
@@ -216,7 +226,7 @@ interface InputProps {
  * 表单项为去原语化结构（design D3）：`<div data-slot="form-item">` +
  * `<label htmlFor>` 与控件 `useId` 关联。
  */
-declare function Input({ name, label, rules, value, type, placeholder, disabled, onChange, className, style, }: InputProps): React.JSX.Element;
+declare function Input({ name, label, rules, value, type, placeholder, disabled, allowClear, onChange, className, style, }: InputProps): React.JSX.Element;
 
 interface CalendarProps {
     /** 字段名；在 Form 内声明 name 即自动成为表单项 */
@@ -249,14 +259,16 @@ interface CardProps {
     title?: string;
     /** 是否有边框，默认 true（false 去边框与阴影） */
     bordered?: boolean;
+    /** 圆角档位，默认 'lg'（即 --radius 基准值） */
+    rounded?: CardRounded;
     /** 通用：根节点 class（与内置样式合并） */
     className?: string;
     /** 通用：根节点内联样式（布局逃逸口，如 `{ flex: 1 }`） */
     style?: CSSProperties;
     children?: ReactNode;
 }
-/** Card 适配器（shadcn kit）：可选标题 + 边框开关（bordered=false 去边框与阴影） */
-declare function Card({ title, bordered, className, style, children }: CardProps): React.JSX.Element;
+/** Card 适配器（shadcn kit）：可选标题 + 边框开关（bordered=false 去边框与阴影）+ 圆角档位 */
+declare function Card({ title, bordered, rounded, className, style, children }: CardProps): React.JSX.Element;
 
 /** 轮播图片项 */
 interface CarouselImage {
@@ -1665,6 +1677,8 @@ interface TabsProps {
     items?: TabItem[];
     /** 当前激活页签 key（可绑表达式） */
     activeKey?: string;
+    /** 页签栏样式：default 胶囊（缺省）/ line 下划线 */
+    variant?: 'default' | 'line';
     /** 页签切换事件，传出新激活的 key */
     onChange?: (key: string) => void;
     /** 通用：根节点 class（与内置样式合并） */
@@ -1677,7 +1691,7 @@ interface TabsProps {
  * 基于 vendored shadcn Tabs（@base-ui/react），每个 pane 的内容经
  * renderChildren 渲染；未传 activeKey 时缺省激活第一个页签。
  */
-declare function Tabs({ items, activeKey, onChange, className, style }: TabsProps): React.JSX.Element;
+declare function Tabs({ items, activeKey, variant, onChange, className, style }: TabsProps): React.JSX.Element;
 
 /** DSL Text 语义类型 */
 type TextType = 'default' | 'secondary' | 'success' | 'warning' | 'danger';

package/dist/components/index.js

@@ -71,7 +71,7 @@ import {
   createComponentRegistry,
   registerBuiltinComponents,
   useFormContext
-} from "../chunk-PMYLC26E.js";
+} from "../chunk-KUFQSYTS.js";
 import {
   ICONS,
   Icon,
@@ -80,10 +80,10 @@ import {
   Sidebar,
   normalizeIconName,
   useSidebarDrawer
-} from "../chunk-ZM3WJZZ7.js";
-import "../chunk-E2TD6JD2.js";
+} from "../chunk-PECP7DJB.js";
+import "../chunk-VT5XP4U4.js";
 import "../chunk-F42SGQNW.js";
-import "../chunk-L4Z7MNYY.js";
+import "../chunk-VM4FESQB.js";
 import "../chunk-WKJUCGV4.js";
 export {
   Accordion,