lumen-plus 0.0.6 → 0.0.8

package/dist/components/Space/types.d.ts

@@ -0,0 +1,32 @@
+import type { Snippet } from 'svelte';
+/** Space 方向 */
+export type SpaceDirection = 'horizontal' | 'vertical';
+/** Space 对齐方式（交叉轴） */
+export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+/** Space 主轴对齐方式 */
+export type SpaceJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+/** Space 尺寸 */
+export type SpaceSize = 'small' | 'default' | 'large';
+/** Space 属性 */
+export interface SpaceProps {
+    /** 方向 */
+    direction?: SpaceDirection;
+    /** 交叉轴对齐方式 */
+    align?: SpaceAlign;
+    /** 主轴对齐方式 */
+    justify?: SpaceJustify;
+    /** 间距大小，可以是预设或自定义数值，也可以是 [水平, 垂直] 数组 */
+    size?: SpaceSize | number | [number, number];
+    /** 是否换行 */
+    wrap?: boolean;
+    /** 是否填充父容器 */
+    fill?: boolean;
+    /** 子元素是否自动填充 */
+    fillRatio?: number;
+    /** 分隔符 */
+    spacer?: string | Snippet;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/Statistic/Countdown.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+interface CountdownProps {
+    title?: string | Snippet;
+    value: number | Date;
+    format?: string;
+    prefix?: string | Snippet;
+    suffix?: string | Snippet;
+    valueStyle?: string;
+    onfinish?: () => void;
+    class?: string;
+}
+declare const Countdown: import("svelte").Component<CountdownProps, {}, "">;
+type Countdown = ReturnType<typeof Countdown>;
+export default Countdown;

package/dist/components/Statistic/Statistic.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+interface StatisticProps {
+    title?: string | Snippet;
+    value?: number | string;
+    precision?: number;
+    prefix?: string | Snippet;
+    suffix?: string | Snippet;
+    groupSeparator?: string;
+    decimalSeparator?: string;
+    valueStyle?: string;
+    class?: string;
+}
+declare const Statistic: import("svelte").Component<StatisticProps, {}, "">;
+type Statistic = ReturnType<typeof Statistic>;
+export default Statistic;

package/dist/components/Statistic/index.d.ts

@@ -0,0 +1,5 @@
+import Statistic from './Statistic.svelte';
+import Countdown from './Countdown.svelte';
+export { Statistic, Countdown };
+export type { StatisticProps, CountdownProps } from './types';
+export default Statistic;

package/dist/components/Statistic/types.d.ts

@@ -0,0 +1,41 @@
+import type { Snippet } from 'svelte';
+/** Statistic 属性 */
+export interface StatisticProps {
+    /** 标题 */
+    title?: string | Snippet;
+    /** 数值 */
+    value?: number | string;
+    /** 精度 */
+    precision?: number;
+    /** 前缀 */
+    prefix?: string | Snippet;
+    /** 后缀 */
+    suffix?: string | Snippet;
+    /** 千分位分隔符 */
+    groupSeparator?: string;
+    /** 小数点 */
+    decimalSeparator?: string;
+    /** 值样式 */
+    valueStyle?: string;
+    /** 自定义类名 */
+    class?: string;
+}
+/** Countdown 属性 */
+export interface CountdownProps {
+    /** 标题 */
+    title?: string | Snippet;
+    /** 目标时间 */
+    value: number | Date;
+    /** 格式化 */
+    format?: string;
+    /** 前缀 */
+    prefix?: string | Snippet;
+    /** 后缀 */
+    suffix?: string | Snippet;
+    /** 值样式 */
+    valueStyle?: string;
+    /** 完成回调 */
+    onfinish?: () => void;
+    /** 自定义类名 */
+    class?: string;
+}

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

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+import type { StepStatus } from './types';
+interface StepProps {
+    title?: string;
+    description?: string;
+    icon?: Snippet;
+    status?: StepStatus;
+    index?: number;
+    children?: Snippet;
+    class?: string;
+}
+declare const Step: import("svelte").Component<StepProps, {}, "">;
+type Step = ReturnType<typeof Step>;
+export default Step;

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

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+import type { StepsDirection, StepStatus } from './types';
+interface StepsProps {
+    active?: number;
+    direction?: StepsDirection;
+    alignCenter?: boolean;
+    simple?: boolean;
+    finishStatus?: StepStatus;
+    processStatus?: StepStatus;
+    children?: Snippet;
+    class?: string;
+}
+declare const Steps: import("svelte").Component<StepsProps, {}, "">;
+type Steps = ReturnType<typeof Steps>;
+export default Steps;

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

@@ -0,0 +1,12 @@
+import type { StepStatus } from './types';
+export declare const STEPS_CONTEXT_KEY: unique symbol;
+export interface StepsContext {
+    active: number;
+    direction: 'horizontal' | 'vertical';
+    alignCenter: boolean;
+    simple: boolean;
+    finishStatus: StepStatus;
+    processStatus: StepStatus;
+    getStepStatus: (index: number) => StepStatus;
+    stepCount: number;
+}

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

@@ -0,0 +1,5 @@
+import Steps from './Steps.svelte';
+import Step from './Step.svelte';
+export { Steps, Step };
+export type { StepsProps, StepProps, StepsDirection, StepStatus } from './types';
+export default Steps;

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

@@ -0,0 +1,41 @@
+import type { Snippet } from 'svelte';
+/** Steps 方向 */
+export type StepsDirection = 'horizontal' | 'vertical';
+/** Step 状态 */
+export type StepStatus = 'wait' | 'process' | 'finish' | 'error' | 'success';
+/** Steps 属性 */
+export interface StepsProps {
+    /** 当前激活步骤 */
+    active?: number;
+    /** 方向 */
+    direction?: StepsDirection;
+    /** 是否居中对齐 */
+    alignCenter?: boolean;
+    /** 是否简洁风格 */
+    simple?: boolean;
+    /** 完成步骤的状态 */
+    finishStatus?: StepStatus;
+    /** 当前步骤的状态 */
+    processStatus?: StepStatus;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}
+/** Step 属性 */
+export interface StepProps {
+    /** 标题 */
+    title?: string;
+    /** 描述 */
+    description?: string;
+    /** 图标 */
+    icon?: Snippet;
+    /** 状态 */
+    status?: StepStatus;
+    /** 步骤索引 */
+    index?: number;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

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

@@ -0,0 +1,22 @@
+import type { IconNode } from 'lucide';
+import type { Snippet } from 'svelte';
+interface SwitchProps {
+    modelValue?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    activeColor?: string;
+    inactiveColor?: string;
+    loading?: boolean;
+    labelActive?: string;
+    labelInactive?: string;
+    loadingText?: string;
+    ariaLabel?: string;
+    iconLeft?: IconNode;
+    iconRight?: IconNode;
+    children?: Snippet;
+    onchange?: (checked: boolean) => void;
+    class?: string;
+}
+declare const Switch: import("svelte").Component<SwitchProps, {}, "modelValue">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

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

@@ -0,0 +1,4 @@
+import Switch from './Switch.svelte';
+export { Switch };
+export type { SwitchProps, SwitchSize } from './types';
+export default Switch;

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

@@ -0,0 +1,37 @@
+import type { IconNode } from 'lucide';
+import type { Snippet } from 'svelte';
+/** Switch 尺寸 */
+export type SwitchSize = 'small' | 'medium' | 'large';
+/** Switch 属性 */
+export interface SwitchProps {
+    /** 绑定值 */
+    modelValue?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 尺寸 */
+    size?: SwitchSize;
+    /** 激活时的颜色 */
+    activeColor?: string;
+    /** 未激活时的颜色 */
+    inactiveColor?: string;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 激活时的标签文字 */
+    labelActive?: string;
+    /** 未激活时的标签文字 */
+    labelInactive?: string;
+    /** 加载时的文字 */
+    loadingText?: string;
+    /** 无障碍标签 */
+    ariaLabel?: string;
+    /** 内置左侧图标（渲染在轨道内部左侧） */
+    iconLeft?: IconNode;
+    /** 内置右侧图标（渲染在轨道内部右侧） */
+    iconRight?: IconNode;
+    /** 子内容 */
+    children?: Snippet;
+    /** 变化回调 */
+    onchange?: (checked: boolean) => void;
+    /** 自定义类名 */
+    class?: string;
+}

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

@@ -0,0 +1,11 @@
+import type { TableProps, SortChangeEvent, RowClickEvent, CellClickEvent, SelectionChangeEvent } from './types';
+type $$ComponentProps = TableProps & {
+    onsortchange?: (e: SortChangeEvent) => void;
+    onselectionchange?: (e: SelectionChangeEvent) => void;
+    onrowclick?: (e: RowClickEvent) => void;
+    oncellclick?: (e: CellClickEvent) => void;
+    oncurrentchange?: (row: any) => void;
+};
+declare const Table: import("svelte").Component<$$ComponentProps, {}, "">;
+type Table = ReturnType<typeof Table>;
+export default Table;

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

@@ -0,0 +1,4 @@
+import Table from './Table.svelte';
+export { Table };
+export type { TableProps, TableColumn, TableAlign, TableSize, SortOrder, SortChangeEvent, SelectionChangeEvent, RowClickEvent, CellClickEvent, TableActionButton, TableActionButtonType } from './types';
+export default Table;

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

@@ -0,0 +1,180 @@
+import type { Snippet } from 'svelte';
+export type TableCellComponentProps<T = any> = Record<string, any> | ((row: T, column: TableColumn<T>, cellValue: any, index: number) => Record<string, any>);
+/** 表格列对齐方式 */
+export type TableAlign = 'left' | 'center' | 'right';
+/** 表格尺寸 */
+export type TableSize = 'large' | 'default' | 'small';
+/** 排序方向 */
+export type SortOrder = 'ascending' | 'descending' | null;
+/** 操作按钮类型 */
+export type TableActionButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** 操作按钮定义 */
+export interface TableActionButton<T = any> {
+    /** 按钮文本 */
+    label: string;
+    /** 按钮类型 */
+    type?: TableActionButtonType;
+    /** 是否禁用（可为函数动态判断） */
+    disabled?: boolean | ((row: T, index: number) => boolean);
+    /** 是否隐藏（可为函数动态判断） */
+    hidden?: boolean | ((row: T, index: number) => boolean);
+    /** 点击回调 */
+    onClick: (row: T, index: number) => void;
+}
+/** 表格列定义 */
+export interface TableColumn<T = any> {
+    /** 列标识 */
+    prop?: string;
+    /** 列标题 */
+    label?: string;
+    /** 列宽度 */
+    width?: number | string;
+    /** 最小宽度 */
+    minWidth?: number | string;
+    /** 是否固定列 */
+    fixed?: 'left' | 'right' | boolean;
+    /** 对齐方式 */
+    align?: TableAlign;
+    /** 表头对齐方式 */
+    headerAlign?: TableAlign;
+    /** 是否可排序 */
+    sortable?: boolean | 'custom';
+    /** 排序方法 */
+    sortMethod?: (a: T, b: T) => number;
+    /** 排序顺序 */
+    sortOrders?: SortOrder[];
+    /** 是否显示溢出提示 */
+    showOverflowTooltip?: boolean;
+    /** 格式化函数 */
+    formatter?: (row: T, column: TableColumn<T>, cellValue: any, index: number) => string | number;
+    /**
+     * 直接渲染一个组件作为单元格内容（例如 Tag）。
+     * 适合仅需要组件 + 文本内容的场景；复杂内容请使用 render。
+     */
+    cellComponent?: any;
+    /** cellComponent 的 props（对象或函数） */
+    cellComponentProps?: TableCellComponentProps<T>;
+    /** 列类名 */
+    className?: string;
+    /** 表头类名 */
+    labelClassName?: string;
+    /** 是否可调整列宽 */
+    resizable?: boolean;
+    /** 自定义渲染单元格 */
+    render?: Snippet<[{
+        row: T;
+        column: TableColumn<T>;
+        $index: number;
+        cellValue: any;
+    }]>;
+    /** 自定义渲染表头 */
+    renderHeader?: Snippet<[{
+        column: TableColumn<T>;
+        $index: number;
+    }]>;
+    /** 子列（用于多级表头） */
+    children?: TableColumn<T>[];
+    /** 列类型 */
+    type?: 'selection' | 'index' | 'expand' | 'actions';
+    /** 索引起始值（type=index 时有效） */
+    index?: number | ((index: number) => number);
+    /** 是否可选中（type=selection 时有效） */
+    selectable?: (row: T, index: number) => boolean;
+    /** 操作按钮列表（type=actions 时有效） */
+    actions?: TableActionButton<T>[];
+}
+/** 表格属性 */
+export interface TableProps<T = any> {
+    /** 表格数据 */
+    data?: T[];
+    /** 列定义 */
+    columns?: TableColumn<T>[];
+    /** 行唯一标识字段 */
+    rowKey?: string | ((row: T) => string | number);
+    /** 表格高度 */
+    height?: number | string;
+    /** 表格最大高度 */
+    maxHeight?: number | string;
+    /** 是否显示斑马纹 */
+    stripe?: boolean;
+    /** 是否显示边框 */
+    border?: boolean;
+    /** 表格尺寸 */
+    size?: TableSize;
+    /** 列宽是否自撑开 */
+    fit?: boolean;
+    /** 是否高亮当前行 */
+    highlightCurrentRow?: boolean;
+    /** 当前选中行 */
+    currentRowKey?: string | number;
+    /** 行类名 */
+    rowClassName?: string | ((row: T, rowIndex: number) => string);
+    /** 行样式 */
+    rowStyle?: string | Record<string, string> | ((row: T, rowIndex: number) => Record<string, string>);
+    /** 单元格类名 */
+    cellClassName?: string | ((row: T, column: TableColumn<T>, rowIndex: number, columnIndex: number) => string);
+    /** 单元格样式 */
+    cellStyle?: string | Record<string, string> | ((row: T, column: TableColumn<T>, rowIndex: number, columnIndex: number) => Record<string, string>);
+    /** 表头行类名 */
+    headerRowClassName?: string | ((column: TableColumn<T>, columnIndex: number) => string);
+    /** 表头行样式 */
+    headerRowStyle?: string | Record<string, string> | ((column: TableColumn<T>, columnIndex: number) => Record<string, string>);
+    /** 表头单元格类名 */
+    headerCellClassName?: string | ((column: TableColumn<T>, columnIndex: number) => string);
+    /** 表头单元格样式 */
+    headerCellStyle?: string | Record<string, string> | ((column: TableColumn<T>, columnIndex: number) => Record<string, string>);
+    /** 空数据提示文本 */
+    emptyText?: string;
+    /** 默认展开所有行 */
+    defaultExpandAll?: boolean;
+    /** 展开行 keys */
+    expandRowKeys?: (string | number)[];
+    /** 默认排序 */
+    defaultSort?: {
+        prop: string;
+        order: SortOrder;
+    };
+    /** Tooltip 效果 */
+    tooltipEffect?: 'dark' | 'light';
+    /** Tooltip 配置 */
+    tooltipOptions?: {
+        placement?: 'top' | 'bottom' | 'left' | 'right';
+        showArrow?: boolean;
+        effect?: 'dark' | 'light';
+    };
+    /** 是否显示表头 */
+    showHeader?: boolean;
+    /** 选中行 keys（多选模式） */
+    selectedRowKeys?: (string | number)[];
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义空数据内容 */
+    empty?: Snippet;
+    /** 其他属性 */
+    [key: string]: unknown;
+}
+/** 排序变更事件参数 */
+export interface SortChangeEvent<T = any> {
+    column: TableColumn<T>;
+    prop: string;
+    order: SortOrder;
+}
+/** 选择变更事件参数 */
+export interface SelectionChangeEvent<T = any> {
+    selection: T[];
+}
+/** 行点击事件参数 */
+export interface RowClickEvent<T = any> {
+    row: T;
+    column: TableColumn<T>;
+    event: MouseEvent;
+}
+/** 单元格点击事件参数 */
+export interface CellClickEvent<T = any> {
+    row: T;
+    column: TableColumn<T>;
+    cell: HTMLElement;
+    event: MouseEvent;
+}

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

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+interface TabPaneProps {
+    name: string;
+    label?: string | Snippet | ((...args: any[]) => any);
+    disabled?: boolean;
+    closable?: boolean;
+    onclose?: () => void;
+    children?: Snippet;
+    class?: string;
+}
+declare const TabPane: import("svelte").Component<TabPaneProps, {}, "">;
+type TabPane = ReturnType<typeof TabPane>;
+export default TabPane;

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

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+interface TabsProps {
+    modelValue?: string;
+    type?: 'line' | 'card' | 'button' | 'editable';
+    size?: 'small' | 'medium' | 'large';
+    editable?: boolean;
+    onadd?: () => void;
+    children?: Snippet;
+    class?: string;
+}
+declare const Tabs: import("svelte").Component<TabsProps, {}, "modelValue">;
+type Tabs = ReturnType<typeof Tabs>;
+export default Tabs;

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

@@ -0,0 +1,11 @@
+export declare const TABS_CONTEXT_KEY: unique symbol;
+export interface TabsRegisterPayload {
+    name: string;
+    label?: string;
+    disabled?: boolean;
+}
+export interface TabsContext {
+    readonly active: string;
+    register: (pane: TabsRegisterPayload) => void;
+    unregister: (name: string) => void;
+}

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

@@ -0,0 +1,3 @@
+export { default as Tabs } from './Tabs.svelte';
+export { default as TabPane } from './TabPane.svelte';
+export type { TabsProps, TabPaneProps, TabsType, TabsSize } from './types';

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

@@ -0,0 +1,39 @@
+import type { Snippet } from 'svelte';
+/** Tabs 类型 */
+export type TabsType = 'line' | 'card' | 'button' | 'editable';
+/** Tabs 尺寸 */
+export type TabsSize = 'small' | 'medium' | 'large';
+/** Tabs 属性 */
+export interface TabsProps {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 类型 */
+    type?: TabsType;
+    /** 尺寸 */
+    size?: TabsSize;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 添加回调 */
+    onadd?: () => void;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}
+/** TabPane 属性 */
+export interface TabPaneProps {
+    /** 唯一标识 */
+    name: string;
+    /** 标签 */
+    label?: string | Snippet | ((...args: any[]) => any);
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 关闭回调 */
+    onclose?: () => void;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

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

@@ -0,0 +1,13 @@
+import type { Snippet } from 'svelte';
+interface TagProps {
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    size?: 'small' | 'medium' | 'large';
+    round?: boolean;
+    closable?: boolean;
+    children?: Snippet;
+    onclose?: () => void;
+    class?: string;
+}
+declare const Tag: import("svelte").Component<TagProps, {}, "">;
+type Tag = ReturnType<typeof Tag>;
+export default Tag;

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

@@ -0,0 +1,4 @@
+import Tag from './Tag.svelte';
+export { Tag };
+export type { TagProps, TagType, TagSize } from './types';
+export default Tag;

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

@@ -0,0 +1,22 @@
+import type { Snippet } from 'svelte';
+/** Tag 类型 */
+export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+/** Tag 尺寸 */
+export type TagSize = 'small' | 'medium' | 'large';
+/** Tag 属性 */
+export interface TagProps {
+    /** 类型 */
+    type?: TagType;
+    /** 尺寸 */
+    size?: TagSize;
+    /** 是否圆角 */
+    round?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 子内容 */
+    children?: Snippet;
+    /** 关闭回调 */
+    onclose?: () => void;
+    /** 自定义类名 */
+    class?: string;
+}

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

@@ -0,0 +1,16 @@
+interface TextareaProps {
+    value?: string;
+    rows?: number;
+    autosize?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    maxlength?: number;
+    oninput?: (value: string) => void;
+    onchange?: (value: string) => void;
+    class?: string;
+}
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

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

@@ -0,0 +1,4 @@
+import Textarea from './Textarea.svelte';
+export { Textarea };
+export type { TextareaProps } from './types';
+export default Textarea;

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

@@ -0,0 +1,25 @@
+/** Textarea 属性 */
+export interface TextareaProps {
+    /** 绑定值 */
+    value?: string;
+    /** 行数 */
+    rows?: number;
+    /** 是否自适应高度 */
+    autosize?: boolean;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 最大长度 */
+    maxlength?: number;
+    /** 输入事件 */
+    oninput?: (value: string) => void;
+    /** 变化事件 */
+    onchange?: (value: string) => void;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/components/TimePicker/TimePicker.svelte.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    readonly?: boolean;
+    format?: string;
+    size?: 'small' | 'default' | 'large';
+    showMenuArrow?: boolean;
+    class?: string;
+}
+declare const TimePicker: import("svelte").Component<Props, {}, "modelValue">;
+type TimePicker = ReturnType<typeof TimePicker>;
+export default TimePicker;