weifuwu 0.36.2 → 0.38.0

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from '../../client/vnode.ts';
+export interface EmptyStateProps {
+    icon?: string;
+    text?: string;
+    hint?: string;
+    children?: any;
+}
+export declare const EmptyState: Component<EmptyStateProps>;

package/dist/components/Field/Field.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from '../../client/vnode.ts';
+export interface FieldProps {
+    label?: string;
+    required?: boolean;
+    error?: string;
+    hint?: string;
+    children?: any;
+}
+export declare const Field: Component<FieldProps>;

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from '../../client/vnode.ts';
+export interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    disabled?: boolean;
+    error?: string;
+    hint?: string;
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    children?: any;
+}
+export declare const FileUpload: Component<FileUploadProps>;

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,6 @@
+import type { Component } from '../../client/vnode.ts';
+export interface FormProps {
+    onSubmit?: () => void | Promise<void>;
+    children?: any;
+}
+export declare const Form: Component<FormProps>;

package/dist/components/Img/Img.d.ts

@@ -0,0 +1,17 @@
+/**
+ * weifuwu/components — Img
+ *
+ * `<img>` 增强组件。支持 fallback、loading="lazy"。
+ */
+import type { Component } from '../../client/vnode.ts';
+export interface ImgProps {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    loading?: 'lazy' | 'eager';
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: Record<string, string>;
+}
+export declare const Img: Component<ImgProps>;

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,14 @@
+import type { Component } from '../../client/vnode.ts';
+export interface InputProps {
+    label?: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'url' | 'date' | 'tel' | 'time' | 'color';
+    value?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    hint?: string;
+    onInput?: (e: Event) => void;
+    onChange?: (e: Event) => void;
+}
+export declare const Input: Component<InputProps>;

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,5 @@
+import type { Component } from '../../client/vnode.ts';
+export interface LoadingProps {
+    text?: string;
+}
+export declare const Loading: Component<LoadingProps>;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,12 @@
+/**
+ * weifuwu/components — Modal
+ */
+import type { Component } from '../../client/vnode.ts';
+export interface ModalProps {
+    open?: boolean;
+    title?: string;
+    onClose?: () => void;
+    children?: any;
+    footer?: any;
+}
+export declare const Modal: Component<ModalProps>;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,7 @@
+import type { Component } from '../../client/vnode.ts';
+export interface PageHeaderProps {
+    title: string;
+    sub?: string;
+    children?: any;
+}
+export declare const PageHeader: Component<PageHeaderProps>;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from '../../client/vnode.ts';
+export interface PaginationProps {
+    total: number;
+    page?: number;
+    pageSize?: number;
+    onChange?: (page: number) => void;
+}
+export declare const Pagination: Component<PaginationProps>;

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,26 @@
+/**
+ * weifuwu/components — Popover
+ *
+ * 通用弹出层组件。触发点击后在目标元素附近弹出浮动面板。
+ * 点击面板外部关闭。
+ *
+ * 触发方式:
+ *   'click' — 点击触发元素切换显示
+ *   'hover' — 悬停触发元素显示，移出关闭
+ *
+ * 受控模式:
+ *   传入 open + onOpenChange 可外部控制显示状态
+ *   （Dropdown 使用此模式）
+ */
+import type { Component } from '../../client/vnode.ts';
+export type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface PopoverProps {
+    content?: any;
+    trigger?: 'click' | 'hover';
+    position?: PopoverPosition;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    children?: any;
+}
+export declare const Popover: Component<PopoverProps>;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from '../../client/vnode.ts';
+export interface ProgressBarProps {
+    value?: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+}
+export declare const ProgressBar: Component<ProgressBarProps>;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,14 @@
+import type { Component } from '../../client/vnode.ts';
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    name?: string;
+    value?: string;
+    options?: RadioOption[];
+    inline?: boolean;
+    onChange?: (value: string) => void;
+}
+export declare const RadioGroup: Component<RadioGroupProps>;

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from '../../client/vnode.ts';
+export interface SearchInputProps {
+    value?: string;
+    placeholder?: string;
+    onInput?: (e: Event) => void;
+    onClear?: () => void;
+}
+export declare const SearchInput: Component<SearchInputProps>;

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import type { Component } from '../../client/vnode.ts';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    label?: string;
+    value?: string;
+    options?: SelectOption[];
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    onChange?: (e: Event) => void;
+    children?: any;
+}
+export declare const Select: Component<SelectProps>;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,21 @@
+/**
+ * weifuwu/components — Skeleton
+ *
+ * 骨架屏占位组件。纯 CSS，无交互，无状态。
+ *
+ * 用法：
+ *   <Skeleton />                    ← 单行文本
+ *   <Skeleton lines={3} />          ← 多行段落
+ *   <Skeleton variant="circle" />   ← 圆形头像
+ *   <Skeleton variant="rect" w={200} h={120} />  ← 矩形区域
+ */
+import type { Component } from '../../client/vnode.ts';
+export type SkeletonVariant = 'text' | 'circle' | 'rect';
+export interface SkeletonProps {
+    variant?: SkeletonVariant;
+    lines?: number;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+}
+export declare const Skeleton: Component<SkeletonProps>;

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,10 @@
+import type { Component } from '../../client/vnode.ts';
+export interface SliderProps {
+    label?: string;
+    value?: number | string;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+}
+export declare const Slider: Component<SliderProps>;

package/dist/components/StatCard/StatCard.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from '../../client/vnode.ts';
+export interface StatCardProps {
+    label: string;
+    value: string | number;
+    trend?: 'up' | 'down';
+    trendLabel?: string;
+    icon?: string;
+}
+export declare const StatCard: Component<StatCardProps>;

package/dist/components/Steps/Steps.d.ts

@@ -0,0 +1,12 @@
+import type { Component } from '../../client/vnode.ts';
+export interface StepItem {
+    key: string;
+    label: string;
+    description?: string;
+}
+export interface StepsProps {
+    items?: StepItem[];
+    active?: string;
+    current?: number;
+}
+export declare const Steps: Component<StepsProps>;

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from '../../client/vnode.ts';
+export interface SwitchProps {
+    label?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export declare const Switch: Component<SwitchProps>;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from '../../client/vnode.ts';
+export interface TableColumn {
+    key: string;
+    label: string;
+    width?: number | string;
+    render?: (value: any, row: any, index: number) => any;
+}
+export interface TableProps {
+    data?: any[];
+    columns: TableColumn[];
+    onRowClick?: (row: any, index: number) => void;
+}
+export declare const Table: Component<TableProps>;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,12 @@
+import type { Component } from '../../client/vnode.ts';
+export interface TabItem {
+    key: string;
+    label: string;
+    content?: any;
+}
+export interface TabsProps {
+    items?: TabItem[];
+    active?: string;
+    onChange?: (key: string) => void;
+}
+export declare const Tabs: Component<TabsProps>;

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,8 @@
+import type { Component } from '../../client/vnode.ts';
+export interface TagProps {
+    closable?: boolean;
+    onClose?: () => void;
+    variant?: 'default' | 'primary' | 'success' | 'danger';
+    children?: any;
+}
+export declare const Tag: Component<TagProps>;

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from '../../client/vnode.ts';
+export interface TextareaProps {
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    hint?: string;
+    rows?: number;
+    onInput?: (e: Event) => void;
+}
+export declare const Textarea: Component<TextareaProps>;

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,12 @@
+import type { Component } from '../../client/vnode.ts';
+export type ToastType = 'success' | 'error' | 'info' | 'warning';
+export interface ToastItem {
+    id: string;
+    type: ToastType;
+    message: string;
+}
+export interface ToastProps {
+    toasts?: ToastItem[];
+    onRemove?: (id: string) => void;
+}
+export declare const Toast: Component<ToastProps>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from '../../client/vnode.ts';
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipProps {
+    content: string;
+    position?: TooltipPosition;
+    children: any;
+    disabled?: boolean;
+}
+export declare const Tooltip: Component<TooltipProps>;

package/dist/components/index.d.ts

@@ -0,0 +1,81 @@
+/**
+ * weifuwu/components — HTML 原语
+ *
+ * 使用方式:
+ *   import { Button, Input } from 'weifuwu/components'
+ *   import 'weifuwu/components/style.css'
+ */
+export { Button } from './Button/Button.ts';
+export type { ButtonProps } from './Button/Button.ts';
+export { Input } from './Input/Input.ts';
+export type { InputProps } from './Input/Input.ts';
+export { Textarea } from './Textarea/Textarea.ts';
+export type { TextareaProps } from './Textarea/Textarea.ts';
+export { Select } from './Select/Select.ts';
+export type { SelectProps, SelectOption } from './Select/Select.ts';
+export { Checkbox } from './Checkbox/Checkbox.ts';
+export type { CheckboxProps } from './Checkbox/Checkbox.ts';
+export { Switch } from './Switch/Switch.ts';
+export type { SwitchProps } from './Switch/Switch.ts';
+export { RadioGroup } from './RadioGroup/RadioGroup.ts';
+export type { RadioGroupProps, RadioOption } from './RadioGroup/RadioGroup.ts';
+export { Table } from './Table/Table.ts';
+export type { TableProps, TableColumn } from './Table/Table.ts';
+export { Modal } from './Modal/Modal.ts';
+export type { ModalProps } from './Modal/Modal.ts';
+export { Toast } from './Toast/Toast.ts';
+export type { ToastProps, ToastItem, ToastType } from './Toast/Toast.ts';
+export { Alert } from './Alert/Alert.ts';
+export type { AlertProps, AlertVariant } from './Alert/Alert.ts';
+export { Loading } from './Loading/Loading.ts';
+export type { LoadingProps } from './Loading/Loading.ts';
+export { EmptyState } from './EmptyState/EmptyState.ts';
+export type { EmptyStateProps } from './EmptyState/EmptyState.ts';
+export { Tabs } from './Tabs/Tabs.ts';
+export type { TabsProps, TabItem } from './Tabs/Tabs.ts';
+export { Dropdown } from './Dropdown/Dropdown.ts';
+export type { DropdownProps, DropdownItem } from './Dropdown/Dropdown.ts';
+export { Pagination } from './Pagination/Pagination.ts';
+export type { PaginationProps } from './Pagination/Pagination.ts';
+export { Card } from './Card/Card.ts';
+export type { CardProps } from './Card/Card.ts';
+export { Badge } from './Badge/Badge.ts';
+export type { BadgeProps, BadgeVariant } from './Badge/Badge.ts';
+export { Avatar } from './Avatar/Avatar.ts';
+export type { AvatarProps } from './Avatar/Avatar.ts';
+export { Tag } from './Tag/Tag.ts';
+export type { TagProps } from './Tag/Tag.ts';
+export { StatCard } from './StatCard/StatCard.ts';
+export type { StatCardProps } from './StatCard/StatCard.ts';
+export { Steps } from './Steps/Steps.ts';
+export type { StepsProps, StepItem } from './Steps/Steps.ts';
+export { Form } from './Form/Form.ts';
+export type { FormProps } from './Form/Form.ts';
+export { Field } from './Field/Field.ts';
+export type { FieldProps } from './Field/Field.ts';
+export { Slider } from './Slider/Slider.ts';
+export type { SliderProps } from './Slider/Slider.ts';
+export { SearchInput } from './SearchInput/SearchInput.ts';
+export type { SearchInputProps } from './SearchInput/SearchInput.ts';
+export { ProgressBar } from './ProgressBar/ProgressBar.ts';
+export type { ProgressBarProps } from './ProgressBar/ProgressBar.ts';
+export { Accordion } from './Accordion/Accordion.ts';
+export type { AccordionProps, AccordionItem } from './Accordion/Accordion.ts';
+export { PageHeader } from './PageHeader/PageHeader.ts';
+export type { PageHeaderProps } from './PageHeader/PageHeader.ts';
+export { Breadcrumb } from './Breadcrumb/Breadcrumb.ts';
+export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb/Breadcrumb.ts';
+export { Divider } from './Divider/Divider.ts';
+export type { DividerProps } from './Divider/Divider.ts';
+export { FileUpload } from './FileUpload/FileUpload.ts';
+export type { FileUploadProps } from './FileUpload/FileUpload.ts';
+export { Tooltip } from './Tooltip/Tooltip.ts';
+export type { TooltipProps, TooltipPosition } from './Tooltip/Tooltip.ts';
+export { Drawer } from './Drawer/Drawer.ts';
+export type { DrawerProps, DrawerPosition } from './Drawer/Drawer.ts';
+export { Popover } from './Popover/Popover.ts';
+export type { PopoverProps, PopoverPosition } from './Popover/Popover.ts';
+export { Skeleton } from './Skeleton/Skeleton.ts';
+export type { SkeletonProps, SkeletonVariant } from './Skeleton/Skeleton.ts';
+export { Img } from './Img/Img.ts';
+export type { ImgProps } from './Img/Img.ts';